@jetshop/core 5.13.0 → 5.13.10-0

package/components/Auth/formFieldsFromSettings.d.ts

@@ -1,65 +1,65 @@
-import { CountrySettings } from '@jetshop/core/types';
-import { CustomerField } from '@jetshop/core/types';
-export declare const getFieldType: (name: string) => "text" | "tel" | "email" | "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;
+import { CountrySettings } from '@jetshop/core/types';
+import { CustomerField } from '@jetshop/core/types';
+export declare const getFieldType: (name: string) => "text" | "tel" | "email" | "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

@@ -1,77 +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 && field.pattern) {
-                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;
-    };
-}
+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 && field.pattern) {
+                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/formatSignupInput.d.ts

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

package/components/Auth/formatSignupInput.js

@@ -1,43 +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
-    };
-}
+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

package/components/Auth/signup-context.d.ts

@@ -1,36 +1,36 @@
-import { Country, CustomerField, SignUpInput } from '@jetshop/core/types';
-import * as React from 'react';
-import { FormikProps } from 'formik';
-export interface EnhancedCustomerField extends CustomerField {
-    type: string;
-    label: string;
-    placeholder?: string;
-}
-declare type SignupContext = {
-    isUserTypeBusiness: boolean;
-    billingAddressFields: EnhancedCustomerField[];
-    loginFields: EnhancedCustomerField[];
-    allFields: EnhancedCustomerField[];
-    countries: Country[];
-    selectedCountry: Country;
-    setCountry: React.Dispatch<React.SetStateAction<Country>>;
-    loading: boolean;
-} | undefined;
-export declare const SignupContext: React.Context<{
-    isUserTypeBusiness: boolean;
-    billingAddressFields: EnhancedCustomerField[];
-    loginFields: EnhancedCustomerField[];
-    allFields: EnhancedCustomerField[];
-    countries: Country[];
-    selectedCountry: Country;
-    setCountry: React.Dispatch<React.SetStateAction<Country>>;
-    loading: boolean;
-}>;
-declare const SignupProvider: React.FC<{
-    value?: SignupContext;
-    LoadingComponent?: JSX.Element;
-}>;
-export declare const SignupFormikContext: React.Context<{
-    formik: FormikProps<SignUpInput>;
-}>;
-export default SignupProvider;
+import { Country, CustomerField, SignUpInput } from '@jetshop/core/types';
+import * as React from 'react';
+import { FormikProps } from 'formik';
+export interface EnhancedCustomerField extends CustomerField {
+    type: string;
+    label: string;
+    placeholder?: string;
+}
+declare type SignupContext = {
+    isUserTypeBusiness: boolean;
+    billingAddressFields: EnhancedCustomerField[];
+    loginFields: EnhancedCustomerField[];
+    allFields: EnhancedCustomerField[];
+    countries: Country[];
+    selectedCountry: Country;
+    setCountry: React.Dispatch<React.SetStateAction<Country>>;
+    loading: boolean;
+} | undefined;
+export declare const SignupContext: React.Context<{
+    isUserTypeBusiness: boolean;
+    billingAddressFields: EnhancedCustomerField[];
+    loginFields: EnhancedCustomerField[];
+    allFields: EnhancedCustomerField[];
+    countries: Country[];
+    selectedCountry: Country;
+    setCountry: React.Dispatch<React.SetStateAction<Country>>;
+    loading: boolean;
+}>;
+declare const SignupProvider: React.FC<{
+    value?: SignupContext;
+    LoadingComponent?: JSX.Element;
+}>;
+export declare const SignupFormikContext: React.Context<{
+    formik: FormikProps<SignUpInput>;
+}>;
+export default SignupProvider;

package/components/Auth/signup-context.js

@@ -1,72 +1,72 @@
-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 * as React from 'react';
-import ChannelContext from '@jetshop/core/components/ChannelContext';
-import { formFieldsFromSettings } from '@jetshop/core/components/Auth/formFieldsFromSettings';
-import throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
-import { useCountrySettings } from '../ChannelContext/useCountrySettings';
-// Holds fields and other API data
-export const SignupContext = React.createContext(undefined);
-const SignupProvider = function SignupContextProvider(_a) {
-    var { LoadingComponent } = _a, props = __rest(_a, ["LoadingComponent"]);
-    // We will use the selectedChannel to build the form to begin with.
-    // However, if the user changes country in the form, we should also change all
-    // of the fields and validation
-    const { selectedChannel } = React.useContext(ChannelContext);
-    const [isUserTypeBusiness, setIsUserTypeBusiness] = React.useState(false);
-    throwErrorInDev(!selectedChannel, 'Must be wrapped in ChannelContext Provider');
-    // Initialise country to the selected channel country. This will be selected
-    // by default in the form, and its settings will be used to build the form
-    // inputs and validation
-    const [country, setCountry] = React.useState(selectedChannel.country);
-    const { countrySettings, loading } = useCountrySettings();
-    const selectedCountrySettings = countrySettings &&
-        countrySettings.find(c => c.countryCode === country.code);
-    // Get all the billing address fields from the country settings
-    const { allFields, billingAddressFields, loginFields } = !loading
-        ? formFieldsFromSettings(selectedCountrySettings, isUserTypeBusiness)
-        : {
-            allFields: null,
-            billingAddressFields: null,
-            loginFields: null
-        };
-    const value = React.useMemo(() => {
-        return {
-            billingAddressFields,
-            loginFields,
-            allFields,
-            selectedCountry: country,
-            countries: selectedChannel.countries,
-            setCountry,
-            loading,
-            isUserTypeBusiness,
-            setIsUserTypeBusiness
-        };
-    }, [
-        billingAddressFields,
-        loginFields,
-        allFields,
-        country,
-        selectedChannel.countries,
-        loading,
-        isUserTypeBusiness
-    ]);
-    if (loading) {
-        return LoadingComponent || null;
-    }
-    else
-        return React.createElement(SignupContext.Provider, Object.assign({ value: value }, props));
-};
-// Holds formik state
-export const SignupFormikContext = React.createContext(undefined);
-export default SignupProvider;
+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 * as React from 'react';
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import { formFieldsFromSettings } from '@jetshop/core/components/Auth/formFieldsFromSettings';
+import throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
+import { useCountrySettings } from '../ChannelContext/useCountrySettings';
+// Holds fields and other API data
+export const SignupContext = React.createContext(undefined);
+const SignupProvider = function SignupContextProvider(_a) {
+    var { LoadingComponent } = _a, props = __rest(_a, ["LoadingComponent"]);
+    // We will use the selectedChannel to build the form to begin with.
+    // However, if the user changes country in the form, we should also change all
+    // of the fields and validation
+    const { selectedChannel } = React.useContext(ChannelContext);
+    const [isUserTypeBusiness, setIsUserTypeBusiness] = React.useState(false);
+    throwErrorInDev(!selectedChannel, 'Must be wrapped in ChannelContext Provider');
+    // Initialise country to the selected channel country. This will be selected
+    // by default in the form, and its settings will be used to build the form
+    // inputs and validation
+    const [country, setCountry] = React.useState(selectedChannel.country);
+    const { countrySettings, loading } = useCountrySettings();
+    const selectedCountrySettings = countrySettings &&
+        countrySettings.find(c => c.countryCode === country.code);
+    // Get all the billing address fields from the country settings
+    const { allFields, billingAddressFields, loginFields } = !loading
+        ? formFieldsFromSettings(selectedCountrySettings, isUserTypeBusiness)
+        : {
+            allFields: null,
+            billingAddressFields: null,
+            loginFields: null
+        };
+    const value = React.useMemo(() => {
+        return {
+            billingAddressFields,
+            loginFields,
+            allFields,
+            selectedCountry: country,
+            countries: selectedChannel.countries,
+            setCountry,
+            loading,
+            isUserTypeBusiness,
+            setIsUserTypeBusiness
+        };
+    }, [
+        billingAddressFields,
+        loginFields,
+        allFields,
+        country,
+        selectedChannel.countries,
+        loading,
+        isUserTypeBusiness
+    ]);
+    if (loading) {
+        return LoadingComponent || null;
+    }
+    else
+        return React.createElement(SignupContext.Provider, Object.assign({ value: value }, props));
+};
+// Holds formik state
+export const SignupFormikContext = React.createContext(undefined);
+export default SignupProvider;
 //# sourceMappingURL=signup-context.js.map

package/components/Auth/signup-field-translations.d.ts

@@ -1,3 +1,3 @@
-export declare const translations: {
-    [key: string]: any;
-};
+export declare const translations: {
+    [key: string]: any;
+};