@jetshop/core 7.0.0-alpha-2 → 7.0.1-canary

package/components/Auth/ResetPasswordProvider.js

@@ -0,0 +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/client';
+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/ResetPasswordProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordProvider.js","sourceRoot":"","sources":["ResetPasswordProvider.tsx"],"names":[],"mappings":"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"}

package/components/Auth/SSN.d.ts

@@ -0,0 +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;

package/components/Auth/SSN.js

@@ -0,0 +1,35 @@
+import getErrorDetail from '@jetshop/core/helpers/getErrorDetail';
+import t from '@jetshop/intl';
+import { Formik } from 'formik';
+import React, { useContext } from 'react';
+import { ApolloConsumer } from '@apollo/client';
+import { LookupDispatch } from './SSNLookupContainer';
+import PersonLookupQuery from '@jetshop/core/data/queries/PersonLookupQuery.gql';
+const SSNField = function SSNField(props) {
+    const dispatch = useContext(LookupDispatch);
+    return (React.createElement(ApolloConsumer, null, (client) => {
+        return (React.createElement(Formik, { onSubmit: (values, formik) => {
+                client
+                    .query({
+                    query: PersonLookupQuery,
+                    variables: {
+                        key: values.ssn
+                    }
+                })
+                    .then((resp) => {
+                    formik.setSubmitting(false);
+                    props.onSuccess();
+                    dispatch({ type: 'set', payload: resp.data.personLookup });
+                }, (error) => {
+                    const errorMessage = getErrorDetail(error).codes[0].includes('PersonLookupFailed')
+                        ? t('Person lookup failed.')
+                        : t('Something went wrong, please try again!');
+                    formik.setSubmitting(false);
+                    dispatch({ type: 'reset' });
+                    formik.setErrors({ ssn: errorMessage });
+                });
+            }, initialValues: { ssn: '' } }, (formik) => props.children({ formik })));
+    }));
+};
+export default SSNField;
+//# sourceMappingURL=SSN.js.map

package/components/Auth/SSN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSN.js","sourceRoot":"","sources":["SSN.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sCAAsC,CAAC;AAClE,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAe,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,iBAAiB,MAAM,kDAAkD,CAAC;AAOjF,MAAM,QAAQ,GAA4B,SAAS,QAAQ,CAAC,KAAK;IAC/D,MAAM,QAAQ,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;gBAC3B,MAAM;qBACH,KAAK,CAAC;oBACL,KAAK,EAAE,iBAAiB;oBACxB,SAAS,EAAE;wBACT,GAAG,EAAE,MAAM,CAAC,GAAG;qBAChB;iBACF,CAAC;qBACD,IAAI,CACH,CAAC,IAAuD,EAAE,EAAE;oBAC1D,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC5B,KAAK,CAAC,SAAS,EAAE,CAAC;oBAClB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;gBAC7D,CAAC,EACD,CAAC,KAAK,EAAE,EAAE;oBACR,MAAM,YAAY,GAAG,cAAc,CACjC,KAAK,CACN,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC;wBACvC,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC;wBAC5B,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;oBAEjD,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;oBAC5B,MAAM,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC;gBAC1C,CAAC,CACF,CAAC;YACN,CAAC,EACD,aAAa,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAEzB,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,CAChC,CACV,CAAC;IACJ,CAAC,CACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/components/Auth/SSNLookupContainer.d.ts

@@ -0,0 +1,15 @@
+import { PersonLookup } from '@jetshop/core/types';
+import React from 'react';
+interface State {
+    lookupData: PersonLookup;
+}
+type Action = {
+    type: 'set';
+    payload: PersonLookup;
+} | {
+    type: 'reset';
+};
+export declare const LookupDispatch: React.Context<React.Dispatch<Action>>;
+export declare const LookupData: React.Context<State>;
+declare const SSNLookupContainer: React.FC;
+export default SSNLookupContainer;

package/components/Auth/SSNLookupContainer.js

@@ -0,0 +1,20 @@
+import React, { createContext, useReducer } from 'react';
+export const LookupDispatch = createContext(undefined);
+export const LookupData = createContext(undefined);
+function reducer(state, action) {
+    switch (action.type) {
+        case 'set':
+            return { lookupData: action.payload };
+        case 'reset':
+            return { lookupData: null };
+        default:
+            return state;
+    }
+}
+const SSNLookupContainer = function SSNLookupContainer(props) {
+    const [data, dispatch] = useReducer(reducer, { lookupData: undefined });
+    return (React.createElement(LookupDispatch.Provider, { value: dispatch },
+        React.createElement(LookupData.Provider, { value: data }, props.children)));
+};
+export default SSNLookupContainer;
+//# sourceMappingURL=SSNLookupContainer.js.map

package/components/Auth/SSNLookupContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSNLookupContainer.js","sourceRoot":"","sources":["SSNLookupContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOzD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAyB,SAAS,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAQ,SAAS,CAAC,CAAC;AAE1D,SAAS,OAAO,CAAC,KAAY,EAAE,MAAc;IAC3C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,KAAK;YACR,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;QACxC,KAAK,OAAO;YACV,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;QAC9B;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC;AAED,MAAM,kBAAkB,GAAa,SAAS,kBAAkB,CAAC,KAAK;IACpE,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ;QACtC,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IAAG,KAAK,CAAC,QAAQ,CAAuB,CAChD,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/components/Auth/SignupFormContainer.d.ts

@@ -0,0 +1,16 @@
+import { SignUpInput, MaskedProperty } from '@jetshop/core/types';
+import React from 'react';
+import { SignUpFormInput } from './formatSignupInput';
+type LookupData = {
+    [key: string]: MaskedProperty;
+};
+interface SignupFormProps {
+    children: any;
+    lookupData: LookupData;
+    additionalFormatter?: (values: SignUpFormInput) => SignUpInput;
+    additionalInitialValues?: Partial<SignUpFormInput>;
+}
+declare function SignupFormProvider({ LoadingComponent, ...props }: SignupFormProps & {
+    LoadingComponent?: JSX.Element;
+}): React.JSX.Element;
+export default SignupFormProvider;

package/components/Auth/SignupFormContainer.js

@@ -0,0 +1,82 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Form, Formik } from 'formik';
+import React, { useContext, useMemo } from 'react';
+import { createValidatorForFields } from './formFieldsFromSettings';
+import SignupProvider, { SignupContext, SignupFormikContext } from './signup-context';
+import { useSignupSubmit } from './signupSubmit';
+// Get the default values from the lookupData results if there are any,
+// otherwise default them to an empty string
+function getFieldDefaultValues(fields, lookupData) {
+    const values = {};
+    if (lookupData) {
+        fields.forEach((field) => {
+            var _a;
+            values[field.name] = (_a = lookupData === null || lookupData === void 0 ? void 0 : lookupData[field.name]) === null || _a === void 0 ? void 0 : _a.masked;
+        });
+    }
+    else {
+        fields.forEach((field) => {
+            values[field.name] = '';
+        });
+    }
+    return values;
+}
+function formatLookupData(signupValues, lookupData) {
+    if (!lookupData) {
+        return signupValues;
+    }
+    const values = Object.assign({ externalId: String(lookupData === null || lookupData === void 0 ? void 0 : lookupData.externalId) }, signupValues);
+    Object.keys(values).forEach((key) => {
+        var _a, _b;
+        if (values[key] === ((_a = lookupData[key]) === null || _a === void 0 ? void 0 : _a.masked)) {
+            values[key] = (_b = lookupData[key]) === null || _b === void 0 ? void 0 : _b.encrypted;
+        }
+    });
+    return values;
+}
+function SignupForm(props) {
+    // Available using Voyado integration.
+    const lookupData = props === null || props === void 0 ? void 0 : props.lookupData;
+    const additionalFormatter = props === null || props === void 0 ? void 0 : props.additionalFormatter;
+    const { allFields, selectedCountry } = useContext(SignupContext);
+    // Create the Formik validator for all fields
+    const validate = createValidatorForFields(allFields);
+    // Handle the submit mutation
+    const signupSubmit = useSignupSubmit();
+    // Get the initial values for the form
+    const initialValues = useMemo(() => {
+        var _a;
+        const additionalInitialValues = (_a = props === null || props === void 0 ? void 0 : props.additionalInitialValues) !== null && _a !== void 0 ? _a : {};
+        return Object.assign(Object.assign(Object.assign({}, getFieldDefaultValues(allFields, lookupData)), additionalInitialValues), { country: selectedCountry.code });
+    }, [
+        allFields,
+        lookupData,
+        props === null || props === void 0 ? void 0 : props.additionalInitialValues,
+        selectedCountry.code
+    ]);
+    return (React.createElement(Formik, { enableReinitialize: true, validateOnChange: true, onSubmit: (values, actions) => {
+            signupSubmit({
+                values: formatLookupData(additionalFormatter ? additionalFormatter(values) : values, props.lookupData),
+                actions
+            });
+        }, validate: validate, initialValues: initialValues }, (formik) => props.children({ formik })));
+}
+// This needs to be done to provide the context to the form
+function SignupFormProvider(_a) {
+    var { LoadingComponent } = _a, props = __rest(_a, ["LoadingComponent"]);
+    return (React.createElement(SignupProvider, { LoadingComponent: LoadingComponent },
+        React.createElement(SignupForm, Object.assign({}, props), ({ formik }) => (React.createElement(Form, null,
+            React.createElement(SignupFormikContext.Provider, Object.assign({ value: { formik } }, props)))))));
+}
+export default SignupFormProvider;
+//# sourceMappingURL=SignupFormContainer.js.map

package/components/Auth/SignupFormContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupFormContainer.js","sourceRoot":"","sources":["SignupFormContainer.tsx"],"names":[],"mappings":"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"}

package/components/Auth/UpdatePasswordForm.d.ts

@@ -0,0 +1,44 @@
+import { FormikProps } from 'formik';
+import React, { ReactNode } from 'react';
+export interface UpdatePasswordFormRenderPropsField {
+    name: string;
+}
+export interface UpdatePasswordVariables {
+    oldPassword: string;
+    newPassword: string;
+}
+export interface UpdatePasswordValues extends UpdatePasswordVariables {
+    newPasswordRepeat: string;
+}
+declare const inputProps: {
+    oldPassword: {
+        type: string;
+        name: string;
+        required: boolean;
+        autoComplete: string;
+    };
+    newPassword: {
+        type: string;
+        name: string;
+        required: boolean;
+        autoComplete: string;
+    };
+    repeatPassword: {
+        type: string;
+        name: string;
+        required: boolean;
+        autoComplete: string;
+    };
+};
+export type UpdatePasswordFormRenderProps = FormikProps<UpdatePasswordValues> & {
+    inputProps: typeof inputProps;
+    submitted?: boolean;
+    globalError?: string;
+};
+export interface UpdatePasswordFormProps {
+    onSubmitSuccess?: () => void;
+    render: (props: UpdatePasswordFormRenderProps) => ReactNode;
+}
+export declare const UpdatePasswordProvider: React.FunctionComponent<UpdatePasswordFormProps>;
+export declare function useUpdatePasswordMutation(): (variables: UpdatePasswordVariables) => Promise<void>;
+export {};

package/components/Auth/UpdatePasswordForm.js

@@ -0,0 +1,98 @@
+import UpdatePasswordMutation from '@jetshop/core/data/mutations/updatePassword.gql';
+import logError from '@jetshop/core/helpers/logError';
+import t from '@jetshop/intl';
+import { Form, Formik } from 'formik';
+import React from 'react';
+import { useMutation } from '@apollo/client';
+import { createValidatorForFields } from './formFieldsFromSettings';
+import { useCustomerQuery } from './useCustomer';
+import GetCustomerCountryCode from '@jetshop/core/data/queries/GetCustomerCountryCode.gql';
+const inputProps = {
+    oldPassword: {
+        type: 'password',
+        name: 'oldPassword',
+        required: true,
+        autoComplete: 'current-password'
+    },
+    newPassword: {
+        type: 'password',
+        name: 'newPassword',
+        required: true,
+        autoComplete: 'new-password'
+    },
+    repeatPassword: {
+        type: 'password',
+        name: 'newPasswordRepeat',
+        required: true,
+        autoComplete: 'new-password'
+    }
+};
+export const UpdatePasswordProvider = ({ render, onSubmitSuccess }) => {
+    const updatePasswordMutation = useUpdatePasswordMutation();
+    // We need the user's country code so we can check the validation rules in
+    // that country's channel settings
+    const { countrySettings } = useCustomerQuery({
+        query: GetCustomerCountryCode
+    });
+    const passwordField = countrySettings &&
+        countrySettings.privateCustomerFields.find((field) => field.name === 'password');
+    // Combine validation from the API with our own validation
+    const validator = createValidatorForFields([
+        passwordField,
+        { id: 'oldPassword', name: 'oldPassword', required: true },
+        { id: 'newPasswordRepeat', name: 'newPasswordRepeat', required: true }
+    ], {
+        getFieldName: (name) => {
+            if (name === 'password') {
+                return 'newPassword';
+            }
+            return name;
+        },
+        customValidation: (errors, values) => {
+            if (values.newPasswordRepeat &&
+                values.newPassword !== values.newPasswordRepeat) {
+                errors.newPasswordRepeat = t('Does not match new password');
+            }
+        }
+    });
+    return (React.createElement(Formik, { initialValues: {
+            oldPassword: '',
+            newPassword: '',
+            newPasswordRepeat: ''
+        }, validate: validator, onSubmit: ({ newPassword, oldPassword }, actions) => {
+            actions.setSubmitting(true);
+            updatePasswordMutation({ newPassword, oldPassword })
+                .then(() => {
+                actions.setSubmitting(false);
+                actions.resetForm();
+                typeof onSubmitSuccess === 'function' && onSubmitSuccess();
+                actions.setStatus({ success: true });
+            })
+                .catch((err) => {
+                logError(true, err);
+                actions.setSubmitting(false);
+                actions.setStatus({
+                    globalError: t('Something went wrong updating password. Is your old password correct?')
+                });
+            });
+        }, render: (props) => {
+            var _a, _b;
+            return (React.createElement(Form, null, render(Object.assign(Object.assign({}, props), { inputProps, submitted: (_a = props === null || props === void 0 ? void 0 : props.status) === null || _a === void 0 ? void 0 : _a.success, globalError: (_b = props === null || props === void 0 ? void 0 : props.status) === null || _b === void 0 ? void 0 : _b.globalError }))));
+        } }));
+};
+export function useUpdatePasswordMutation() {
+    const [mutate] = useMutation(UpdatePasswordMutation);
+    return function updatePasswordMutationWrapper(variables) {
+        return Promise.resolve()
+            .then(() => mutate({
+            variables
+        }))
+            .then((res) => {
+            if (!res.data.updatePassword.success) {
+                // This should never happen as mutation itself fails
+                throw new Error('Something went wrong');
+            }
+        });
+    };
+}
+//# sourceMappingURL=UpdatePasswordForm.js.map

package/components/Auth/UpdatePasswordForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePasswordForm.js","sourceRoot":"","sources":["UpdatePasswordForm.tsx"],"names":[],"mappings":"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"}

package/components/Auth/formFieldsFromSettings.d.ts

@@ -0,0 +1,65 @@
+import { CountrySettings } from '@jetshop/core/types';
+import { CustomerField } from '@jetshop/core/types';
+export declare const getFieldType: (name: string) => "text" | "email" | "tel" | "password";
+export declare function formFieldsFromSettings(selectedCountrySettings: CountrySettings, isUserTypeBusiness?: boolean): {
+    allFields: {
+        type: string;
+        id: string;
+        name: string;
+        label: any;
+        __typename?: "CustomerField";
+        required: boolean;
+        pattern?: string;
+        fields?: CustomerField[];
+    }[];
+    billingAddressFields: {
+        label: any;
+        placeholder: string;
+        type: string;
+        __typename?: "CustomerField";
+        id: string;
+        required: boolean;
+        pattern?: string;
+        fields?: CustomerField[];
+        name: string;
+    }[];
+    deliveryAddressFields: {
+        label: any;
+        placeholder: string;
+        type: string;
+        __typename?: "CustomerField";
+        id: string;
+        required: boolean;
+        pattern?: string;
+        fields?: CustomerField[];
+        name: string;
+    }[];
+    loginFields: {
+        type: string;
+        id: string;
+        name: string;
+        label: any;
+        placeholder: any;
+        __typename?: "CustomerField";
+        required: boolean;
+        pattern?: string;
+        fields?: CustomerField[];
+    }[];
+    pidField: {
+        type: string;
+        id: string;
+        name: string;
+        label: any;
+        __typename?: "CustomerField";
+        required: boolean;
+        pattern?: string;
+        fields?: CustomerField[];
+    };
+};
+export declare function createValidatorForFields(fields: CustomerField[], { getFieldName, getFieldValue, customValidation }?: {
+    getFieldName?: (name: string) => string;
+    getFieldValue?: (values: any, fieldName: string) => any;
+    customValidation?: (errors: {
+        [key: string]: any;
+    }, values: any) => any;
+}): (values: any) => any;

package/components/Auth/formFieldsFromSettings.js

@@ -0,0 +1,77 @@
+import { translations } from './signup-field-translations';
+import t from '@jetshop/intl';
+export const getFieldType = (name) => {
+    switch (name) {
+        case 'mobilePhone':
+            return 'tel';
+        case 'emailAddress':
+            return 'email';
+        case 'password':
+            return 'password';
+        default:
+            return 'text';
+    }
+};
+export function formFieldsFromSettings(selectedCountrySettings, isUserTypeBusiness) {
+    const customerFieldsKey = !isUserTypeBusiness
+        ? 'privateCustomerFields'
+        : 'businessCustomerFields';
+    const billingAddress = selectedCountrySettings &&
+        selectedCountrySettings[customerFieldsKey].find((field) => field.name === 'billingAddress');
+    const deliveryAddress = selectedCountrySettings &&
+        selectedCountrySettings[customerFieldsKey].find((field) => field.name === 'deliveryAddress');
+    const billingAddressFields = billingAddress
+        ? billingAddress.fields.map((field) => (Object.assign(Object.assign({}, field), { label: translations[field.name], placeholder: `${translations[field.name]}_placeholder`, type: getFieldType(field.name) })))
+        : [];
+    const deliveryAddressFields = deliveryAddress
+        ? deliveryAddress.fields.map((field) => (Object.assign(Object.assign({}, field), { label: translations[field.name], placeholder: `${translations[field.name]}_placeholder`, type: getFieldType(field.name) })))
+        : [];
+    const emailField = selectedCountrySettings
+        ? selectedCountrySettings[customerFieldsKey].find((field) => field.name === 'emailAddress')
+        : null;
+    const passwordField = selectedCountrySettings
+        ? selectedCountrySettings[customerFieldsKey].find((field) => field.name === 'password')
+        : null;
+    const pid = selectedCountrySettings === null || selectedCountrySettings === void 0 ? void 0 : selectedCountrySettings[customerFieldsKey].find((field) => field.name === 'pid' || field.name === 'organizationNumber');
+    const pidField = Object.assign(Object.assign({}, pid), { type: 'text', id: 'pid', name: isUserTypeBusiness ? 'organizationNumber' : 'pid', label: isUserTypeBusiness
+            ? translations['company_pid']
+            : translations['pid'] });
+    const loginFields = emailField && passwordField
+        ? [
+            Object.assign(Object.assign({}, emailField), { type: getFieldType('emailAddress'), id: 'emailAddress', name: 'emailAddress', label: translations['email'], placeholder: translations['email_placeholder'] }),
+            Object.assign(Object.assign({}, passwordField), { type: getFieldType('password'), id: 'password', name: 'password', label: translations['password'], placeholder: translations['password_placeholder'] })
+        ]
+        : [];
+    const allFields = [...billingAddressFields, ...loginFields, pidField];
+    return {
+        allFields,
+        billingAddressFields,
+        deliveryAddressFields,
+        loginFields,
+        pidField
+    };
+}
+// Create validation based on the rules specified in the CustomerFields from
+// channel settings
+export function createValidatorForFields(fields, { getFieldName = (name) => name, getFieldValue = (values, fieldName) => values[fieldName], customValidation } = {}) {
+    return function validate(values) {
+        const errors = {};
+        fields.forEach((field) => {
+            if (field) {
+                const pattern = field.pattern && new RegExp(unescape(field.pattern));
+                const fieldName = getFieldName(field.name);
+                const value = getFieldValue(values, fieldName);
+                // make sure that pattern is actually a valid regex
+                if (pattern && !pattern.test(value)) {
+                    errors[fieldName] = t('Field does not match required format');
+                }
+                if (field.required && !value) {
+                    errors[fieldName] = t('This field is required');
+                }
+                customValidation && customValidation(errors, values);
+            }
+        });
+        return errors;
+    };
+}
+//# sourceMappingURL=formFieldsFromSettings.js.map

package/components/Auth/formFieldsFromSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldsFromSettings.js","sourceRoot":"","sources":["formFieldsFromSettings.tsx"],"names":[],"mappings":"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"}

package/components/Auth/formatSignupInput.d.ts

@@ -0,0 +1,8 @@
+import { SignUpInput } from '@jetshop/core/types';
+export type SignUpFormInput = SignUpInput & {
+    country: string;
+    organizationNumber?: string;
+};
+export declare function formatSignupInput(values: SignUpFormInput, { userType }: {
+    userType: 'COMPANY' | 'PRIVATE';
+}): SignUpInput;

package/components/Auth/formatSignupInput.js

@@ -0,0 +1,43 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Map forms to { valuename: { value: "value" } } format required for input
+// e.g. { country: { value: "Sweden" } }
+export function formatSignupInput(values, { userType }) {
+    const { emailAddress, password, pid, organizationNumber, country, externalId = '', externalAttributes = undefined, priceListAccessCode = undefined, dynamicContent = undefined, preferences = undefined, consents = [] } = values, rest = __rest(values, ["emailAddress", "password", "pid", "organizationNumber", "country", "externalId", "externalAttributes", "priceListAccessCode", "dynamicContent", "preferences", "consents"]);
+    // Currently passing through country.code:country.name for the country
+    // selector. This is a hack for now to get the code and name separately.
+    const [countryCode, countryName] = country.split(':');
+    const billingInput = {
+        countryCode: { value: countryCode }
+    };
+    const rawValues = Object.entries(rest);
+    for (const [field, value] of rawValues) {
+        billingInput[field] = {
+            value: field === 'country' ? countryName : value
+        };
+    }
+    return {
+        type: userType,
+        billingAddress: billingInput,
+        emailAddress,
+        password,
+        pid,
+        organizationNumber,
+        priceListAccessCode,
+        externalAttributes,
+        externalId,
+        dynamicContent,
+        preferences,
+        consents
+    };
+}
+//# sourceMappingURL=formatSignupInput.js.map