{"version":3,"file":"static/chunks/pages/settings/account/mfa-7f8ee55ac6938d2c.js","mappings":"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","sources":["webpack://_N_E/?f9eb","webpack://_N_E/./src/components/essentials/list/ListItem/ListItem.tsx","webpack://_N_E/./src/components/essentials/list/ListItem/index.ts","webpack://_N_E/./src/components/essentials/modal/Modal.tsx","webpack://_N_E/./src/components/essentials/modal/ModalContent.tsx","webpack://_N_E/./src/components/essentials/modal/hooks.tsx","webpack://_N_E/./src/components/fragments/apollo/loader/skeleton/Skeleton.tsx","webpack://_N_E/./src/components/fragments/button/app-button/ios-app-button/IosAppButton.tsx","webpack://_N_E/./src/components/fragments/button/app-button/android-app-button/AndroidAppButton.tsx","webpack://_N_E/./src/components/fragments/button/app-button/AppButton.tsx","webpack://_N_E/./src/components/fragments/card/base-card/BaseCard.tsx","webpack://_N_E/./src/components/fragments/card/base-card/index.ts","webpack://_N_E/./src/components/fragments/card/confirm-card/ConfirmCard.tsx","webpack://_N_E/./src/components/fragments/card/confirm-card/index.ts","webpack://_N_E/./src/modules/utils/copy-to-clipboard.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/modal/MfaConfirmModal.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/on-screen/OnScreen.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/on-screen/index.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/password-auth-form/__gql__/verify-password.gen.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/password-auth-form/PasswordAuthForm.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/password-auth-form/index.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/activating/__gql__/activate-mfa.gen.ts","webpack://_N_E/./src/components/fragments/qrcode/create-qrcode/QrCode.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/activating/const.ts","webpack://_N_E/./src/components/fragments/button/clipboard-button/const.ts","webpack://_N_E/./src/components/fragments/button/clipboard-button/ClipboardButton.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/activating/Activating.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/activating/index.ts","webpack://_N_E/./src/components/fragments/button/download-txt-button/const.ts","webpack://_N_E/./src/components/fragments/button/download-txt-button/DownloadTxtButton.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/completed/Completed.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/completed/index.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/on-process/const.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/on-process/__gql__/generate-mfa-activate-key.gen.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/on-process/OnProcess.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/on-process/index.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/off-screen/OffScreen.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/off-screen/index.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/off-process/__gql__/deactivate-mfa.gen.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/off-process/__gql__/reissue-recovery-code.gen.ts","webpack://_N_E/./src/pages/settings/account/mfa/__components__/off-process/OffProcess.tsx","webpack://_N_E/./src/pages/settings/account/mfa/__components__/off-process/index.ts","webpack://_N_E/./src/pages/settings/account/mfa/__gql__/get-me.gen.ts","webpack://_N_E/./src/pages/settings/account/mfa/index.page.tsx","webpack://_N_E/./assets/images/password.svg","webpack://_N_E/./assets/images/unlocked.svg","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/settings/account/mfa\",\n      function () {\n        return require(\"private-next-pages/settings/account/mfa/index.page.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/settings/account/mfa\"])\n      });\n    }\n  ","import { type ReactNode, type ForwardedRef } from \"react\";\nimport { ListItem as ChakraListItem, type ListItemProps as ChakraListItemProps, forwardRef } from \"@chakra-ui/react\";\n\nexport interface ListItemProps extends ChakraListItemProps {\n  readonly children?: ReactNode;\n}\n\nexport const ListItem = forwardRef<ListItemProps, \"li\">(({ children, ...rest }, ref: ForwardedRef<HTMLLIElement>) => {\n  return (\n    // スタイルのバリエーションが増えたら https://chakra-ui.com/docs/styled-system/theming/component-style#styling-multipart-components を活用する\n    <ChakraListItem fontSize=\"0.875rem\" lineHeight=\"180%\" ref={ref} {...rest}>\n      {children}\n    </ChakraListItem>\n  );\n});\n","export * from \"./ListItem\";\n","import { type ModalProps as ChakraModalProps, Modal as ChakraModal, ModalOverlay } from \"@chakra-ui/react\";\nimport { type FC } from \"react\";\nimport { modalOverlayTestId, modalTestId } from \"./const\";\n\nexport type ModalProps = ChakraModalProps;\n\nexport const Modal: FC<ModalProps> = ({ children, ...rest }) => {\n  return (\n    <ChakraModal data-testid={modalTestId} {...rest}>\n      <ModalOverlay data-testid={modalOverlayTestId} />\n      {children}\n    </ChakraModal>\n  );\n};\n","import { type FC } from \"react\";\nimport {\n  ModalContent as ChakraModalContent,\n  type ModalContentProps as ChakraModalContentProps,\n  ModalCloseButton,\n} from \"@chakra-ui/react\";\nimport { modalCloseButtonTestId, modalContentTestId } from \"./const\";\n\nexport interface ModalContentProps extends ChakraModalContentProps {\n  closeButton?: boolean;\n}\nexport const ModalContent: FC<ModalContentProps> = ({ closeButton = true, children, ...rest }) => {\n  return (\n    <ChakraModalContent mx=\"2.75rem\" data-testid={modalContentTestId} {...rest}>\n      {closeButton && <ModalCloseButton data-testid={modalCloseButtonTestId} />}\n      {children}\n    </ChakraModalContent>\n  );\n};\n","import {\n  useDisclosure as useChakraDisclosure,\n  type UseDisclosureProps,\n  type UseDisclosureReturn,\n} from \"@chakra-ui/react\";\n\nexport const useDisclosure = (props?: UseDisclosureProps): UseDisclosureReturn => useChakraDisclosure(props);\n","import { type FC } from \"react\";\nimport { Skeleton as ChakraSkeleton, type SkeletonProps as ChakraSkeleteonProps } from \"@chakra-ui/react\";\nimport { skeletonTestId } from \"./const\";\n\nexport type SkeletonProps = ChakraSkeleteonProps;\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n  return <ChakraSkeleton data-testid={skeletonTestId} fadeDuration={0.2} speed={0.6} {...props} />;\n};\n","import Link from \"next/link\";\nimport { Button } from \"@/components/essentials/button\";\nimport { type FC } from \"react\";\nimport { IosAppButtonTestId } from \"./const\";\n\ninterface IosAppButtonProps {\n  readonly label: string;\n  readonly appleName: string;\n  readonly appleId: string;\n  readonly nation?: string;\n}\n\nexport const IosAppButton: FC<IosAppButtonProps> = ({ label, appleName, appleId, nation = \"jp\" }) => {\n  const uri = `https://apps.apple.com/${nation}/app/${appleName}/${appleId}`;\n  return (\n    <Link passHref href={uri}>\n      <Button data-testid={IosAppButtonTestId} as=\"a\" w=\"100%\" size=\"lg\" styleVariant=\"secondary\">\n        {label}\n      </Button>\n    </Link>\n  );\n};\n","import Link from \"next/link\";\nimport { Button } from \"@/components/essentials/button\";\nimport { type FC } from \"react\";\nimport { AndroidAppButtonTestId } from \"./const\";\n\ninterface AndroidAppButtonProps {\n  readonly label: string;\n  readonly playStoreId: string;\n}\n\nexport const AndroidAppButton: FC<AndroidAppButtonProps> = ({ label, playStoreId }) => {\n  const uri = `https://play.google.com/store/apps/details?id=${playStoreId}`;\n  return (\n    <Link passHref href={uri}>\n      <Button data-testid={AndroidAppButtonTestId} as=\"a\" w=\"100%\" size=\"lg\" styleVariant=\"secondary\">\n        {label}\n      </Button>\n    </Link>\n  );\n};\n","import { IosAppButton } from \"./ios-app-button/IosAppButton\";\nimport { AndroidAppButton } from \"./android-app-button/AndroidAppButton\";\nimport { type FC } from \"react\";\n\ninterface AppButtonProps {\n  readonly label: string;\n  readonly appleName: string;\n  readonly appleId: string;\n  readonly playStoreId: string;\n}\n\nexport const AppButton: FC<AppButtonProps> = ({ label, appleName, appleId, playStoreId }) => {\n  const useragent = window.navigator.userAgent.toLowerCase();\n  const isIos = (): boolean => {\n    return useragent.indexOf(\"iphone\") > 0 || useragent.indexOf(\"ipad\") > 0;\n  };\n  const isAndroid = (): boolean => {\n    return useragent.indexOf(\"android\") > 0;\n  };\n  return (\n    <>\n      {isIos() && <IosAppButton label={label} appleName={appleName} appleId={appleId} />}\n      {isAndroid() && <AndroidAppButton label={label} playStoreId={playStoreId} />}\n    </>\n  );\n};\n","import { type BoxProps } from \"@chakra-ui/react\";\nimport { Box } from \"@/components/essentials/box\";\nimport { type ReactNode, type FC } from \"react\";\n\nexport interface BaseCardProps extends BoxProps {\n  children: ReactNode;\n}\n\nexport const BaseCard: FC<BaseCardProps> = ({ children, ...rest }) => {\n  return (\n    <Box p=\"1.5rem\" borderRadius=\"0.5rem\" bgColor=\"mono.light.100\" {...rest}>\n      {children}\n    </Box>\n  );\n};\n","export * from \"./BaseCard\";\n","import { type BaseCardProps, BaseCard } from \"@/components/fragments/card/base-card\";\nimport { VStack } from \"@chakra-ui/react\";\nimport { type FC, type ReactNode } from \"react\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { Button, type ButtonProps } from \"@/components/essentials/button\";\nimport { confirmCardOkButtonTestId, confirmCardCancelButtonTestId } from \"./const\";\n\nexport interface ConfirmCardProps extends Omit<BaseCardProps, \"children\"> {\n  headerImage?: ReactNode;\n  headerMessage?: string;\n  message?: string | ReactNode;\n  okButtonLabel: string;\n  cancelButtonLabel: string;\n  okButtonProps?: Omit<ButtonProps, \"children\">;\n  cancelButtonProps?: Omit<ButtonProps, \"children\">;\n}\n\nexport const ConfirmCard: FC<ConfirmCardProps> = ({\n  headerImage,\n  headerMessage,\n  message,\n  cancelButtonLabel,\n  okButtonLabel,\n  okButtonProps,\n  cancelButtonProps,\n  ...rest\n}) => {\n  return (\n    <BaseCard {...rest}>\n      <VStack justifyContent=\"center\" alignItems=\"center\">\n        {headerImage}\n        <Typography variant=\"display6\">{headerMessage}</Typography>\n        <Typography textAlign=\"center\" variant=\"text4\" color=\"gray.dark\" whiteSpace=\"pre-wrap\">\n          {message}\n        </Typography>\n        <VStack w=\"100%\">\n          <Button data-testid={confirmCardOkButtonTestId} styleVariant=\"secondary\" w=\"100%\" {...okButtonProps}>\n            {okButtonLabel}\n          </Button>\n          <Button data-testid={confirmCardCancelButtonTestId} styleVariant=\"mono\" w=\"100%\" {...cancelButtonProps}>\n            {cancelButtonLabel}\n          </Button>\n        </VStack>\n      </VStack>\n    </BaseCard>\n  );\n};\n","export * from \"./ConfirmCard\";\n","import copyToClipboard from \"copy-to-clipboard\";\n\n// copy-to-clipboard が mock とか spyOn しづらいからラップする\n// module.exports = copy とかどう mock すればいいのプンってなった\nexport const copy = copyToClipboard;\n","import { type FC } from \"react\";\nimport { Modal, ModalContent } from \"@/components/essentials/modal\";\nimport { ConfirmCard } from \"@/components/fragments/card/confirm-card\";\nimport Image from \"next/image\";\nimport password from \"~/assets/images/password.svg\";\n\nexport interface MfaConfirmModalProps {\n  readonly isOpen: boolean;\n  readonly onClose: () => void;\n  readonly handleConfirm: () => void;\n  readonly headerMessage: string;\n  readonly okButtonLabel: string;\n  readonly cancelButtonLabel?: string;\n}\n\nexport const MfaConfirmModal: FC<MfaConfirmModalProps> = ({\n  isOpen,\n  onClose,\n  handleConfirm,\n  headerMessage,\n  okButtonLabel,\n  cancelButtonLabel = \"閉じる\",\n}) => {\n  return (\n    <Modal onClose={onClose} isOpen={isOpen}>\n      <ModalContent>\n        <ConfirmCard\n          headerImage={<Image alt=\"password\" src={password} width={48} height={48} />}\n          headerMessage={headerMessage}\n          okButtonLabel={okButtonLabel}\n          cancelButtonLabel={cancelButtonLabel}\n          cancelButtonProps={{\n            type: \"submit\",\n            onClick: () => {\n              onClose();\n            },\n          }}\n          okButtonProps={{\n            type: \"submit\",\n            onClick: () => {\n              handleConfirm();\n            },\n          }}\n        />\n      </ModalContent>\n    </Modal>\n  );\n};\n","import { type FC } from \"react\";\nimport { Center, Image, Flex } from \"@chakra-ui/react\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport Unlocked from \"~/assets/images/unlocked.svg\";\nimport { Box } from \"@/components/essentials/box\";\nimport Link from \"next/link\";\nimport { Button, TextButton } from \"@/components/essentials/button\";\nimport { pagesPath } from \"@/pathpida/generated/$path\";\nimport { useDisclosure } from \"@/components/essentials/modal\";\nimport { MfaConfirmModal } from \"@/pages/settings/account/mfa/__components__/modal/MfaConfirmModal\";\nimport { onScreenTestId, submitButtonTestId, backButtonTestId } from \"./const\";\nimport { toysubMfaQAUrl } from \"@/configs/externalUrls\";\n\ninterface OnScreenProps {\n  readonly onClick: () => void;\n}\n\nexport const OnScreen: FC<OnScreenProps> = ({ onClick }) => {\n  const { isOpen: isOpenConfirm, onOpen: onOpenConfirm, onClose: onCloseConfirm } = useDisclosure();\n\n  return (\n    <Flex ml=\"0.5rem\" mt=\"2.6rem\" flexDir=\"column\" gridGap=\"1.5rem\" data-testid={onScreenTestId}>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Typography variant=\"display3\">二段階認証がオフです</Typography>\n      </Box>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Center>\n          <Image src={Unlocked} alt=\"unlocked\" width={24} height={24} />\n        </Center>\n      </Box>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Typography variant=\"text4\" color=\"mono.dark.26\">\n          トイサブ！マイページのサインインでは、二段階認証を設定することができます。（※二段階認証のご利用にはスマートフォンが必要となります）\n          二段階認証をオンにすると、セキュリティをさらに強化でき、第三者による不正ログインの防止に有効ですので、設定することをおすすめします。\n        </Typography>\n      </Box>\n      <Link href={toysubMfaQAUrl} passHref>\n        <TextButton as=\"a\" color=\"ui.green.main\" size=\"sm\" alignSelf=\"flex-end\">\n          二段階認証の詳細はこちら\n        </TextButton>\n      </Link>\n      <Button styleVariant=\"secondary\" w=\"100%\" onClick={onOpenConfirm} data-testid={submitButtonTestId}>\n        二段階認証をオンにする\n      </Button>\n      <MfaConfirmModal\n        isOpen={isOpenConfirm}\n        onClose={onCloseConfirm}\n        handleConfirm={onClick}\n        headerMessage=\"二段階認証をオンにしますか？\"\n        okButtonLabel=\"オンにする\"\n      />\n      <Link passHref href={pagesPath.$url()}>\n        <Button as=\"a\" w=\"100%\" mt=\"2.75rem\" styleVariant=\"mono\" data-testid={backButtonTestId}>\n          マイページTOPへ\n        </Button>\n      </Link>\n    </Flex>\n  );\n};\n","export { OnScreen } from \"./OnScreen\";\n","// @ts-nocheck\nimport * as Types from '../../../../../../../gql/generated/graphql.gen';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nconst defaultOptions = {} as const;\nexport type VerifyPasswordMutationVariables = Types.Exact<{\n  password: Types.Scalars['String']['input'];\n}>;\n\n\nexport type VerifyPasswordMutation = { __typename?: 'Mutation', verifyPassword: boolean };\n\n\nexport const VerifyPasswordDocument = gql`\n    mutation verifyPassword($password: String!) {\n  verifyPassword(password: $password)\n}\n    `;\nexport type VerifyPasswordMutationFn = Apollo.MutationFunction<VerifyPasswordMutation, VerifyPasswordMutationVariables>;\n\n/**\n * __useVerifyPasswordMutation__\n *\n * To run a mutation, you first call `useVerifyPasswordMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useVerifyPasswordMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [verifyPasswordMutation, { data, loading, error }] = useVerifyPasswordMutation({\n *   variables: {\n *      password: // value for 'password'\n *   },\n * });\n */\nexport function useVerifyPasswordMutation(baseOptions?: Apollo.MutationHookOptions<VerifyPasswordMutation, VerifyPasswordMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<VerifyPasswordMutation, VerifyPasswordMutationVariables>(VerifyPasswordDocument, options);\n      }\nexport type VerifyPasswordMutationHookResult = ReturnType<typeof useVerifyPasswordMutation>;\nexport type VerifyPasswordMutationResult = Apollo.MutationResult<VerifyPasswordMutation>;\nexport type VerifyPasswordMutationOptions = Apollo.BaseMutationOptions<VerifyPasswordMutation, VerifyPasswordMutationVariables>;","import { type FC, useCallback } from \"react\";\nimport { useVerifyPasswordMutation } from \"./__gql__/verify-password.gen\";\nimport { useApolloError } from \"@/hooks/useApolloError\";\nimport { type PasswordFormValue } from \"@/components/fragments/forms/password-form/type\";\nimport { useForm, FormProvider } from \"react-hook-form\";\nimport { PasswordForm } from \"@/components/fragments/forms/password-form\";\nimport { Flex } from \"@chakra-ui/react\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { Box } from \"@/components/essentials/box\";\nimport { Button } from \"@/components/essentials/button\";\nimport { type SigninFormValues } from \"@/pages/signin/__components__/signin-forms/type\";\nimport { titleTestId, commentTestId, submitButtonTestId, backButtonTestId } from \"./const\";\n\ninterface PasswordAuthFormProps {\n  readonly onSubmit: () => void;\n  readonly onBack: () => void;\n}\n\nexport const PasswordAuthForm: FC<PasswordAuthFormProps> = ({ onSubmit, onBack }) => {\n  const [verifyPasswordMutation, resultVerifyPasswordMutation] = useVerifyPasswordMutation();\n  useApolloError(resultVerifyPasswordMutation.error);\n\n  const handlePasswordAuth = useCallback(\n    async ({ password }: PasswordFormValue): Promise<void> => {\n      const { data } = await verifyPasswordMutation({\n        variables: {\n          password,\n        },\n        // biome-ignore lint/suspicious/noEmptyBlockStatements :[AUTOMATICALLY-INSERTED] Unexpected empty block.\n        onError: () => {},\n      });\n\n      if (data?.verifyPassword) {\n        onSubmit();\n      }\n    },\n    [verifyPasswordMutation, onSubmit],\n  );\n\n  const passwordMethods = useForm<SigninFormValues>({\n    mode: \"all\",\n  });\n\n  return (\n    <Flex flexDir=\"column\" gridGap=\"1.5rem\" alignItems=\"flex-start\">\n      <Box>\n        <Typography variant=\"display3\" data-testid={titleTestId}>\n          二段階認証の変更\n        </Typography>\n        <Typography variant=\"text4\" color=\"gray.dark\" data-testid={commentTestId}>\n          二段階認証のオン /\n          オフ、リカバリーコードの再発行には、パスワードの認証が必要です。トイサブ！マイページにサインインする際のパスワードを入力してください。\n        </Typography>\n      </Box>\n      <Box textAlign=\"center\" w=\"100%\">\n        <FormProvider {...passwordMethods}>\n          <form\n            onSubmit={(e) => {\n              // biome-ignore lint/complexity/noVoid :[AUTOMATICALLY-INSERTED] The use of void is not allowed.\n              void passwordMethods.handleSubmit(handlePasswordAuth)(e);\n            }}\n          >\n            <PasswordForm />\n            <Button\n              isLoading={resultVerifyPasswordMutation.loading}\n              type=\"submit\"\n              size=\"lg\"\n              w=\"100%\"\n              mt=\"1.0rem\"\n              styleVariant=\"secondary\"\n              disabled={!passwordMethods.formState.isValid || resultVerifyPasswordMutation.loading}\n              data-testid={submitButtonTestId}\n            >\n              認証する\n            </Button>\n          </form>\n        </FormProvider>\n      </Box>\n      <Button size=\"lg\" w=\"100%\" styleVariant=\"mono\" onClick={onBack} data-testid={backButtonTestId}>\n        戻る\n      </Button>\n    </Flex>\n  );\n};\n","export { PasswordAuthForm } from \"./PasswordAuthForm\";\n","// @ts-nocheck\nimport * as Types from '../../../../../../../gql/generated/graphql.gen';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nconst defaultOptions = {} as const;\nexport type ActivateMfaMutationVariables = Types.Exact<{\n  mfaCode: Types.Scalars['String']['input'];\n}>;\n\n\nexport type ActivateMfaMutation = { __typename?: 'Mutation', activateMfa: Array<string> };\n\n\nexport const ActivateMfaDocument = gql`\n    mutation activateMfa($mfaCode: String!) {\n  activateMfa(mfaCode: $mfaCode)\n}\n    `;\nexport type ActivateMfaMutationFn = Apollo.MutationFunction<ActivateMfaMutation, ActivateMfaMutationVariables>;\n\n/**\n * __useActivateMfaMutation__\n *\n * To run a mutation, you first call `useActivateMfaMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useActivateMfaMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [activateMfaMutation, { data, loading, error }] = useActivateMfaMutation({\n *   variables: {\n *      mfaCode: // value for 'mfaCode'\n *   },\n * });\n */\nexport function useActivateMfaMutation(baseOptions?: Apollo.MutationHookOptions<ActivateMfaMutation, ActivateMfaMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<ActivateMfaMutation, ActivateMfaMutationVariables>(ActivateMfaDocument, options);\n      }\nexport type ActivateMfaMutationHookResult = ReturnType<typeof useActivateMfaMutation>;\nexport type ActivateMfaMutationResult = Apollo.MutationResult<ActivateMfaMutation>;\nexport type ActivateMfaMutationOptions = Apollo.BaseMutationOptions<ActivateMfaMutation, ActivateMfaMutationVariables>;","import { type FC } from \"react\";\nimport QRCode from \"qrcode.react\";\nimport { QrCodeTestId } from \"./const\";\n\ninterface QrCodeProps {\n  readonly uri: string;\n}\n\nexport const QrCode: FC<QrCodeProps> = ({ uri }) => {\n  return <QRCode data-testid={QrCodeTestId} value={uri} level=\"M\" />;\n};\n","import { type ActivatingFormValues } from \"./type\";\n\nexport const defaultValuesActivatingForm: ActivatingFormValues = {\n  mfaCode: \"\",\n};\n\nexport const activatingTestId = \"pages/settings/account/mfa/__components__/activating/Activating\";\nexport const submitButtonTestId = \"pages/settings/account/mfa/__components__/activating/Activating/SubmitButton\";\nexport const qrCodeTestId = \"pages/settings/account/mfa/__components__/activating/Activating/QrCode\";\nexport const copyClipboardTestId = \"pages/settings/account/mfa/__components__/activating/Activating/CopyClipboard\";\n","export const copyButtonTestId = \"components/fragments/button/clipboard-button/CopyButton\";\nexport const copyToastTestId = \"components/fragments/button/clipboard-button/Toast\";\nexport const defaultSuccessMessage = \"コピーしました\";\nexport const defaultFailMessage = \"コピーに失敗しました\";\n","import { FaClipboard } from \"react-icons/fa\";\nimport { Button } from \"@/components/essentials/button\";\nimport { Toast, useToast } from \"@/components/essentials/toast\";\nimport { copy } from \"@/modules/utils/copy-to-clipboard\";\nimport { type FC } from \"react\";\nimport { defaultSuccessMessage, defaultFailMessage, copyButtonTestId, copyToastTestId } from \"./const\";\n\nexport interface ClipboardButtonProps {\n  readonly label: string;\n  readonly value: string;\n  readonly successMessage?: string;\n  readonly failMessage?: string;\n}\n\nexport const ClipboardButton: FC<ClipboardButtonProps> = ({\n  label,\n  value,\n  successMessage = defaultSuccessMessage,\n  failMessage = defaultFailMessage,\n  ...restProps\n}) => {\n  const toast = useToast();\n  const handleClick = (): void => {\n    const result = copy(value);\n    toast({\n      position: \"bottom\",\n      render: () => (\n        <Toast data-testid={copyToastTestId} variant={result ? \"info\" : \"error\"}>\n          {result ? successMessage : failMessage}\n        </Toast>\n      ),\n    });\n  };\n  return (\n    <Button\n      data-testid={copyButtonTestId}\n      color=\"theme.green.main\"\n      _hover={{ bg: \"theme.yellow.lightest\" }}\n      rightIcon={<FaClipboard />}\n      variant=\"outline\"\n      onClick={handleClick}\n      {...restProps}\n    >\n      {label}\n    </Button>\n  );\n};\n","import { type FC, useCallback } from \"react\";\nimport { useActivateMfaMutation } from \"./__gql__/activate-mfa.gen\";\nimport { useApolloError } from \"@/hooks/useApolloError\";\nimport { type MfaCodeFormValue } from \"@/components/fragments/forms/mfacode-form/type\";\nimport { useForm, FormProvider } from \"react-hook-form\";\nimport { isNonNullable } from \"@/modules/utils/predicate\";\nimport { MfaCodeForm } from \"@/components/fragments/forms/mfacode-form\";\nimport { Flex } from \"@chakra-ui/react\";\nimport { Box } from \"@/components/essentials/box\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { AppButton } from \"@/components/fragments/button/app-button/AppButton\";\nimport { QrCode } from \"@/components/fragments/qrcode/create-qrcode/QrCode\";\nimport { Button } from \"@/components/essentials/button\";\nimport { type GenerateMfaActivateKeyResult } from \"@/gql/generated/graphql.gen\";\nimport {\n  defaultValuesActivatingForm,\n  activatingTestId,\n  submitButtonTestId,\n  qrCodeTestId,\n  copyClipboardTestId,\n} from \"./const\";\nimport { ClipboardButton } from \"@/components/fragments/button/clipboard-button/ClipboardButton\";\n\ninterface ActivatingProps {\n  readonly onSubmit: (recoveryCodeList: string[]) => void;\n  readonly generateMfaActivateKeyResult: GenerateMfaActivateKeyResult;\n}\n\nexport const Activating: FC<ActivatingProps> = ({ onSubmit, generateMfaActivateKeyResult }) => {\n  const [activateMfaMutation, resultActivateMfaMutation] = useActivateMfaMutation();\n  useApolloError(resultActivateMfaMutation.error);\n  const handleSubmit = useCallback(\n    async ({ mfaCode }: MfaCodeFormValue) => {\n      const { data } = await activateMfaMutation({\n        variables: {\n          mfaCode,\n        },\n        // biome-ignore lint/suspicious/noEmptyBlockStatements :[AUTOMATICALLY-INSERTED] Unexpected empty block.\n        onError: () => {},\n      });\n\n      if (isNonNullable(data) && isNonNullable(data.activateMfa)) {\n        // 完了画面に遷移\n        onSubmit(data.activateMfa);\n      }\n    },\n    [onSubmit, activateMfaMutation],\n  );\n\n  const mfaCodeMethods = useForm<MfaCodeFormValue>({\n    defaultValues: defaultValuesActivatingForm,\n    mode: \"all\",\n  });\n\n  return (\n    <Flex ml=\"0.5rem\" mt=\"2.6rem\" flexDir=\"column\" gridGap=\"1.5rem\" data-testid={activatingTestId}>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Typography variant=\"display3\">STEP1：認証アプリのインストール</Typography>\n      </Box>\n      <Typography variant=\"display8\" color=\"mono.dark.26\">\n        お使いのスマートフォンに、『Google Authenticator』、もしくは『Authy』のどちらかをインストールしてください。\n      </Typography>\n      <AppButton\n        label=\"Google Authenticatorをダウンロード\"\n        appleName=\"google-authenticator\"\n        appleId=\"id388497605\"\n        playStoreId=\"com.google.android.apps.authenticator2\"\n      />\n      <AppButton\n        label=\"Authyをダウンロード\"\n        appleName=\"twilio-authy\"\n        appleId=\"id494168017\"\n        playStoreId=\"com.authy.authy\"\n      />\n      <Typography variant=\"display8\" color=\"secondary.dark\">\n        iOS15/iPadOS 15以上の場合、パスワードマネージャーもご利用いただけます。\n      </Typography>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Typography variant=\"display3\">STEP2：認証アプリの設定</Typography>\n      </Box>\n      <Typography variant=\"display4\">スマートフォンでご利用中の場合</Typography>\n      <Typography variant=\"display8\" color=\"mono.dark.26\">\n        スマートフォンでご利用いただいている場合、認証アプリ内で下記のコードを入力し、認証アプリの設定を完了してください。\n      </Typography>\n      <Box textAlign=\"center\" w=\"100%\" data-testid={copyClipboardTestId}>\n        <ClipboardButton\n          label={generateMfaActivateKeyResult.secretKey}\n          value={generateMfaActivateKeyResult.secretKey}\n        />\n      </Box>\n      <Typography variant=\"display4\">パソコンでご利用中の場合</Typography>\n      <Typography variant=\"display8\" color=\"mono.dark.26\">\n        パソコンよりご利用いただいている場合、スマートフォンで認証アプリを開いて下記のQRコードを読み取ることでも設定いただけます。\n      </Typography>\n      <Flex flexDir=\"column\" alignItems=\"center\" data-testid={qrCodeTestId}>\n        <QrCode uri={generateMfaActivateKeyResult.otpauthUri} />\n      </Flex>\n      <Box textAlign=\"center\" w=\"100%\" ml=\"0.5rem\" mt=\"2.6rem\">\n        <Typography variant=\"display3\">STEP3：認証コードを入力してください</Typography>\n      </Box>\n      <Box textAlign=\"left\" w=\"100%\">\n        <Typography variant=\"display8\" color=\"mono.dark.26\">\n          認証アプリに表示される二段階認証コードを入力してください。\n        </Typography>\n      </Box>\n      <FormProvider {...mfaCodeMethods}>\n        <form\n          onSubmit={(e) => {\n            // biome-ignore lint/complexity/noVoid :[AUTOMATICALLY-INSERTED] The use of void is not allowed.\n            void mfaCodeMethods.handleSubmit(handleSubmit)(e);\n          }}\n        >\n          <MfaCodeForm />\n          <Button\n            isLoading={resultActivateMfaMutation.loading}\n            type=\"submit\"\n            size=\"lg\"\n            w=\"100%\"\n            mt=\"1.0rem\"\n            styleVariant=\"secondary\"\n            disabled={!mfaCodeMethods.formState.isValid || resultActivateMfaMutation.loading}\n            data-testid={submitButtonTestId}\n          >\n            認証する\n          </Button>\n        </form>\n      </FormProvider>\n    </Flex>\n  );\n};\n","export { Activating } from \"./Activating\";\n","export const contentType = \"text/plain\";\nexport const extension = \"txt\";\nexport const downloadButtonTestId = \"components/fragments/button/download-txt-button/DownloadTxtButton\";\n","import { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/essentials/button\";\nimport { contentType, extension, downloadButtonTestId } from \"./const\";\n\nexport type DownloadTxtButtonProps = Partial<ButtonProps> & {\n  readonly label: string;\n  readonly data: string[];\n  readonly fileName: string;\n};\n\nexport const DownloadTxtButton: FC<DownloadTxtButtonProps> = ({ label, data, fileName, ...rest }) => {\n  const text = new Blob([data.join(\"\\n\")], { type: contentType });\n  const fullFileName = `${fileName}.${extension}`;\n  const downloadLink = window.URL.createObjectURL(text);\n\n  return (\n    <a download={fullFileName} href={downloadLink}>\n      <Button data-testid={downloadButtonTestId} styleVariant=\"secondary\" {...rest}>\n        {label}\n      </Button>\n    </a>\n  );\n};\n","import { type FC } from \"react\";\nimport { Flex, Stack, List } from \"@chakra-ui/react\";\nimport { Box } from \"@/components/essentials/box\";\nimport { Button } from \"@/components/essentials/button\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { DownloadTxtButton } from \"@/components/fragments/button/download-txt-button/DownloadTxtButton\";\nimport { pagesPath } from \"@/pathpida/generated/$path\";\nimport Link from \"next/link\";\nimport { ListItem } from \"@/components/essentials/list/ListItem\";\nimport {\n  completedTestId,\n  recoveryCodesTestId,\n  txtDownLoadTestId,\n  topPageButtonTestId,\n  skeletonRecoveryCodesTestId,\n} from \"./const\";\nimport { Skeleton } from \"@/components/fragments/apollo/loader/skeleton\";\n\ninterface CompletedProps {\n  readonly recoveryCodes: string[];\n  readonly loadings: {\n    recoveryCodes: boolean;\n  };\n}\n\nexport const Completed: FC<CompletedProps> = ({ recoveryCodes, loadings }) => {\n  return (\n    <Flex ml=\"0.5rem\" mt=\"2.6rem\" flexDir=\"column\" gridGap=\"1.5rem\" data-testid={completedTestId}>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Typography variant=\"display3\">二段階認証の設定が完了しました</Typography>\n      </Box>\n      <Typography variant=\"text4\" color=\"mono.dark.26\">\n        今後は、サインイン時にメールアドレスとパスワードでの認証に加えて、二段階認証コードでの認証が必要となります。\n      </Typography>\n      <Box background=\"background.main\" borderRadius=\"0.5rem\" p=\"4\">\n        <Typography variant=\"display5\" color=\"secondary.main\">\n          必ずリカバリーコードを保管して下さい\n        </Typography>\n        <Stack spacing=\"3\" mt=\"4\">\n          <Typography variant=\"sentence2\" color=\"gray.dark\">\n            スマートフォンの機種変更・紛失などにより二段階認証コードを取得できない場合、下に表示される「リカバリーコード」でサインインしてください。\n            <br />\n            各リカバリーコードは一度しか利用できません。\n          </Typography>\n          <Typography variant=\"sentence2\" color=\"gray.dark\">\n            セキュリティ保護のため、この画面を閉じるとリカバリーコードを再度表示することができません。\n            <br />\n            スクリーンショットの撮影やファイルをダウンロードをして、他の人に知られない場所に大切に保管してください。\n          </Typography>\n        </Stack>\n      </Box>\n      <Box>\n        <Typography variant=\"display5\">リカバリーコード一覧</Typography>\n      </Box>\n      {loadings.recoveryCodes ? (\n        <Skeleton data-testid={skeletonRecoveryCodesTestId} py=\"5rem\" />\n      ) : (\n        <Box textAlign=\"center\" w=\"100%\" ml=\"2\" mb=\"4\" data-testid={recoveryCodesTestId}>\n          <List spacing={2}>\n            {recoveryCodes.map((recoveryCode, index) => {\n              return (\n                <Box\n                  key={index}\n                  bg=\"whiteAlpha.50\"\n                  borderRadius=\"1rem\"\n                  border=\"solid\"\n                  borderWidth=\"1px\"\n                  borderColor=\"border.main\"\n                  w=\"100%\"\n                  p={2}\n                  color=\"black\"\n                >\n                  <ListItem key={index}>{recoveryCode}</ListItem>\n                </Box>\n              );\n            })}\n          </List>\n        </Box>\n      )}\n      <Box textAlign=\"center\" data-testid={txtDownLoadTestId}>\n        <DownloadTxtButton\n          label=\"リカバリーコードファイルを保存する\"\n          data={recoveryCodes}\n          fileName=\"recovery_codes\"\n          w=\"100%\"\n          disabled={loadings.recoveryCodes}\n        />\n      </Box>\n      <Link passHref href={pagesPath.$url()}>\n        <Button as=\"a\" w=\"100%\" mt=\"2.75rem\" styleVariant=\"mono\" data-testid={topPageButtonTestId}>\n          マイページTOPへ\n        </Button>\n      </Link>\n    </Flex>\n  );\n};\n","export { Completed } from \"./Completed\";\n","import { type GenerateMfaActivateKeyResult } from \"@/gql/generated/graphql.gen\";\n\nexport type Screen = \"init_mfa_activate\" | \"password_auth\" | \"mfa_activating\" | \"completed\" | undefined;\n\nexport const defaultValuesGenerateMfaActivateKeyResult: GenerateMfaActivateKeyResult = {\n  secretKey: \"\",\n  otpauthUri: \"\",\n};\n","// @ts-nocheck\nimport * as Types from '../../../../../../../gql/generated/graphql.gen';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nconst defaultOptions = {} as const;\nexport type GenerateMfaActivateKeyMutationVariables = Types.Exact<{ [key: string]: never; }>;\n\n\nexport type GenerateMfaActivateKeyMutation = { __typename?: 'Mutation', generateMfaActivateKey: { __typename?: 'GenerateMfaActivateKeyResult', secretKey: string, otpauthUri: string } };\n\n\nexport const GenerateMfaActivateKeyDocument = gql`\n    mutation generateMfaActivateKey {\n  generateMfaActivateKey {\n    secretKey\n    otpauthUri\n  }\n}\n    `;\nexport type GenerateMfaActivateKeyMutationFn = Apollo.MutationFunction<GenerateMfaActivateKeyMutation, GenerateMfaActivateKeyMutationVariables>;\n\n/**\n * __useGenerateMfaActivateKeyMutation__\n *\n * To run a mutation, you first call `useGenerateMfaActivateKeyMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useGenerateMfaActivateKeyMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [generateMfaActivateKeyMutation, { data, loading, error }] = useGenerateMfaActivateKeyMutation({\n *   variables: {\n *   },\n * });\n */\nexport function useGenerateMfaActivateKeyMutation(baseOptions?: Apollo.MutationHookOptions<GenerateMfaActivateKeyMutation, GenerateMfaActivateKeyMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<GenerateMfaActivateKeyMutation, GenerateMfaActivateKeyMutationVariables>(GenerateMfaActivateKeyDocument, options);\n      }\nexport type GenerateMfaActivateKeyMutationHookResult = ReturnType<typeof useGenerateMfaActivateKeyMutation>;\nexport type GenerateMfaActivateKeyMutationResult = Apollo.MutationResult<GenerateMfaActivateKeyMutation>;\nexport type GenerateMfaActivateKeyMutationOptions = Apollo.BaseMutationOptions<GenerateMfaActivateKeyMutation, GenerateMfaActivateKeyMutationVariables>;","// biome-ignore lint/correctness/noUnusedImports :[AUTOMATICALLY-INSERTED] This import is unused.\nimport React, { type FC, useCallback, useState } from \"react\";\nimport { OnScreen } from \"@/pages/settings/account/mfa/__components__/on-screen\";\nimport { PasswordAuthForm } from \"@/pages/settings/account/mfa/__components__/password-auth-form\";\nimport { Activating } from \"@/pages/settings/account/mfa/__components__/activating\";\nimport { Completed } from \"@/pages/settings/account/mfa/__components__/completed\";\nimport { type Screen, defaultValuesGenerateMfaActivateKeyResult } from \"./const\";\nimport { useGenerateMfaActivateKeyMutation } from \"./__gql__/generate-mfa-activate-key.gen\";\nimport { useApolloError } from \"@/hooks/useApolloError\";\nimport { type GenerateMfaActivateKeyResult } from \"@/gql/generated/graphql.gen\";\n\nexport const OnProcess: FC = () => {\n  const [screen, setScreen] = useState<Screen>(\"init_mfa_activate\");\n  const [generateMfaActivateKeyResult, setGenerateMfaActivateKeyResult] = useState<GenerateMfaActivateKeyResult>(\n    defaultValuesGenerateMfaActivateKeyResult,\n  );\n  const [recoveryCodes, setRecoveryCodes] = useState<string[]>([]);\n  // biome-ignore lint/correctness/useExhaustiveDependencies :[AUTOMATICALLY-INSERTED] This hook specifies more dependencies than necessary: setScreen\n  const changeScreen = useCallback(\n    (screen: Screen) => {\n      window.scrollTo(0, 0);\n      setScreen(screen);\n    },\n    [setScreen],\n  );\n\n  const [generateMfaActivateKeyMutation, resultGenerateMfaActivateKeyMutation] = useGenerateMfaActivateKeyMutation();\n  useApolloError(resultGenerateMfaActivateKeyMutation.error);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies :[AUTOMATICALLY-INSERTED] This hook specifies more dependencies than necessary: setGenerateMfaActivateKeyResult\n  const handleGenerateMfaActivateKeyMutation = useCallback(async (): Promise<void> => {\n    const { data } = await generateMfaActivateKeyMutation();\n    if (data?.generateMfaActivateKey !== undefined) {\n      setGenerateMfaActivateKeyResult(data.generateMfaActivateKey);\n    }\n  }, [generateMfaActivateKeyMutation, setGenerateMfaActivateKeyResult]);\n\n  const handlePasswordAuth = (): void => {\n    // biome-ignore lint/complexity/noVoid :[AUTOMATICALLY-INSERTED] The use of void is not allowed.\n    void handleGenerateMfaActivateKeyMutation();\n    changeScreen(\"mfa_activating\");\n  };\n\n  const handleMfaActivating = (recoveryCodes: string[]): void => {\n    setRecoveryCodes(recoveryCodes);\n    changeScreen(\"completed\");\n  };\n\n  return (\n    <>\n      {screen === \"init_mfa_activate\" && (\n        <OnScreen\n          onClick={() => {\n            changeScreen(\"password_auth\");\n          }}\n        />\n      )}\n      {screen === \"password_auth\" && (\n        <PasswordAuthForm\n          onSubmit={() => {\n            handlePasswordAuth();\n          }}\n          onBack={() => {\n            changeScreen(\"init_mfa_activate\");\n          }}\n        />\n      )}\n      {screen === \"mfa_activating\" && (\n        <Activating\n          onSubmit={(recoveryCodes: string[]) => {\n            handleMfaActivating(recoveryCodes);\n          }}\n          generateMfaActivateKeyResult={generateMfaActivateKeyResult}\n        />\n      )}\n      {screen === \"completed\" && (\n        <Completed\n          recoveryCodes={recoveryCodes}\n          loadings={{\n            recoveryCodes: recoveryCodes.length === 0,\n          }}\n        />\n      )}\n    </>\n  );\n};\n","export { OnProcess } from \"./OnProcess\";\n","import { type FC } from \"react\";\nimport { Center, Image, Flex } from \"@chakra-ui/react\";\nimport { Box } from \"@/components/essentials/box\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport Password from \"~/assets/images/password.svg\";\nimport Link from \"next/link\";\nimport { Button, TextButton } from \"@/components/essentials/button\";\nimport { offScreenTestId, reissueRecoveryCodesButtonTestId, offMfaButtonTestId, backButtonTestId } from \"./const\";\nimport { MfaConfirmModal } from \"@/pages/settings/account/mfa/__components__/modal/MfaConfirmModal\";\nimport { useDisclosure } from \"@/components/essentials/modal\";\nimport { pagesPath } from \"@/pathpida/generated/$path\";\nimport { toysubMfaQAUrl } from \"@/configs/externalUrls\";\n\ninterface OffScreenProps {\n  readonly onClickReissueRecoveryCode: () => void;\n  readonly onClickMfaOff: () => void;\n}\n\nexport const OffScreen: FC<OffScreenProps> = ({ onClickReissueRecoveryCode, onClickMfaOff }) => {\n  const { isOpen: isOpenConfirm, onOpen: onOpenConfirm, onClose: onCloseConfirm } = useDisclosure();\n\n  return (\n    <Flex ml=\"0.5rem\" mt=\"2.6rem\" flexDir=\"column\" gridGap=\"1.5rem\" data-testid={offScreenTestId}>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Typography variant=\"display3\">二段階認証がオンです</Typography>\n      </Box>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Center>\n          <Image src={Password} alt=\"unlocked\" width={24} height={24} />\n        </Center>\n      </Box>\n      <Box textAlign=\"center\" w=\"100%\">\n        <Typography variant=\"text4\" color=\"mono.dark.26\">\n          サインイン時に、メールアドレスとパスワードでの認証に加えて、二段階認証コードでの認証が必要となります。\n        </Typography>\n      </Box>\n      <Link href={toysubMfaQAUrl} passHref>\n        <TextButton as=\"a\" color=\"ui.green.main\" size=\"sm\" alignSelf=\"flex-end\">\n          二段階認証の詳細はこちら\n        </TextButton>\n      </Link>\n      <Box>\n        <Typography variant=\"display6\">リカバリーコードの再発行</Typography>\n        <Typography variant=\"text4\" color=\"mono.dark.26\">\n          リカバリーコードを紛失・すべて使い切ってしまった場合、新しいリカバリーコードを再発行してください。\n        </Typography>\n      </Box>\n      <Button\n        styleVariant=\"secondary\"\n        w=\"100%\"\n        onClick={onClickReissueRecoveryCode}\n        data-testid={reissueRecoveryCodesButtonTestId}\n      >\n        新しいリカバリーコードを発行する\n      </Button>\n      <Button styleVariant=\"mono\" w=\"100%\" mt=\"2.75rem\" onClick={onOpenConfirm} data-testid={offMfaButtonTestId}>\n        二段階認証をオフにする\n      </Button>\n      <MfaConfirmModal\n        isOpen={isOpenConfirm}\n        onClose={onCloseConfirm}\n        handleConfirm={onClickMfaOff}\n        headerMessage=\"二段階認証をオフにしますか？\"\n        okButtonLabel=\"オフにする\"\n      />\n      <Link passHref href={pagesPath.$url()}>\n        <Button styleVariant=\"mono\" w=\"100%\" data-testid={backButtonTestId}>\n          マイページTOPへ\n        </Button>\n      </Link>\n    </Flex>\n  );\n};\n","export { OffScreen } from \"./OffScreen\";\n","// @ts-nocheck\nimport * as Types from '../../../../../../../gql/generated/graphql.gen';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nconst defaultOptions = {} as const;\nexport type DeactivateMfaMutationVariables = Types.Exact<{ [key: string]: never; }>;\n\n\nexport type DeactivateMfaMutation = { __typename?: 'Mutation', deactivateMfa: boolean };\n\n\nexport const DeactivateMfaDocument = gql`\n    mutation deactivateMfa {\n  deactivateMfa\n}\n    `;\nexport type DeactivateMfaMutationFn = Apollo.MutationFunction<DeactivateMfaMutation, DeactivateMfaMutationVariables>;\n\n/**\n * __useDeactivateMfaMutation__\n *\n * To run a mutation, you first call `useDeactivateMfaMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useDeactivateMfaMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [deactivateMfaMutation, { data, loading, error }] = useDeactivateMfaMutation({\n *   variables: {\n *   },\n * });\n */\nexport function useDeactivateMfaMutation(baseOptions?: Apollo.MutationHookOptions<DeactivateMfaMutation, DeactivateMfaMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<DeactivateMfaMutation, DeactivateMfaMutationVariables>(DeactivateMfaDocument, options);\n      }\nexport type DeactivateMfaMutationHookResult = ReturnType<typeof useDeactivateMfaMutation>;\nexport type DeactivateMfaMutationResult = Apollo.MutationResult<DeactivateMfaMutation>;\nexport type DeactivateMfaMutationOptions = Apollo.BaseMutationOptions<DeactivateMfaMutation, DeactivateMfaMutationVariables>;","// @ts-nocheck\nimport * as Types from '../../../../../../../gql/generated/graphql.gen';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nconst defaultOptions = {} as const;\nexport type RegenerateRecoveryCodeMutationVariables = Types.Exact<{ [key: string]: never; }>;\n\n\nexport type RegenerateRecoveryCodeMutation = { __typename?: 'Mutation', regenerateRecoveryCode: Array<string> };\n\n\nexport const RegenerateRecoveryCodeDocument = gql`\n    mutation regenerateRecoveryCode {\n  regenerateRecoveryCode\n}\n    `;\nexport type RegenerateRecoveryCodeMutationFn = Apollo.MutationFunction<RegenerateRecoveryCodeMutation, RegenerateRecoveryCodeMutationVariables>;\n\n/**\n * __useRegenerateRecoveryCodeMutation__\n *\n * To run a mutation, you first call `useRegenerateRecoveryCodeMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useRegenerateRecoveryCodeMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [regenerateRecoveryCodeMutation, { data, loading, error }] = useRegenerateRecoveryCodeMutation({\n *   variables: {\n *   },\n * });\n */\nexport function useRegenerateRecoveryCodeMutation(baseOptions?: Apollo.MutationHookOptions<RegenerateRecoveryCodeMutation, RegenerateRecoveryCodeMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<RegenerateRecoveryCodeMutation, RegenerateRecoveryCodeMutationVariables>(RegenerateRecoveryCodeDocument, options);\n      }\nexport type RegenerateRecoveryCodeMutationHookResult = ReturnType<typeof useRegenerateRecoveryCodeMutation>;\nexport type RegenerateRecoveryCodeMutationResult = Apollo.MutationResult<RegenerateRecoveryCodeMutation>;\nexport type RegenerateRecoveryCodeMutationOptions = Apollo.BaseMutationOptions<RegenerateRecoveryCodeMutation, RegenerateRecoveryCodeMutationVariables>;","// biome-ignore lint/correctness/noUnusedImports :[AUTOMATICALLY-INSERTED] This import is unused.\nimport React, { type FC, useCallback, useState } from \"react\";\nimport { OffScreen } from \"@/pages/settings/account/mfa/__components__/off-screen\";\nimport { PasswordAuthForm } from \"@/pages/settings/account/mfa/__components__/password-auth-form\";\nimport { Completed } from \"@/pages/settings/account/mfa/__components__/completed\";\nimport { type Screen } from \"./const\";\nimport { useDeactivateMfaMutation } from \"./__gql__/deactivate-mfa.gen\";\nimport { useRegenerateRecoveryCodeMutation } from \"./__gql__/reissue-recovery-code.gen\";\nimport { useApolloError } from \"@/hooks/useApolloError\";\nimport { type GetIsMfaMeQueryResult } from \"@/pages/settings/account/mfa/__gql__/get-me.gen\";\nimport { Toast, useToast } from \"@/components/essentials/toast\";\n\ninterface OffProcessProps {\n  readonly resultMeQuery: GetIsMfaMeQueryResult;\n}\n\nexport const OffProcess: FC<OffProcessProps> = ({ resultMeQuery }) => {\n  const [screen, setScreen] = useState<Screen>(\"init_mfa_deactivate\");\n  const [recoveryCodes, setRecoveryCodes] = useState<string[]>([]);\n  const toast = useToast();\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies :[AUTOMATICALLY-INSERTED] This hook specifies more dependencies than necessary: setScreen\n  const changeScreen = useCallback(\n    (screen: Screen) => {\n      window.scrollTo(0, 0);\n      setScreen(screen);\n    },\n    [setScreen],\n  );\n\n  const [deactivateMfaMutation, resultDeactivateMfaMutation] = useDeactivateMfaMutation();\n  const [regenerateRecoveryCodeMutation, resultRegenerateRecoveryCodeMutation] = useRegenerateRecoveryCodeMutation();\n  useApolloError(resultDeactivateMfaMutation.error || resultRegenerateRecoveryCodeMutation.error);\n\n  const handleDeactivateMfaMutation = useCallback(async (): Promise<void> => {\n    const { data } = await deactivateMfaMutation();\n    if (data?.deactivateMfa !== undefined && data.deactivateMfa) {\n      toast({\n        position: \"bottom\",\n        render: () => <Toast variant=\"info\">二段階認証をオフにしました</Toast>,\n      });\n    } else {\n      toast({\n        position: \"bottom\",\n        render: () => <Toast variant=\"error\">二段階認証のオフに失敗しました</Toast>,\n      });\n    }\n  }, [deactivateMfaMutation, toast]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies :[AUTOMATICALLY-INSERTED] This hook specifies more dependencies than necessary: setRecoveryCodes\n  const handleRegenerateRecoveryCodeMutation = useCallback(async (): Promise<void> => {\n    const { data } = await regenerateRecoveryCodeMutation();\n    if (data?.regenerateRecoveryCode !== undefined) {\n      setRecoveryCodes(data.regenerateRecoveryCode);\n    } else {\n      toast({\n        position: \"bottom\",\n        render: () => <Toast variant=\"error\">リカバリコードの発行に失敗しました</Toast>,\n      });\n    }\n  }, [regenerateRecoveryCodeMutation, setRecoveryCodes, toast]);\n\n  const handleDeactivate = (): void => {\n    // biome-ignore lint/complexity/noVoid :[AUTOMATICALLY-INSERTED] The use of void is not allowed.\n    void handleDeactivateMfaMutation();\n    // biome-ignore lint/complexity/noVoid :[AUTOMATICALLY-INSERTED] The use of void is not allowed.\n    void resultMeQuery.refetch(); // query meを実行して最新の状態を取得\n  };\n\n  const handleReissue = (): void => {\n    // biome-ignore lint/complexity/noVoid :[AUTOMATICALLY-INSERTED] The use of void is not allowed.\n    void handleRegenerateRecoveryCodeMutation();\n    changeScreen(\"completed\");\n  };\n\n  return (\n    <>\n      {screen === \"init_mfa_deactivate\" && (\n        <OffScreen\n          onClickReissueRecoveryCode={() => {\n            changeScreen(\"password_auth_reissue\");\n          }}\n          onClickMfaOff={() => {\n            changeScreen(\"password_auth_deactivate\");\n          }}\n        />\n      )}\n      {screen === \"password_auth_reissue\" && (\n        <PasswordAuthForm\n          onSubmit={() => {\n            handleReissue();\n          }}\n          onBack={() => {\n            changeScreen(\"init_mfa_deactivate\");\n          }}\n        />\n      )}\n      {screen === \"password_auth_deactivate\" && (\n        <PasswordAuthForm\n          onSubmit={() => {\n            handleDeactivate();\n          }}\n          onBack={() => {\n            changeScreen(\"init_mfa_deactivate\");\n          }}\n        />\n      )}\n      {screen === \"completed\" && (\n        <Completed\n          recoveryCodes={recoveryCodes}\n          loadings={{\n            recoveryCodes: recoveryCodes.length === 0,\n          }}\n        />\n      )}\n    </>\n  );\n};\n","export { OffProcess } from \"./OffProcess\";\n","// @ts-nocheck\nimport * as Types from '../../../../../gql/generated/graphql.gen';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nconst defaultOptions = {} as const;\nexport type GetIsMfaMeQueryVariables = Types.Exact<{ [key: string]: never; }>;\n\n\nexport type GetIsMfaMeQuery = { __typename?: 'Query', me: { __typename?: 'FamilyAccount', isMfaActive: boolean } };\n\n\nexport const GetIsMfaMeDocument = gql`\n    query getIsMfaMe {\n  me {\n    isMfaActive\n  }\n}\n    `;\n\n/**\n * __useGetIsMfaMeQuery__\n *\n * To run a query within a React component, call `useGetIsMfaMeQuery` and pass it any options that fit your needs.\n * When your component renders, `useGetIsMfaMeQuery` returns an object from Apollo Client that contains loading, error, and data properties\n * you can use to render your UI.\n *\n * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;\n *\n * @example\n * const { data, loading, error } = useGetIsMfaMeQuery({\n *   variables: {\n *   },\n * });\n */\nexport function useGetIsMfaMeQuery(baseOptions?: Apollo.QueryHookOptions<GetIsMfaMeQuery, GetIsMfaMeQueryVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useQuery<GetIsMfaMeQuery, GetIsMfaMeQueryVariables>(GetIsMfaMeDocument, options);\n      }\nexport function useGetIsMfaMeLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<GetIsMfaMeQuery, GetIsMfaMeQueryVariables>) {\n          const options = {...defaultOptions, ...baseOptions}\n          return Apollo.useLazyQuery<GetIsMfaMeQuery, GetIsMfaMeQueryVariables>(GetIsMfaMeDocument, options);\n        }\nexport function useGetIsMfaMeSuspenseQuery(baseOptions?: Apollo.SkipToken | Apollo.SuspenseQueryHookOptions<GetIsMfaMeQuery, GetIsMfaMeQueryVariables>) {\n          const options = baseOptions === Apollo.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}\n          return Apollo.useSuspenseQuery<GetIsMfaMeQuery, GetIsMfaMeQueryVariables>(GetIsMfaMeDocument, options);\n        }\nexport type GetIsMfaMeQueryHookResult = ReturnType<typeof useGetIsMfaMeQuery>;\nexport type GetIsMfaMeLazyQueryHookResult = ReturnType<typeof useGetIsMfaMeLazyQuery>;\nexport type GetIsMfaMeSuspenseQueryHookResult = ReturnType<typeof useGetIsMfaMeSuspenseQuery>;\nexport type GetIsMfaMeQueryResult = Apollo.QueryResult<GetIsMfaMeQuery, GetIsMfaMeQueryVariables>;","import { type NextPage } from \"next\";\nimport { NextSeo } from \"next-seo\";\n// biome-ignore lint/correctness/noUnusedImports :[AUTOMATICALLY-INSERTED] This import is unused.\nimport React, { useState, useEffect } from \"react\";\nimport { OnProcess } from \"./__components__/on-process\";\nimport { OffProcess } from \"./__components__/off-process\";\nimport { useGetIsMfaMeQuery } from \"./__gql__/get-me.gen\";\nimport { useApolloError } from \"@/hooks/useApolloError\";\nimport { Skeleton } from \"@/components/fragments/apollo/loader/skeleton\";\nimport { Center } from \"@chakra-ui/react\";\nimport { AuthedLayout } from \"@/layouts/auth\";\n\nconst ChangeMfaStatePage: NextPage = () => {\n  const resultMeQuery = useGetIsMfaMeQuery();\n  useApolloError(resultMeQuery.error);\n\n  const [isMfa, setIsMfa] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    if (resultMeQuery.data?.me.isMfaActive === undefined) {\n      // TODO: 画面にエラー表示\n      return;\n    }\n\n    setIsMfa(resultMeQuery.data.me.isMfaActive);\n  }, [resultMeQuery.data]);\n\n  return (\n    <>\n      <NextSeo title=\"MFA設定メニュー\" description=\"MFAのON/OFF、リカバリーコードの再発行ができます\" />\n      <AuthedLayout data-testid=\"pages/settings\" bgColor=\"light.main\" px=\"1rem\" pt=\"1.5rem\">\n        {resultMeQuery.loading ? (\n          <Center py=\"2rem\" w=\"100%\">\n            <Skeleton data-testid=\"dummy\" h=\"3rem\" w=\"100%\" />\n          </Center>\n        ) : (\n          <>\n            {!isMfa && <OnProcess />}\n            {isMfa && <OffProcess resultMeQuery={resultMeQuery} />}\n          </>\n        )}\n      </AuthedLayout>\n    </>\n  );\n};\n\nexport default ChangeMfaStatePage;\n","module.exports = \"/_next/static/images/password-ff03c2cb7e490c574d54b87f0eb136ec.svg\";","module.exports = \"/_next/static/images/unlocked-8de5f6af4abd585cb9ea2a86d6b51644.svg\";"],"names":["window","__NEXT_P","push","__webpack_require__","ListItem","forwardRef","param","ref","children","rest","emotion_react_jsx_runtime_browser_esm","tZ","ChakraListItem","fontSize","lineHeight","Modal","_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","BX","ChakraModal","ModalOverlay","ModalContent","closeButton","ChakraModalContent","mx","ModalCloseButton","useDisclosure","useChakraDisclosure","props","Skeleton","ChakraSkeleton","fadeDuration","speed","IosAppButton","label","appleName","appleId","nation","uri","concat","Link","passHref","href","Button","as","w","size","styleVariant","AndroidAppButton","playStoreId","AppButton","useragent","navigator","userAgent","toLowerCase","HY","isIos","indexOf","isAndroid","BaseCard","Box","p","borderRadius","bgColor","ConfirmCard","headerImage","headerMessage","message","cancelButtonLabel","okButtonLabel","okButtonProps","cancelButtonProps","VStack","justifyContent","alignItems","Typography","variant","textAlign","color","whiteSpace","copy","copyToClipboard","MfaConfirmModal","isOpen","onClose","handleConfirm","Image","alt","src","password","width","height","type","onClick","OnScreen","isOpenConfirm","onOpen","onOpenConfirm","onCloseConfirm","Flex","ml","mt","flexDir","gridGap","Center","Unlocked","toysubMfaQAUrl","TextButton","alignSelf","pagesPath","defaultOptions","VerifyPasswordDocument","gql","PasswordAuthForm","onSubmit","onBack","verifyPasswordMutation","resultVerifyPasswordMutation","useVerifyPasswordMutation","baseOptions","options","Apollo","useApolloError","error","handlePasswordAuth","useCallback","data","variables","onError","verifyPassword","passwordMethods","useForm","mode","FormProvider","form","handleSubmit","e","PasswordForm","isLoading","loading","disabled","formState","isValid","ActivateMfaDocument","QrCode","QRCode","value","level","defaultValuesActivatingForm","mfaCode","ClipboardButton","successMessage","defaultSuccessMessage","failMessage","defaultFailMessage","restProps","toast","useToast","handleClick","result","position","render","Toast","_hover","bg","rightIcon","FaClipboard","Activating","generateMfaActivateKeyResult","activateMfaMutation","resultActivateMfaMutation","useActivateMfaMutation","isNonNullable","activateMfa","mfaCodeMethods","defaultValues","secretKey","otpauthUri","MfaCodeForm","DownloadTxtButton","fileName","text","Blob","join","fullFileName","extension","downloadLink","URL","createObjectURL","a","download","Completed","recoveryCodes","loadings","background","Stack","spacing","br","py","mb","List","map","recoveryCode","index","border","borderWidth","borderColor","defaultValuesGenerateMfaActivateKeyResult","GenerateMfaActivateKeyDocument","OnProcess","screen","setScreen","useState","setGenerateMfaActivateKeyResult","setRecoveryCodes","changeScreen","scrollTo","generateMfaActivateKeyMutation","resultGenerateMfaActivateKeyMutation","useGenerateMfaActivateKeyMutation","handleGenerateMfaActivateKeyMutation","generateMfaActivateKey","undefined","handleMfaActivating","length","OffScreen","onClickReissueRecoveryCode","onClickMfaOff","Password","DeactivateMfaDocument","RegenerateRecoveryCodeDocument","OffProcess","resultMeQuery","deactivateMfaMutation","resultDeactivateMfaMutation","useDeactivateMfaMutation","regenerateRecoveryCodeMutation","resultRegenerateRecoveryCodeMutation","useRegenerateRecoveryCodeMutation","handleDeactivateMfaMutation","deactivateMfa","handleRegenerateRecoveryCodeMutation","regenerateRecoveryCode","handleDeactivate","refetch","handleReissue","GetIsMfaMeDocument","ChangeMfaStatePage","useGetIsMfaMeQuery","isMfa","setIsMfa","useEffect","me","isMfaActive","NextSeo","title","description","AuthedLayout","px","pt","h","index_page","module","exports"],"sourceRoot":""}