@jetshop/core 5.13.2 → 5.13.10-0

package/components/Auth/ForgotPasswordProvider.d.ts

@@ -1,71 +1,71 @@
-import { MutationRequestPasswordResetArgs } from '@jetshop/core/types';
-import { FormikProps } from 'formik';
-import React from 'react';
-declare type ForgotPasswordFormik = FormikProps<MutationRequestPasswordResetArgs>;
-interface ForgotPasswordProps {
-    children(args: {
-        formik: ForgotPasswordFormik;
-    }): React.ReactChild;
-}
-export declare function ForgotPasswordProvider(props: ForgotPasswordProps): JSX.Element;
-export declare const ForgotPasswordContext: React.Context<{
-    formik: ForgotPasswordFormik;
-}>;
-export declare function useForgotPasswordData(): {
-    validateOnChange?: boolean;
-    validateOnBlur?: boolean;
-    validateOnMount?: boolean;
-    isInitialValid?: boolean | ((props: {}) => boolean);
-    enableReinitialize?: boolean;
-    values: MutationRequestPasswordResetArgs;
-    errors: import("formik").FormikErrors<MutationRequestPasswordResetArgs>;
-    touched: import("formik").FormikTouched<MutationRequestPasswordResetArgs>;
-    isSubmitting: boolean;
-    isValidating: boolean;
-    status?: any;
-    submitCount: number;
-    setStatus: (status?: any) => void;
-    setErrors: (errors: import("formik").FormikErrors<MutationRequestPasswordResetArgs>) => void;
-    setSubmitting: (isSubmitting: boolean) => void;
-    setTouched: (touched: import("formik").FormikTouched<MutationRequestPasswordResetArgs>, shouldValidate?: boolean) => void;
-    setValues: (values: React.SetStateAction<MutationRequestPasswordResetArgs>, shouldValidate?: boolean) => void;
-    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
-    setFieldError: (field: string, message: string) => void;
-    setFieldTouched: (field: string, isTouched?: boolean, shouldValidate?: boolean) => void;
-    validateForm: (values?: any) => Promise<import("formik").FormikErrors<MutationRequestPasswordResetArgs>>;
-    validateField: (field: string) => void;
-    resetForm: (nextState?: Partial<import("formik").FormikState<MutationRequestPasswordResetArgs>>) => void;
-    submitForm: (() => Promise<void>) & (() => Promise<any>);
-    setFormikState: (f: import("formik").FormikState<MutationRequestPasswordResetArgs> | ((prevState: import("formik").FormikState<MutationRequestPasswordResetArgs>) => import("formik").FormikState<MutationRequestPasswordResetArgs>), cb?: () => void) => void;
-    handleSubmit: (e?: React.FormEvent<HTMLFormElement>) => void;
-    handleReset: (e?: React.SyntheticEvent<any, Event>) => void;
-    handleBlur: {
-        (e: React.FocusEvent<any>): void;
-        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
-    };
-    handleChange: {
-        (e: React.ChangeEvent<any>): void;
-        <T_1 = string | React.ChangeEvent<any>>(field: T_1): T_1 extends React.ChangeEvent<any> ? void : (e: string | React.ChangeEvent<any>) => void;
-    };
-    getFieldProps: <Value = any>(props: any) => import("formik").FieldInputProps<Value>;
-    getFieldMeta: <Value_1>(name: string) => import("formik").FieldMetaProps<Value_1>;
-    getFieldHelpers: <Value_2 = any>(name: string) => import("formik").FieldHelperProps<Value_2>;
-    dirty: boolean;
-    isValid: boolean;
-    initialValues: MutationRequestPasswordResetArgs;
-    initialErrors: import("formik").FormikErrors<MutationRequestPasswordResetArgs>;
-    initialTouched: import("formik").FormikTouched<MutationRequestPasswordResetArgs>;
-    initialStatus?: any;
-    registerField: (name: string, fns: {
-        validate?: import("formik").FieldValidator;
-    }) => void;
-    unregisterField: (name: string) => void;
-    submitted: any;
-    globalError: any;
-    emailInputProps: {
-        type: string;
-        name: string;
-        required: boolean;
-    };
-};
-export {};
+import { MutationRequestPasswordResetArgs } from '@jetshop/core/types';
+import { FormikProps } from 'formik';
+import React from 'react';
+declare type ForgotPasswordFormik = FormikProps<MutationRequestPasswordResetArgs>;
+interface ForgotPasswordProps {
+    children(args: {
+        formik: ForgotPasswordFormik;
+    }): React.ReactChild;
+}
+export declare function ForgotPasswordProvider(props: ForgotPasswordProps): JSX.Element;
+export declare const ForgotPasswordContext: React.Context<{
+    formik: ForgotPasswordFormik;
+}>;
+export declare function useForgotPasswordData(): {
+    validateOnChange?: boolean;
+    validateOnBlur?: boolean;
+    validateOnMount?: boolean;
+    isInitialValid?: boolean | ((props: {}) => boolean);
+    enableReinitialize?: boolean;
+    values: MutationRequestPasswordResetArgs;
+    errors: import("formik").FormikErrors<MutationRequestPasswordResetArgs>;
+    touched: import("formik").FormikTouched<MutationRequestPasswordResetArgs>;
+    isSubmitting: boolean;
+    isValidating: boolean;
+    status?: any;
+    submitCount: number;
+    setStatus: (status?: any) => void;
+    setErrors: (errors: import("formik").FormikErrors<MutationRequestPasswordResetArgs>) => void;
+    setSubmitting: (isSubmitting: boolean) => void;
+    setTouched: (touched: import("formik").FormikTouched<MutationRequestPasswordResetArgs>, shouldValidate?: boolean) => void;
+    setValues: (values: React.SetStateAction<MutationRequestPasswordResetArgs>, shouldValidate?: boolean) => void;
+    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
+    setFieldError: (field: string, message: string) => void;
+    setFieldTouched: (field: string, isTouched?: boolean, shouldValidate?: boolean) => void;
+    validateForm: (values?: any) => Promise<import("formik").FormikErrors<MutationRequestPasswordResetArgs>>;
+    validateField: (field: string) => void;
+    resetForm: (nextState?: Partial<import("formik").FormikState<MutationRequestPasswordResetArgs>>) => void;
+    submitForm: (() => Promise<void>) & (() => Promise<any>);
+    setFormikState: (f: import("formik").FormikState<MutationRequestPasswordResetArgs> | ((prevState: import("formik").FormikState<MutationRequestPasswordResetArgs>) => import("formik").FormikState<MutationRequestPasswordResetArgs>), cb?: () => void) => void;
+    handleSubmit: (e?: React.FormEvent<HTMLFormElement>) => void;
+    handleReset: (e?: React.SyntheticEvent<any, Event>) => void;
+    handleBlur: {
+        (e: React.FocusEvent<any>): void;
+        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
+    };
+    handleChange: {
+        (e: React.ChangeEvent<any>): void;
+        <T_1 = string | React.ChangeEvent<any>>(field: T_1): T_1 extends React.ChangeEvent<any> ? void : (e: string | React.ChangeEvent<any>) => void;
+    };
+    getFieldProps: <Value = any>(props: any) => import("formik").FieldInputProps<Value>;
+    getFieldMeta: <Value_1>(name: string) => import("formik").FieldMetaProps<Value_1>;
+    getFieldHelpers: <Value_2 = any>(name: string) => import("formik").FieldHelperProps<Value_2>;
+    dirty: boolean;
+    isValid: boolean;
+    initialValues: MutationRequestPasswordResetArgs;
+    initialErrors: import("formik").FormikErrors<MutationRequestPasswordResetArgs>;
+    initialTouched: import("formik").FormikTouched<MutationRequestPasswordResetArgs>;
+    initialStatus?: any;
+    registerField: (name: string, fns: {
+        validate?: import("formik").FieldValidator;
+    }) => void;
+    unregisterField: (name: string) => void;
+    submitted: any;
+    globalError: any;
+    emailInputProps: {
+        type: string;
+        name: string;
+        required: boolean;
+    };
+};
+export {};

package/components/Auth/ForgotPasswordProvider.js

@@ -1,57 +1,57 @@
-import { resetRequest } from '@jetshop/core/data/mutations/accountMutations.gql';
-import t from '@jetshop/intl';
-import { Form, Formik } from 'formik';
-import React from 'react';
-import { useMutation } from '@apollo/react-hooks';
-function validate(values) {
-    let errors = {};
-    if (!values.email) {
-        errors['email'] = t('This field is required');
-    }
-    if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
-        errors['email'] = t('Invalid email address');
-    }
-    return errors;
-}
-function handleMutationError(actions) {
-    actions.setStatus({
-        globalError: t('Something went wrong. Please check your input, or try again later.'),
-    });
-    actions.setSubmitting(false);
-}
-export function ForgotPasswordProvider(props) {
-    const [mutate] = useMutation(resetRequest);
-    return (React.createElement(Formik, { initialValues: { email: '' }, validate: validate, onSubmit: (values, actions) => {
-            actions.setSubmitting(true);
-            mutate({ variables: { email: values.email } })
-                .then((resp) => {
-                if (resp.data.requestPasswordReset.success) {
-                    actions.setStatus({ success: true });
-                    actions.setSubmitting(false);
-                }
-                else {
-                    handleMutationError(actions);
-                }
-            })
-                .catch(() => {
-                handleMutationError(actions);
-            });
-        } }, (formik) => (React.createElement(Form, null,
-        React.createElement(ForgotPasswordContext.Provider, Object.assign({ value: { formik } }, props))))));
-}
-export const ForgotPasswordContext = React.createContext(undefined);
-export function useForgotPasswordData() {
-    var _a, _b;
-    const { formik } = React.useContext(ForgotPasswordContext);
-    const submitted = (_a = formik === null || formik === void 0 ? void 0 : formik.status) === null || _a === void 0 ? void 0 : _a.success;
-    const globalError = (_b = formik === null || formik === void 0 ? void 0 : formik.status) === null || _b === void 0 ? void 0 : _b.globalError;
-    const emailInputProps = {
-        type: 'email',
-        name: 'email',
-        required: true,
-    };
-    return Object.assign({ submitted,
-        globalError,
-        emailInputProps }, formik);
-}
+import { resetRequest } from '@jetshop/core/data/mutations/accountMutations.gql';
+import t from '@jetshop/intl';
+import { Form, Formik } from 'formik';
+import React from 'react';
+import { useMutation } from '@apollo/react-hooks';
+function validate(values) {
+    let errors = {};
+    if (!values.email) {
+        errors['email'] = t('This field is required');
+    }
+    if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)) {
+        errors['email'] = t('Invalid email address');
+    }
+    return errors;
+}
+function handleMutationError(actions) {
+    actions.setStatus({
+        globalError: t('Something went wrong. Please check your input, or try again later.'),
+    });
+    actions.setSubmitting(false);
+}
+export function ForgotPasswordProvider(props) {
+    const [mutate] = useMutation(resetRequest);
+    return (React.createElement(Formik, { initialValues: { email: '' }, validate: validate, onSubmit: (values, actions) => {
+            actions.setSubmitting(true);
+            mutate({ variables: { email: values.email } })
+                .then((resp) => {
+                if (resp.data.requestPasswordReset.success) {
+                    actions.setStatus({ success: true });
+                    actions.setSubmitting(false);
+                }
+                else {
+                    handleMutationError(actions);
+                }
+            })
+                .catch(() => {
+                handleMutationError(actions);
+            });
+        } }, (formik) => (React.createElement(Form, null,
+        React.createElement(ForgotPasswordContext.Provider, Object.assign({ value: { formik } }, props))))));
+}
+export const ForgotPasswordContext = React.createContext(undefined);
+export function useForgotPasswordData() {
+    var _a, _b;
+    const { formik } = React.useContext(ForgotPasswordContext);
+    const submitted = (_a = formik === null || formik === void 0 ? void 0 : formik.status) === null || _a === void 0 ? void 0 : _a.success;
+    const globalError = (_b = formik === null || formik === void 0 ? void 0 : formik.status) === null || _b === void 0 ? void 0 : _b.globalError;
+    const emailInputProps = {
+        type: 'email',
+        name: 'email',
+        required: true,
+    };
+    return Object.assign({ submitted,
+        globalError,
+        emailInputProps }, formik);
+}
 //# sourceMappingURL=ForgotPasswordProvider.js.map

package/components/Auth/ResetPasswordProvider.d.ts

@@ -1,88 +1,88 @@
-import React from 'react';
-export declare const ResetPasswordProvider: React.ComponentClass<Pick<import("react-router").RouteComponentProps<any, import("react-router").StaticContext, any>, never>, any> & import("react-router").WithRouterStatics<(props: React.PropsWithChildren<import("react-router").RouteComponentProps<any, import("react-router").StaticContext, any>>) => JSX.Element>;
-export declare function useResetPasswordForm(): {
-    passwordInputProps: {
-        required: boolean;
-        type: string;
-        name: string;
-        autoComplete: string;
-    };
-    submitted: boolean;
-    globalError: any;
-    validateOnChange?: boolean;
-    validateOnBlur?: boolean;
-    validateOnMount?: boolean;
-    isInitialValid?: boolean | ((props: {}) => boolean);
-    enableReinitialize?: boolean;
-    values: {
-        newPassword: string;
-    };
-    errors: import("formik").FormikErrors<{
-        newPassword: string;
-    }>;
-    touched: import("formik").FormikTouched<{
-        newPassword: string;
-    }>;
-    isSubmitting: boolean;
-    isValidating: boolean;
-    status?: any;
-    submitCount: number;
-    setStatus: (status?: any) => void;
-    setErrors: (errors: import("formik").FormikErrors<{
-        newPassword: string;
-    }>) => void;
-    setSubmitting: (isSubmitting: boolean) => void;
-    setTouched: (touched: import("formik").FormikTouched<{
-        newPassword: string;
-    }>, shouldValidate?: boolean) => void;
-    setValues: (values: React.SetStateAction<{
-        newPassword: string;
-    }>, shouldValidate?: boolean) => void;
-    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
-    setFieldError: (field: string, message: string) => void;
-    setFieldTouched: (field: string, isTouched?: boolean, shouldValidate?: boolean) => void;
-    validateForm: (values?: any) => Promise<import("formik").FormikErrors<{
-        newPassword: string;
-    }>>;
-    validateField: (field: string) => void;
-    resetForm: (nextState?: Partial<import("formik").FormikState<{
-        newPassword: string;
-    }>>) => void;
-    submitForm: (() => Promise<void>) & (() => Promise<any>);
-    setFormikState: (f: import("formik").FormikState<{
-        newPassword: string;
-    }> | ((prevState: import("formik").FormikState<{
-        newPassword: string;
-    }>) => import("formik").FormikState<{
-        newPassword: string;
-    }>), cb?: () => void) => void;
-    handleSubmit: (e?: React.FormEvent<HTMLFormElement>) => void;
-    handleReset: (e?: React.SyntheticEvent<any, Event>) => void;
-    handleBlur: {
-        (e: React.FocusEvent<any>): void;
-        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
-    };
-    handleChange: {
-        (e: React.ChangeEvent<any>): void;
-        <T_1 = string | React.ChangeEvent<any>>(field: T_1): T_1 extends React.ChangeEvent<any> ? void : (e: string | React.ChangeEvent<any>) => void;
-    };
-    getFieldProps: <Value = any>(props: any) => import("formik").FieldInputProps<Value>;
-    getFieldMeta: <Value_1>(name: string) => import("formik").FieldMetaProps<Value_1>;
-    getFieldHelpers: <Value_2 = any>(name: string) => import("formik").FieldHelperProps<Value_2>;
-    dirty: boolean;
-    isValid: boolean;
-    initialValues: {
-        newPassword: string;
-    };
-    initialErrors: import("formik").FormikErrors<{
-        newPassword: string;
-    }>;
-    initialTouched: import("formik").FormikTouched<{
-        newPassword: string;
-    }>;
-    initialStatus?: any;
-    registerField: (name: string, fns: {
-        validate?: import("formik").FieldValidator;
-    }) => void;
-    unregisterField: (name: string) => void;
-};
+import React from 'react';
+export declare const ResetPasswordProvider: React.ComponentClass<Pick<import("react-router").RouteComponentProps<any, import("react-router").StaticContext, any>, never>, any> & import("react-router").WithRouterStatics<(props: React.PropsWithChildren<import("react-router").RouteComponentProps<any, import("react-router").StaticContext, any>>) => JSX.Element>;
+export declare function useResetPasswordForm(): {
+    passwordInputProps: {
+        required: boolean;
+        type: string;
+        name: string;
+        autoComplete: string;
+    };
+    submitted: boolean;
+    globalError: any;
+    validateOnChange?: boolean;
+    validateOnBlur?: boolean;
+    validateOnMount?: boolean;
+    isInitialValid?: boolean | ((props: {}) => boolean);
+    enableReinitialize?: boolean;
+    values: {
+        newPassword: string;
+    };
+    errors: import("formik").FormikErrors<{
+        newPassword: string;
+    }>;
+    touched: import("formik").FormikTouched<{
+        newPassword: string;
+    }>;
+    isSubmitting: boolean;
+    isValidating: boolean;
+    status?: any;
+    submitCount: number;
+    setStatus: (status?: any) => void;
+    setErrors: (errors: import("formik").FormikErrors<{
+        newPassword: string;
+    }>) => void;
+    setSubmitting: (isSubmitting: boolean) => void;
+    setTouched: (touched: import("formik").FormikTouched<{
+        newPassword: string;
+    }>, shouldValidate?: boolean) => void;
+    setValues: (values: React.SetStateAction<{
+        newPassword: string;
+    }>, shouldValidate?: boolean) => void;
+    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
+    setFieldError: (field: string, message: string) => void;
+    setFieldTouched: (field: string, isTouched?: boolean, shouldValidate?: boolean) => void;
+    validateForm: (values?: any) => Promise<import("formik").FormikErrors<{
+        newPassword: string;
+    }>>;
+    validateField: (field: string) => void;
+    resetForm: (nextState?: Partial<import("formik").FormikState<{
+        newPassword: string;
+    }>>) => void;
+    submitForm: (() => Promise<void>) & (() => Promise<any>);
+    setFormikState: (f: import("formik").FormikState<{
+        newPassword: string;
+    }> | ((prevState: import("formik").FormikState<{
+        newPassword: string;
+    }>) => import("formik").FormikState<{
+        newPassword: string;
+    }>), cb?: () => void) => void;
+    handleSubmit: (e?: React.FormEvent<HTMLFormElement>) => void;
+    handleReset: (e?: React.SyntheticEvent<any, Event>) => void;
+    handleBlur: {
+        (e: React.FocusEvent<any>): void;
+        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
+    };
+    handleChange: {
+        (e: React.ChangeEvent<any>): void;
+        <T_1 = string | React.ChangeEvent<any>>(field: T_1): T_1 extends React.ChangeEvent<any> ? void : (e: string | React.ChangeEvent<any>) => void;
+    };
+    getFieldProps: <Value = any>(props: any) => import("formik").FieldInputProps<Value>;
+    getFieldMeta: <Value_1>(name: string) => import("formik").FieldMetaProps<Value_1>;
+    getFieldHelpers: <Value_2 = any>(name: string) => import("formik").FieldHelperProps<Value_2>;
+    dirty: boolean;
+    isValid: boolean;
+    initialValues: {
+        newPassword: string;
+    };
+    initialErrors: import("formik").FormikErrors<{
+        newPassword: string;
+    }>;
+    initialTouched: import("formik").FormikTouched<{
+        newPassword: string;
+    }>;
+    initialStatus?: any;
+    registerField: (name: string, fns: {
+        validate?: import("formik").FieldValidator;
+    }) => void;
+    unregisterField: (name: string) => void;
+};

package/components/Auth/ResetPasswordProvider.js

@@ -1,78 +1,78 @@
-import { resetPassword } from '@jetshop/core/data/mutations/accountMutations.gql';
-import t from '@jetshop/intl';
-import { Form, Formik } from 'formik';
-import React, { useContext } from 'react';
-import { useMutation } from '@apollo/react-hooks';
-import { Redirect, withRouter } from 'react-router';
-import getErrorDetail from '../../helpers/getErrorDetail';
-import throwErrorInDev from '../../helpers/throwErrorInDev';
-import { createValidatorForFields } from './formFieldsFromSettings';
-import { useCountrySettings } from '../ChannelContext/useCountrySettings';
-function usePasswordValidation() {
-    const { selectedCountrySettings } = useCountrySettings();
-    const passwordFieldArray = (selectedCountrySettings && [
-        selectedCountrySettings.privateCustomerFields.find((field) => field.name === 'password')
-    ]) ||
-        [];
-    return createValidatorForFields(passwordFieldArray, {
-        getFieldName: () => 'newPassword'
-    });
-}
-// Context to hold formik state
-const ResetPasswordContext = React.createContext(undefined);
-export const ResetPasswordProvider = withRouter(function ResetPasswordProvider(props) {
-    const params = props.match.params;
-    const { token: resetPasswordToken } = params;
-    const [resetPasswordMutation] = useMutation(resetPassword);
-    const validator = usePasswordValidation();
-    // We need a token to post with the password reset mutation
-    if (!resetPasswordToken) {
-        return React.createElement(Redirect, { to: "/" });
-    }
-    return (React.createElement(Formik, { initialValues: { newPassword: '' }, validate: validator, onSubmit: ({ newPassword }, actions) => {
-            actions.setSubmitting(true);
-            resetPasswordMutation({
-                variables: {
-                    newPassword,
-                    resetPasswordToken
-                }
-            })
-                .then(() => {
-                actions.setSubmitting(false);
-                actions.setStatus('submitted');
-            })
-                .catch((err) => {
-                actions.setSubmitting(false);
-                actions.setStatus(getErrorDetail(err).codes);
-            });
-        } }, (formik) => (React.createElement(Form, null,
-        React.createElement(ResetPasswordContext.Provider, Object.assign({}, props, { value: { formik } }))))));
-});
-// Hook that can be used to get the formik data, submit state, and translated error
-export function useResetPasswordForm() {
-    const context = useContext(ResetPasswordContext);
-    throwErrorInDev(!context, '`useResetPassword` may only be called from within `ResetPasswordProvider`');
-    const { formik } = context;
-    // We only want to display one error, so grab the first
-    const globalError = Array.isArray(formik.status)
-        ? formik.status.map(getErrorMessage)[0]
-        : undefined;
-    const passwordInputProps = {
-        required: true,
-        type: 'password',
-        name: 'newPassword',
-        autoComplete: 'new-password'
-    };
-    return Object.assign(Object.assign({}, formik), { passwordInputProps, submitted: formik.status === 'submitted', globalError: globalError });
-}
-// Takes an error code from the API and converts to a friendly string
-function getErrorMessage(code) {
-    const errorTranslations = {
-        InvalidResetPasswordToken: t('Your password reset token has expired, or is invalid.')
-    };
-    if (errorTranslations[code])
-        return errorTranslations[code];
-    // Fallback
-    return t('The form could not be submitted. Please try again later.');
-}
+import { resetPassword } from '@jetshop/core/data/mutations/accountMutations.gql';
+import t from '@jetshop/intl';
+import { Form, Formik } from 'formik';
+import React, { useContext } from 'react';
+import { useMutation } from '@apollo/react-hooks';
+import { Redirect, withRouter } from 'react-router';
+import getErrorDetail from '../../helpers/getErrorDetail';
+import throwErrorInDev from '../../helpers/throwErrorInDev';
+import { createValidatorForFields } from './formFieldsFromSettings';
+import { useCountrySettings } from '../ChannelContext/useCountrySettings';
+function usePasswordValidation() {
+    const { selectedCountrySettings } = useCountrySettings();
+    const passwordFieldArray = (selectedCountrySettings && [
+        selectedCountrySettings.privateCustomerFields.find((field) => field.name === 'password')
+    ]) ||
+        [];
+    return createValidatorForFields(passwordFieldArray, {
+        getFieldName: () => 'newPassword'
+    });
+}
+// Context to hold formik state
+const ResetPasswordContext = React.createContext(undefined);
+export const ResetPasswordProvider = withRouter(function ResetPasswordProvider(props) {
+    const params = props.match.params;
+    const { token: resetPasswordToken } = params;
+    const [resetPasswordMutation] = useMutation(resetPassword);
+    const validator = usePasswordValidation();
+    // We need a token to post with the password reset mutation
+    if (!resetPasswordToken) {
+        return React.createElement(Redirect, { to: "/" });
+    }
+    return (React.createElement(Formik, { initialValues: { newPassword: '' }, validate: validator, onSubmit: ({ newPassword }, actions) => {
+            actions.setSubmitting(true);
+            resetPasswordMutation({
+                variables: {
+                    newPassword,
+                    resetPasswordToken
+                }
+            })
+                .then(() => {
+                actions.setSubmitting(false);
+                actions.setStatus('submitted');
+            })
+                .catch((err) => {
+                actions.setSubmitting(false);
+                actions.setStatus(getErrorDetail(err).codes);
+            });
+        } }, (formik) => (React.createElement(Form, null,
+        React.createElement(ResetPasswordContext.Provider, Object.assign({}, props, { value: { formik } }))))));
+});
+// Hook that can be used to get the formik data, submit state, and translated error
+export function useResetPasswordForm() {
+    const context = useContext(ResetPasswordContext);
+    throwErrorInDev(!context, '`useResetPassword` may only be called from within `ResetPasswordProvider`');
+    const { formik } = context;
+    // We only want to display one error, so grab the first
+    const globalError = Array.isArray(formik.status)
+        ? formik.status.map(getErrorMessage)[0]
+        : undefined;
+    const passwordInputProps = {
+        required: true,
+        type: 'password',
+        name: 'newPassword',
+        autoComplete: 'new-password'
+    };
+    return Object.assign(Object.assign({}, formik), { passwordInputProps, submitted: formik.status === 'submitted', globalError: globalError });
+}
+// Takes an error code from the API and converts to a friendly string
+function getErrorMessage(code) {
+    const errorTranslations = {
+        InvalidResetPasswordToken: t('Your password reset token has expired, or is invalid.')
+    };
+    if (errorTranslations[code])
+        return errorTranslations[code];
+    // Fallback
+    return t('The form could not be submitted. Please try again later.');
+}
 //# sourceMappingURL=ResetPasswordProvider.js.map

package/components/Auth/SSN.d.ts

@@ -1,12 +1,12 @@
-import { FormikProps } from 'formik';
-import React from 'react';
-interface SSNFieldProps {
-    onSuccess(): any;
-    children(args: {
-        formik: FormikProps<{
-            ssn: string;
-        }>;
-    }): React.ReactNode;
-}
-declare const SSNField: React.FC<SSNFieldProps>;
-export default SSNField;
+import { FormikProps } from 'formik';
+import React from 'react';
+interface SSNFieldProps {
+    onSuccess(): any;
+    children(args: {
+        formik: FormikProps<{
+            ssn: string;
+        }>;
+    }): React.ReactNode;
+}
+declare const SSNField: React.FC<SSNFieldProps>;
+export default SSNField;