@jetshop/core 5.17.0-alpha.8ede57ab → 5.17.0-alpha.8f38c56f

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,40 @@
+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';
+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;
+    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;AAoBxE,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;IACvD,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"}

package/hooks/useStockStatus.d.ts

@@ -0,0 +1,8 @@
+import { Maybe, Product, ProductVariant, Scalars } from '@jetshop/core/types';
+export interface StockStatusContainerRender {
+    status: Maybe<'inStock' | 'outOfStock' | 'notifyWhenBack'>;
+    text: Maybe<string>;
+    maxOrderQuantity?: number | null;
+    stockDate?: Scalars['DateTime'];
+}
+export declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;

package/hooks/useStockStatus.js

@@ -0,0 +1,26 @@
+function getStatus(statusObject) {
+    return statusObject.buyable
+        ? 'inStock'
+        : statusObject.stockNotificationEnabled
+            ? 'notifyWhenBack'
+            : 'outOfStock';
+}
+export function useStockStatus(product) {
+    const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
+    if (!stockStatus) {
+        console.warn('The provided product does not have a stockStatus');
+        return {
+            status: null,
+            text: null,
+            maxOrderQuantity: null,
+            stockDate: null
+        };
+    }
+    return {
+        status: getStatus(stockStatus),
+        text: stockStatus.text || null,
+        maxOrderQuantity: stockStatus.maxOrderQuantity,
+        stockDate: stockStatus.stockDate
+    };
+}
+//# sourceMappingURL=useStockStatus.js.map

package/hooks/useStockStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStockStatus.js","sourceRoot":"","sources":["useStockStatus.ts"],"names":[],"mappings":"AAeA,SAAS,SAAS,CAChB,YAAyB;IAEzB,OAAO,YAAY,CAAC,OAAO;QACzB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,wBAAwB;YACvC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,OAAiC;IAEjC,MAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAEzC,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;QACjE,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI;YACtB,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI;QAC9B,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;QAC9C,SAAS,EAAE,WAAW,CAAC,SAAS;KACjC,CAAC;AACJ,CAAC"}

package/hooks/useThrowErrorInDev.d.ts

@@ -0,0 +1 @@
+export default function useThrowErrorInDev(condition: boolean, msg: string): void;

package/hooks/useThrowErrorInDev.js

@@ -0,0 +1,8 @@
+import { useEffect } from 'react';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+export default function useThrowErrorInDev(condition, msg) {
+    useEffect(() => {
+        throwErrorInDev(condition, msg);
+    }, [condition, msg]);
+}
+//# sourceMappingURL=useThrowErrorInDev.js.map

package/hooks/useThrowErrorInDev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThrowErrorInDev.js","sourceRoot":"","sources":["useThrowErrorInDev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,SAAkB,EAAE,GAAW;IACxE,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC"}

package/hooks/useThunkReducer.d.ts

@@ -0,0 +1,7 @@
+import { Reducer } from 'react';
+export type ThunkAction<State, Action> = (dispatch: React.Dispatch<Action>, getState: () => State) => void;
+/**
+ * Can be used the same way as useReducer, but allows functions to be passed as
+ * actions (aka thunks).
+ */
+export declare function useThunkReducer<State, Action>(reducer: Reducer<State, Action>, initialState: State, initializer?: (arg: State) => State): [State, React.Dispatch<Action | ThunkAction<State, Action>>];

package/hooks/useThunkReducer.js

@@ -0,0 +1,24 @@
+import { useReducer, useRef, useCallback } from 'react';
+function isThunk(action) {
+    return typeof action === 'function';
+}
+/**
+ * Can be used the same way as useReducer, but allows functions to be passed as
+ * actions (aka thunks).
+ */
+export function useThunkReducer(reducer, initialState, initializer) {
+    const [state, dispatch] = useReducer(reducer, initialState, initializer);
+    const previousState = useRef();
+    previousState.current = state;
+    const thunkedDispatch = useCallback(function thunkedDispatch(action) {
+        if (isThunk(action)) {
+            return action(thunkedDispatch, () => previousState.current);
+        }
+        dispatch(action);
+    }, 
+    // exhaustive-deps doesn't work with recursion
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return [previousState.current, thunkedDispatch];
+}
+//# sourceMappingURL=useThunkReducer.js.map

package/hooks/useThunkReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThunkReducer.js","sourceRoot":"","sources":["useThunkReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAOjE,SAAS,OAAO,CACd,MAA2C;IAE3C,OAAO,OAAO,MAAM,KAAK,UAAU,CAAC;AACtC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAC7B,OAA+B,EAC/B,YAAmB,EACnB,WAAmC;IAEnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,MAAM,EAAS,CAAC;IACtC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CACjC,SAAS,eAAe,CAAC,MAA2C;QAClE,IAAI,OAAO,CAAgB,MAAM,CAAC,EAAE;YAClC,OAAO,MAAM,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;SAC7D;QAED,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC;IACD,8CAA8C;IAC9C,uDAAuD;IACvD,EAAE,CACH,CAAC;IAEF,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;AAClD,CAAC"}

package/hooks/useWarningInDev.d.ts

@@ -0,0 +1 @@
+export default function useWarningInDev(condition: boolean, msg: string): void;

package/hooks/useWarningInDev.js

@@ -0,0 +1,10 @@
+import logWarningInDev from '../helpers/logWarningInDev';
+import { useEffect } from 'react';
+export default function useWarningInDev(condition, msg) {
+    useEffect(() => {
+        if (process.env.NODE_ENV !== 'production') {
+            logWarningInDev(condition, msg);
+        }
+    }, [condition, msg]);
+}
+//# sourceMappingURL=useWarningInDev.js.map

package/hooks/useWarningInDev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWarningInDev.js","sourceRoot":"","sources":["useWarningInDev.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,SAAkB,EAAE,GAAW;IACrE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC"}

package/inServer.d.ts

@@ -0,0 +1 @@
+export default __IN_SERVER__;

package/inServer.js

@@ -0,0 +1,3 @@
+// ⚠️ Better to use __IN_SERVER__ macro straight-away
+export default __IN_SERVER__;
+//# sourceMappingURL=inServer.js.map

package/inServer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inServer.js","sourceRoot":"","sources":["inServer.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,eAAe,aAAa,CAAC"}

package/index.d.ts

@@ -0,0 +1 @@
+export { default as DynamicRoute } from './components/DynamicRoute';

package/index.js

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

package/index.js.map

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

package/integrations/addwishSchemaExtension.d.ts

@@ -0,0 +1,35 @@
+import { SchemaExtension } from './../boot/server/createApolloServer';
+export interface AddwishGetRecommendationsResponseBoxItem {
+    /**
+     * Article number
+     * @see https://www.addwish.com/api/v1/product-recommendation/getProductBoxes?ids=5aaf90dc65f8014ff3957e9e%2C5aaf90da65f8014ff3957e91&url=https%3A%2F%2Fwww.scstyling.com&format=json
+     */
+    productNumber: string;
+    url: string;
+    [key: string]: any;
+}
+export interface AddwishGetRecommendationsResponseBox {
+    result?: AddwishGetRecommendationsResponseBoxItem[];
+    errorCode?: string;
+    countAfterSource?: string;
+}
+export interface AddwishGetRecommendationsResponse {
+    result: {
+        [key: string]: AddwishGetRecommendationsResponseBox;
+    };
+}
+export declare function validateResponseBox({ response, id }: {
+    response: AddwishGetRecommendationsResponse;
+    id: string;
+}): void;
+export declare function fetchAddwishRecommendations({ ids, url }: {
+    /**
+     * List of recommendation box IDs. Separate multiple IDs with a comma.
+     */
+    ids: string[];
+    /**
+     * This url specifies the product you want to find relations for. Note that you can also specify specific urls for each recommendation box.
+     */
+    url?: string;
+}): Promise<AddwishGetRecommendationsResponse>;
+export declare const addwishSchemaExtension: SchemaExtension;

package/integrations/addwishSchemaExtension.js

@@ -0,0 +1,141 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { gql } from '@apollo/client';
+import { print } from 'graphql';
+import fetch from 'node-fetch';
+import qs from 'qs';
+const typeDefs = gql `
+  type GetAddwishProductsResponse {
+    # Addwish Box ID
+    id: String!
+    products: [Product!]
+    errorCode: String
+    countAfterSource: String
+  }
+  extend type Query {
+    getAddwishProducts(
+      # Recommendation box ID
+      id: String!
+      # This url specifies the product you want to find relations for. Note that you can also specify specific urls for each recommendation box.
+      url: String
+    ): GetAddwishProductsResponse!
+  }
+`;
+class UnexpectedResponseError extends Error {
+    constructor(message, { id, response, box }) {
+        super(message);
+        console.warn(message, { id, response, box });
+    }
+}
+export function validateResponseBox({ response, id }) {
+    const box = response.result[id];
+    if (!box) {
+        throw new UnexpectedResponseError('Box not found in the rsponse.', {
+            id,
+            response,
+            box
+        });
+    }
+    if (box.errorCode) {
+        throw new UnexpectedResponseError(`Box error: "${box.errorCode}"`, {
+            id,
+            response,
+            box
+        });
+    }
+    if (!Array.isArray(box.result)) {
+        throw new UnexpectedResponseError("Result property wasn't an array", {
+            id,
+            response,
+            box
+        });
+    }
+    if (box.result.length > 0 &&
+        typeof box.result[0].productNumber !== 'string') {
+        throw new UnexpectedResponseError('"productNumber" needs to be a string', {
+            id,
+            response,
+            box
+        });
+    }
+}
+const ADDWISH_GET_PRODUCTBOXES_URL = `https://www.addwish.com/api/v1/product-recommendation/getProductBoxes`;
+export function fetchAddwishRecommendations({ ids, url }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const addwishUrl = `${ADDWISH_GET_PRODUCTBOXES_URL}?${qs.stringify({
+            format: 'json',
+            url,
+            ids: ids.join(',')
+        })}`;
+        return fetch(addwishUrl).then((res) => res.json());
+    });
+}
+export const addwishSchemaExtension = ({ remoteSchema }) => {
+    const resolvers = {
+        Query: {
+            getAddwishProducts: {
+                resolve(_source, { id, url }) {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        // Don't fail the whole API response because Addwish is down etc
+                        try {
+                            // Could be refactored to use DataLoader
+                            const response = yield fetchAddwishRecommendations({
+                                ids: [id],
+                                url
+                            });
+                            validateResponseBox({ response, id });
+                            const box = response.result[id];
+                            return {
+                                id,
+                                box,
+                                errorCode: null,
+                                countAfterSource: box.countAfterSource
+                            };
+                        }
+                        catch (err) {
+                            return {
+                                id,
+                                errorCode: err.message || 'Something went wrong',
+                                box: null
+                            };
+                        }
+                    });
+                }
+            }
+        },
+        GetAddwishProductsResponse: {
+            products: {
+                resolve({ box }, _args, context, info) {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        if (!box) {
+                            return null;
+                        }
+                        if (box.result.length <= 0) {
+                            return [];
+                        }
+                        const articleNumbers = box.result.map((item) => item.productNumber);
+                        return info.mergeInfo.delegateToSchema({
+                            schema: remoteSchema,
+                            operation: 'query',
+                            fieldName: 'products',
+                            args: {
+                                articleNumbers
+                            },
+                            context,
+                            info
+                        });
+                    });
+                }
+            }
+        }
+    };
+    return { schema: print(typeDefs), resolvers };
+};
+//# sourceMappingURL=addwishSchemaExtension.js.map