@gem-sdk/core 1.38.0 → 2.0.0-dev.834

package/dist/cjs/hooks/useProduct.js

@@ -1,206 +1 @@
-'use strict';
-
-var react = require('react');
-var ProductContext = require('../contexts/ProductContext.js');
-require('react/jsx-runtime');
-require('zustand');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('vanilla-lazyload');
-require('./useCartUI.js');
-var variant = require('../helpers/variant.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-var flattenConnection = require('../helpers/flatten-connection.js');
-require('../helpers/convert.js');
-var product = require('../helpers/product.js');
-
-const useUniqProductID = ()=>{
-    return ProductContext.useProductStore((s)=>s.uiqueId);
-};
-const useProduct = ()=>{
-    return ProductContext.useProductStore((s)=>s.product);
-};
-const useFeaturedImageGlobal = ()=>{
-    return ProductContext.useProductStore((s)=>s.featuredImageGlobal);
-};
-const useProductProperties = ()=>{
-    return ProductContext.useProductStore((s)=>s.properties);
-};
-const useIsSyncProduct = ()=>{
-    return ProductContext.useProductStore((s)=>s.isSyncProduct);
-};
-const useQuantity = ()=>{
-    const quantity = ProductContext.useProductStore((s)=>s.quantity);
-    const hasUpdatePrice = ProductContext.useProductStore((s)=>s.updatePrice);
-    const decrement = ProductContext.useProductStore((s)=>s.decrementQuantity);
-    const increment = ProductContext.useProductStore((s)=>s.incrementQuantity);
-    const updateQuantity = ProductContext.useProductStore((s)=>s.setQuantity);
-    const updatePrice = ProductContext.useProductStore((s)=>s.setHasUpdatePriceFollowQuantity);
-    const isSyncProduct = ProductContext.useProductStore((s)=>s.isSyncProduct);
-    const product = ProductContext.useProductStore((s)=>s.product);
-    const productId = product?.id;
-    const reset = react.useCallback(()=>{
-        updateQuantity(1);
-    }, [
-        updateQuantity
-    ]);
-    react.useEffect(()=>{
-        if (isSyncProduct) {
-            const setOption = new CustomEvent('set-product-quantity', {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    quantity,
-                    productId
-                }
-            });
-            window.dispatchEvent(setOption);
-        }
-    }, [
-        quantity,
-        isSyncProduct,
-        productId
-    ]);
-    return react.useMemo(()=>({
-            quantity,
-            hasUpdatePrice,
-            increment,
-            decrement,
-            reset,
-            setQuantity: updateQuantity,
-            setUpdatePrice: updatePrice
-        }), [
-        decrement,
-        increment,
-        quantity,
-        reset,
-        updateQuantity,
-        updatePrice,
-        hasUpdatePrice
-    ]);
-};
-const useSelectedOption = ()=>{
-    const setSelectedOption = ProductContext.useProductStore((s)=>s.setSelectedOption);
-    const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
-    const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
-    const isSyncProduct = ProductContext.useProductStore((s)=>s.isSyncProduct);
-    const updateOption = react.useCallback((optionId, optionValue, productId, noEmit)=>{
-        if (!noEmit && isSyncProduct) {
-            const setOption = new CustomEvent('set-selected-option', {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    optionId,
-                    optionValue,
-                    productId
-                }
-            });
-            window.dispatchEvent(setOption);
-        }
-        setSelectedOption(optionId, optionValue);
-    }, [
-        setSelectedOption,
-        isSyncProduct
-    ]);
-    const forceOption = react.useCallback((selectedOption, productId, noEmit)=>{
-        if (!noEmit && isSyncProduct) {
-            const forceOption = new CustomEvent('force-selected-option', {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    selectedOption,
-                    productId
-                }
-            });
-            window.dispatchEvent(forceOption);
-        }
-        forceSelectedOption(selectedOption);
-    }, [
-        forceSelectedOption,
-        isSyncProduct
-    ]);
-    return react.useMemo(()=>({
-            selectedOptions,
-            setSelectedOption: updateOption,
-            forceSelectedOption: forceOption
-        }), [
-        selectedOptions,
-        updateOption,
-        forceOption
-    ]);
-};
-const useVariants = ()=>{
-    const variants = ProductContext.useProductStore((s)=>s.product?.variants);
-    return flattenConnection.flattenConnection(variants);
-};
-const useVariant = (id)=>{
-    const variants = useVariants();
-    return react.useMemo(()=>variants?.find((v)=>v?.id === id), [
-        id,
-        variants
-    ]);
-};
-const useCurrentVariant = ()=>{
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    return react.useMemo(()=>product.getSelectedVariant(variants, selectedOptions), [
-        selectedOptions,
-        variants
-    ]);
-};
-const useCurrentVariantInStock = ()=>{
-    const currentVariant = useCurrentVariant();
-    const currentProduct = useProduct();
-    return variant.checkInStock(currentVariant, currentProduct);
-};
-const useVariantOutStock = (optionId, optionValue, options)=>{
-    const { selectedOptions } = useSelectedOption();
-    const variants = useVariants();
-    const lastPos = options.optionNumber - 1;
-    if (options.position < lastPos) {
-        return variants.some((variant$1)=>{
-            if (variant$1) {
-                const { selectedOptions } = variant$1;
-                const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
-                const isInStock = variant.checkInStock(variant$1);
-                return opt && isInStock;
-            }
-        });
-    }
-    const matchedVariant = product.getSelectedVariant(variants, {
-        ...selectedOptions,
-        [optionId]: optionValue
-    });
-    return variant.checkInStock(matchedVariant);
-};
-const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
-    const variants = useVariants();
-    return variants ? variants.some((item)=>{
-        if (item) {
-            const { selectedOptions } = item;
-            const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
-            const isInStock = variant.checkInStock(item);
-            return opt && isInStock;
-        }
-        return false;
-    }) : false;
-};
-
-exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;
-exports.useCurrentVariant = useCurrentVariant;
-exports.useCurrentVariantInStock = useCurrentVariantInStock;
-exports.useFeaturedImageGlobal = useFeaturedImageGlobal;
-exports.useIsSyncProduct = useIsSyncProduct;
-exports.useProduct = useProduct;
-exports.useProductProperties = useProductProperties;
-exports.useQuantity = useQuantity;
-exports.useSelectedOption = useSelectedOption;
-exports.useUniqProductID = useUniqProductID;
-exports.useVariant = useVariant;
-exports.useVariantOutStock = useVariantOutStock;
-exports.useVariants = useVariants;
+"use strict";var react=require("react"),ProductContext=require("../contexts/ProductContext.js");require("react/jsx-runtime"),require("zustand"),require("swr");var PageContext=require("../contexts/PageContext.js");require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("./useCartUI.js");var variant=require("../helpers/variant.js");require("react-transition-group"),require("@gem-sdk/core"),require("classnames");var flattenConnection=require("../helpers/flatten-connection.js");require("../helpers/convert.js");var product=require("../helpers/product.js");const useUniqProductID=()=>ProductContext.useProductStore(e=>e.uiqueId),useProduct=()=>ProductContext.useProductStore(e=>e.product),useFeaturedImageGlobal=()=>ProductContext.useProductStore(e=>e.featuredImageGlobal),useProductProperties=()=>ProductContext.useProductStore(e=>e.properties),useIsSyncProduct=()=>ProductContext.useProductStore(e=>e.isSyncProduct),useQuantity=()=>{let e=ProductContext.useProductStore(e=>e.quantity),t=ProductContext.useProductStore(e=>e.updatePrice),r=ProductContext.useProductStore(e=>e.decrementQuantity),u=ProductContext.useProductStore(e=>e.incrementQuantity),o=ProductContext.useProductStore(e=>e.setQuantity),n=ProductContext.useProductStore(e=>e.setHasUpdatePriceFollowQuantity),s=ProductContext.useProductStore(e=>e.isSyncProduct),a=ProductContext.useProductStore(e=>e.product),c=a?.id,i=react.useCallback(()=>{o(1)},[o]);return react.useEffect(()=>{if(s){let t=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:e,productId:c}});window.dispatchEvent(t)}},[e,s,c]),react.useMemo(()=>({quantity:e,hasUpdatePrice:t,increment:u,decrement:r,reset:i,setQuantity:o,setUpdatePrice:n}),[r,u,e,i,o,n,t])},useSelectedOption=()=>{let e=ProductContext.useProductStore(e=>e.setSelectedOption),t=ProductContext.useProductStore(e=>e.selectedOptions),r=ProductContext.useProductStore(e=>e.forceSelectedOption),u=ProductContext.useProductStore(e=>e.isSyncProduct),o=react.useCallback((t,r,o,n)=>{if(!n&&u){let e=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:t,optionValue:r,productId:o}});window.dispatchEvent(e)}e(t,r)},[e,u]),n=react.useCallback((e,t,o)=>{if(!o&&u){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t}});window.dispatchEvent(r)}r(e)},[r,u]);return react.useMemo(()=>({selectedOptions:t,setSelectedOption:o,forceSelectedOption:n}),[t,o,n])},useVariants=()=>{let e=ProductContext.useProductStore(e=>e.product?.variants);return flattenConnection.flattenConnection(e)},useVariant=e=>{let t=useVariants();return react.useMemo(()=>t?.find(t=>t?.id===e),[e,t])},useCurrentVariant=()=>{let{selectedOptions:e}=useSelectedOption(),t=useVariants();return react.useMemo(()=>product.getSelectedVariant(t,e),[e,t])},useCurrentVariantInStock=()=>{let e=useCurrentVariant(),t=useVariants();return variant.checkInStock(e,t)},useVariantOutStock=(e,t,r)=>{let{selectedOptions:u}=useSelectedOption(),o=useVariants(),n=r.optionNumber-1;if(r.position<n)return o.some(r=>{if(r){let{selectedOptions:u}=r,o=u?.some(r=>r?.name===e&&r.value===t),n=variant.checkInStock(r);return o&&n}});let s=product.getSelectedVariant(o,{...u,[e]:t});return variant.checkInStock(s)},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:u}=r,o=u?.some(r=>r?.name===e&&r.value===t),n=variant.checkInStock(r);return o&&n}return!1})},useProductOfferDiscount=()=>{let e=PageContext.usePageStore(e=>e.productOffers),t=useProduct(),r=useCurrentVariant(),u=e?.find(e=>e?.node?.objectBaseID===t?.baseID)?.node;if(!u||!u.isEnabled)return 0;let o=u?.value;if(u&&"PERCENTAGE"===u.valueType&&o){let e=r?.price||0;o=o*e/100}return o||0};exports.useCheckAvailableVariantInStock=useCheckAvailableVariantInStock,exports.useCurrentVariant=useCurrentVariant,exports.useCurrentVariantInStock=useCurrentVariantInStock,exports.useFeaturedImageGlobal=useFeaturedImageGlobal,exports.useIsSyncProduct=useIsSyncProduct,exports.useProduct=useProduct,exports.useProductOfferDiscount=useProductOfferDiscount,exports.useProductProperties=useProductProperties,exports.useQuantity=useQuantity,exports.useSelectedOption=useSelectedOption,exports.useUniqProductID=useUniqProductID,exports.useVariant=useVariant,exports.useVariantOutStock=useVariantOutStock,exports.useVariants=useVariants;

package/dist/cjs/hooks/useProductList.js

@@ -1,21 +1 @@
-'use strict';
-
-var ProductListContext = require('../contexts/ProductListContext.js');
-
-const useProductList = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.collection);
-};
-const useProductListProducts = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.products);
-};
-const useProductListSettings = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.settings);
-};
-const useProductListStyles = ()=>{
-    return ProductListContext.useProductListStore((s)=>s.styles);
-};
-
-exports.useProductList = useProductList;
-exports.useProductListProducts = useProductListProducts;
-exports.useProductListSettings = useProductListSettings;
-exports.useProductListStyles = useProductListStyles;
+"use strict";var ProductListContext=require("../contexts/ProductListContext.js");const useProductList=()=>ProductListContext.useProductListStore(t=>t.collection),useProductListProducts=()=>ProductListContext.useProductListStore(t=>t.products),useProductListSettings=()=>ProductListContext.useProductListStore(t=>t.settings),useProductListStyles=()=>ProductListContext.useProductListStore(t=>t.styles);exports.useProductList=useProductList,exports.useProductListProducts=useProductListProducts,exports.useProductListSettings=useProductListSettings,exports.useProductListStyles=useProductListStyles;

package/dist/cjs/hooks/useSuspenseFetch.js

@@ -1,27 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const cache = new Map();
-const useSuspenseFetch = (key, promise)=>{
-    const value = cache.get(key) || {
-        status: 'new',
-        data: null
-    };
-    if (value.status === 'resolved') {
-        return {
-            data: value.data
-        };
-    }
-    promise().then((data)=>{
-        value.status = 'resolved';
-        value.data = data;
-        cache.set(key, value);
-    }).catch(()=>{
-        value.status = 'error';
-        value.data = null;
-    });
-    throw promise();
-};
-
-exports.default = useSuspenseFetch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const cache=new Map,useSuspenseFetch=(e,t)=>{let s=cache.get(e)||{status:"new",data:null};if("resolved"===s.status)return{data:s.data};throw t().then(t=>{s.status="resolved",s.data=t,cache.set(e,s)}).catch(()=>{s.status="error",s.data=null}),t()};exports.default=useSuspenseFetch;

package/dist/cjs/hooks/useSwatchesOptions.js

@@ -1,41 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var shop = require('./shop.js');
-
-const initialSwatchOptionValue = {
-    label: '',
-    colors: [],
-    imageUrl: ''
-};
-const initialGlobalSwatchesData = {
-    optionTitle: '',
-    optionType: '',
-    optionValues: []
-};
-const useSwatchesOptions = (options)=>{
-    const { swatches } = shop.useSwatches();
-    if (!options) return [];
-    return options?.map((option)=>{
-        const swatchOption = swatches?.find((sw)=>sw?.optionTitle === option?.name) || {
-            ...initialGlobalSwatchesData
-        };
-        return {
-            ...option,
-            optionType: swatchOption ? swatchOption.optionType : '',
-            values: option.values?.map((val)=>{
-                const swatchValue = swatchOption && swatchOption?.optionValues?.find((swatOp)=>swatOp?.label === val?.label) || {
-                    ...initialSwatchOptionValue
-                };
-                return {
-                    ...val,
-                    colors: swatchValue?.colors || [],
-                    imageUrl: swatchValue?.imageUrl || ''
-                };
-            })
-        };
-    });
-};
-
-exports.default = useSwatchesOptions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var shop=require("./shop.js");const initialSwatchOptionValue={label:"",colors:[],imageUrl:""},initialGlobalSwatchesData={optionTitle:"",optionType:"",optionValues:[]},useSwatchesOptions=e=>{let{swatches:t}=shop.useSwatches();return e?e?.map(e=>{let a=t?.find(t=>t?.optionTitle===e?.name)||{...initialGlobalSwatchesData};return{...e,optionType:a?a.optionType:"",values:e.values?.map(e=>{let t=a&&a?.optionValues?.find(t=>t?.label===e?.label)||{...initialSwatchOptionValue};return{...e,colors:t?.colors||[],imageUrl:t?.imageUrl||""}})}}):[]};exports.default=useSwatchesOptions;

package/dist/cjs/hooks/useToolbarPostPurchase.js

@@ -0,0 +1 @@
+"use strict";var constant=require("../components/constant.js"),ShopContext=require("../contexts/ShopContext.js");const usePostPurchase=(e,t)=>{let r=ShopContext.useShopStore(e=>e.pageType),n=(e,r)=>{let n=e||t,o=0,s=(r||document).querySelectorAll(`[data-component-tag="${n}"]`);if("PostPurchaseProductOffer"===n)return s.length;let u="";return s.forEach(e=>{let t=e.closest('[data-component-tag="PostPurchaseProductOffer"]'),r=t?.getAttribute("data-uid")||"",s=e.closest('[data-component-tag="Product"]'),c=s?.querySelectorAll(`[data-component-tag="${n}"]`).length||0,a=t?r!==u?c:0:1;t&&(u=r),o+=a}),o},o=()=>{let e=n();return e<=1},s=()=>{let t=document.querySelector(`[data-uid="${e}"]`);if(!t)return!1;for(let e of constant.postPurchaseRequiredElements){let r=n(e),o=n(e,t);if(o>0&&r-o<1)return!0}return!1},u=()=>constant.postPurchaseRequiredElements.reduce((t,r)=>{let n=document.querySelector(`[data-uid="${e}"]`);if(!n)return 0;let o=n.querySelectorAll(`[data-component-tag="${r}"]`).length;return t+o},0),c=()=>{if("POST_PURCHASE"!==r)return!1;let e=!1;return constant.postPurchaseRequiredElements.includes(t)&&(e=o())?e:!!(constant.postPurchaseWrapElements.includes(t)&&u()>0)&&s()},a=()=>{if(constant.postPurchaseRequiredElements.includes(t))return{text:"This element is required <br> and can’t be deleted",width:"175px"};{let e="Section"===t?"section":"element";return{text:`This ${e} contains required <br> elements and cannot be deleted`,width:"206px"}}};return{checkDisableDelete:c,getTooltipText:a,checkDisableDuplicate:()=>"GP_FUNNEL_PAGE"===r&&"ProductList"===t}};exports.usePostPurchase=usePostPurchase;