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

package/hooks/useLoginRedirect.d.ts

@@ -0,0 +1,4 @@
+declare function useLoginRedirect(): {
+    getRedirectUrl: () => Promise<string>;
+};
+export { useLoginRedirect };

package/hooks/useLoginRedirect.js

@@ -0,0 +1,37 @@
+import { useContext } from 'react';
+import qs from 'qs';
+import cartCheckoutQuery from './CartCheckoutQuery.gql';
+import { CartIdContext } from '../components/Cart/CartIdContext';
+import { useApolloClient } from '@apollo/client';
+function useLoginRedirect() {
+    const { ReturnURL } = __IN_SERVER__
+        ? { ReturnURL: null }
+        : qs.parse(window.location.search, {
+            ignoreQueryPrefix: true
+        });
+    const { cartId } = useContext(CartIdContext);
+    const client = useApolloClient();
+    function getRedirectUrl() {
+        if (!ReturnURL)
+            return;
+        if (ReturnURL.startsWith('/checkout')) {
+            return client
+                .query({
+                query: cartCheckoutQuery,
+                variables: {
+                    cartId
+                }
+            })
+                .then((result) => {
+                const externalCheckoutUrl = result.data.cart.externalCheckoutUrl;
+                return externalCheckoutUrl;
+            });
+        }
+        else {
+            return Promise.resolve(ReturnURL);
+        }
+    }
+    return { getRedirectUrl };
+}
+export { useLoginRedirect };
+//# sourceMappingURL=useLoginRedirect.js.map

package/hooks/useLoginRedirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoginRedirect.js","sourceRoot":"","sources":["useLoginRedirect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,SAAS,gBAAgB;IACvB,MAAM,EAAE,SAAS,EAAE,GAA0B,aAAa;QACxD,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE;QACrB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC/B,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;IACP,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,SAAS,cAAc;QACrB,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE;YACrC,OAAO,MAAM;iBACV,KAAK,CAAiB;gBACrB,KAAK,EAAE,iBAAiB;gBACxB,SAAS,EAAE;oBACT,MAAM;iBACP;aACF,CAAC;iBACD,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBACf,MAAM,mBAAmB,GACvB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC;gBACvC,OAAO,mBAAmB,CAAC;YAC7B,CAAC,CAAC,CAAC;SACN;aAAM;YACL,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;SACnC;IACH,CAAC;IACD,OAAO,EAAE,cAAc,EAAE,CAAC;AAC5B,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/hooks/useOrderDetailQuery.d.ts

@@ -0,0 +1,20 @@
+import { DocumentNode } from 'graphql';
+import { Order } from '../types';
+interface UseOrderDetail {
+    query: DocumentNode;
+    orderId: string;
+    id: number;
+}
+/**
+ * Takes in the orderDetails query and order id, and returns the result and
+ * some helpers
+ */
+export default function useOrderDetailQuery({ query, id }: UseOrderDetail): {
+    loading: boolean;
+    error: import("@apollo/client").ApolloError;
+    order: Order;
+    result: import("@apollo/client").QueryResult<{
+        order: Order;
+    }, import("@apollo/client").OperationVariables>;
+};
+export {};

package/hooks/useOrderDetailQuery.js

@@ -0,0 +1,29 @@
+import { useQuery } from '@apollo/client';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+import logWarningInDev from '../helpers/logWarningInDev';
+/**
+ * Takes in the orderDetails query and order id, and returns the result and
+ * some helpers
+ */
+export default function useOrderDetailQuery({ query, id }) {
+    var _a, _b;
+    const queryUsesOrderIdParam = 
+    // @ts-ignore
+    ((_b = (_a = query.definitions[0]) === null || _a === void 0 ? void 0 : _a.variableDefinitions[0]) === null || _b === void 0 ? void 0 : _b.variable.name.value) ===
+        'orderId';
+    const result = useQuery(query, {
+        variables: queryUsesOrderIdParam ? { orderId: id } : { id: id }
+    });
+    throwErrorInDev(!!result.error, `The API returned an error for the Order query with id ${id}.
+    ${result.error}`);
+    logWarningInDev(!queryUsesOrderIdParam, 'order(id: Int) has been deprecated. Please update OrderDetail.gql to use the orderId variable.');
+    throwErrorInDev(!result.loading && result.data && !result.data.order ? true : false, 'No order field was found in the response. Double-check that your query includes `{ order(orderId: ID!) }`');
+    return {
+        // Default loading to true for SSR
+        loading: result ? result.loading : true,
+        error: result.error,
+        order: result.data ? result.data.order : null,
+        result
+    };
+}
+//# sourceMappingURL=useOrderDetailQuery.js.map

package/hooks/useOrderDetailQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderDetailQuery.js","sourceRoot":"","sources":["useOrderDetailQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,eAAe,MAAM,4BAA4B,CAAC;AASzD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAkB;;IACvE,MAAM,qBAAqB;IACzB,aAAa;IACb,CAAA,MAAA,MAAA,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,0CAAE,mBAAmB,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK;QACjE,SAAS,CAAC;IAEZ,MAAM,MAAM,GAAG,QAAQ,CAAmB,KAAK,EAAE;QAC/C,SAAS,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;KAChE,CAAC,CAAC;IAEH,eAAe,CACb,CAAC,CAAC,MAAM,CAAC,KAAK,EACd,yDAAyD,EAAE;MACzD,MAAM,CAAC,KAAK,EAAE,CACjB,CAAC;IAEF,eAAe,CACb,CAAC,qBAAqB,EACtB,gGAAgG,CACjG,CAAC;IAEF,eAAe,CACb,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACnE,2GAA2G,CAC5G,CAAC;IAEF,OAAO;QACL,kCAAkC;QAClC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;QACvC,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QAC7C,MAAM;KACP,CAAC;AACJ,CAAC"}

package/hooks/usePreconnectLinks.d.ts

@@ -0,0 +1,10 @@
+interface PreconnectLinkOptions {
+    ga?: boolean;
+    gtm?: boolean;
+}
+interface PreconnectLink {
+    href: string;
+    crossOrigin: '' | 'anonymous' | 'use-credentials';
+}
+export declare function usePreconnectLinks({ ga, gtm }?: PreconnectLinkOptions): PreconnectLink[];
+export {};

package/hooks/usePreconnectLinks.js

@@ -0,0 +1,26 @@
+import { useShopConfig } from './useShopConfig';
+export function usePreconnectLinks({ ga = false, gtm = false } = {}) {
+    const { apolloConfig } = useShopConfig();
+    // These links are used with every store
+    const staticLinks = [
+        (apolloConfig === null || apolloConfig === void 0 ? void 0 : apolloConfig.graphQLURI) && {
+            href: apolloConfig === null || apolloConfig === void 0 ? void 0 : apolloConfig.graphQLURI,
+            crossOrigin: null
+        }
+    ].filter(Boolean);
+    // Only preconnect to these urls if Google Analytics is enabled
+    const gaLinks = ga
+        ? [
+            'https://www.google-analytics.com',
+            'https://www.google.com',
+            'https://stats.g.doubleclick.net'
+        ]
+        : [];
+    // Only preconnect to these if GTM is enabled
+    const gtmLinks = gtm ? ['https://www.googletagmanager.com'] : [];
+    return [
+        ...staticLinks,
+        ...gaLinks.concat(gtmLinks).map((href) => ({ href, crossOrigin: null }))
+    ];
+}
+//# sourceMappingURL=usePreconnectLinks.js.map

package/hooks/usePreconnectLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreconnectLinks.js","sourceRoot":"","sources":["usePreconnectLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYhD,MAAM,UAAU,kBAAkB,CAAC,EACjC,EAAE,GAAG,KAAK,EACV,GAAG,GAAG,KAAK,KACc,EAAE;IAC3B,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;IAEzC,wCAAwC;IACxC,MAAM,WAAW,GAAG;QAClB,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,KAAI;YAC1B,IAAI,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU;YAC9B,WAAW,EAAE,IAAI;SAClB;KACF,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAElB,+DAA+D;IAC/D,MAAM,OAAO,GAAG,EAAE;QAChB,CAAC,CAAC;YACE,kCAAkC;YAClC,wBAAwB;YACxB,iCAAiC;SAClC;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,6CAA6C;IAC7C,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjE,OAAO;QACL,GAAG,WAAW;QACd,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;KACzE,CAAC;AACJ,CAAC"}

package/hooks/usePrice.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { Price } from '@jetshop/core/types';
+export interface UsePrice {
+    price: Price;
+    previousPrice?: Price;
+    currencyOverride?: {
+        code: string;
+        culture: string;
+    };
+    /**Optional formatter to format currency */
+    formatter?(price: number, currencyCode?: string, culture?: string): string;
+    /** Override the channel settings for includeVat */
+    includeVat?: boolean;
+    hidePrice?: boolean;
+}
+export declare function usePrice({ currencyOverride, price, previousPrice, includeVat, formatter: defaultFormatter, hidePrice }: UsePrice): {
+    hidePrice: boolean;
+    hasDiscount: boolean;
+    includesVat: boolean;
+    currencyLocale: {
+        code: string;
+        culture: string;
+    };
+    pricing: {
+        [k: string]: {
+            vat: number;
+            value: number;
+        };
+    };
+    formattedPricing: {
+        price: ReactNode;
+        previousPrice: ReactNode;
+    };
+};
+/**
+ * Normalise the price to an object with keys `value` and `vat`
+ */
+export declare function selectPriceType(includeVat: boolean, priceObj: Price): {
+    vat: number;
+    value: number;
+} | null;

package/hooks/usePrice.js

@@ -0,0 +1,73 @@
+import ChannelContext from '@jetshop/core/components/ChannelContext';
+import { useContext } from 'react';
+import { useIntl } from '@jetshop/intl';
+// #endregion Interfaces
+// #region
+export function usePrice({ currencyOverride, price, previousPrice, includeVat, formatter: defaultFormatter, hidePrice }) {
+    var _a;
+    const context = useContext(ChannelContext);
+    const t = useIntl();
+    if (!context || !context.selectedChannel)
+        return null;
+    let formatter = defaultFormatter;
+    if (!formatter) {
+        formatter = t.number;
+    }
+    const { selectedChannel: { settings, currency, language } } = context;
+    /** Get the locale to be passed to the t.price formatter */
+    const currencyLocale = currencyOverride
+        ? { code: currencyOverride.code, culture: currencyOverride.culture }
+        : {
+            code: currency.name,
+            culture: language.culture
+        };
+    /** Allow incVat to be overriden */
+    const incVat = typeof includeVat !== 'undefined'
+        ? includeVat
+        : (_a = settings === null || settings === void 0 ? void 0 : settings.pricesIncVat) !== null && _a !== void 0 ? _a : true;
+    /** Convert the pricing to {value: number} */
+    const pricing = {
+        price: selectPriceType(incVat, price),
+        previousPrice: previousPrice
+            ? selectPriceType(incVat, previousPrice)
+            : { value: 0, vat: 0 }
+    };
+    const formattedPricing = {
+        previousPrice: null,
+        price: null
+    };
+    for (const val in pricing) {
+        if (pricing.hasOwnProperty(val) && pricing[val]) {
+            formattedPricing[val] = formatter(pricing[val].value, currencyLocale.code, currencyLocale.culture);
+        }
+    }
+    return {
+        hidePrice,
+        hasDiscount: pricing.previousPrice && pricing.previousPrice.value
+            ? pricing.price.value < pricing.previousPrice.value
+            : false,
+        includesVat: incVat,
+        currencyLocale,
+        pricing,
+        formattedPricing
+    };
+}
+// #endregion Container Component
+// #region Utilities
+/**
+ * Normalise the price to an object with keys `value` and `vat`
+ */
+export function selectPriceType(includeVat, priceObj) {
+    if (!priceObj)
+        return null;
+    const { vat, exVat, incVat } = priceObj;
+    if (includeVat) {
+        return { vat, value: incVat };
+    }
+    return {
+        vat,
+        value: exVat
+    };
+}
+// #endregion Utilities
+//# sourceMappingURL=usePrice.js.map

package/hooks/usePrice.js.map

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

package/hooks/useProductVariants/index.d.ts

@@ -0,0 +1 @@
+export { useProductVariants } from './useProductVariants';

package/hooks/useProductVariants/index.js

@@ -0,0 +1,2 @@
+export { useProductVariants } from './useProductVariants';
+//# sourceMappingURL=index.js.map

package/hooks/useProductVariants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/hooks/useProductVariants/useProductVariants.d.ts

@@ -0,0 +1,19 @@
+import { Product, ProductVariant, ProductVariantOption } from '../../types';
+export type VariantValidation = 'outOfStock' | 'valid' | 'incomplete' | 'invalid';
+/**
+ * Given a product, this hook provides methods for getting and setting variants on that product,
+ * as well as methods to validate the current and proposed combination of values.
+ */
+export declare function useProductVariants(product: Product, { initialVariant, preselectCheapest }?: {
+    initialVariant?: ProductVariantOption;
+    preselectCheapest?: boolean;
+}): {
+    selectedVariant: ProductVariant;
+    validation: VariantValidation;
+    getSelectedValue: (option: ProductVariantOption) => string;
+    selectValue: (value: string, option: ProductVariantOption) => void;
+    validateSelection: (value: string, option: ProductVariantOption) => VariantValidation;
+    getVariantForSelection: (value: string, option: ProductVariantOption) => ProductVariant;
+    missingOptions: ProductVariantOption[];
+    getMissingOptions: () => ProductVariantOption[];
+};

package/hooks/useProductVariants/useProductVariants.js

@@ -0,0 +1,203 @@
+import { useMemo, useState, useEffect } from 'react';
+/**
+ * Given a product, this hook provides methods for getting and setting variants on that product,
+ * as well as methods to validate the current and proposed combination of values.
+ */
+export function useProductVariants(product, { initialVariant, preselectCheapest } = {}) {
+    var _a, _b;
+    const variantOptions = (_a = product === null || product === void 0 ? void 0 : product.variants) === null || _a === void 0 ? void 0 : _a.options;
+    const variantValues = (_b = product === null || product === void 0 ? void 0 : product.variants) === null || _b === void 0 ? void 0 : _b.values;
+    // Results in the following data structure:
+    // { "Black:Small": { …variant } }
+    const normalisedValues = useMemo(() => {
+        if (!variantValues)
+            return;
+        return variantValues.reduce((acc, curr) => {
+            const valueIdentifier = curr.values.join(':');
+            acc[valueIdentifier] = curr;
+            return acc;
+        }, {});
+    }, [variantValues]);
+    const preselectedVariant = useMemo(() => {
+        var _a;
+        if (((_a = initialVariant === null || initialVariant === void 0 ? void 0 : initialVariant.values) === null || _a === void 0 ? void 0 : _a.length) > 0)
+            return initialVariant;
+        if (!preselectCheapest)
+            return initialVariant;
+        if (typeof normalisedValues === 'undefined' || normalisedValues === null)
+            return initialVariant;
+        var cheapestVariantValues = Object.values(normalisedValues).reduce((prev, curr) => {
+            var _a, _b;
+            return ((_a = prev.price) === null || _a === void 0 ? void 0 : _a.incVat) <= ((_b = curr.price) === null || _b === void 0 ? void 0 : _b.incVat) ? prev : curr;
+        }, { price: { incVat: undefined }, values: [] }).values;
+        return { values: cheapestVariantValues };
+    }, [initialVariant, normalisedValues]);
+    const [selectedValues, selectValues] = useVariantState({
+        variantOptions,
+        initialVariant: preselectedVariant
+    });
+    const selectedVariant = useMemo(() => {
+        return getSelectedVariant(normalisedValues, selectedValues);
+    }, [normalisedValues, selectedValues]);
+    const validation = useMemo(() => {
+        if (!variantOptions || variantOptions.length === 0)
+            return 'valid';
+        const selectedValueLength = selectedValues.filter(Boolean).length;
+        const allValuesSelected = variantOptions.length === selectedValueLength;
+        const invalidValueCombination = allValuesSelected && !selectedVariant;
+        if (invalidValueCombination) {
+            return 'invalid';
+        }
+        if (!allValuesSelected)
+            return 'incomplete';
+        const variantIsInStock = selectedVariant.stockStatus.buyable;
+        return variantIsInStock ? 'valid' : 'outOfStock';
+    }, [selectedValues, selectedVariant, variantOptions]);
+    function getSelectedValue(option) {
+        const optionIndex = variantOptions.indexOf(option);
+        return selectedValues[optionIndex];
+    }
+    function selectValue(value, option) {
+        const selectedIndex = variantOptions.indexOf(option);
+        const currentValueForOption = selectedValues[selectedIndex];
+        const valueIsValid = valueIsValidForOption(variantOptions, option, value);
+        if (!valueIsValid) {
+            throw new Error(`${value} is not a valid value for ${option.name}`);
+        }
+        if (currentValueForOption === value)
+            return;
+        const validation = validateSelection(value, option);
+        if (validation !== 'invalid') {
+            selectValues((state) => {
+                const newState = [...state];
+                newState[selectedIndex] = value;
+                return newState;
+            });
+        }
+        else {
+            selectValues(() => {
+                const newState = [];
+                newState[selectedIndex] = value;
+                return newState;
+            });
+        }
+    }
+    /**
+     * Takes a value and an option and checks if the value is selectable for that option.
+     */
+    function validateSelection(value, option) {
+        const totalOptionsLength = variantOptions.length;
+        const selectedValuesLength = selectedValues.filter(Boolean).length;
+        const optionLevel = variantOptions.indexOf(option);
+        const selectedValue = selectedValues[optionLevel];
+        if (!valueIsValidForOption(variantOptions, option, value)) {
+            return 'invalid';
+        }
+        if (selectedValuesLength < totalOptionsLength - 1) {
+            return 'incomplete';
+        }
+        if (selectedValue && selectedValuesLength !== totalOptionsLength) {
+            return 'incomplete';
+        }
+        const variant = getProposedVariant({
+            currentState: selectedValues,
+            variantTable: normalisedValues,
+            optionLevel,
+            value
+        });
+        if (!variant)
+            return 'invalid';
+        const variantIsBuyable = variant.stockStatus.buyable;
+        if (!variantIsBuyable)
+            return 'outOfStock';
+        return 'valid';
+    }
+    const missingOptions = useMemo(() => {
+        if (!variantOptions)
+            return null;
+        const noneMissing = selectedValues.filter(Boolean).length === variantOptions.length;
+        const allMissing = selectedValues.length === 0;
+        if (noneMissing)
+            return null;
+        if (allMissing)
+            return variantOptions;
+        const unselectedOptions = variantOptions.filter((_, index) => {
+            const optionIsNotSelected = typeof selectedValues[index] === 'undefined';
+            return optionIsNotSelected;
+        });
+        return unselectedOptions;
+    }, [selectedValues, variantOptions]);
+    function getVariantForSelection(value, option) {
+        return getProposedVariant({
+            currentState: selectedValues,
+            variantTable: normalisedValues,
+            optionLevel: variantOptions.indexOf(option),
+            value
+        });
+    }
+    function getMissingOptions() {
+        return missingOptions;
+    }
+    return {
+        selectedVariant,
+        validation,
+        getSelectedValue,
+        selectValue,
+        validateSelection,
+        getVariantForSelection,
+        missingOptions,
+        getMissingOptions
+    };
+}
+function useVariantState({ variantOptions, initialVariant }) {
+    const defaultValues = useMemo(() => getDefaultValues(variantOptions, initialVariant), [initialVariant, variantOptions]);
+    const [selectedValues, selectValues] = useState(defaultValues);
+    useEffect(() => {
+        if (defaultValues.length > 0 && selectedValues.length === 0) {
+            selectValues(defaultValues);
+        }
+    }, [defaultValues]);
+    return [selectedValues, selectValues];
+}
+/**
+ * Determine the initially selected values for the product's variant options
+ * - If an initialVariant is provided, use it
+ * - If there are options that have only 1 value, select them
+ * - Otherwise, select nothing
+ */
+function getDefaultValues(options, initialVariant) {
+    if (initialVariant === null || initialVariant === void 0 ? void 0 : initialVariant.values)
+        return initialVariant.values;
+    if (!options)
+        return [];
+    const optionsWithSingleValue = options
+        .map((option, index) => {
+        return option.values.length === 1
+            ? { value: option.values[0], index }
+            : null;
+    })
+        .filter(Boolean);
+    if (optionsWithSingleValue.length === 0)
+        return [];
+    const defaultValues = [];
+    for (const { value, index } of optionsWithSingleValue) {
+        defaultValues[index] = value;
+    }
+    return defaultValues;
+}
+function getSelectedVariant(normalisedValues, selectedValues) {
+    return normalisedValues === null || normalisedValues === void 0 ? void 0 : normalisedValues[selectedValues.join(':')];
+}
+function valueIsValidForOption(variantOptions, option, value) {
+    const optionLevel = variantOptions.indexOf(option);
+    const possibleValues = variantOptions[optionLevel].values;
+    const isValid = possibleValues.includes(value);
+    return isValid;
+}
+function getProposedVariant({ currentState, variantTable, optionLevel, value }) {
+    const proposedState = [...currentState];
+    proposedState[optionLevel] = value;
+    const variant = getSelectedVariant(variantTable, proposedState);
+    return variant;
+}
+//# sourceMappingURL=useProductVariants.js.map

package/hooks/useProductVariants/useProductVariants.js.map

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

package/hooks/useProductVariants/useVariantFromUrl.d.ts

@@ -0,0 +1,5 @@
+export declare function useVariantFromUrl(): {
+    values?: undefined;
+} | {
+    values: string[];
+};

package/hooks/useProductVariants/useVariantFromUrl.js

@@ -0,0 +1,16 @@
+import { useLocation } from 'react-router';
+import qs from 'qs';
+import decodeUrlQuery from '../../helpers/decodeUrlQuery';
+export function useVariantFromUrl() {
+    const location = useLocation();
+    const urlQuery = qs.parse(location.search, { ignoreQueryPrefix: true });
+    if (!(urlQuery === null || urlQuery === void 0 ? void 0 : urlQuery.att))
+        return {};
+    const selectedVariantNames = decodeUrlQuery({
+        urlQuery,
+        parametersToBeDecoded: ['att']
+    }).att;
+    const values = selectedVariantNames.split('|');
+    return { values };
+}
+//# sourceMappingURL=useVariantFromUrl.js.map

package/hooks/useProductVariants/useVariantFromUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVariantFromUrl.js","sourceRoot":"","sources":["useVariantFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAE1D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;IAExE,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAA;QAAE,OAAO,EAAE,CAAC;IAE9B,MAAM,oBAAoB,GAAG,cAAc,CAAC;QAC1C,QAAQ;QACR,qBAAqB,EAAE,CAAC,KAAK,CAAC;KAC/B,CAAC,CAAC,GAAG,CAAC;IAEP,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE/C,OAAO,EAAE,MAAM,EAAE,CAAC;AACpB,CAAC"}

package/hooks/useRoutePreload.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { DocumentNode } from 'graphql';
+import { LoadableComponent } from '@loadable/component';
+interface PreloadArgs {
+    pathname: string;
+    preloadRoute?: boolean;
+    routeType: 'Category' | 'Product' | 'Page';
+    variables?: any;
+}
+export interface PreLoaderProviderConfig {
+    routeQuery: DocumentNode;
+    preloadComponents: {
+        Product: LoadableComponent<any>[];
+        Category: LoadableComponent<any>[];
+        Page: LoadableComponent<any>[];
+    };
+}
+export interface PreLoaderProviderProps extends PreLoaderProviderConfig {
+    children: React.ReactNode;
+}
+export declare const useRoutePreload: () => {
+    preload: ({ pathname, preloadRoute, routeType, variables }: PreloadArgs) => void;
+};
+export {};

package/hooks/useRoutePreload.js

@@ -0,0 +1,45 @@
+import { useLazyQuery } from '@apollo/client';
+import { useContext } from 'react';
+import { useShopConfig } from './useShopConfig';
+import { usePagination } from '../components/Pagination/PaginationProvider';
+import SortOrderContext from '../components/SortOrder/SortOrderContext';
+import throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
+export const useRoutePreload = () => {
+    var _a, _b, _c;
+    const config = useShopConfig();
+    const routeQuery = (_b = (_a = config === null || config === void 0 ? void 0 : config.preload) === null || _a === void 0 ? void 0 : _a.routeQuery) !== null && _b !== void 0 ? _b : null;
+    throwErrorInDev(!routeQuery, `\n ⛔️ useRoutePreload hook requires a routeQuery from shop.config.
+    This error messages is shown because you are using CategoryLink and ProductLink components.
+    Visit https://flight.norce.io/flight-frontend/features/general/#route-preloading for details on adding a routeQuery to your shop.config. \n
+    `);
+    const preloadComponents = (_c = config === null || config === void 0 ? void 0 : config.preload) === null || _c === void 0 ? void 0 : _c.preloadComponents;
+    const pagination = usePagination();
+    const sortOrderState = useContext(SortOrderContext);
+    const [runPreloadRouteQuery] = useLazyQuery(routeQuery, {
+        errorPolicy: 'all',
+        partialRefetch: true,
+        context: { useApolloNetworkStatus: false }
+    });
+    const preload = ({ pathname, preloadRoute = true, routeType, variables = {} }) => {
+        // If the path targets an external link, it does not fetch
+        if (!preloadRoute || pathname.charAt(0) !== '/') {
+            return;
+        }
+        routeQuery &&
+            runPreloadRouteQuery({
+                variables: Object.assign({ path: pathname, first: (pagination === null || pagination === void 0 ? void 0 : pagination.perPage) || 24, offset: (pagination === null || pagination === void 0 ? void 0 : pagination.offset) || 0, orderBy: (sortOrderState === null || sortOrderState === void 0 ? void 0 : sortOrderState.sortOrder) || null, orderByDirection: (sortOrderState === null || sortOrderState === void 0 ? void 0 : sortOrderState.direction) || 'DESCENDING', filters: {
+                        listFilters: [],
+                        rangeFilters: [],
+                        booleanFilters: [],
+                        multiListFilters: []
+                    } }, variables)
+            });
+        preloadComponents &&
+            preloadComponents[routeType] &&
+            preloadComponents[routeType].forEach((component) => {
+                component.preload();
+            });
+    };
+    return { preload };
+};
+//# sourceMappingURL=useRoutePreload.js.map

package/hooks/useRoutePreload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRoutePreload.js","sourceRoot":"","sources":["useRoutePreload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AACxE,OAAO,eAAe,MAAM,uCAAuC,CAAC;AAoBpE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;;IAClC,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,UAAU,mCAAI,IAAI,CAAC;IAEvD,eAAe,CACb,CAAC,UAAU,EACX;;;KAGC,CACF,CAAC;IAEF,MAAM,iBAAiB,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,iBAAiB,CAAC;IAC7D,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACpD,MAAM,CAAC,oBAAoB,CAAC,GAAG,YAAY,CAAC,UAAU,EAAE;QACtD,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,IAAI;QACpB,OAAO,EAAE,EAAE,sBAAsB,EAAE,KAAK,EAAE;KAC3C,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,SAAS,EACT,SAAS,GAAG,EAAE,EACF,EAAE,EAAE;QAChB,0DAA0D;QAC1D,IAAI,CAAC,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YAC/C,OAAO;SACR;QAED,UAAU;YACR,oBAAoB,CAAC;gBACnB,SAAS,kBACP,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,KAAI,EAAE,EAChC,MAAM,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,KAAI,CAAC,EAC/B,OAAO,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,KAAI,IAAI,EAC1C,gBAAgB,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,KAAI,YAAY,EAC3D,OAAO,EAAE;wBACP,WAAW,EAAE,EAAE;wBACf,YAAY,EAAE,EAAE;wBAChB,cAAc,EAAE,EAAE;wBAClB,gBAAgB,EAAE,EAAE;qBACrB,IACE,SAAS,CACb;aACF,CAAC,CAAC;QAEL,iBAAiB;YACf,iBAAiB,CAAC,SAAS,CAAC;YAC5B,iBAAiB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;gBACjD,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,CAAC;AACrB,CAAC,CAAC"}

package/hooks/useShopConfig.d.ts

@@ -0,0 +1 @@
+export declare function useShopConfig(): import("@jetshop/core/components/ConfigProvider").BootOptions;

package/hooks/useShopConfig.js

@@ -0,0 +1,11 @@
+import { useContext, useMemo } from 'react';
+import { ShopConfigContext } from '@jetshop/core/components/ConfigProvider';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+export function useShopConfig() {
+    const config = useContext(ShopConfigContext);
+    if (!config) {
+        throwErrorInDev(true, 'Could not find ShopConfigContext. Is your shop.config.js valid?');
+    }
+    return useMemo(() => config, [config]);
+}
+//# sourceMappingURL=useShopConfig.js.map

package/hooks/useShopConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShopConfig.js","sourceRoot":"","sources":["useShopConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAEzD,MAAM,UAAU,aAAa;IAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,EAAE;QACX,eAAe,CACb,IAAI,EACJ,iEAAiE,CAClE,CAAC;KACH;IAED,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACzC,CAAC"}