refactor: update naming (#5951)

replace all "mainFlow" with "experience"
logto-io · May 31, 2024 · 3927e66 · 3927e66
1 parent d6bb547
commit 3927e66
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 16 deletions.
diff --git a/...nents/MainFlowLikeModal/index.module.scss → ...nts/ExperienceLikeModal/index.module.scss b/...nents/MainFlowLikeModal/index.module.scss → ...nts/ExperienceLikeModal/index.module.scss
diff --git a/...le/components/MainFlowLikeModal/index.tsx → .../components/ExperienceLikeModal/index.tsx b/...le/components/MainFlowLikeModal/index.tsx → .../components/ExperienceLikeModal/index.tsx
@@ -20,7 +20,14 @@ type Props = PropsWithChildren<{
  readonly onGoBack?: () => void;
 }>;
 
-function MainFlowLikeModal({ title, subtitle, subtitleProps, children, onClose, onGoBack }: Props) {
+function ExperienceLikeModal({
+ title,
+ subtitle,
+ subtitleProps,
+ children,
+ onClose,
+ onGoBack,
+}: Props) {
  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
  const navigate = useNavigate();
 
@@ -58,4 +65,4 @@ function MainFlowLikeModal({ title, subtitle, subtitleProps, children, onClose,
  );
 }
 
-export default MainFlowLikeModal;
+export default ExperienceLikeModal;
diff --git a/packages/console/src/pages/Profile/containers/ChangePasswordModal/index.tsx b/packages/console/src/pages/Profile/containers/ChangePasswordModal/index.tsx
@@ -14,7 +14,7 @@ import { useStaticApi } from '@/hooks/use-api';
 import { useConfirmModal } from '@/hooks/use-confirm-modal';
 import useTenantPathname from '@/hooks/use-tenant-pathname';
 
-import MainFlowLikeModal from '../../components/MainFlowLikeModal';
+import ExperienceLikeModal from '../../components/ExperienceLikeModal';
 import { handleError } from '../../utils';
 
 type FormFields = {
@@ -88,7 +88,7 @@ function ChangePasswordModal() {
  };
 
  return (
- <MainFlowLikeModal title="profile.password.set_password" onClose={onClose} onGoBack={onClose}>
+ <ExperienceLikeModal title="profile.password.set_password" onClose={onClose} onGoBack={onClose}>
  <TextInput
  placeholder={t('profile.password.password')}
  {...register('newPassword', {
@@ -143,7 +143,7 @@ function ChangePasswordModal() {
  isLoading={isSubmitting}
  onClick={onSubmit}
  />
- </MainFlowLikeModal>
+ </ExperienceLikeModal>
  );
 }
 

diff --git a/packages/console/src/pages/Profile/containers/LinkEmailModal/index.tsx b/packages/console/src/pages/Profile/containers/LinkEmailModal/index.tsx
@@ -10,7 +10,7 @@ import { useStaticApi } from '@/hooks/use-api';
 import useTenantPathname from '@/hooks/use-tenant-pathname';
 import { trySubmitSafe } from '@/utils/form';
 
-import MainFlowLikeModal from '../../components/MainFlowLikeModal';
+import ExperienceLikeModal from '../../components/ExperienceLikeModal';
 import { parseLocationState } from '../../utils';
 
 type EmailForm = {
@@ -50,7 +50,7 @@ function LinkEmailModal() {
  const { email: currentEmail } = parseLocationState(state);
 
  return (
- <MainFlowLikeModal
+ <ExperienceLikeModal
  title="profile.link_account.link_email"
  subtitle="profile.link_account.link_email_subtitle"
  onClose={onClose}
@@ -80,7 +80,7 @@ function LinkEmailModal() {
  isLoading={isSubmitting}
  onClick={onSubmit}
  />
- </MainFlowLikeModal>
+ </ExperienceLikeModal>
  );
 }
 

diff --git a/packages/console/src/pages/Profile/containers/VerificationCodeModal/index.tsx b/packages/console/src/pages/Profile/containers/VerificationCodeModal/index.tsx
@@ -14,7 +14,7 @@ import { useConfirmModal } from '@/hooks/use-confirm-modal';
 import useCurrentUser from '@/hooks/use-current-user';
 import useTenantPathname from '@/hooks/use-tenant-pathname';
 
-import MainFlowLikeModal from '../../components/MainFlowLikeModal';
+import ExperienceLikeModal from '../../components/ExperienceLikeModal';
 import { handleError, parseLocationState } from '../../utils';
 
 import * as styles from './index.module.scss';
@@ -110,7 +110,7 @@ function VerificationCodeModal() {
  }, [code, onSubmit]);
 
  return (
- <MainFlowLikeModal
+ <ExperienceLikeModal
  title="profile.code.enter_verification_code"
  subtitle="profile.code.enter_verification_code_subtitle"
  subtitleProps={conditional(email && { target: email })}
@@ -153,7 +153,7 @@ function VerificationCodeModal() {
  {t('profile.password.verify_via_password')}
  </TextLink>
  )}
- </MainFlowLikeModal>
+ </ExperienceLikeModal>
  );
 }
 

diff --git a/packages/console/src/pages/Profile/containers/VerifyPasswordModal/index.tsx b/packages/console/src/pages/Profile/containers/VerifyPasswordModal/index.tsx
@@ -14,7 +14,7 @@ import TextLink from '@/ds-components/TextLink';
 import { useStaticApi } from '@/hooks/use-api';
 import useTenantPathname from '@/hooks/use-tenant-pathname';
 
-import MainFlowLikeModal from '../../components/MainFlowLikeModal';
+import ExperienceLikeModal from '../../components/ExperienceLikeModal';
 import { handleError, parseLocationState } from '../../utils';
 
 import * as styles from './index.module.scss';
@@ -69,7 +69,7 @@ function VerifyPasswordModal() {
  };
 
  return (
- <MainFlowLikeModal
+ <ExperienceLikeModal
  title="profile.password.enter_password"
  subtitle="profile.password.enter_password_subtitle"
  onClose={onClose}
@@ -116,7 +116,7 @@ function VerifyPasswordModal() {
  {t('profile.code.verify_via_code')}
  </TextLink>
  )}
- </MainFlowLikeModal>
+ </ExperienceLikeModal>
  );
 }
 

diff --git a/packages/core/src/middleware/koa-security-headers.ts b/packages/core/src/middleware/koa-security-headers.ts
@@ -72,7 +72,7 @@ export default function koaSecurityHeaders<StateT, ContextT, ResponseBodyT>(
  };
 
  // @ts-expect-error: helmet typings has lots of {A?: T, B?: never} | {A?: never, B?: T} options definitions. Optional settings type can not inferred correctly.
- const mainFlowUiSecurityHeaderSettings: HelmetOptions = {
+ const experienceSecurityHeaderSettings: HelmetOptions = {
  ...basicSecurityHeaderSettings,
  // WARNING: high risk Need to allow self hosted terms of use page loaded in an iframe
  frameguard: false,
@@ -145,7 +145,7 @@ export default function koaSecurityHeaders<StateT, ContextT, ResponseBodyT>(
  }
 
  // Main flow UI
- await helmetPromise(mainFlowUiSecurityHeaderSettings, req, res);
+ await helmetPromise(experienceSecurityHeaderSettings, req, res);
 
  return next();
  };