{"version":3,"file":"static/chunks/pages/settings/account/change/password-589d818d78f0202a.js","mappings":"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","sources":["webpack://_N_E/?d5e1","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/components/fragments/card/alert-card/AlertCard.tsx","webpack://_N_E/./src/components/fragments/card/alert-card/index.ts","webpack://_N_E/./src/components/fragments/card/asked-card/AskedCard.tsx","webpack://_N_E/./src/components/fragments/card/asked-card/index.ts","webpack://_N_E/./src/components/fragments/card/success-card/index.ts","webpack://_N_E/./src/components/fragments/card/index.ts","webpack://_N_E/./src/components/fragments/card/success-card/SuccessCard.tsx","webpack://_N_E/./src/modules/utils/function.ts","webpack://_N_E/./src/pages/settings/account/change/password/__components__/success-screen/SuccessScreen.tsx","webpack://_N_E/./src/pages/settings/account/change/password/__components__/success-screen/index.ts","webpack://_N_E/./src/pages/settings/account/change/password/__components__/password-change-form/const.ts","webpack://_N_E/./src/pages/settings/account/change/password/__components__/password-change-form/PasswordChangeForm.tsx","webpack://_N_E/./src/pages/settings/account/change/password/__components__/password-change-form/index.ts","webpack://_N_E/./src/pages/settings/account/change/password/__gql__/me.gen.ts","webpack://_N_E/./src/pages/settings/account/change/password/__gql__/do-renew-password.gen.ts","webpack://_N_E/./src/pages/settings/account/change/password/__gql__/verify-password.gen.ts","webpack://_N_E/./src/pages/settings/account/change/password/const.ts","webpack://_N_E/./src/pages/settings/account/change/password/index.page.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/settings/account/change/password\",\n      function () {\n        return require(\"private-next-pages/settings/account/change/password/index.page.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/settings/account/change/password\"])\n      });\n    }\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 { BaseCard, type BaseCardProps } from \"@/components/fragments/card/base-card\";\nimport { VStack, HStack } from \"@chakra-ui/react\";\nimport { Button, type ButtonProps } from \"@/components/essentials/button\";\nimport { type ReactNode, type FC } from \"react\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { alertCardCancelButtonTestId, alertCardOkButtonTestId } from \"./const\";\n\nexport interface AlertCardProps extends Omit<BaseCardProps, \"children\"> {\n  headerImage: ReactNode;\n  headerMessage: string;\n  message?: string;\n  okButtonLabel: string;\n  cancelButtonLabel: string;\n  okButtonProps?: Omit<ButtonProps, \"children\">;\n  cancelButtonProps?: Omit<ButtonProps, \"children\">;\n}\nexport const AlertCard: FC<AlertCardProps> = ({\n  headerImage,\n  headerMessage,\n  message,\n  cancelButtonLabel,\n  okButtonLabel,\n  okButtonProps,\n  cancelButtonProps,\n  ...rest\n}) => {\n  return (\n    <BaseCard {...rest}>\n      <VStack spacing={3} justifyContent=\"center\" alignItems=\"center\">\n        {headerImage}\n        <Typography variant=\"display6\">{headerMessage}</Typography>\n        <Typography variant=\"text4\" color=\"gray.dark\">\n          {message}\n        </Typography>\n        <HStack spacing={10}>\n          <Button data-testid={alertCardCancelButtonTestId} styleVariant=\"mono\" {...cancelButtonProps}>\n            {cancelButtonLabel}\n          </Button>\n          <Button data-testid={alertCardOkButtonTestId} styleVariant=\"error\" {...okButtonProps}>\n            {okButtonLabel}\n          </Button>\n        </HStack>\n      </VStack>\n    </BaseCard>\n  );\n};\n","export * from \"./AlertCard\";\n","import { type FC } from \"react\";\nimport { Box } from \"@/components/essentials/box\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport {\n  Accordion,\n  AccordionButton,\n  AccordionIcon,\n  AccordionItem,\n  AccordionPanel,\n  type AccordionProps,\n} from \"@chakra-ui/accordion\";\nimport { Icon } from \"@chakra-ui/react\";\nimport { type IconType } from \"react-icons\";\n\nexport interface AskedItem {\n  readonly title: string;\n  readonly panel: string;\n  readonly icon?: IconType;\n}\n\nexport interface AskedCardProps extends AccordionProps {\n  readonly items: AskedItem[];\n}\n\nexport const AskedCard: FC<AskedCardProps> = (props) => {\n  const { items, ...rest } = props;\n  return (\n    <Accordion {...rest}>\n      {items.map((item, key) => {\n        return (\n          <AccordionItem key={key}>\n            <AccordionButton>\n              {item.icon !== undefined && <Icon color=\"green\" as={item.icon} />}\n              <Box flex=\"1\" textAlign=\"left\" pl=\"1.08rem\">\n                <Typography variant=\"text2\">{item.title}</Typography>\n              </Box>\n              <AccordionIcon color=\"mono.dark.54\" />\n            </AccordionButton>\n            <AccordionPanel>\n              <Typography variant=\"sentence3\">{item.panel}</Typography>\n            </AccordionPanel>\n          </AccordionItem>\n        );\n      })}\n    </Accordion>\n  );\n};\n","export * from \"./AskedCard\";\n","export * from \"./SuccessCard\";\n","export * from \"./alert-card\";\nexport * from \"./asked-card\";\nexport * from \"./confirm-card\";\nexport * from \"./alert-card\";\nexport * from \"./success-card\";\n","import { type BaseCardProps, BaseCard } from \"@/components/fragments/card/base-card\";\nimport { type FC } from \"react\";\nimport { Flex } from \"@chakra-ui/react\";\nimport { Icon } from \"@/components/essentials/icon\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { type TypographyBreakpointsVariant } from \"@/components/essentials/typography/type\";\nimport { Button, type ButtonProps } from \"@/components/essentials/button\";\nimport Link, { type LinkProps } from \"next/link\";\nimport { type PartiallyPartial } from \"@/modules/utils/types\";\nimport { successCardButtonTestId, successCardIconTestId, successCardTextTestId } from \"./const\";\n\nexport const typographyVariant: TypographyBreakpointsVariant = {\n  base: \"display5\",\n  sm: \"display4\",\n  md: \"display4\",\n  lg: \"display4\",\n  xl: \"display4\",\n  \"2xl\": \"display4\",\n};\n\nexport interface SuccessCardProps extends PartiallyPartial<BaseCardProps, \"children\"> {\n  readonly text: string;\n  readonly buttonText?: string;\n  readonly buttonHref?: LinkProps[\"href\"];\n  readonly buttonProps?: Omit<ButtonProps, \"children\">;\n}\n\nexport const SuccessCard: FC<SuccessCardProps> = ({ text, buttonText, buttonHref, buttonProps, children, ...rest }) => {\n  return (\n    <BaseCard {...rest}>\n      <Flex flexDir=\"column\" alignItems=\"center\">\n        <Icon data-testid={successCardIconTestId} as=\"checkCircle\" boxSize=\"5rem\" />\n        <Typography as=\"pre\" data-testid={successCardTextTestId} mt=\"1.25rem\" variant={typographyVariant}>\n          {text}\n        </Typography>\n        {children}\n        {buttonText === undefined && buttonHref === undefined && buttonProps === undefined ? null : buttonHref ? (\n          <Button\n            data-testid={successCardButtonTestId}\n            as={Link}\n            href={buttonHref}\n            w=\"100%\"\n            mt=\"3.75rem\"\n            styleVariant=\"mono\"\n            {...buttonProps}\n          >\n            {buttonText}\n          </Button>\n        ) : (\n          <Button data-testid={successCardButtonTestId} w=\"100%\" mt=\"3.75rem\" styleVariant=\"mono\" {...buttonProps}>\n            {buttonText}\n          </Button>\n        )}\n      </Flex>\n    </BaseCard>\n  );\n};\n","// biome-ignore lint/suspicious/noEmptyBlockStatements :[AUTOMATICALLY-INSERTED] Unexpected empty block.\nexport const noop = (): void => {};\n","import { type FC } from \"react\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { SuccessCard, typographyVariant } from \"@/components/fragments/card\";\nimport { pagesPath } from \"@/pathpida/generated/$path\";\n\nexport const SuccessScreen: FC = () => {\n  return (\n    <SuccessCard\n      text=\"パスワードの変更が完了しました\"\n      buttonText=\"サインイン画面へ\"\n      buttonHref={pagesPath.signin.$url()}\n    >\n      <Typography mt=\"1rem\" variant={typographyVariant} textAlign=\"center\">\n        変更後のパスワードで\n        <br />\n        再度サインインしてください\n      </Typography>\n    </SuccessCard>\n  );\n};\n","export { SuccessScreen } from \"./SuccessScreen\";\n","import { type PasswordChangeFormValues } from \"./type\";\n\nexport const defaultValuesPasswordChange: PasswordChangeFormValues = {\n  password: \"\",\n  newPassword: \"\",\n  confirmPassword: \"\",\n};\n\nexport const passwordChangeButtonTestId =\n  \"pages/settings/account/change/password/__components__/password-change-form/PasswordChangeForm/Button-submit\";\nexport const passwordChangeTypographyTitleTestId =\n  \"pages/settings/account/change/password/__components__/password-change-form/PasswordChangeForm/Typography-title\";\nexport const passwordChangeTypographyDescriptionTestId =\n  \"pages/settings/account/change/password/__components__/password-change-form/PasswordChangeForm/Typography-description\";\n","import { type FC } from \"react\";\nimport { Center, VStack, Flex } from \"@chakra-ui/react\";\nimport { Box } from \"@/components/essentials/box\";\nimport { Button } from \"@/components/essentials/button\";\nimport { Typography } from \"@/components/essentials/typography\";\nimport { PasswordForm, NewPasswordForm, ConfirmPasswordForm } from \"@/components/fragments/forms\";\nimport { useFormContext } from \"react-hook-form\";\nimport {\n  passwordChangeButtonTestId,\n  passwordChangeTypographyDescriptionTestId,\n  passwordChangeTypographyTitleTestId,\n} from \"./const\";\n\ninterface PasswordChangeFormProps {\n  readonly loading: boolean;\n  readonly email: string | undefined;\n}\n\nexport const PasswordChangeForm: FC<PasswordChangeFormProps> = ({ loading, email }) => {\n  const {\n    formState: { isValid },\n  } = useFormContext();\n  return (\n    <Flex flexDir=\"column\" gridGap=\"1.5rem\">\n      <Box>\n        <Typography data-testid={passwordChangeTypographyTitleTestId} variant=\"display3\">\n          パスワードの変更\n        </Typography>\n        <Typography\n          data-testid={passwordChangeTypographyDescriptionTestId}\n          variant=\"text4\"\n          mt=\"0.25rem\"\n          color=\"dark.main\"\n        >\n          お客様の大切な情報を守るため、パスワードは推測されにくい安全なものをご入力ください。\n        </Typography>{\" \"}\n      </Box>\n      <VStack gridRowGap=\"1rem\" alignItems=\"flex-start\">\n        <Box w=\"100%\">\n          <PasswordForm\n            formLabel=\"現在のパスワード\"\n            placeholder=\"現在のパスワード\"\n            helperText=\"パスワードが入力されている\"\n          />\n        </Box>\n        <Box w=\"100%\">\n          <NewPasswordForm email={email} />\n        </Box>\n        <Box w=\"100%\">\n          <ConfirmPasswordForm />\n        </Box>\n      </VStack>\n      <Center>\n        <Button\n          data-testid={passwordChangeButtonTestId}\n          type=\"submit\"\n          my=\"3.75rem\"\n          size=\"lg\"\n          w=\"100%\"\n          disabled={!isValid || loading}\n          isLoading={loading}\n        >\n          パスワードを変更する\n        </Button>\n      </Center>\n    </Flex>\n  );\n};\n","export { PasswordChangeForm } from \"./PasswordChangeForm\";\nexport { defaultValuesPasswordChange } from \"./const\";\nexport type { PasswordChangeFormValues } from \"./type\";\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 MePagesSettingsAccountChangePasswordQueryVariables = Types.Exact<{ [key: string]: never; }>;\n\n\nexport type MePagesSettingsAccountChangePasswordQuery = { __typename?: 'Query', me: { __typename?: 'FamilyAccount', mail: string } };\n\n\nexport const MePagesSettingsAccountChangePasswordDocument = gql`\n    query mePagesSettingsAccountChangePassword {\n  me {\n    mail\n  }\n}\n    `;\n\n/**\n * __useMePagesSettingsAccountChangePasswordQuery__\n *\n * To run a query within a React component, call `useMePagesSettingsAccountChangePasswordQuery` and pass it any options that fit your needs.\n * When your component renders, `useMePagesSettingsAccountChangePasswordQuery` 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 } = useMePagesSettingsAccountChangePasswordQuery({\n *   variables: {\n *   },\n * });\n */\nexport function useMePagesSettingsAccountChangePasswordQuery(baseOptions?: Apollo.QueryHookOptions<MePagesSettingsAccountChangePasswordQuery, MePagesSettingsAccountChangePasswordQueryVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useQuery<MePagesSettingsAccountChangePasswordQuery, MePagesSettingsAccountChangePasswordQueryVariables>(MePagesSettingsAccountChangePasswordDocument, options);\n      }\nexport function useMePagesSettingsAccountChangePasswordLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<MePagesSettingsAccountChangePasswordQuery, MePagesSettingsAccountChangePasswordQueryVariables>) {\n          const options = {...defaultOptions, ...baseOptions}\n          return Apollo.useLazyQuery<MePagesSettingsAccountChangePasswordQuery, MePagesSettingsAccountChangePasswordQueryVariables>(MePagesSettingsAccountChangePasswordDocument, options);\n        }\nexport function useMePagesSettingsAccountChangePasswordSuspenseQuery(baseOptions?: Apollo.SkipToken | Apollo.SuspenseQueryHookOptions<MePagesSettingsAccountChangePasswordQuery, MePagesSettingsAccountChangePasswordQueryVariables>) {\n          const options = baseOptions === Apollo.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}\n          return Apollo.useSuspenseQuery<MePagesSettingsAccountChangePasswordQuery, MePagesSettingsAccountChangePasswordQueryVariables>(MePagesSettingsAccountChangePasswordDocument, options);\n        }\nexport type MePagesSettingsAccountChangePasswordQueryHookResult = ReturnType<typeof useMePagesSettingsAccountChangePasswordQuery>;\nexport type MePagesSettingsAccountChangePasswordLazyQueryHookResult = ReturnType<typeof useMePagesSettingsAccountChangePasswordLazyQuery>;\nexport type MePagesSettingsAccountChangePasswordSuspenseQueryHookResult = ReturnType<typeof useMePagesSettingsAccountChangePasswordSuspenseQuery>;\nexport type MePagesSettingsAccountChangePasswordQueryResult = Apollo.QueryResult<MePagesSettingsAccountChangePasswordQuery, MePagesSettingsAccountChangePasswordQueryVariables>;","// @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 DoRenewPasswordPagesSettingsAccountChangePasswordMutationVariables = Types.Exact<{\n  newPassword: Types.Scalars['String']['input'];\n}>;\n\n\nexport type DoRenewPasswordPagesSettingsAccountChangePasswordMutation = { __typename?: 'Mutation', doRenewPassword: boolean };\n\n\nexport const DoRenewPasswordPagesSettingsAccountChangePasswordDocument = gql`\n    mutation doRenewPasswordPagesSettingsAccountChangePassword($newPassword: String!) {\n  doRenewPassword(newPassword: $newPassword)\n}\n    `;\nexport type DoRenewPasswordPagesSettingsAccountChangePasswordMutationFn = Apollo.MutationFunction<DoRenewPasswordPagesSettingsAccountChangePasswordMutation, DoRenewPasswordPagesSettingsAccountChangePasswordMutationVariables>;\n\n/**\n * __useDoRenewPasswordPagesSettingsAccountChangePasswordMutation__\n *\n * To run a mutation, you first call `useDoRenewPasswordPagesSettingsAccountChangePasswordMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useDoRenewPasswordPagesSettingsAccountChangePasswordMutation` 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 [doRenewPasswordPagesSettingsAccountChangePasswordMutation, { data, loading, error }] = useDoRenewPasswordPagesSettingsAccountChangePasswordMutation({\n *   variables: {\n *      newPassword: // value for 'newPassword'\n *   },\n * });\n */\nexport function useDoRenewPasswordPagesSettingsAccountChangePasswordMutation(baseOptions?: Apollo.MutationHookOptions<DoRenewPasswordPagesSettingsAccountChangePasswordMutation, DoRenewPasswordPagesSettingsAccountChangePasswordMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<DoRenewPasswordPagesSettingsAccountChangePasswordMutation, DoRenewPasswordPagesSettingsAccountChangePasswordMutationVariables>(DoRenewPasswordPagesSettingsAccountChangePasswordDocument, options);\n      }\nexport type DoRenewPasswordPagesSettingsAccountChangePasswordMutationHookResult = ReturnType<typeof useDoRenewPasswordPagesSettingsAccountChangePasswordMutation>;\nexport type DoRenewPasswordPagesSettingsAccountChangePasswordMutationResult = Apollo.MutationResult<DoRenewPasswordPagesSettingsAccountChangePasswordMutation>;\nexport type DoRenewPasswordPagesSettingsAccountChangePasswordMutationOptions = Apollo.BaseMutationOptions<DoRenewPasswordPagesSettingsAccountChangePasswordMutation, DoRenewPasswordPagesSettingsAccountChangePasswordMutationVariables>;","// @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 VerifyPasswordPagesSettingsAccountChangePasswordMutationVariables = Types.Exact<{\n  password: Types.Scalars['String']['input'];\n}>;\n\n\nexport type VerifyPasswordPagesSettingsAccountChangePasswordMutation = { __typename?: 'Mutation', verifyPassword: boolean };\n\n\nexport const VerifyPasswordPagesSettingsAccountChangePasswordDocument = gql`\n    mutation verifyPasswordPagesSettingsAccountChangePassword($password: String!) {\n  verifyPassword(password: $password)\n}\n    `;\nexport type VerifyPasswordPagesSettingsAccountChangePasswordMutationFn = Apollo.MutationFunction<VerifyPasswordPagesSettingsAccountChangePasswordMutation, VerifyPasswordPagesSettingsAccountChangePasswordMutationVariables>;\n\n/**\n * __useVerifyPasswordPagesSettingsAccountChangePasswordMutation__\n *\n * To run a mutation, you first call `useVerifyPasswordPagesSettingsAccountChangePasswordMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useVerifyPasswordPagesSettingsAccountChangePasswordMutation` 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 [verifyPasswordPagesSettingsAccountChangePasswordMutation, { data, loading, error }] = useVerifyPasswordPagesSettingsAccountChangePasswordMutation({\n *   variables: {\n *      password: // value for 'password'\n *   },\n * });\n */\nexport function useVerifyPasswordPagesSettingsAccountChangePasswordMutation(baseOptions?: Apollo.MutationHookOptions<VerifyPasswordPagesSettingsAccountChangePasswordMutation, VerifyPasswordPagesSettingsAccountChangePasswordMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<VerifyPasswordPagesSettingsAccountChangePasswordMutation, VerifyPasswordPagesSettingsAccountChangePasswordMutationVariables>(VerifyPasswordPagesSettingsAccountChangePasswordDocument, options);\n      }\nexport type VerifyPasswordPagesSettingsAccountChangePasswordMutationHookResult = ReturnType<typeof useVerifyPasswordPagesSettingsAccountChangePasswordMutation>;\nexport type VerifyPasswordPagesSettingsAccountChangePasswordMutationResult = Apollo.MutationResult<VerifyPasswordPagesSettingsAccountChangePasswordMutation>;\nexport type VerifyPasswordPagesSettingsAccountChangePasswordMutationOptions = Apollo.BaseMutationOptions<VerifyPasswordPagesSettingsAccountChangePasswordMutation, VerifyPasswordPagesSettingsAccountChangePasswordMutationVariables>;","export const apolloErrorMe = \"pages/settings/account/change/password/ApolloError/me\";\nexport const apolloErrorVerifyPassword = \"pages/settings/account/change/password/ApolloError/verifyPassword\";\nexport const apolloErrorDoRenewPassword = \"pages/settings/account/change/password/ApolloError/doRenewPassword\";\n","import { useCallback, useState } from \"react\";\nimport type { NextPage } from \"next\";\nimport { UnauthedLayout } from \"@/layouts\";\nimport { SuccessScreen } from \"./__components__/success-screen\";\nimport {\n  PasswordChangeForm,\n  type PasswordChangeFormValues,\n  defaultValuesPasswordChange,\n} from \"./__components__/password-change-form\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { useApolloError } from \"@/hooks/useApolloError\";\nimport { useMePagesSettingsAccountChangePasswordQuery } from \"./__gql__/me.gen\";\nimport { useDoRenewPasswordPagesSettingsAccountChangePasswordMutation } from \"./__gql__/do-renew-password.gen\";\nimport { useVerifyPasswordPagesSettingsAccountChangePasswordMutation } from \"./__gql__/verify-password.gen\";\nimport { noop } from \"@/modules/utils/function\";\nimport { NextSeo } from \"next-seo\";\nimport { apolloErrorDoRenewPassword, apolloErrorMe, apolloErrorVerifyPassword } from \"./const\";\n\nconst SettingsAccountChangePasswordPage: NextPage = () => {\n  const resultMePagesSettingsAccountChangePasswordQuery = useMePagesSettingsAccountChangePasswordQuery();\n\n  const [\n    verifyPasswordPagesSettingsAccountChangePasswordMutation,\n    resultVerifyPasswordPagesSettingsAccountChangePasswordMutation,\n  ] = useVerifyPasswordPagesSettingsAccountChangePasswordMutation();\n  const [\n    doRenewPasswordPagesSettingsAccountChangePasswordMutation,\n    resultDoRenewPasswordPagesSettingsAccountChangePasswordMutation,\n  ] = useDoRenewPasswordPagesSettingsAccountChangePasswordMutation();\n\n  useApolloError(resultMePagesSettingsAccountChangePasswordQuery.error, {\n    testid: apolloErrorMe,\n  });\n  useApolloError(resultVerifyPasswordPagesSettingsAccountChangePasswordMutation.error, {\n    testid: apolloErrorVerifyPassword,\n  });\n  useApolloError(resultDoRenewPasswordPagesSettingsAccountChangePasswordMutation.error, {\n    testid: apolloErrorDoRenewPassword,\n  });\n\n  const loading =\n    resultVerifyPasswordPagesSettingsAccountChangePasswordMutation.loading ||\n    resultDoRenewPasswordPagesSettingsAccountChangePasswordMutation.loading;\n\n  const [isSubmitSuccessful, setIsSubmitSuccessful] = useState(false);\n\n  const methods = useForm<PasswordChangeFormValues>({\n    defaultValues: defaultValuesPasswordChange,\n    mode: \"all\",\n    criteriaMode: \"all\",\n  });\n  const { handleSubmit } = methods;\n\n  const handleChangePassword = useCallback(\n    async ({ password, newPassword }: PasswordChangeFormValues): Promise<void> => {\n      verifyPasswordPagesSettingsAccountChangePasswordMutation({\n        variables: {\n          password,\n        },\n      })\n        .then(({ data }) => {\n          if (data?.verifyPassword === true) {\n            return doRenewPasswordPagesSettingsAccountChangePasswordMutation({\n              variables: {\n                newPassword,\n              },\n            });\n          }\n          return Promise.reject(new Error(\"invalid password\"));\n        })\n        .then(({ data }) => {\n          if (data?.doRenewPassword === true) {\n            setIsSubmitSuccessful(true);\n          }\n        })\n        .catch(noop);\n    },\n    [\n      verifyPasswordPagesSettingsAccountChangePasswordMutation,\n      doRenewPasswordPagesSettingsAccountChangePasswordMutation,\n    ],\n  );\n\n  return (\n    <>\n      <NextSeo title=\"パスワードの変更\" description=\"パスワードの変更が行えます。\" />\n      <UnauthedLayout pt=\"1.5rem\" px=\"1rem\" bgColor=\"light.main\">\n        {!isSubmitSuccessful ? (\n          <FormProvider {...methods}>\n            <form\n              onSubmit={(e) => {\n                // biome-ignore lint/complexity/noVoid :[AUTOMATICALLY-INSERTED] The use of void is not allowed.\n                void handleSubmit(handleChangePassword)(e);\n              }}\n            >\n              <PasswordChangeForm\n                email={resultMePagesSettingsAccountChangePasswordQuery.data?.me.mail}\n                loading={loading}\n              />\n            </form>\n          </FormProvider>\n        ) : (\n          <SuccessScreen />\n        )}\n      </UnauthedLayout>\n    </>\n  );\n};\n\nexport default SettingsAccountChangePasswordPage;\n"],"names":["window","__NEXT_P","push","__webpack_require__","ConfirmCard","headerImage","headerMessage","message","cancelButtonLabel","okButtonLabel","okButtonProps","cancelButtonProps","rest","param","emotion_react_jsx_runtime_browser_esm","tZ","BaseCard","BX","VStack","justifyContent","alignItems","Typography","variant","textAlign","color","whiteSpace","w","Button","styleVariant","typographyVariant","base","sm","md","lg","xl","SuccessCard","text","buttonText","buttonHref","buttonProps","children","_emotion_react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__","Flex","flexDir","Icon","as","boxSize","mt","undefined","Link","href","noop","SuccessScreen","pagesPath","br","defaultValuesPasswordChange","password","newPassword","confirmPassword","PasswordChangeForm","loading","email","formState","isValid","useFormContext","gridGap","Box","gridRowGap","PasswordForm","formLabel","placeholder","helperText","NewPasswordForm","ConfirmPasswordForm","Center","type","my","size","disabled","isLoading","defaultOptions","MePagesSettingsAccountChangePasswordDocument","gql","DoRenewPasswordPagesSettingsAccountChangePasswordDocument","VerifyPasswordPagesSettingsAccountChangePasswordDocument","SettingsAccountChangePasswordPage","resultMePagesSettingsAccountChangePasswordQuery","useMePagesSettingsAccountChangePasswordQuery","baseOptions","options","Apollo","verifyPasswordPagesSettingsAccountChangePasswordMutation","resultVerifyPasswordPagesSettingsAccountChangePasswordMutation","useVerifyPasswordPagesSettingsAccountChangePasswordMutation","doRenewPasswordPagesSettingsAccountChangePasswordMutation","resultDoRenewPasswordPagesSettingsAccountChangePasswordMutation","useDoRenewPasswordPagesSettingsAccountChangePasswordMutation","useApolloError","error","testid","isSubmitSuccessful","setIsSubmitSuccessful","useState","methods","useForm","defaultValues","mode","criteriaMode","handleSubmit","handleChangePassword","useCallback","variables","then","data","verifyPassword","Promise","reject","doRenewPassword","catch","HY","NextSeo","title","description","UnauthedLayout","pt","px","bgColor","FormProvider","form","onSubmit","e","me","mail","index_page"],"sourceRoot":""}