@gem-sdk/core 1.14.0-dev.414 → 1.14.0-dev.428
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";var constant=require("./constant.js"),makeStyle=require("./make-style.js");const getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?makeStyle.makeStyle({bblr:e.bblr,bbrr:e.bbrr,btlr:e.btlr,btrr:e.btrr}):makeStyle.makeStyle({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(e,s
|
|
2
|
-
${
|
|
3
|
-
${
|
|
4
|
-
${
|
|
5
|
-
${
|
|
6
|
-
`}return
|
|
1
|
+
"use strict";var constant=require("./constant.js"),makeStyle=require("./make-style.js");const getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?makeStyle.makeStyle({bblr:convertCornerPercentToCircle(e.bblr),bbrr:convertCornerPercentToCircle(e.bbrr),btlr:convertCornerPercentToCircle(e.btlr),btrr:convertCornerPercentToCircle(e.btrr)}):makeStyle.makeStyle({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(e,r,s)=>{if(!r||!e)return{};let t=s&&"desktop"!==s?constant.devicesMapping?.[s]:"",o=constant.stateMapping?.[e];return{[`-${o}-radius${t}`]:`var(--g-radius-${r})`}},getCustomRadius=(e,r,s)=>{if(!r||!e||r?.radiusType!=="custom")return{};let t=s&&"desktop"!==s?constant.devicesMapping?.[s]:"",o=constant.stateMapping?.[e];return{[`-${o}-bblr${t}`]:convertCornerPercentToCircle(r.bblr),[`-${o}-bbrr${t}`]:convertCornerPercentToCircle(r.bbrr),[`-${o}-btlr${t}`]:convertCornerPercentToCircle(r.btlr),[`-${o}-btrr${t}`]:convertCornerPercentToCircle(r.btrr)}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let r={};return Object.assign(r,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(r,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(r,getCustomRadius("normal",e?.mobile,"mobile")),r},composeRadiusState=(e,r)=>{let s={};switch(e?.normal?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("normal",e?.normal?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("normal",e.normal,r))}switch(e?.hover?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("hover",e?.hover?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("hover",e.hover,r))}switch(e?.focus?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("focus",e?.focus?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("focus",e.focus,r))}return s},composeRadiusResponsiveState=e=>{let r={};return Object.assign(r,composeRadiusState(e?.desktop,"desktop")),Object.assign(r,composeRadiusState(e?.tablet,"tablet")),Object.assign(r,composeRadiusState(e?.mobile,"mobile")),r},getRadiusStyleActiveState=e=>e?.active?.radiusType==="custom"?getCustomRadius("normal",e?.active):getRadiusCSSFromGlobal("normal",e?.active?.radiusType),composeCornerCss=(e,r=!1)=>{let s;if(!e)return"";let{radiusType:t,bblr:o,bbrr:a,btlr:c,btrr:i}=e,n=r?" !important":"";switch(t){case"medium":case"large":case"small":s=`border-radius: var(--g-radius-${t});`;break;case"circle":case"none":case"custom":s=`
|
|
2
|
+
${o?`border-bottom-left-radius: ${convertCornerPercentToCircle(o)}${n};`:""}
|
|
3
|
+
${a?`border-bottom-right-radius: ${convertCornerPercentToCircle(a)}${n};`:""}
|
|
4
|
+
${c?`border-top-left-radius: ${convertCornerPercentToCircle(c)}${n};`:""}
|
|
5
|
+
${i?`border-top-right-radius: ${convertCornerPercentToCircle(i)}${n};`:""}
|
|
6
|
+
`}return s},convertCornerPercentToCircle=e=>e&&e.includes("%")&&parseInt(e)>=50?"999999px":e;exports.composeCornerCss=composeCornerCss,exports.composeRadius=composeRadius,exports.composeRadiusResponsive=composeRadiusResponsive,exports.getCornerCSSFromGlobal=getCornerCSSFromGlobal,exports.getCustomRadius=getCustomRadius,exports.getRadiusCSSFromGlobal=getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=getRadiusStyleActiveState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var react=require("react"),ProductContext=require("../contexts/ProductContext.js"),flattenConnection=require("../helpers/flatten-connection.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 product=require("../helpers/product.js");require("../helpers/convert.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.decrementQuantity),r=ProductContext.useProductStore(e=>e.incrementQuantity),u=ProductContext.useProductStore(e=>e.setQuantity),o=ProductContext.useProductStore(e=>e.isSyncProduct),n=ProductContext.useProductStore(e=>e.product),s=n?.id,c=react.useCallback(()=>{u(1)},[u]);return react.useEffect(()=>{if(o){let t=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:e,productId:s}});window.dispatchEvent(t)}},[e,o,s]),react.useMemo(()=>({quantity:e,increment:r,decrement:t,reset:c,setQuantity:u}),[t,r,e,c,u])},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();return variant.checkInStock(e)},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
|
|
1
|
+
"use strict";var react=require("react"),ProductContext=require("../contexts/ProductContext.js"),flattenConnection=require("../helpers/flatten-connection.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 product=require("../helpers/product.js");require("../helpers/convert.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.decrementQuantity),r=ProductContext.useProductStore(e=>e.incrementQuantity),u=ProductContext.useProductStore(e=>e.setQuantity),o=ProductContext.useProductStore(e=>e.isSyncProduct),n=ProductContext.useProductStore(e=>e.product),s=n?.id,c=react.useCallback(()=>{u(1)},[u]);return react.useEffect(()=>{if(o){let t=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:e,productId:s}});window.dispatchEvent(t)}},[e,o,s]),react.useMemo(()=>({quantity:e,increment:r,decrement:t,reset:c,setQuantity:u}),[t,r,e,c,u])},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();return variant.checkInStock(e)},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})};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;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{devicesMapping as e,stateMapping as
|
|
2
|
-
${
|
|
3
|
-
${
|
|
4
|
-
${
|
|
5
|
-
${
|
|
6
|
-
`}return
|
|
1
|
+
import{devicesMapping as e,stateMapping as r}from"./constant.js";import{makeStyle as s}from"./make-style.js";let getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?s({bblr:convertCornerPercentToCircle(e.bblr),bbrr:convertCornerPercentToCircle(e.bbrr),btlr:convertCornerPercentToCircle(e.btlr),btrr:convertCornerPercentToCircle(e.btrr)}):s({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(s,t,o)=>{if(!t||!s)return{};let a=o&&"desktop"!==o?e?.[o]:"",c=r?.[s];return{[`-${c}-radius${a}`]:`var(--g-radius-${t})`}},getCustomRadius=(s,t,o)=>{if(!t||!s||t?.radiusType!=="custom")return{};let a=o&&"desktop"!==o?e?.[o]:"",c=r?.[s];return{[`-${c}-bblr${a}`]:convertCornerPercentToCircle(t.bblr),[`-${c}-bbrr${a}`]:convertCornerPercentToCircle(t.bbrr),[`-${c}-btlr${a}`]:convertCornerPercentToCircle(t.btlr),[`-${c}-btrr${a}`]:convertCornerPercentToCircle(t.btrr)}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let r={};return Object.assign(r,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(r,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(r,getCustomRadius("normal",e?.mobile,"mobile")),r},composeRadiusState=(e,r)=>{let s={};switch(e?.normal?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("normal",e?.normal?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("normal",e.normal,r))}switch(e?.hover?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("hover",e?.hover?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("hover",e.hover,r))}switch(e?.focus?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("focus",e?.focus?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("focus",e.focus,r))}return s},composeRadiusResponsiveState=e=>{let r={};return Object.assign(r,composeRadiusState(e?.desktop,"desktop")),Object.assign(r,composeRadiusState(e?.tablet,"tablet")),Object.assign(r,composeRadiusState(e?.mobile,"mobile")),r},getRadiusStyleActiveState=e=>e?.active?.radiusType==="custom"?getCustomRadius("normal",e?.active):getRadiusCSSFromGlobal("normal",e?.active?.radiusType),composeCornerCss=(e,r=!1)=>{let s;if(!e)return"";let{radiusType:t,bblr:o,bbrr:a,btlr:c,btrr:i}=e,n=r?" !important":"";switch(t){case"medium":case"large":case"small":s=`border-radius: var(--g-radius-${t});`;break;case"circle":case"none":case"custom":s=`
|
|
2
|
+
${o?`border-bottom-left-radius: ${convertCornerPercentToCircle(o)}${n};`:""}
|
|
3
|
+
${a?`border-bottom-right-radius: ${convertCornerPercentToCircle(a)}${n};`:""}
|
|
4
|
+
${c?`border-top-left-radius: ${convertCornerPercentToCircle(c)}${n};`:""}
|
|
5
|
+
${i?`border-top-right-radius: ${convertCornerPercentToCircle(i)}${n};`:""}
|
|
6
|
+
`}return s},convertCornerPercentToCircle=e=>e&&e.includes("%")&&parseInt(e)>=50?"999999px":e;export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useCallback as e,useEffect as t,useMemo as r}from"react";import{useProductStore as n}from"../contexts/ProductContext.js";import{flattenConnection as o}from"../helpers/flatten-connection.js";import"react/jsx-runtime";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"./useCartUI.js";import{checkInStock as
|
|
1
|
+
import{useCallback as e,useEffect as t,useMemo as r}from"react";import{useProductStore as n}from"../contexts/ProductContext.js";import{flattenConnection as o}from"../helpers/flatten-connection.js";import"react/jsx-runtime";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"./useCartUI.js";import{checkInStock as u}from"../helpers/variant.js";import"react-transition-group";import"@gem-sdk/core";import{getSelectedVariant as s}from"../helpers/product.js";import"../helpers/convert.js";let useUniqProductID=()=>n(e=>e.uiqueId),useProduct=()=>n(e=>e.product),useFeaturedImageGlobal=()=>n(e=>e.featuredImageGlobal),useProductProperties=()=>n(e=>e.properties),useIsSyncProduct=()=>n(e=>e.isSyncProduct),useQuantity=()=>{let o=n(e=>e.quantity),u=n(e=>e.decrementQuantity),s=n(e=>e.incrementQuantity),i=n(e=>e.setQuantity),a=n(e=>e.isSyncProduct),c=n(e=>e.product),l=c?.id,d=e(()=>{i(1)},[i]);return t(()=>{if(a){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:o,productId:l}});window.dispatchEvent(e)}},[o,a,l]),r(()=>({quantity:o,increment:s,decrement:u,reset:d,setQuantity:i}),[u,s,o,d,i])},useSelectedOption=()=>{let t=n(e=>e.setSelectedOption),o=n(e=>e.selectedOptions),u=n(e=>e.forceSelectedOption),s=n(e=>e.isSyncProduct),i=e((e,r,n,o)=>{if(!o&&s){let t=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:r,productId:n}});window.dispatchEvent(t)}t(e,r)},[t,s]),a=e((e,t,r)=>{if(!r&&s){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t}});window.dispatchEvent(r)}u(e)},[u,s]);return r(()=>({selectedOptions:o,setSelectedOption:i,forceSelectedOption:a}),[o,i,a])},useVariants=()=>{let e=n(e=>e.product?.variants);return o(e)},useVariant=e=>{let t=useVariants();return r(()=>t?.find(t=>t?.id===e),[e,t])},useCurrentVariant=()=>{let{selectedOptions:e}=useSelectedOption(),t=useVariants();return r(()=>s(t,e),[e,t])},useCurrentVariantInStock=()=>{let e=useCurrentVariant();return u(e)},useVariantOutStock=(e,t,r)=>{let{selectedOptions:n}=useSelectedOption(),o=useVariants(),i=r.optionNumber-1;if(r.position<i)return o.some(r=>{if(r){let{selectedOptions:n}=r,o=n?.some(r=>r?.name===e&&r.value===t),s=u(r);return o&&s}});let a=s(o,{...n,[e]:t});return u(a)},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:n}=r,o=n?.some(r=>r?.name===e&&r.value===t),s=u(r);return o&&s}return!1})};export{useCheckAvailableVariantInStock,useCurrentVariant,useCurrentVariantInStock,useFeaturedImageGlobal,useIsSyncProduct,useProduct,useProductProperties,useQuantity,useSelectedOption,useUniqProductID,useVariant,useVariantOutStock,useVariants};
|