@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/esm/product/components/product-variants/components/image-shopify/ImageShopify.liquid.js

@@ -0,0 +1,21 @@
+import{template as e}from"@gem-sdk/core";import a from"../base/base.liquid.js";let ImageShopifyVariant=({isVariantOutStock:i,swatchValue:r,...n})=>e`
+      {% assign imageUrl = null %}
+      {% for variant in variants %}
+        {% assign valueIncludesSelectedOption = false %}
+        {% for item in variant.options %}
+          {% if item == value %}
+          {% assign valueIncludesSelectedOption = true %}
+          {% endif %}
+        {% endfor %}
+        {% if valueIncludesSelectedOption and variant.featured_image or variant.featured_media%}
+          {% unless imageUrl %}
+            {% if variant.featured_media %}
+              {% assign imageUrl = variant.featured_media.preview_image.src | product_img_url: '200x'  %}
+            {% else %}
+              {% assign imageUrl = variant.featured_image.src | product_img_url: '200x'  %}
+            {% endif %}
+          {% endunless %}
+        {% endif %}
+      {% endfor %}
+      ${a({...n,typeOfOption:"image_shopify"})}
+  `;export{ImageShopifyVariant as default};

package/dist/esm/product/components/product-variants/components/rectangle-list/RectangleList.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as t,makeWidth as a,composeTypographyClassName as i,composeTypographyStyle as r,cls as c,getGlobalColorStateClass as o,getGlobalColorClass as s,handleConvertClassColor as l,getGlobalColorStateStyle as p,makeStyle as n,composeRadius as g,getRadiusStyleActiveState as v,getStyleShadowState as b,getStyleShadow as d,handleConvertBorderStyle as m,handleConvertBorderWidth as x,handleConvertBorderColor as u,getSingleColorVariable as f}from"@gem-sdk/core";import{useMemo as h}from"react";let RectangleListVariant=({value:w,isVariantOutStock:y,checked:j,swatchAutoWidth:L,swatchWidth:N,swatchHeight:R,optionTransform:V,optionTypography:k,optionBgColor:A,optionTextColor:E,optionBorder:F,optionRounded:S,optionHasShadow:T,optionShadow:q,optionTypo:z})=>{let B=()=>n({bg:f(A?.active),bs:F?.active?.border,bw:F?.active?.width,bc:f(F?.active?.color)}),C=t("w",a(N,L)),D=h(()=>({...S,active:{...S?.active||{},radiusType:"custom"}}),[S]),G=i(z,k),H=r(z,k);return e("div",{className:c(j?s("bg",A?.active):o("bg",A),l(F),G,"gp-box-border gp-inline-flex gp-cursor-pointer gp-items-center gp-justify-center gp-text-center",{"gp-pointer-events-none  !gp-cursor-not-allowed":y}),style:{...j?{}:p("bg",A),...j?B():{},...n({tt:V}),...H,...t("h",R),...C,...j?v(D):g(S),...j?d({value:q?.active,state:"active",styleAppliedFor:"box-shadow",isEnableShadow:T?.active},!0):b(q,"box-shadow",T),...j?{}:m(F),...j?{}:x(F),...j?{}:u(F)},children:e("span",{className:c("gp-flex gp-items-center gp-px-[16px]",j?s("text",E?.active):o("text",E)),style:{...j?n({c:f(E?.active)}):p("c",E)},children:w?.label})})};export{RectangleListVariant as default};

package/dist/esm/product/components/product-variants/components/variants/index.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useSelectedOption as o,useProduct as a,useVariantOutStock as i}from"@gem-sdk/core";import{useMemo as l}from"react";import r from"../base/base.js";import s from"../color/color.js";import n from"../image/Image.js";import m from"../image-shopify/ImageShopify.js";import c from"../rectangle-list/RectangleList.js";import{createClass as p,createStyle as u,createAttr as d}from"@gem-sdk/system";import{getVariantItemLabelClass as h,getTooltipClass as f,getTooltipSvgClass as g,getVariantOptionClass as v}from"../../common/variants/classes.js";import{getLabelVariantStyle as b}from"../../common/variants/styles.js";import{getVariantOptionAttr as w}from"../../common/variants/attrs.js";let VariantItem=y=>{let{name:N,variantKey:j,optionName:S,optionValue:$,typeOfOption:k}=y,{setSelectedOption:I}=o(),O=a(),V=l(()=>{if(!y.presetConfiguration)return;let{presets:e,optionType:t}=y.presetConfiguration;return e?.[t||"rectangle_list"]},[y.presetConfiguration]),x=l(()=>{if(!y.showAsSwatches)return c;switch(k){case"color":return s;case"image":return n;case"image_shopify":return m;default:return r}},[k,y.showAsSwatches]),C=i(N??"",y.value?.label??"",{position:y.optionPosition,optionNumber:y.optionNumber||0}),L=l(()=>"disable"===y.soldOutStyle,[y.soldOutStyle]),F=l(()=>"line"===y.soldOutStyle,[y.soldOutStyle]),A=()=>{if(C||!L){I(N,y.value?.label,O?.id);let e=new CustomEvent("change-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:N,optionValue:y.value?.label,productId:O?.id}});window.dispatchEvent(e)}},M=p(h({...y,available:C})),P=p(f()),E=p(g()),R=p(v()),_=u(b(V?.width)),B=d(w(y,"React"));return e("label",{className:M,style:_,htmlFor:`${y.uid}-${j}`,children:[e("div",{className:P,children:[t("p",{className:"gp-text-[#F9F9F9]",children:y.value?.label}),t("svg",{className:E,width:"8",height:"4",viewBox:"0 0 16 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{d:"M8 10L0 0L16 1.41326e-06L8 10Z",fill:"#333333"})})]}),t("input",{checked:y.checked,name:`${O?.id}-options-${N?.toString().replaceAll('"','\\"')}`,id:`${y.uid}-${j}`,value:y.value?.label,type:"radio",className:"gp-sr-only",onChange:A}),t("span",{className:"gp-sr-only",children:y.value?.label}),t("div",{...B,className:R,children:t(x,{...y,optionName:S,optionNameValue:$,preset:V,isVariantOutStock:L&&!C&&0!==y.optionPosition,soldOutMark:L,soldOutMarkLine:F,available:C,swatchValue:y.value,product:O,variantKey:`${y.uid}-${j}`})})]})};VariantItem.defaultProps={};export{VariantItem as default};

package/dist/esm/product/components/product-variants/components/variants/index.liquid.js

@@ -0,0 +1,62 @@
+import{template as a}from"@gem-sdk/core";import t from"../base/base.liquid.js";import i from"../color/color.liquid.js";import e from"../image/Image.liquid.js";import s from"../image-shopify/ImageShopify.liquid.js";import{createClass as o,createStyle as l,createAttr as n,Liquid as d,If as p,LiquidIf as r}from"@gem-sdk/system";import{getVariantItemLabelClass as c,getTooltipClass as m,getTooltipSvgClass as h,getVariantOptionClass as u}from"../../common/variants/classes.js";import{getLabelVariantStyle as v}from"../../common/variants/styles.js";import{getVariantOptionAttr as g}from"../../common/variants/attrs.js";let VariantItem=f=>{let{name:w,variantKey:$,value:b,id:k}=f,y="disable"===f.soldOutStyle,V=()=>a`
+    {% case type %}
+      {% when "rectangle_list" %}
+      ${t({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:""}})}
+      {% when "color" %}
+      ${i({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"45px"},swatchWidth:{desktop:"45px"}})}
+      {% when "image_shopify" %}
+      ${s({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
+      {% when "image" %}
+      ${e({...f,isVariantOutStock:y,swatchValue:f.value,value:b,swatchHeight:{desktop:"64px"},swatchWidth:{desktop:"64px"}})}
+      {% else %}
+    {% endcase %}
+    `,x=()=>a`
+    ${t({...f,isVariantOutStock:y,swatchValue:f.value,value:b})}
+    `,I=o(c({...f,available:!0})),_=o(m()),j=o(h()),S=o(u()),q=l(v()),O=n(g(f,"Liquid"));return a`
+    ${d(`{%- liquid
+      assign option_disabled = true
+      for variantItem in product.variants
+        case option.position
+          when 1
+            if variantItem.available and variantItem.option1 == value
+              assign option_disabled = false
+            endif
+          when 2
+            if variantItem.available and variantItem.option2 == value
+              assign option_disabled = false
+            endif
+          when 3
+            if variantItem.available and variantItem.option3 == value
+              assign option_disabled = false
+            endif
+        endcase
+      endfor
+    -%}`)}
+    ${p(!y,d("{% assign option_disabled = false %}"))}
+    <label
+      id="${k}"
+      for="{{product.id}}-${f.uid}-${$}"
+      class="${I}"
+      style="${q}"
+    >
+      <div class="${_}">
+        <p class="gp-text-[#F9F9F9]">${b?.label}</p>
+        <svg class="${j}" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"/>
+        </svg>
+      </div>
+      <input
+        checked="${f.checked}"
+        name="{{product.id}}-options-${w}"
+        id="{{product.id}}-${f.uid}-${$}"
+        value="${b?.label}"
+        type="radio"
+        class="gp-sr-only gp-absolute gp-bottom-0 gp-right-0"
+      />
+      <span class="gp-sr-only">${b?.label}</span>
+      <div
+        ${O}
+        class="${S} ${r("option_disabled == true",`${p(y,"gp-opacity-20"," ")}`)}">
+        ${f.isRenderDefault?x():V()}
+      </div>
+    </label>`};export{VariantItem as default};

package/dist/esm/product/components/product-variants/hooks/useGpVariants.js

@@ -0,0 +1 @@
+import{useProductShopifyEditLink as e,useProduct as t,useIsSyncProduct as i,useEditorMode as n,useSelectedOption as o,useHasPreSelected as r,useInitialSwatchesOptions as a,useSwatchesOptions as s,getSelectedVariant as l,checkInStock as d}from"@gem-sdk/core";import{useRef as c,useState as m,useEffect as A,useMemo as p,useCallback as u}from"react";import{useVariantInteraction as f}from"./useVariantInteraction.js";import{useTransition as w}from"../common/common.js";import{checkDefaultVariant as P}from"../../../helpers/product.js";import{mappingVariantStyles as R}from"../utils/mappingVariantStyles.js";let VARIANT_PARAM_PATH="variant",isMounted=!1,useGpVariants=(h,T)=>{let{builderProps:_,styles:g,setting:M}=h,{optionType:V,hasPreSelected:v}=M??{},{redirectProductShopifyLink:I}=e(),N=t(),L=i(),S=c(null),{dispatchInteractionChangeOptions:H,dispatchInteractionChangeOptionsInit:O}=f({element:S,uid:_?.uid}),j=n(),{selectedOptions:y,setSelectedOption:E,forceSelectedOption:U}=o(),{setHasPreSelected:C,hasPreSelected:G}=r(),[J,b]=m("");A(()=>{let e=new URL(window.location.href),t=e.searchParams.get(VARIANT_PARAM_PATH);void 0===G&&C(v||!!t)},[v,G,C]),A(()=>{let e=new URL(window.location.href),t=e.searchParams.get(VARIANT_PARAM_PATH);t&&b(t)},[]);let k=()=>{let e=new URL(window.location.href),t=e.searchParams.get(VARIANT_PARAM_PATH);return t?T.find(e=>e?.id===t):null},x=e=>{let t=l(T,e);return d(t)};A(()=>{let e=k();if(e){let t=e?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{})??{},i=x(t);O(t,i),U(t,N?.id,!0)}else if(M?.hasPreSelected){let e=x(y);O(y,e)}},[]);let q=N?.options;a(q);let z=s(q),[B,D]=m(!1),F=P(N),K=p(()=>"groupOption"===V,[V]),Q=u(e=>{let t=e.detail,i=N?.id;D(t.isManualChange||!1),L&&t&&i==t.productId&&E(t.optionId,t.optionValue,i,!0)},[L,N?.id,E]),W=u(e=>{let t=e.detail,i=N?.id;D(t.isManualChange||!1),L&&t&&i==t.productId&&U(t.selectedOption,i,!0)},[L,N?.id,U]),X=e=>{let t=new URL(window.location.href);e?t.searchParams.set(VARIANT_PARAM_PATH,e):t.searchParams.delete(VARIANT_PARAM_PATH),history.replaceState(null,"",t.toString())};A(()=>(window.addEventListener("set-selected-option",Q),window.addEventListener("force-selected-option",W),()=>{window.removeEventListener("set-selected-option",Q),window.removeEventListener("force-selected-option",W)}),[W,Q]),w(e=>{if(!isMounted){isMounted=!0;return}let t=JSON.stringify(e),i=JSON.stringify(y);if(window.interactionLoaded){let e=x(y);H(y,e)}if(e&&t!==i){let e=l(T,y);X(e?.id||"")}},[y]);let Y=u(e=>{let t=R(M?.variantPresets,g),i=t?.find(t=>t.optionName===e);return i||t?.find(e=>"base"===e.optionName)},[M,g]);return{mode:j,options:z,variants:T,variantId:J,elementRef:S,variantGroup:K,isChangeVariant:B,selectedOptions:y,isDefaultVariant:F,getVariantConfiguration:Y,redirectProductShopifyLink:I}};export{useGpVariants};

package/dist/esm/product/components/product-variants/hooks/useVariantInteraction.js

@@ -0,0 +1 @@
+import{useInteraction as e}from"@gem-sdk/core";let useVariantInteraction=t=>{let{element:n,uid:r}=t,{trigger:o}=e(),a=(e,t)=>{n.current&&(o({event:"gp:rollback:item-selected",selector:`[data-id="${r}"]`,element:n.current}),o({event:"gp:item-selected",selector:`[data-id="${r}"]`,data:{selectedOptions:e,inStock:t},element:n.current}))},d=(e,t)=>{let n=()=>{a(e,t),window.removeEventListener("gp:flow-actions-loaded",n)};window.interactionLoaded?a(e,t):window.addEventListener("gp:flow-actions-loaded",n)};return{dispatchInteractionChangeOptions:a,dispatchInteractionChangeOptionsInit:d}};export{useVariantInteraction};

package/dist/esm/product/components/product-variants/utils/mappingVariantStyles.js

@@ -0,0 +1 @@
+let shadowDefault={type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90},roundedDefault={btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"custom"},textColorDefault={normal:"text-2",hover:"text-2",active:"text-2"},bgColorDefault={normal:"bg-3",hover:"bg-3",active:"bg-3"},roundedColorDefault={btrr:"999999px",bblr:"999999px",bbrr:"999999px",btlr:"999999px",radiusType:"custom"},optionShadowDefault={normal:shadowDefault,hover:shadowDefault,active:shadowDefault},optionRoundedDefault={normal:roundedDefault,hover:roundedDefault,active:roundedDefault},optionRoundedColorDefault={normal:roundedColorDefault,hover:roundedColorDefault,active:roundedColorDefault},optionHasShadowDefault={normal:!1,hover:!1,active:!1},mappingVariantStyles=(o,e)=>{let t=o?.map(o=>(o?.isEdited||Object.entries(o.presets).forEach(([t,a])=>{let r=a.width;if("dropdown"===t){let o=Object.assign({},a?.fullWidth);Object.entries(o).forEach(([o,e])=>{e&&(r={...r,[o]:"100%"})})}let l=Object.assign({...optionHasShadowDefault},e?.optionHasShadow),n=Object.assign({...optionShadowDefault},e?.optionShadow),d=Object.assign({...optionRoundedDefault},e?.optionRounded);"color"===t?d={...optionRoundedColorDefault}:Object.entries({...e?.optionRounded}).forEach(function([o,e]){"none"===e.radiusType&&(d={...d,[o]:roundedDefault})});let u="color"===t?bgColorDefault:e?.optionBgColor,i=["color","image","image_shopify"].includes(t)?textColorDefault:e?.optionTextColor;o.presets[t]={...a,width:r,optionBgColor:u,optionBorder:e?.optionBorder,optionHasShadow:l,optionRounded:d,optionShadow:n,optionTextColor:i}}),o));return t};export{mappingVariantStyles,optionRoundedColorDefault,optionRoundedDefault};

package/dist/esm/product/components/product-vendor/Vendor.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useProduct as t,useEditorMode as r}from"@gem-sdk/core";import l from"../../../text/components/Text.js";import{useState as o,useEffect as n}from"react";let ProductVendor=({setting:d,builderProps:i,styles:s})=>{let a=t(),m=r(),[c,u]=o(null),p=d?.label&&d.label.trim().length>0?`${d.label} ${a?.vendor??""}`:`${a?.vendor??""}`;return n(()=>{let e=localStorage.getItem("shopifyDomain");e&&u(e)},[]),e("div",{id:`vendor-${i?.uid}`,children:a?d?.url&&"edit"!==m?e("a",{href:`//${c}/collections/vendors?q=${a.vendor}`,target:`${"new-tab"===d.openIn?"_blank":"_self"}`,children:e(l,{builderProps:i,styles:s,setting:{...d,text:p,excludeFlex:!0}})}):e(l,{builderProps:i,styles:s,setting:{...d,text:p,excludeFlex:!0}}):null})};export{ProductVendor as default};

package/dist/esm/product/components/product-vendor/Vendor.liquid.js

@@ -0,0 +1,14 @@
+import{template as e}from"@gem-sdk/core";import t from"../../../text/components/Text.liquid.js";let ProductVendor=({setting:d,styles:o,advanced:n,builderProps:r})=>{let l=d?.label&&d.label.trim().length>0?`${d.label}`:"";return e`
+    {%- unless product -%}
+      <p>Product not found</p>
+    {%- else -%}
+      {% assign encoded_product_vendor = product.vendor | url_encode %}
+      ${d?.url?`
+        <a href="/collections/vendors?q={{ encoded_product_vendor }}" title="{{ encoded_product_vendor }}" target="${"new-tab"===d.openIn?"_blank":"_self"}">
+        ${t({styles:o,setting:{...d,text:`${l} {{ product.vendor }}`,excludeFlex:!0},advanced:n,builderProps:r})}
+        </a>
+      `:`
+        ${t({styles:o,setting:{...d,text:`${l} {{ product.vendor }}`,excludeFlex:!0},advanced:n,builderProps:r})}
+      `}
+    {%- endunless -%}
+  `};export{ProductVendor as default};

package/dist/esm/product/components/product-view-more/ProductViewMore.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as t}from"react/jsx-runtime";import{getButtonStyle as o}from"./common/styles.js";import{getButtonSettings as r}from"./common/helpers.js";import e from"../../../button/components/Button.js";let ProductViewMore=({style:s,styles:m,setting:i,advanced:n,builderProps:d,builderAttrs:l,children:c})=>t("div",{children:t(e,{styles:m,advanced:n,builderProps:d,builderAttrs:l,setting:{...r(i)},style:{...o(s,m)},children:c})});export{ProductViewMore as default};

package/dist/esm/product/components/product-view-more/ProductViewMore.liquid.js

@@ -0,0 +1,6 @@
+import{If as e}from"@gem-sdk/system";import{getButtonStyle as r}from"./common/styles.js";import{getSettingPreloadData as s}from"../../../helpers.js";import o from"../../../button/components/Button.liquid.js";import{template as t,isLocalEnv as m,baseAssetURL as p}from"@gem-sdk/core";import{getButtonSettings as i,getButtonLiquidSettings as d}from"./common/helpers.js";let ProductViewMore=({style:c,styles:l,setting:a,advanced:u,builderProps:f,builderAttrs:n,pageContext:v})=>t`
+    <gp-product-view-more>
+      ${o({styles:l,advanced:u,builderProps:f,builderAttrs:n,setting:{...i(a),...d(a)},style:{...r(c,l)},pageContext:v,className:"btn-view-more"})}
+      ${e(m,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-product-view-more-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${p}/assets-v2/gp-product-view-more-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    </gp-product-view-more>
+  `;export{ProductViewMore as default};

package/dist/esm/product/components/product-view-more/common/helpers.js

@@ -0,0 +1 @@
+let getButtonSettings=t=>{let{label:e,iconSvg:n,iconAlign:i,iconVisible:u,shouldClearSpace:g,enableHoverEffect:l}=t??{};return{label:e,iconSvg:n,iconAlign:i,iconVisible:u,shouldClearSpace:g,htmlType:"submit",enableHoverEffect:l}},getButtonLiquidSettings=t=>{let{translate:e,redirectNewTab:n}=t??{};return{translate:e,btnLink:{link:"{{ product.url }}",target:n?"_blank":"_self"},enableBtnLink:!0}};export{getButtonLiquidSettings,getButtonSettings};

package/dist/esm/product/components/product-view-more/common/styles.js

@@ -0,0 +1 @@
+import{makeStyleResponsive as t}from"@gem-sdk/core";let getButtonStyle=(e,o)=>({...e,...t("ta",o?.align)});export{getButtonStyle};

package/dist/esm/product/components/product-wrap/Product.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as o,jsxs as t}from"react/jsx-runtime";import{isEmptyChildren as e,ProductProvider as d}from"@gem-sdk/core";import i from"../../../grid/components/ChildrenDroppable.js";import m from"../../../common/components/Loading.js";import"react";import c from"../../../grid/components/row/Row.js";import{If as n}from"@gem-sdk/system";import s from"next/dynamic";import{useProductSetting as l}from"./hook/useProductSetting.js";import{getData as p}from"./common/helpers.js";let ProductNotFound=s(()=>import("../ProductNotFound.js"),{loading:m}),Product=s=>{let{builderProps:u,children:a,setting:h,style:f,builderAttrs:g}=s,{isAuto:P}=h??{},{isLoading:j,isProductPage:b,isProductNotFound:y,showProductNotFound:k,errorLoadProduct:x,product:A,isEditor:F,productProviderData:N,setShowProductNotFound:v}=l(s),{rowSetting:w,rowStyles:C}=p(s),D=!y;if(b&&P)return r(o,{children:e(a)?r(i,{}):a});let S=()=>r(o,{children:n(k,r(ProductNotFound,{builderAttrs:g,productSrc:"PickProduct",onClose:()=>v(!1),children:a}))}),E=()=>r(o,{children:j?r(m,{}):r(o,{children:x?t("div",{children:["Error: ",x?.message]}):A?r(d,{...N,children:r(c,{builderProps:u,builderAttrs:g,style:f,styles:C,setting:w,customAttrs:F?{"data-product-id":A?.baseID?.replace("gid://shopify/Product/","")??""}:void 0,children:e(a)?r(i,{}):a})}):null})});return r(o,{children:n(D,E(),S())})};export{Product as default};

package/dist/esm/product/components/product-wrap/Product.liquid.js

@@ -0,0 +1,99 @@
+import{template as t,RenderIf as e,isLocalEnv as r,baseAssetURL as i}from"@gem-sdk/core";import d from"../../../grid/components/row/Row.liquid.js";import{LiquidIf as o,If as a}from"@gem-sdk/system";import{getSettingPreloadData as s,getStaticLocale as n}from"../../../helpers.js";import{getData as c,DYNAMIC_PRODUCT_STATUS as p,STATIC_PRODUCT_STATUS as l,PRODUCT_ID_LATEST as u}from"./common/helpers.js";let Product=f=>{let{children:m,setting:g,style:y,builderProps:_,rawChildren:v,advanced:$}=f,{isSyncProduct:I}=g??{},{rowSetting:S,rowStyles:b,formatVariantId:j,formatProductId:h,productStatus:q,preSelectedOptionIds:V,productHandle:P,advancedStyle:k}=c(f),w=()=>t`
+      {%- liquid
+        if request.page_type == 'product'
+          if '${q}' == '${l}'
+            if '${h}' == '${u}'
+              paginate collections.all.products by 100000
+                assign product = collections.all.products | sort: 'created_at' | reverse | first
+              endpaginate
+            else
+              assign product = all_products['${P}']
+              assign productId = '${h}' | times: 1
+              if product == empty or product == null
+                paginate collections.all.products by 100000
+                  for item in collections.all.products
+                    if item.id == productId
+                      assign product = item
+                    endif
+                  endfor
+                endpaginate
+              endif
+            endif
+          endif
+        else
+          if '${h}' == '${u}'
+            paginate collections.all.products by 100000
+              assign product = collections.all.products | sort: 'created_at'| reverse | first
+            endpaginate
+          else
+            assign product = all_products['${P}']
+            assign productId = '${h}' | times: 1
+            if product == empty or product == null
+              paginate collections.all.products by 100000
+                for item in collections.all.products
+                  if item.id == productId
+                    assign product = item
+                  endif
+                endfor
+              endpaginate
+            endif
+          endif
+        endif
+      -%}
+    `,E=()=>t`
+      {%- liquid
+        if request.page_type != 'product'
+          assign product = all_products['${P}']
+          assign productId = '${h}' | times: 1
+          if product == empty or product == null
+            paginate collections.all.products by 100000
+              for item in collections.all.products
+                if item.id == productId
+                  assign product = item
+                endif
+              endfor
+            endpaginate
+          endif
+        endif
+      -%}
+    `,x=()=>t`
+      {%- assign gpBkProduct = product -%}
+      ${a(q==p,E(),w())}
+    `,A=()=>t`
+      {%- assign initVariantId = ${j} -%}
+      {%- assign product_form_id = 'product-form-' | append: "${_?.uid}" -%}
+      ${j?"{%- assign variant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign variant = product.selected_or_first_available_variant -%}"}
+      ${j?"{%- assign productSelectedVariant = product.variants | where: 'id', initVariantId | first -%}":"{%- assign productSelectedVariant = product.selected_or_first_available_variant -%}"}
+      {%-if productSelectedVariant == empty or productSelectedVariant == null -%}
+        {%- assign productSelectedVariant = product.selected_or_first_available_variant -%}
+      {%- endif -%}
+      {%-if variant == empty or variant == null -%}
+        {%- assign variant = product.selected_or_first_available_variant -%}
+      {%- endif -%}
+    `,B=()=>t`
+      <div class="gp-text-center">${n("Product","product_not_found")}</div>
+    `,G=()=>t`
+      ${A()}
+      <gp-product
+        data-uid="${_?.uid}"
+        data-id="${_?.uid}"
+        style="${k}"
+        class="${$?.cssClass}"
+        gp-context='{"productId": {{ product.id }}, "preSelectedOptionIds": [${V}], "isSyncProduct": "${I}", "variantSelected": {{ variant | json | escape }}, "inventoryQuantity": {{ variant.inventory_quantity }}, "quantity": 1, "formId": "{{ product_form_id }}" }'
+        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }}}'
+      >
+        <product-form class="product-form">
+          {%- form 'product', product, id: product_form_id, class: 'form contents', data-type: 'add-to-cart-form', autocomplete: 'off'  -%}
+            <input type="hidden" name="id" value="{{ variant.id }}" />
+            <input type="hidden" name="quantity" value="{{ quantity }}" />
+            <button type="submit" onclick="return false;" style="display:none;"></button>
+            ${d({builderProps:{..._,uid:_?.uid,uidInteraction:`${_?.uid}-row`},style:y,styles:b,setting:S,children:m,rawChildren:v})}
+          {%- endform -%}
+        </product-form>
+      </gp-product>
+      {%- assign product = gpBkProduct -%}
+    `;return t`
+    ${x()}
+    ${o("product != empty and product != null",G(),B())}
+    ${e(r,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${i}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{Product as default};

package/dist/esm/product/components/product-wrap/common/helpers.js

@@ -0,0 +1 @@
+import{composeAdvanceStyle as T}from"@gem-sdk/core";let PRODUCT_ID_LATEST="latest",PREFIX_PRODUCT_ID="gid://shopify/Product/",PREFIX_PRODUCT_VARIANT_ID="gid://shopify/ProductVariant/",PREFIX_PRODUCT_OPTION_VALUE_ID="gid://shopify/ProductOptionValue/",STATIC_PRODUCT_STATUS="static",DYNAMIC_PRODUCT_STATUS="dynamic",getData=_=>{let{setting:I,advanced:D,styles:P}=_,{productSetting:R,quantity:t,readOnly:e,isAuto:O,isSyncProduct:U,...a}=I??{},{...C}=P??{},{pos:A,top:r}=D??{},o=T({pos:A,top:r}),S=R?.productHandle??"",i=R?.initialVariantBaseId,d=i?.replace(PREFIX_PRODUCT_VARIANT_ID,"")??"",E=R?.productId?.replace(PREFIX_PRODUCT_ID,"").toLowerCase()??PRODUCT_ID_LATEST,p=R?.productStatus??STATIC_PRODUCT_STATUS,c=R?.selectedOptions?.map(T=>T?.valueBaseID?.replace(PREFIX_PRODUCT_OPTION_VALUE_ID,""));return{formatVariantId:d,formatProductId:E,productStatus:p,preSelectedOptionIds:c,productHandle:S,advancedStyle:o,rowStyles:C,rowSetting:a}};export{DYNAMIC_PRODUCT_STATUS,PREFIX_PRODUCT_ID,PREFIX_PRODUCT_OPTION_VALUE_ID,PREFIX_PRODUCT_VARIANT_ID,PRODUCT_ID_LATEST,STATIC_PRODUCT_STATUS,getData};

package/dist/esm/product/components/product-wrap/hook/useProductSetting.js

@@ -0,0 +1 @@
+import{usePageType as t,usePageStore as e,useEditorMode as r,useProductQuery as d}from"@gem-sdk/core";import{useMemo as i,useState as o}from"react";import{hasPublicStoreFrontData as a,createStoreFrontFetcher as c}from"../../../../post-purchase/product/helpers/index.js";let useProductSetting=u=>{let{setting:s}=u,{productSetting:n,quantity:p,readOnly:l,isSyncProduct:m}=s??{},P=t(),S=e(t=>t.dynamicProduct),h=e(t=>t.publicStoreFrontData),f=r(),g="edit"===f,y=n?.productId??"latest",I=n?.productStatus=="dynamic"?{...n,...S}:n,k=I?.initialVariantId,v=I?.initialVariantBaseId,x=i(()=>a(h)?c(h):void 0,[h]),{data:D,isLoading:V,error:$}=d(y,void 0,x),[b,j]=o(!0),B=($||!D&&!V)&&g,C="PRODUCT"===P,F=i(()=>({product:D,initialVariantId:k,initialVariantBaseId:v,quantity:p,readOnly:l,isSyncProduct:m,key:`uid-${D?.id}-${k??""}`,hasPreSelected:n?.hasPreSelected}),[v,k,m,D,n?.hasPreSelected,p,l]);return{forceProductSetting:I,isProductPage:C,isProductNotFound:B,showProductNotFound:b,isLoading:V,product:D,errorLoadProduct:$,isEditor:g,productProviderData:F,setShowProductNotFound:j}};export{useProductSetting};

package/dist/esm/product/helpers/function.js

@@ -1,39 +1 @@
-const getStyleOfObject = (value)=>{
-    const keys = Object.keys(value);
-    let result = '';
-    keys.forEach((key)=>{
-        if (value[key]) result += `${key}: ${value[key]};`;
-    });
-    return result;
-};
-const getAlignClasses = (layout, align)=>{
-    if (!layout || !align) {
-        return {};
-    }
-    const DEVICES = [
-        'tablet',
-        'mobile',
-        'desktop'
-    ];
-    let result = {};
-    DEVICES.forEach((device)=>{
-        if (layout[device] === 'horizontal') {
-            result = {
-                ...result,
-                [`${device !== 'desktop' ? `${device}:` : ''}gp-justify-start`]: align[device] === 'left',
-                [`${device !== 'desktop' ? `${device}:` : ''}gp-justify-center`]: align[device] === 'center',
-                [`${device !== 'desktop' ? `${device}:` : ''}gp-justify-end`]: align[device] === 'right'
-            };
-        } else {
-            result = {
-                ...result,
-                [`${device !== 'desktop' ? `${device}:` : ''}gp-items-end`]: align[device] === 'right',
-                [`${device !== 'desktop' ? `${device}:` : ''}gp-items-start`]: align[device] === 'left',
-                [`${device !== 'desktop' ? `${device}:` : ''}gp-items-center`]: align[device] === 'center'
-            };
-        }
-    });
-    return result;
-};
-
-export { getAlignClasses, getStyleOfObject };
+let getStyleOfObject=t=>{let e=Object.keys(t),s="";return e.forEach(e=>{t[e]&&(s+=`${e}: ${t[e]};`)}),s},getAlignClasses=(t,e)=>{if(!t||!e)return{};let s=["tablet","mobile","desktop"],r={};return s.forEach(s=>{r="horizontal"===t[s]?{...r,[`${"desktop"!==s?`${s}:`:""}gp-justify-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-center`]:"center"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-end`]:"right"===e[s]}:{...r,[`${"desktop"!==s?`${s}:`:""}gp-items-end`]:"right"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-center`]:"center"===e[s]}}),r};export{getAlignClasses,getStyleOfObject};

package/dist/esm/product/helpers/product-bundle.js

@@ -1,51 +1 @@
-import { formatMoney } from '@gem-sdk/core';
-import { DiscountType } from '../components/constants/product-bundle.js';
-
-const noDiscount = (moneyFormat)=>{
-    return {
-        discountPercentAmount: 0,
-        discountAmount: formatMoney('0', moneyFormat)
-    };
-};
-const applyBundleDiscountAmount = (args)=>{
-    const { currentVariant, bundleItem, options } = args;
-    if (!options?.useProductCompareAtPrice && bundleItem?.discountType === DiscountType.NoDiscount) {
-        return noDiscount(options?.moneyFormat || '${{amount}}');
-    }
-    if (!bundleItem || !currentVariant?.price) {
-        return noDiscount(options?.moneyFormat || '${{amount}}');
-    }
-    const price = Number(currentVariant?.price);
-    const salePrice = Number(currentVariant?.salePrice) || price;
-    const quantity = Number(bundleItem?.quantity);
-    const discountAmount = calculateBundleFixedDiscount(price, bundleItem);
-    const convertToPercentAmount = discountPercentAmount(discountAmount, quantity * price);
-    const discountPrice = price * quantity - discountAmount;
-    const saleQuantityPrice = salePrice * quantity;
-    if (salePrice <= price && discountAmount <= 0) {
-        return noDiscount(options?.moneyFormat || '${{amount}}');
-    }
-    return {
-        discountPercentAmount: options?.useProductCompareAtPrice ? calculateDiffPercentPrice(discountPrice, saleQuantityPrice) : convertToPercentAmount,
-        discountAmount: options?.useProductCompareAtPrice ? calculateDiffFixedPrice(discountPrice, saleQuantityPrice, options?.moneyFormat) : formatMoney(discountAmount.toString(), options?.moneyFormat)
-    };
-};
-const calculateDiffPercentPrice = (discountPrice, originalPrice)=>{
-    const discount = (originalPrice - discountPrice) / originalPrice * 100;
-    return Math.round(discount);
-};
-const calculateDiffFixedPrice = (discountPrice, salePrice, moneyFormat)=>{
-    return formatMoney((salePrice - discountPrice).toString(), moneyFormat);
-};
-const calculateBundleFixedDiscount = (price, bundleItem)=>{
-    const value = parseInt(bundleItem?.discountValue);
-    if (bundleItem?.discountType === DiscountType.Percentage) {
-        return price * bundleItem.quantity * value / 100;
-    }
-    return bundleItem?.discountType === DiscountType.FixedAmount ? value : 0;
-};
-const discountPercentAmount = (discountAmount, quantityPrice)=>{
-    return Math.round(discountAmount / quantityPrice * 100);
-};
-
-export { applyBundleDiscountAmount };
+import{formatMoney as t}from"@gem-sdk/core";import{DiscountType as e}from"../components/constants/product-bundle.js";let noDiscount=e=>({discountPercentAmount:0,discountAmount:t("0",e)}),applyBundleDiscountAmount=n=>{let{currentVariant:o,bundleItem:u,options:c}=n;if(!c?.useProductCompareAtPrice&&u?.discountType===e.NoDiscount||!u||!o?.price)return noDiscount(c?.moneyFormat||"${{amount}}");let r=Number(o?.price),i=Number(o?.salePrice)||r,a=Number(u?.quantity),m=calculateBundleFixedDiscount(r,u),s=discountPercentAmount(m,a*r),d=r*a-m,l=i*a;return i<=r&&m<=0?noDiscount(c?.moneyFormat||"${{amount}}"):{discountPercentAmount:c?.useProductCompareAtPrice?calculateDiffPercentPrice(d,l):s,discountAmount:c?.useProductCompareAtPrice?calculateDiffFixedPrice(d,l,c?.moneyFormat):t(m.toString(),c?.moneyFormat)}},calculateDiffPercentPrice=(t,e)=>{let n=(e-t)/e*100;return Math.round(n)},calculateDiffFixedPrice=(e,n,o)=>t((n-e).toString(),o),calculateBundleFixedDiscount=(t,n)=>{let o=parseInt(n?.discountValue);return n?.discountType===e.Percentage?t*n.quantity*o/100:n?.discountType===e.FixedAmount?o:0},discountPercentAmount=(t,e)=>Math.round(t/e*100);export{applyBundleDiscountAmount};

package/dist/esm/product/helpers/product-image.js

@@ -1,31 +1 @@
-const getFlexDirection = (props)=>{
-    const { styles, setting } = props;
-    const position = {
-        desktop: styles?.position?.desktop,
-        tablet: styles?.position?.tablet === undefined ? styles?.position?.desktop : styles?.position?.tablet,
-        mobile: styles?.position?.mobile === undefined ? styles?.position?.tablet === undefined ? styles?.position?.desktop : styles?.position?.tablet : styles?.position?.mobile
-    };
-    const galleryVisible = {
-        desktop: setting?.galleryVisible?.desktop,
-        tablet: setting?.galleryVisible?.tablet === undefined ? setting?.galleryVisible?.desktop : setting?.galleryVisible?.tablet,
-        mobile: setting?.galleryVisible?.mobile === undefined ? setting?.galleryVisible?.tablet === undefined ? setting?.galleryVisible?.desktop : setting?.galleryVisible?.tablet : setting?.galleryVisible?.mobile
-    };
-    const featureImageVisible = {
-        desktop: setting?.featureImageVisible?.desktop,
-        tablet: setting?.featureImageVisible?.tablet === undefined ? setting?.featureImageVisible?.desktop : setting?.featureImageVisible?.tablet,
-        mobile: setting?.featureImageVisible?.mobile === undefined ? setting?.featureImageVisible?.tablet === undefined ? setting?.featureImageVisible?.desktop : setting?.featureImageVisible?.tablet : setting?.featureImageVisible?.mobile
-    };
-    return {
-        'gp-flex-col': position.desktop == 'bottom-left' || position.desktop == 'bottom-center' || galleryVisible.desktop === false || featureImageVisible.desktop === false,
-        'tablet:gp-flex-col': position.tablet == 'bottom-left' || position.tablet == 'bottom-center' || galleryVisible.tablet === false || featureImageVisible.tablet === false,
-        'mobile:gp-flex-col': position.mobile == 'bottom-left' || position.mobile == 'bottom-center' || galleryVisible.mobile === false || featureImageVisible.mobile === false,
-        'gp-flex-row': position.desktop == 'right' && galleryVisible.desktop !== false && featureImageVisible.desktop !== false,
-        'tablet:gp-flex-row': position.tablet == 'right' && galleryVisible.tablet !== false && featureImageVisible.tablet !== false,
-        'mobile:gp-flex-row': position.mobile == 'right' && galleryVisible.mobile !== false && featureImageVisible.mobile !== false,
-        'gp-flex-row-reverse': position.desktop == 'left' && galleryVisible.desktop !== false && featureImageVisible.desktop !== false,
-        'tablet:gp-flex-row-reverse': position.tablet == 'left' && galleryVisible.tablet !== false && featureImageVisible.tablet !== false,
-        'mobile:gp-flex-row-reverse': position.mobile == 'left' && galleryVisible.mobile !== false && featureImageVisible.mobile !== false
-    };
-};
-
-export { getFlexDirection };
+let getFlexDirection=e=>{let{styles:t,setting:l}=e,o={desktop:t?.position?.desktop,tablet:t?.position?.tablet===void 0?t?.position?.desktop:t?.position?.tablet,mobile:t?.position?.mobile===void 0?t?.position?.tablet===void 0?t?.position?.desktop:t?.position?.tablet:t?.position?.mobile},i={desktop:l?.galleryVisible?.desktop,tablet:l?.galleryVisible?.tablet===void 0?l?.galleryVisible?.desktop:l?.galleryVisible?.tablet,mobile:l?.galleryVisible?.mobile===void 0?l?.galleryVisible?.tablet===void 0?l?.galleryVisible?.desktop:l?.galleryVisible?.tablet:l?.galleryVisible?.mobile},b={desktop:l?.featureImageVisible?.desktop,tablet:l?.featureImageVisible?.tablet===void 0?l?.featureImageVisible?.desktop:l?.featureImageVisible?.tablet,mobile:l?.featureImageVisible?.mobile===void 0?l?.featureImageVisible?.tablet===void 0?l?.featureImageVisible?.desktop:l?.featureImageVisible?.tablet:l?.featureImageVisible?.mobile};return{"gp-flex-col":"bottom-left"==o.desktop||"bottom-center"==o.desktop||!1===i.desktop||!1===b.desktop,"tablet:gp-flex-col":"bottom-left"==o.tablet||"bottom-center"==o.tablet||!1===i.tablet||!1===b.tablet,"mobile:gp-flex-col":"bottom-left"==o.mobile||"bottom-center"==o.mobile||!1===i.mobile||!1===b.mobile,"gp-flex-row":"right"==o.desktop&&!1!==i.desktop&&!1!==b.desktop,"tablet:gp-flex-row":"right"==o.tablet&&!1!==i.tablet&&!1!==b.tablet,"mobile:gp-flex-row":"right"==o.mobile&&!1!==i.mobile&&!1!==b.mobile,"gp-flex-row-reverse":"left"==o.desktop&&!1!==i.desktop&&!1!==b.desktop,"tablet:gp-flex-row-reverse":"left"==o.tablet&&!1!==i.tablet&&!1!==b.tablet,"mobile:gp-flex-row-reverse":"left"==o.mobile&&!1!==i.mobile&&!1!==b.mobile}};export{getFlexDirection};

package/dist/esm/product/helpers/product.js

@@ -1,51 +1 @@
-import { getResponsiveValueByScreen } from '@gem-sdk/core';
-import { DEVICES } from '../components/ProductVariants/index.js';
-
-function getSelectedVariant(variants, choices) {
-    /**
-   * Ensure the user has selected all the required options, not just some.
-   */ if (!variants || !variants.length || !choices || variants[0]?.selectedOptions.length !== Object.keys(choices).length) {
-        return;
-    }
-    return variants.find((variant)=>{
-        return Object.entries(choices).every(([name, value])=>{
-            return variant?.selectedOptions.some((option)=>option.name === name && option.value === value);
-        });
-    });
-}
-function parseSelectedOption(options) {
-    if (!options || options && options.length === 0) {
-        return;
-    }
-    return options.reduce((acc, { name, value })=>{
-        if (name && value) {
-            return {
-                ...acc,
-                [name]: value
-            };
-        }
-        return acc;
-    }, {});
-}
-const checkDefaultVariant = (product)=>{
-    return !product?.options?.length || product?.options?.length === 1 && product?.options?.[0]?.name === 'Title' && product?.options?.[0]?.values?.length === 1 && product?.options?.[0]?.values?.[0]?.label === 'Default Title';
-};
-const getSizeSetting = (settings)=>{
-    let result = {};
-    DEVICES.map((device)=>{
-        const responsiveAdaptiveHeight = getResponsiveValueByScreen(settings.adaptiveHeight, device);
-        const responsiveFullWidth = getResponsiveValueByScreen(settings?.fullWidth, device);
-        const responsiveWidth = getResponsiveValueByScreen(settings?.width, device);
-        const responsiveHeight = getResponsiveValueByScreen(settings?.height, device);
-        result = {
-            ...result,
-            [device]: {
-                height: responsiveAdaptiveHeight ? 'fit-content' : responsiveHeight,
-                width: responsiveFullWidth || !responsiveWidth ? '100%' : responsiveWidth
-            }
-        };
-    });
-    return result;
-};
-
-export { checkDefaultVariant, getSelectedVariant, getSizeSetting, parseSelectedOption };
+import{DEVICES as t,getResponsiveValueByScreen as e}from"@gem-sdk/core";let checkDefaultVariant=t=>!t?.options?.length||t?.options?.length===1&&t?.options?.[0]?.name==="Title"&&t?.options?.[0]?.values?.length===1&&t?.options?.[0]?.values?.[0]?.label==="Default Title",getSizeSetting=i=>{let l={};return t.map(t=>{let n=e(i.adaptiveHeight,t),o=e(i?.fullWidth,t),a=e(i?.width,t),h=e(i?.height,t);l={...l,[t]:{height:n?"fit-content":h,width:o||!a?"100%":a}}}),l};export{checkDefaultVariant,getSizeSetting};

package/dist/esm/product/helpers/tracking.js

@@ -1,9 +1 @@
-import { fpixel, gtag, tiktokpixel } from '@gem-sdk/core';
-
-const addToCartTracking = (data)=>{
-    fpixel.addToCart(data);
-    gtag.addToCart(data);
-    tiktokpixel.addToCart(data);
-};
-
-export { addToCartTracking };
+import{fpixel as a,gtag as d,tiktokpixel as r}from"@gem-sdk/core";let addToCartTracking=o=>{a.addToCart(o),d.addToCart(o),r.addToCart(o)};export{addToCartTracking};

package/dist/esm/product/index.js

@@ -0,0 +1 @@
+export{default as Product}from"./components/product-wrap/Product.js";import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"./components/product-button/types.js";import"./components/product-variants/components/variants/index.js";import"next/image";import"@gem-sdk/keen-slider/react";import"../modal/components/confirm.js";import"react-dom";import"../video/components/Video.js";export{default as ProductQuickView}from"./components/product-quick-view/QuickView.js";import"./components/constants/product-bundle.js";export{default as ProductList}from"./components/product-list/ProductList.js";import"./components/product-bundle/common/styles.js";import"./components/product-bundle/common/classes.js";import"./components/product-badge/constants.js";import"./components/product-badge/types.js";import"./components/product-badge/utils/shape.js";import t from"./settings/Product.js";import o from"./settings/ProductQuantity.js";import r from"./settings/ProductTitle.js";import s from"./settings/ProductButton.js";import i from"./settings/ProductPrice.js";import e from"./settings/ProductVariants.js";import n from"./settings/ProductImages.js";import c from"./settings/product-image-v2/ProductImages.js";import m from"./settings/ProductDescription.js";import p from"./settings/ProductProperties.js";import d from"./settings/ProductTag.js";import u from"./settings/ProductList.js";import a from"./settings/DynamicCheckout.js";import P from"./settings/Vendor.js";import g from"./settings/Sku.js";import j from"./components/product-bundle/setting/ProductBundleDiscount.js";import f from"./components/product-bundle/setting/ProductBundleDiscountItem.js";import l from"./settings/ProductViewMore.js";import k from"./settings/ProductBadge.js";import V from"./components/file-upload/settings/index.js";let productSetting={Product:t,ProductQuantity:o,ProductTitle:r,ProductButton:s,ProductPrice:i,ProductVariants:e,ProductImages:n,ProductImagesV2:c,ProductDescription:m,ProductProperties:p,ProductTag:d,ProductList:u,DynamicCheckout:a,ProductVendor:P,ProductSku:g,ProductBundleDiscount:j,ProductBundleDiscountItem:f,ProductViewMore:l,ProductBadge:k,FileUpload:V};export{productSetting};

package/dist/esm/product/next.js

@@ -1,94 +1 @@
-import dynamic from 'next/dynamic';
-import Loading from '../common/components/Loading.js';
-import 'react/jsx-runtime';
-
-const Product = dynamic(()=>import('./components/Product.js'), {
-    loading: Loading
-});
-const ProductTitle = dynamic(()=>import('./components/ProductTitle.js'), {
-    loading: Loading
-});
-const ProductQuantity = dynamic(()=>import('./components/ProductQuantity.js'), {
-    loading: Loading
-});
-const ProductDescription = dynamic(()=>import('./components/ProductDescription.js'), {
-    ssr: false,
-    loading: Loading
-});
-const ProductPrice = dynamic(()=>import('./components/ProductPrice.js'), {
-    loading: Loading
-});
-const ProductButton = dynamic(()=>import('./components/ProductButton.js'), {
-    ssr: false,
-    loading: Loading
-});
-const ProductVariants = dynamic(()=>import('./components/ProductVariants/index.js'), {
-    loading: Loading
-});
-const ProductImages = dynamic(()=>import('./components/ProductImages.js'), {
-    loading: Loading
-});
-const ProductImagesV2 = dynamic(()=>import('./components/ProductImagesV2/jsx/ProductImages.js'), {
-    loading: Loading
-});
-const ProductProperties = dynamic(()=>import('./components/ProductProperties.js'), {
-    loading: Loading
-});
-const ProductQuickView = dynamic(()=>import('./components/ProductQuickView/index.js'), {
-    ssr: false
-});
-const ProductTag = dynamic(()=>import('./components/ProductTag.js'), {
-    loading: Loading
-});
-const ProductList = dynamic(()=>import('./components/ProductList.js'), {
-    loading: Loading
-});
-const DynamicCheckout = dynamic(()=>import('./components/DynamicCheckout.js'), {
-    loading: Loading
-});
-const ProductVendor = dynamic(()=>import('./components/Vendor.js'), {
-    loading: Loading
-});
-const ProductSku = dynamic(()=>import('./components/Sku.js'), {
-    loading: Loading
-});
-const ProductViewMore = dynamic(()=>import('./components/ProductViewMore.js'), {
-    loading: Loading
-});
-const ProductBadge = dynamic(()=>import('./components/ProductBadge/index.js'), {
-    loading: Loading
-});
-const ProductBundleDiscount = dynamic(()=>import('./components/ProductBundleDiscount.js'), {
-    loading: Loading
-});
-const ProductBundleDiscountItem = dynamic(()=>import('./components/ProductBundleDiscountItem.js'), {
-    loading: Loading
-});
-const FileUpload = dynamic(()=>import('./components/FileUpload.js'), {
-    loading: Loading
-});
-var product = {
-    Product,
-    ProductTitle,
-    ProductQuantity,
-    ProductPrice,
-    ProductButton,
-    ProductDescription,
-    ProductVariants,
-    ProductImages,
-    ProductImagesV2,
-    ProductProperties,
-    ProductQuickView,
-    ProductTag,
-    ProductList,
-    DynamicCheckout,
-    ProductVendor,
-    ProductViewMore,
-    ProductBadge,
-    ProductBundleDiscount,
-    ProductBundleDiscountItem,
-    ProductSku,
-    FileUpload
-};
-
-export { product as default };
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Product=o(()=>import("./components/product-wrap/Product.js"),{loading:t}),ProductTitle=o(()=>import("./components/product-title/ProductTitle.js"),{loading:t}),ProductQuantity=o(()=>import("./components/product-quantity/ProductQuantity.js"),{loading:t}),ProductDescription=o(()=>import("./components/product-description/ProductDescription.js"),{loading:t}),ProductPrice=o(()=>import("./components/product-price/ProductPrice.js"),{loading:t}),ProductButton=o(()=>import("./components/product-button/ProductButton.js"),{loading:t}),ProductVariants=o(()=>import("./components/product-variants/ProductVariants.js"),{loading:t}),ProductImages=o(()=>import("./components/ProductImages.js"),{loading:t}),ProductImagesV2=o(()=>import("./components/product-images-v2/ProductImageV2.js"),{loading:t}),ProductProperties=o(()=>import("./components/product-properties/ProductProperties.js"),{loading:t}),ProductQuickView=o(()=>import("./components/product-quick-view/QuickView.js"),{ssr:!1}),ProductTag=o(()=>import("./components/product-discount-tag/ProductDiscountTag.js"),{loading:t}),ProductList=o(()=>import("./components/product-list/ProductList.js"),{loading:t}),DynamicCheckout=o(()=>import("./components/dynamic-checkout/DynamicCheckout.js"),{loading:t}),ProductVendor=o(()=>import("./components/product-vendor/Vendor.js"),{loading:t}),ProductSku=o(()=>import("./components/product-sku/Sku.js"),{loading:t}),ProductViewMore=o(()=>import("./components/product-view-more/ProductViewMore.js"),{loading:t}),ProductBadge=o(()=>import("./components/product-badge/ProductBadge.js"),{loading:t}),ProductBundleDiscount=o(()=>import("./components/product-bundle/ProductBundleDiscount.js"),{loading:t}),ProductBundleDiscountItem=o(()=>import("./components/product-bundle/ProductBundleDiscountItem.js"),{loading:t}),FileUpload=o(()=>import("./components/file-upload/UploadFile.js"),{loading:t});var product={Product,ProductTitle,ProductQuantity,ProductPrice,ProductButton,ProductDescription,ProductVariants,ProductImages,ProductImagesV2,ProductProperties,ProductQuickView,ProductTag,ProductList,DynamicCheckout,ProductVendor,ProductViewMore,ProductBadge,ProductBundleDiscount,ProductBundleDiscountItem,ProductSku,FileUpload};export{product as default};

package/dist/esm/product/settings/DynamicCheckout.js

@@ -0,0 +1,5 @@
+import{SettingUIV1 as o}from"./dynamic-checkout/configs/ui-v1.js";import{DynamicCheckoutSettings as i}from"./dynamic-checkout/configs/settings.js";import{SettingUIV2 as C}from"./dynamic-checkout/configs/ui-v2.js";import{DynamicCheckoutPresets as t}from"./dynamic-checkout/configs/presets.js";let config={tag:"DynamicCheckout",label:"Dynamic Checkout",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M26.2219 24.8484C26.2219 24.1212 25.7241 23.6363 24.9775 23.6363C24.2308 23.6363 23.733 24.1212 23.733 24.8484C23.733 25.5757 24.2308 26.0606 24.9775 26.0606C25.7241 26.0606 26.2219 25.5757 26.2219 24.8484ZM16.2663 24.8484C16.2663 24.1212 15.7686 23.6363 15.0219 23.6363C14.2752 23.6363 13.7775 24.1212 13.7775 24.8484C13.7775 25.5757 14.2752 26.0606 15.0219 26.0606C15.7686 26.0606 16.2663 25.5757 16.2663 24.8484ZM14.0263 13.9394H25.8486L24.6041 18.7878H15.1463C14.8975 17.6969 14.3997 15.8787 14.0263 13.9394ZM28.9239 12.1394C29.0051 11.8231 28.7662 11.5151 28.4396 11.5151H13.4041C12.9063 9.33329 12.533 7.63632 12.533 7.63632L12.3805 7.04232C12.3238 6.82122 12.1245 6.66663 11.8962 6.66663H9.29967C9.02353 6.66663 8.79967 6.89048 8.79967 7.16663V8.59087C8.79967 8.86701 9.02353 9.09087 9.29967 9.09087H10.293C10.9152 11.8787 12.9063 20.2424 12.9063 20.2424L13.0588 20.8364C13.1156 21.0575 13.3148 21.2121 13.5431 21.2121H26.2074C26.4356 21.2121 26.6349 21.0575 26.6917 20.8364L28.9239 12.1394ZM38.1663 16.3636C38.4425 16.3636 38.6663 16.5875 38.6663 16.8636V32.8333C38.6663 33.1094 38.4425 33.3333 38.1663 33.3333H1.83301C1.55687 33.3333 1.33301 33.1094 1.33301 32.8333V16.8636C1.33301 16.5875 1.55687 16.3636 1.83301 16.3636H9.03402C9.26229 16.3636 9.46158 16.5182 9.51832 16.7393L9.88388 18.1635C9.96507 18.4799 9.72616 18.7878 9.39958 18.7878H3.8219V30.909H36.1775V18.7878H30.3509C30.0243 18.7878 29.7854 18.4799 29.8666 18.1635L30.2321 16.7393C30.2889 16.5182 30.4882 16.3636 30.7164 16.3636H38.1663Z" fill="currentColor"/>
+  </svg>
+  `,settings:i,ui:o,uiV2:C,editorConfigs:{placeholder:{flowTag:["Product"]}},presets:t};export{config as default};

package/dist/esm/product/settings/Product.js

@@ -0,0 +1,8 @@
+import{ProductPreset as o}from"./product/configs/presets.js";import{ProductSettings as t}from"./product/configs/settings.js";import{SettingUIV1 as C}from"./product/configs/ui-v1.js";import{SettingUIV2 as r}from"./product/configs/ui-v2.js";let config={tag:"Product",label:"Product",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9075 7.10422C14.6295 6.47277 13.981 6.06462 13.268 6.12193C12.8111 6.15866 12.0129 6.23149 11.1972 6.34772C10.4162 6.459 9.4973 6.62566 8.86739 6.88284C8.4425 7.05632 7.96973 7.41721 7.56476 7.7561C7.12514 8.12398 6.63889 8.57624 6.16347 9.03928C5.21082 9.96712 4.25521 10.9838 3.72156 11.5611C3.02665 12.3128 3.18213 13.4862 4.00429 14.0501L7.14594 16.205V26.2444C7.14594 27.1568 7.8833 27.9057 8.80445 27.9057H23.246C24.1672 27.9057 24.9045 27.1568 24.9045 26.2444V16.205L28.0603 14.0405C28.8678 13.4866 29.0361 12.3395 28.3699 11.5829C27.861 11.005 26.9438 9.98417 26.0115 9.05136C25.5463 8.58586 25.0644 8.12923 24.6192 7.75674C24.2068 7.41161 23.7187 7.04517 23.2589 6.87191C22.0504 6.41643 20.0388 6.19802 19.2897 6.12638C18.6177 6.06213 17.9943 6.4147 17.6856 6.98594L16.1261 9.87237L14.9075 7.10422ZM11.5075 8.52572C12.0668 8.44603 12.6236 8.38769 13.0516 8.3486L14.5589 11.7725C15.1148 13.0353 16.8782 13.1086 17.535 11.8929L19.4471 8.35398C20.3297 8.45016 21.7155 8.64129 22.4831 8.93056C22.5609 8.9599 22.7999 9.10299 23.2073 9.44391C23.582 9.75746 24.0125 10.1634 24.4555 10.6066C25.1311 11.2825 25.8054 12.0148 26.3079 12.5747L23.426 14.5514C22.9732 14.862 22.7045 15.3755 22.7045 15.9221V25.7057H9.34594V15.9221C9.34594 15.3755 9.07722 14.862 8.62448 14.5514L5.76791 12.592C6.29559 12.03 7.00098 11.2946 7.69845 10.6153C8.1553 10.1703 8.59719 9.76082 8.97664 9.44329C9.16639 9.2845 9.33077 9.15694 9.46645 9.06238C9.53381 9.01545 9.58879 8.98036 9.63189 8.95523C9.65312 8.94286 9.66967 8.93395 9.68177 8.92783C9.69405 8.92163 9.69897 8.91962 9.69897 8.91962C10.0488 8.7768 10.7201 8.63792 11.5075 8.52572Z" fill="currentColor"/>
+    <path d="M30.2528 21.8121C29.8846 21.8121 29.5862 21.5136 29.5862 21.1454V20.0645C29.5862 19.6963 29.8846 19.3978 30.2528 19.3978H36.3481C36.7163 19.3978 37.0147 19.6963 37.0147 20.0645V21.1454C37.0147 21.5136 36.7163 21.8121 36.3481 21.8121H30.2528Z" fill="currentColor"/>
+    <path d="M30.2528 27.8478C29.8846 27.8478 29.5862 27.5493 29.5862 27.1811V26.1002C29.5862 25.732 29.8846 25.4335 30.2528 25.4335H36.3481C36.7163 25.4335 37.0147 25.732 37.0147 26.1002V27.1811C37.0147 27.5493 36.7163 27.8478 36.3481 27.8478H30.2528Z" fill="currentColor"/>
+    <path d="M7.96712 33.8834C7.59893 33.8834 7.30046 33.5849 7.30046 33.2168V32.1358C7.30046 31.7676 7.59893 31.4692 7.96712 31.4692H36.3481C36.7163 31.4692 37.0147 31.7676 37.0147 32.1358V33.2168C37.0147 33.5849 36.7163 33.8834 36.3481 33.8834H7.96712Z" fill="currentColor"/>
+  </svg>
+  `,settings:t,ui:C,uiV2:r,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product not found"}}}};export{config as default};