@gem-sdk/components 12.0.0-staging.69 → 12.0.0-staging.70

package/dist/esm/product/components/product-properties/ProductProperties.liquid.js

@@ -1,4 +1,4 @@
-import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as o}from"@gem-sdk/core";import p from"./property-choice/ProductPropertyChoice.liquid.js";import l from"./property-input/ProductPropertyInput.liquid.js";import i from"./property-select/ProductPropertySelect.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{createAttr as c,createStyle as m,createClass as a}from"@gem-sdk/system";import{getContents as n,getLabelContent as u}from"./common/helpers.js";import{getWrapperLiquidAttrs as $,getWrapperErrorMessageAttrs as y}from"./common/attrs.js";import{getWrapperStyles as f,getLabelStyles as g,getLabelContentStyles as h,getWrapperErrorMessageStyles as v}from"./common/styles.js";import{getLabelClasses as C,getLiquidTagClasses as P,getLabelWrapperClasses as j,getWrapperErrorMessageClasses as w}from"./common/classes.js";let ProductProperties=({setting:x,styles:S,builderProps:k,advanced:E,pageContext:M})=>{let{name:b,type:q,childItem:V}=x??{},{isDisplayLabel:Z=!0}=S??{};x&&!b&&(x.name="Property");let A=k?.uid,{displayLabel:G}=n(A,M,x),I=c({...$(A,M,x)}),_=m({...f(S)}),B=m({...g(S)}),F=a({...C(S)}),N=a({...P(x)}),O=a({...j(E)}),R=m({...h()}),T=u(x),z=a({...w(),...r("data-[hidden=true]:gp-hidden")}),D=m({...v(S)}),H=c({...y()});return e`
+import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import p from"./property-choice/ProductPropertyChoice.liquid.js";import l from"./property-input/ProductPropertyInput.liquid.js";import i from"./property-select/ProductPropertySelect.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{createAttr as c,createStyle as m,createClass as a}from"@gem-sdk/system";import{getContents as n,getLabelContent as u}from"./common/helpers.js";import{getWrapperLiquidAttrs as $,getWrapperErrorMessageAttrs as y}from"./common/attrs.js";import{getWrapperStyles as f,getLabelStyles as g,getLabelContentStyles as C,getWrapperErrorMessageStyles as h}from"./common/styles.js";import{getLabelClasses as v,getLiquidTagClasses as P,getLabelWrapperClasses as j,getWrapperErrorMessageClasses as x}from"./common/classes.js";let ProductProperties=({setting:w,styles:S,builderProps:k,advanced:E,pageContext:M})=>{let{name:b,type:q,childItem:V}=w??{},{isDisplayLabel:Z=!0}=S??{};w&&!b&&(w.name="Property");let A=k?.uid,{displayLabel:G}=n({uniqId:A,pageContext:M??{},setting:w}),I=c({...$({uniqId:A,pageContext:M??{},setting:w})}),_=m({...f(S)}),B=m({...g(S)}),F=a({...v(S)}),N=a({...P(w)}),O=a({...j(E)}),R=m({...C()}),T=u(w),z=a({...x(),...r("data-[hidden=true]:gp-hidden")}),D=m({...h(S)}),H=c({...y()});return e`
     <gp-product-property ${{...I}} class="${N}"
       style="${_}"
     >
@@ -10,9 +10,9 @@ import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as s,baseAsset
       </div>`)}
 
       <div>
-        ${t("dropdown"===q,i({setting:x,styles:S,builderProps:k,pageContext:M}))}
-        ${t("checkbox"===q||"radio"===q,p({setting:{...x,childItem:V,name:b},styles:S,builderProps:k,pageContext:M}))}
-        ${t("text"===q||"textarea"===q||"email"===q||"hidden"===q,l({setting:x,styles:S,builderProps:k,pageContext:M}))}
+        ${t("dropdown"===q,i({setting:w,styles:S,builderProps:k,pageContext:M}))}
+        ${t("checkbox"===q||"radio"===q,p({setting:{...w,childItem:V,name:b},styles:S,builderProps:k,pageContext:M}))}
+        ${t("text"===q||"textarea"===q||"email"===q||"hidden"===q,l({setting:w,styles:S,builderProps:k,pageContext:M}))}
         <div
           ${{...H}}
           class="${z}"
@@ -36,4 +36,4 @@ import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as s,baseAsset
         </div>
       </div>
     </gp-product-property>
-    ${t(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{ProductProperties as default};
+    ${t(o,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${s}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{ProductProperties as default};

package/dist/esm/product/components/product-properties/common/attrs.js

@@ -1 +1 @@
-import{getContents as e}from"./helpers.js";let getWrapperLiquidAttrs=(t,r,a)=>{let{invalidNumberMessageDisplay:s,invalidEmailMessageDisplay:i,requiredMessageDisplay:d,invalidLengthMessageDisplay:p}=e(t,r,a);return{"data-id":t??"","data-invalid":!1,"data-gp-setting":JSON.stringify(a).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:d,invalidEmailMessage:i,invalidLengthMessage:p,invalidNumberMessage:s}).replaceAll('"',""")}},getWrapperTSXAttrs=(e,t)=>({"data-product-id":t??"","data-id":e??""}),getWrapperErrorMessageAttrs=()=>({"data-slot-type":"message","data-hidden":"true"});export{getWrapperErrorMessageAttrs,getWrapperLiquidAttrs,getWrapperTSXAttrs};
+import{getContents as e}from"./helpers.js";let getWrapperLiquidAttrs=({uniqId:t,pageContext:r,setting:a})=>{let{invalidNumberMessageDisplay:s,invalidEmailMessageDisplay:i,requiredMessageDisplay:d,invalidLengthMessageDisplay:p}=e({uniqId:t,pageContext:r,setting:a});return{"data-id":t??"","data-invalid":!1,"data-gp-setting":JSON.stringify(a).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:d,invalidEmailMessage:i,invalidLengthMessage:p,invalidNumberMessage:s}).replaceAll('"',""")}},getWrapperTSXAttrs=(e,t)=>({"data-product-id":t??"","data-id":e??""}),getWrapperErrorMessageAttrs=()=>({"data-slot-type":"message","data-hidden":"true"});export{getWrapperErrorMessageAttrs,getWrapperLiquidAttrs,getWrapperTSXAttrs};

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

@@ -1 +1 @@
-import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductProperties as i}from"../../../settings/product-properties/configs/translate.js";let getContents=(d,s,n)=>{let{label:a,invalidNumberMessage:l,invalidEmailMessage:r,requiredMessage:g,invalidLengthMessage:o}=n??{},u=e({val:a,uid:d,settingId:t({id:i?.label?.id}),pageContext:s}),v=e({val:l,uid:d,settingId:t({id:i?.invalidNumberMessage?.id}),pageContext:s}),p=e({val:r,uid:d,settingId:t({id:i?.invalidEmailMessage?.id}),pageContext:s}),m=e({val:g,uid:d,settingId:t({id:i?.requiredMessage?.id}),pageContext:s}),I=e({val:o,uid:d,settingId:t({id:i?.invalidLengthMessage?.id}),pageContext:s});return{displayLabel:u,invalidNumberMessageDisplay:v,invalidEmailMessageDisplay:p,requiredMessageDisplay:m,invalidLengthMessageDisplay:I}},getLabelContent=e=>{let{label:t,required:i}=e??{};return i&&t?" *":""};export{getContents,getLabelContent};
+import{getDynamicSourceLocales as e,createSettingId as t}from"../../../../helpers.js";import{ProductProperties as i}from"../../../settings/product-properties/configs/translate.js";let getContents=({uniqId:d,pageContext:s,setting:n})=>{let{label:a,invalidNumberMessage:l,invalidEmailMessage:r,requiredMessage:g,invalidLengthMessage:o}=n??{},u=e({val:a,uid:d,settingId:t({id:i?.label?.id}),pageContext:s}),v=e({val:l,uid:d,settingId:t({id:i?.invalidNumberMessage?.id}),pageContext:s}),p=e({val:r,uid:d,settingId:t({id:i?.invalidEmailMessage?.id}),pageContext:s}),m=e({val:g,uid:d,settingId:t({id:i?.requiredMessage?.id}),pageContext:s}),I=e({val:o,uid:d,settingId:t({id:i?.invalidLengthMessage?.id}),pageContext:s});return{displayLabel:u,invalidNumberMessageDisplay:v,invalidEmailMessageDisplay:p,requiredMessageDisplay:m,invalidLengthMessageDisplay:I}},getLabelContent=e=>{let{label:t,required:i}=e??{};return i&&t?" *":""};export{getContents,getLabelContent};

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.liquid.js

@@ -1,7 +1,7 @@
-import{makeStyleResponsive as e,makeWidth as o,template as t}from"@gem-sdk/core";import{getPPCInlineStyleChoice as r}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s,createSettingId as i}from"../../../../helpers.js";import{createClass as m,createStyle as c,createAttr as l}from"@gem-sdk/system";import{getPPCWrapperClasses as p,getPPCLabelClasses as d,getPPCWrapperClassesMain as $}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as a,getPPCLabelStyles as n,getPPCInputStyles as u}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as f}from"./common/getProductPropertiesChoiceAttrs.js";import{ProductProperties as P}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyChoice=({setting:y,styles:g,builderProps:h,pageContext:C,attributes:j})=>{let v=h?.uid,{name:b,type:k,childItem:I}=y??{},{valueTextColor:x,fullWidth:_,width:w}=g??{},A=e("w",o(w,_)),S=`properties[${b}]`,q=r(v,x),z=m({...p()}),B=m({...d(g)}),D=c({...a(g)}),E=m({...$()}),F=c({...n(g)}),G=l({...f(j)}),H=c({...u(g)});return t`<div style="${{...A}}" class="${E}">
+import{makeStyleResponsive as e,makeWidth as o,template as t}from"@gem-sdk/core";import{getPPCInlineStyleChoice as r}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s,createSettingId as i}from"../../../../helpers.js";import{createClass as m,createStyle as c,createAttr as p}from"@gem-sdk/system";import{getPPCWrapperClasses as l,getPPCLabelClasses as d,getPPCWrapperClassesMain as $}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as a,getPPCLabelStyles as n,getPPCInputStyles as u}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as f}from"./common/getProductPropertiesChoiceAttrs.js";import{ProductProperties as P}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyChoice=({setting:y,styles:g,builderProps:h,pageContext:C,attributes:j})=>{let v=h?.uid,{name:b,type:k,childItem:x}=y??{},{valueTextColor:I,fullWidth:_,width:w}=g??{},A=e("w",o(w,_)),S=`properties[${b}]`,q=r(v,I),z=m({...l()}),B=m({...d(g)}),D=c({...a(g)}),E=m({...$()}),F=c({...n(g)}),G=p({...f(j)}),H=c({...u(g)});return t`<div style="${{...A}}" class="${E}">
       <style>${q}</style>
 
-      ${I?.map((e,o)=>{let r=s({val:e,uid:v,settingId:i({id:P?.childItem?.id,index:o}),pageContext:C});return t`
+      ${x?.map((e,o)=>{let r=s({val:e,uid:v,settingId:i({id:P?.childItem?.id,index:o}),pageContext:C??{}});return t`
             <div class="${z}" style="${D}">
               <input
                 ${{...G}}

package/dist/esm/product/components/product-properties/property-input/ProductPropertyInput.liquid.js

@@ -1,14 +1,14 @@
-import{composeClasses as r,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as o}from"../../../../helpers.js";import{createClass as m,createStyle as s,createAttr as p}from"@gem-sdk/system";import{getClasses as a}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";import{getElementContent as n}from"./common/helpers.js";import{getInputAttrs as u}from"./common/attrs.js";import{ProductProperties as d}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyInput=({setting:l,styles:$,builderProps:c,pageContext:f,attributes:g})=>{let{name:h,type:b,placeholder:j,required:x,minChar:y,maxChar:N,label:P}=l??{minChar:Number,maxChar:Number,minNumber:Number,maxNumber:Number},v="textarea"===b?"textarea":"input",I=t({val:j,uid:c?.uid,settingId:o({id:d?.placeholder?.id}),pageContext:f}),k=`${I}${j&&x&&!P?" *":""}`,C=m({...a($),...r("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),_=s({...i($)}),{elementValue:q}=n(l),w=p({...u(g)});return e`
+import{composeClasses as r,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t,createSettingId as o}from"../../../../helpers.js";import{createClass as m,createStyle as s,createAttr as p}from"@gem-sdk/system";import{getClasses as a}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";import{getElementContent as n}from"./common/helpers.js";import{getInputAttrs as u}from"./common/attrs.js";import{ProductProperties as d}from"../../../settings/product-properties/configs/translate.js";let ProductPropertyInput=({setting:l,styles:$,builderProps:c,pageContext:f,attributes:g})=>{let{name:h,type:b,placeholder:x,required:j,minChar:y,maxChar:N,label:P}=l??{minChar:Number,maxChar:Number,minNumber:Number,maxNumber:Number},v="textarea"===b?"textarea":"input",C=t({val:x,uid:c?.uid,settingId:o({id:d?.placeholder?.id}),pageContext:f??{}}),I=`${C}${x&&j&&!P?" *":""}`,k=m({...a($),...r("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),_=s({...i($)}),{elementValue:q}=n(l),w=p({...u(g)});return e`
     <${v}
       ${{...w}}
       type="${b}"
-      placeholder="${k}"
+      placeholder="${I}"
       name="properties[${h}]"
       form="{{ product_form_id }}"
       value="${q}"
-      class="${C}"
+      class="${k}"
       style="${_}"
-      ${x?`required="${x}"`:""}
+      ${j?`required="${j}"`:""}
       minlength="${y}"
       maxlength="${N}"
     ></${v}>

package/dist/esm/product/components/product-properties/property-select/ProductPropertySelect.liquid.js

@@ -1,4 +1,4 @@
-import{composeClasses as t,template as o}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as r}from"../../../../helpers.js";import{createAttr as s,createClass as m,createStyle as i}from"@gem-sdk/system";import{getSelectAttrs as p}from"./common/attrs.js";import{getSelectStyles as l,getOptionStyles as c}from"./common/styles.js";import{getSelectClasses as d}from"./common/classes.js";import{ProductProperties as n}from"../../../settings/product-properties/configs/translate.js";let ProductPropertySelect=({setting:a,styles:f,builderProps:u,pageContext:$,attributes:g})=>{let j=u?.uid,{name:y,childItem:P}=a??{},h=s({...p(a,g)}),k=m({...d(f),...t("gp-shadow-none")}),v=i({...l(f)}),I=i({...c(f)});return o`
+import{composeClasses as t,template as o}from"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as r}from"../../../../helpers.js";import{createAttr as s,createClass as m,createStyle as i}from"@gem-sdk/system";import{getSelectAttrs as p}from"./common/attrs.js";import{getSelectStyles as l,getOptionStyles as c}from"./common/styles.js";import{getSelectClasses as d}from"./common/classes.js";import{ProductProperties as n}from"../../../settings/product-properties/configs/translate.js";let ProductPropertySelect=({setting:a,styles:f,builderProps:u,pageContext:$,attributes:g})=>{let j=u?.uid,{name:y,childItem:P}=a??{},h=s({...p(a,g)}),k=m({...d(f),...t("gp-shadow-none")}),v=i({...l(f)}),x=i({...c(f)});return o`
     <select
       ${{...h}}
       name="properties[${y}]"
@@ -7,10 +7,10 @@ import{composeClasses as t,template as o}from"@gem-sdk/core";import{getDynamicSo
       form="{{ product_form_id }}"
       style="${v}"
     >
-      ${P?.map((t,s)=>{let m=e({val:t,uid:j,settingId:r({id:n?.childItem?.id,index:s}),pageContext:$});return o`
+      ${P?.map((t,s)=>{let m=e({val:t,uid:j,settingId:r({id:n?.childItem?.id,index:s}),pageContext:$??{}});return o`
             <option
               value="${m}"
-              style="${I}"
+              style="${x}"
             >
               ${m}
             </option>`}).join("")}

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

@@ -1,6 +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 t from"../../../button/components/Button.liquid.js";import{template as o,isLocalEnv as i,baseAssetURL as m}from"@gem-sdk/core";import{getButtonSettings as p,getButtonLiquidSettings as d}from"./common/helpers.js";import{ProductViewMore as c}from"../../settings/product-view-more/configs/translate.js";let ProductViewMore=({style:l,styles:a,setting:n,advanced:u,builderProps:f,builderAttrs:g,pageContext:v})=>o`
     <gp-product-view-more>
-      ${t({translateSetting:c?.label?.id,styles:a,advanced:u,builderProps:f,builderAttrs:g,setting:{...p(n),...d(n,v)},style:{...r(l,a)},pageContext:v,className:"btn-view-more"})}
+      ${t({translateSetting:c?.label?.id,styles:a,advanced:u,builderProps:f,builderAttrs:g,setting:{...p(n),...d(n,v??{})},style:{...r(l,a)},pageContext:v,className:"btn-view-more"})}
       ${e(i,`<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")}="${m}/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/sticky/components/Sticky.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as i,jsx as r}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import d from"../hooks/useSticky.js";import{createStyle as l,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:g,builderAttrs:f,setting:u,style:k,builderProps:h,advanced:y,pageContext:j})=>{let b=s(),{background:x,preloadBgImage:C,isScrollToTop:S}=u??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=d(u),K=l({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==b&&q}),L=l(n({setting:u,style:k,uid:h?.uid,pageContext:j})),N=c(p({uid:h?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(i,{children:[!!C&&e(o,{children:[!!x?.desktop?.image?.src&&r("link",{rel:"preload",href:x.desktop.image.src,as:"image"}),!!x?.tablet?.image?.src&&r("link",{rel:"preload",href:x.tablet.image.src,as:"image"}),!!x?.mobile?.image?.src&&r("link",{rel:"preload",href:x.mobile.image.src,as:"image"})]}),r("div",{className:N,id:h?.uid,style:{...D,...K},children:r("div",{...f,"data-id":h?.uid,style:L,children:m(g)?r(t,{}):g})})]})};export{Sticky as default};
+import{jsxs as e,Fragment as i,jsx as r}from"react/jsx-runtime";import{useEditorMode as s,isEmptyChildren as m}from"@gem-sdk/core";import o from"next/head";import t from"../../grid/components/ChildrenDroppable.js";import"react";import{ELEMENT_Z_INDEX as a}from"../../common/const.js";import d from"../hooks/useSticky.js";import{createStyle as l,createClass as c}from"@gem-sdk/system";import{getContentStyles as n}from"../common/styles.js";import{getContainerClasses as p}from"../common/classes.js";let Sticky=({children:g,builderAttrs:f,setting:u,style:k,builderProps:h,advanced:y,pageContext:j})=>{let b=s(),{background:x,preloadBgImage:C,isScrollToTop:S}=u??{},{positionStyle:v,displayStyle:I,makeDisplaySettingStyles:q,getCSSAlign:z,w:D}=d(u),K=l({margin:"0 auto",...I,...z,...v,zIndex:a.STICKY,..."edit"!==b&&q}),L=l(n({setting:u,style:k,uid:h?.uid,pageContext:j??{}})),N=c(p({uid:h?.uid,isScrollToTop:S,cssClass:y?.cssClass,isLiquid:!1}));return e(i,{children:[!!C&&e(o,{children:[!!x?.desktop?.image?.src&&r("link",{rel:"preload",href:x.desktop.image.src,as:"image"}),!!x?.tablet?.image?.src&&r("link",{rel:"preload",href:x.tablet.image.src,as:"image"}),!!x?.mobile?.image?.src&&r("link",{rel:"preload",href:x.mobile.image.src,as:"image"})]}),r("div",{className:N,id:h?.uid,style:{...D,...K},children:r("div",{...f,"data-id":h?.uid,style:L,children:m(g)?r(t,{}):g})})]})};export{Sticky as default};

package/dist/esm/sticky/components/Sticky.liquid.js

@@ -1,4 +1,4 @@
-import{makeStyleResponsive as e,template as s,RenderIf as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:n,setting:$,style:k,builderProps:y,advanced:f,pageContext:u})=>{let{width:b,position:S,display:v,preloadBgImage:h,background:j,isScrollToTop:E}=$??{},w=f?.d,C=d({...e("w",b),...m({position:S,style:k,display:v})}),q=d(p({setting:$,style:k,uid:y?.uid,pageContext:u,type:"Liquid"})),x=l(c({uid:y?.uid,isScrollToTop:E,cssClass:f?.cssClass,isLiquid:!0})),A=o({uid:y?.uid,setting:{display:{desktop:v?.desktop,tablet:v?.tablet??v?.desktop,mobile:v?.mobile??v?.tablet??v?.desktop}},advanced:{d:w}}),G=`.drawer-page-content {
+import{makeStyleResponsive as e,template as s,RenderIf as t,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../helpers.js";import{createStyle as d,createClass as l,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as m,getContentStyles as p}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let Sticky=({children:g,builderAttrs:n,setting:$,style:k,builderProps:y,advanced:f,pageContext:u})=>{let{width:b,position:S,display:v,preloadBgImage:h,background:j,isScrollToTop:E}=$??{},w=f?.d,C=d({...e("w",b),...m({position:S,style:k,display:v})}),q=d(p({setting:$,style:k,uid:y?.uid,pageContext:u??{},type:"Liquid"})),x=l(c({uid:y?.uid,isScrollToTop:E,cssClass:f?.cssClass,isLiquid:!0})),A=o({uid:y?.uid,setting:{display:{desktop:v?.desktop,tablet:v?.tablet??v?.desktop,mobile:v?.mobile??v?.tablet??v?.desktop}},advanced:{d:w}}),G=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return s`

package/dist/esm/tab/components/Tabs.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as a,createStyle as m,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as g,getTabParentListClasses as v,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as C,getItemClasses as T}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=a({...d({uid:A?.uid||""})}),P=m({...n({setting:F,style:W,uid:A?.uid,pageContext:$.pageContext})}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=g({panelWidth:U,builderProps:A}),X=o({...v()}),Y=m({...u(F)}),Z=o({...j({setting:F})}),_=m({...h(F)}),ee=e=>o({...T({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>m({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=m({...y()}),ea=o({...C()}),em=a({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:ea,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...em,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{filterToolbarPreview as t}from"@gem-sdk/core";import{Children as i,isValidElement as l}from"react";import{useTab as r}from"../hooks/useTab.js";import{createAttr as a,createStyle as m,createClass as o}from"@gem-sdk/system";import{getAttr as d,getAttrContent as c}from"../common/attrs.js";import p from"../../text/components/Text.js";import{getStyleWrapper as n,getTabParentListStyle as u,getTabListStyle as h,getContainContentStyle as y,getItemStyle as f}from"../common/styles.js";import{getClassesWrapper as x,getContainClasses as N,getStyleTagClasses as g,getTabParentListClasses as v,getTabListClasses as j,getWrapperContentClasses as b,getContainContentClasses as k,getTextClasses as C,getItemClasses as T}from"../common/classes.js";let Tabs=$=>{let{builderAttrs:q,builderProps:A,style:W,setting:F,advanced:I,children:L}=$,{cssClass:S}=I??{},{panelWidth:U,childItem:w,labelAlign:z,labelTypo:B,labelTypoV2:D}=F??{},{currentDevice:E,productID:G,dispatchEventTabActive:H,activeTab:J,setActiveKey:K,refContainer:M}=r(F,A);F&&!F?.labelWidth&&(F.labelWidth={desktop:"200px"});let O=a({...d({uid:A?.uid||""})}),P=m({...n({setting:F,style:W,uid:A?.uid,pageContext:$.pageContext??{}})}),Q=o({...x({builderProps:A,advancedCssClass:S})}),R=o({...N({setting:F})}),V=g({panelWidth:U,builderProps:A}),X=o({...v()}),Y=m({...u(F)}),Z=o({...j({setting:F})}),_=m({...h(F)}),ee=e=>o({...T({setting:F,isNotLiquid:!0,isActive:e,currentDevice:E})}),es=e=>m({...f(F,e)}),et=i.map(L,e=>e?.props?.uid),ei=o({...b()}),el=o({...k()}),er=m({...y()}),ea=o({...C()}),em=a({...c({uid:A?.uid||""})}),eo=()=>w?.map((e,t)=>{let i=J==t;return s("li",{"aria-hidden":!0,className:ee(i),style:es(i),onClick:()=>{K(t),H(t)},children:s(p,{className:ea,styles:{typo:D,typography:B,textAlign:z},setting:{text:e,htmlTag:"div",excludeFlex:!0,options:{useState:!0,uniqueId:G?`${et?.[t]}-${G}`:`${et?.[t]}`,productID:G}}})},et&&et[t])}),ed=()=>i.map(t(L),(e,t)=>l(e)?s(e.type,{...e.props,isActive:t==J,parentUid:A?.uid}):null);return e("div",{ref:M,...q,...O,style:P,className:Q,children:[s("style",{children:V}),e("div",{className:R,children:[s("div",{className:X,style:Y,children:s("ul",{className:Z,style:_,children:eo()})}),s("div",{className:ei,children:s("div",{...em,className:el,style:er,children:ed()})})]}),t(L,!0)]})};export{Tabs as default};

package/dist/esm/tab/components/Tabs.liquid.js

@@ -1,4 +1,4 @@
-import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as d,createSettingId as r,getSettingPreloadData as o}from"../../helpers.js";import{createStateOrContext as p,createAttr as c,createStyle as m,createClass as n}from"@gem-sdk/system";import{getAttr as u,getAttrContent as y}from"../common/attrs.js";import $ from"../../text/components/Text.liquid.js";import{Tabs as g}from"../settings/configs/translate.js";import{getStyleWrapper as v,getTabParentListStyle as f,getTabListStyle as h,getContainContentStyle as x,getItemStyle as b}from"../common/styles.js";import{getClassesWrapper as j,getContainClasses as T,getStyleTagClasses as C,getTabParentListClasses as S,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as I,getTextClasses as K,getItemClasses as E}from"../common/classes.js";let Tabs=N=>{let{builderProps:V,style:q,setting:P,advanced:z,rawChildren:F}=N;delete P?.labelTypoV2?.attrs?.color;let{cssClass:G}=z??{},{panelWidth:L,childItem:O,labelAlign:W,labelTypo:_,labelTypoV2:J}=P??{},M=p({setting:P,builderProps:V}),R=void 0;P&&!P?.labelWidth&&(P.labelWidth={desktop:"200px"});let U=c({...u({uid:V?.uid||""})}),w=m({...v({setting:P,style:q,uid:V?.uid,pageContext:N.pageContext,type:"Liquid"})}),B=n({...j({builderProps:V,advancedCssClass:G})}),D=n({...T({setting:P})}),H=C({panelWidth:L,builderProps:V}),Q=n({...S()}),X=m({...f(P)}),Y=n({...k({setting:P})}),Z=m({...h(P)}),ee=e=>n({...E({setting:P,isNotLiquid:!1,isActive:e,currentDevice:R})}),et=e=>m({...b(P,e)}),es=n({...A()}),ei=n({...I()}),el=m({...x()}),ea=c({...y({uid:V?.uid||""})}),ed=n({...K()}),er=()=>O?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let i=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===s:s===P?.activeKey,l=d({val:t,uid:V?.uid,settingId:r({id:g?.childItem?.id,index:s}),pageContext:N.pageContext,isCapitalize:P?.labelTypoV2?.attrs?.transform==="capitalize"});return e`
+import{template as e,WrapRenderChildren as t,RenderChildren as s,RenderIf as i,isLocalEnv as l,baseAssetURL as a}from"@gem-sdk/core";import{getDynamicSourceLocales as d,createSettingId as r,getSettingPreloadData as o}from"../../helpers.js";import{createStateOrContext as p,createAttr as c,createStyle as m,createClass as n}from"@gem-sdk/system";import{getAttr as u,getAttrContent as y}from"../common/attrs.js";import $ from"../../text/components/Text.liquid.js";import{Tabs as g}from"../settings/configs/translate.js";import{getStyleWrapper as v,getTabParentListStyle as f,getTabListStyle as h,getContainContentStyle as x,getItemStyle as b}from"../common/styles.js";import{getClassesWrapper as j,getContainClasses as T,getStyleTagClasses as C,getTabParentListClasses as S,getTabListClasses as k,getWrapperContentClasses as A,getContainContentClasses as I,getTextClasses as K,getItemClasses as E}from"../common/classes.js";let Tabs=N=>{let{builderProps:V,style:q,setting:P,advanced:z,rawChildren:F}=N;delete P?.labelTypoV2?.attrs?.color;let{cssClass:G}=z??{},{panelWidth:L,childItem:O,labelAlign:W,labelTypo:_,labelTypoV2:J}=P??{},M=p({setting:P,builderProps:V}),R=void 0;P&&!P?.labelWidth&&(P.labelWidth={desktop:"200px"});let U=c({...u({uid:V?.uid||""})}),w=m({...v({setting:P,style:q,uid:V?.uid,pageContext:N.pageContext??{},type:"Liquid"})}),B=n({...j({builderProps:V,advancedCssClass:G})}),D=n({...T({setting:P})}),H=C({panelWidth:L,builderProps:V}),Q=n({...S()}),X=m({...f(P)}),Y=n({...k({setting:P})}),Z=m({...h(P)}),ee=e=>n({...E({setting:P,isNotLiquid:!1,isActive:e,currentDevice:R})}),et=e=>m({...b(P,e)}),es=n({...A()}),ei=n({...I()}),el=m({...x()}),ea=c({...y({uid:V?.uid||""})}),ed=n({...K()}),er=()=>O?.map(e=>e?.replaceAll("'","&#039;"))?.map((t,s)=>{let i=(P?.activeKey??0)<0||(P?.activeKey??0)>=(P?.childItem??[]).length?0===s:s===P?.activeKey,l=d({val:t,uid:V?.uid,settingId:r({id:g?.childItem?.id,index:s}),pageContext:N.pageContext??{},isCapitalize:P?.labelTypoV2?.attrs?.transform==="capitalize"});return e`
       <li
         aria-hidden
         class="${ee(i)}"

package/dist/esm/text/components/Text.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as c,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as y}from"../common/classes.js";import{getDisplayText as g}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:h,style:j,setting:v,advanced:x,builderProps:D,className:T,children:N,disableEdit:k,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=v??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...c(m,j)}),q=s({...p(m,v)}),w=s({...d({styles:m,setting:v,builderProps:D})}),z=a({...f({setting:v,advanced:x,builderProps:D})}),A=a({...u({setting:v})}),B=a({...y({styles:m,setting:v,className:T,isEdit:E||H,disableEdit:k})}),C=g({type:"React",styles:m,setting:v,builderProps:D}),F=l(C);return e("div",{...M,...S,...h,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:F}})}),N]})});export{Text as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRenderMode as r}from"@gem-sdk/core";import{forwardRef as m}from"react";import{createAttr as o,createStyleReact as s,createClass as a,createContent as l}from"@gem-sdk/system";import{getAttr as i,getTextAttr as n}from"../common/attrs.js";import{getStyle as p,getContainerStyle as c,getTextStyle as d}from"../common/styles.js";import{getClasses as f,getContainerClasses as u,getTextClasses as g}from"../common/classes.js";import{getDisplayText as y}from"../common/helpers.js";let Text=m(({styles:m,builderAttrs:x,style:h,setting:j,advanced:v,builderProps:D,className:T,children:N,disableEdit:k,pageContext:C,...S},_)=>{let{isEditMode:E,isPreviewSharePageMode:H}=r(),{htmlTag:I="div",options:L}=j??{},M=o({...i({uid:D?.uid||""})}),R=o({...n(L)}),b=s({...p(m,h)}),q=s({...c(m,j)}),w=s({...d({styles:m,setting:j,builderProps:D,pageContext:C??{}})}),z=a({...f({setting:j,advanced:v,builderProps:D})}),A=a({...u({setting:j})}),B=a({...g({styles:m,setting:j,className:T,isEdit:E||H,disableEdit:k})}),F=y({type:"React",styles:m,setting:j,builderProps:D,pageContext:C??{}}),G=l(F);return e("div",{...M,...S,...x,style:b,className:z,children:[t("div",{className:A,style:{...q},children:t(I,{ref:_,...R,className:B,onDragStart:e=>e.preventDefault(),onDrop:e=>e.preventDefault(),style:{...w},dangerouslySetInnerHTML:{__html:G}})}),N]})});export{Text as default};

package/dist/esm/text/components/Text.liquid.js

@@ -1,17 +1,17 @@
-import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as s,createClass as e,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as d}from"../common/styles.js";import{getClasses as n,getTextClasses as a}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:u,builderAttrs:f,style:g,setting:y,advanced:j,builderProps:v,className:x,isText:q,pageContext:T,translateSetting:h,elementAttrs:k})=>{let{htmlTag:L="div",excludeFlex:I}=y??{},O=o({...$&&{id:$},...r({uid:v?.uidInteraction??v?.uid??""}),...f}),_=o({...m(),...k}),b=s({...l(u,g)}),w=s({...p(u,y)}),z=s({...d({styles:u,setting:y,builderProps:v,pageContext:T,type:"Liquid"})}),A=e({...n({setting:y,advanced:j,builderProps:v})}),B=e({"gp-flex":!I}),C=e({...a({styles:u,setting:y,className:x}),...q&&{"gp-text":!0}}),D=c({type:"Liquid",styles:u,setting:y,builderProps:v,pageContext:T,translateSetting:h}),E=i(D);return t`
+import{template as t}from"@gem-sdk/core";import{createAttr as o,createStyle as e,createClass as s,createContent as i}from"@gem-sdk/system";import{getAttr as r,getTextAttr as m}from"../common/attrs.js";import{getStyle as l,getContainerStyle as p,getTextStyle as n}from"../common/styles.js";import{getClasses as a,getTextClasses as d}from"../common/classes.js";import{getDisplayText as c}from"../common/helpers.js";let Text=({id:$,styles:g,builderAttrs:u,style:f,setting:x,advanced:y,builderProps:j,className:v,isText:q,pageContext:T,translateSetting:h,elementAttrs:k})=>{let{htmlTag:C="div",excludeFlex:L}=x??{},I=o({...$&&{id:$},...r({uid:j?.uidInteraction??j?.uid??""}),...u}),O=o({...m(),...k}),_=e({...l(g,f)}),b=e({...p(g,x)}),w=e({...n({styles:g,setting:x,builderProps:j,pageContext:T??{},type:"Liquid"})}),z=s({...a({setting:x,advanced:y,builderProps:j})}),A=s({"gp-flex":!L}),B=s({...d({styles:g,setting:x,className:v}),...q&&{"gp-text":!0}}),D=c({type:"Liquid",styles:g,setting:x,builderProps:j,pageContext:T??{},translateSetting:h}),E=i(D);return t`
     {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
-    <div ${{...O}}
-        class="${A}"
-        style="${b}"
+    <div ${{...I}}
+        class="${z}"
+        style="${_}"
       >
-      <div class="${B}" style="${w}">
-        <${L}
-          ${{..._}}
-          class="${C}"
-          style="${z}"
+      <div class="${A}" style="${b}">
+        <${C}
+          ${{...O}}
+          class="${B}"
+          style="${w}"
         >
           ${E}
-        </${L}>
+        </${C}>
       </div>
     </div>
     `};export{Text as default};

package/dist/esm/video/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e,cloneDeep as t}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as i}from"../../helpers.js";import{Video as l}from"../settings/configs/translate.js";let getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},l={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},s={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(l,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(l,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(l,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return s},getSettingTranslatedVideoAndThumbnail=(e,s,r)=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let a=t(e);if(a.youtubeUrl&&"youtube"===a.type){let e=o({val:a.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id}),pageContext:r});a.youtubeUrlTranslated=String(e)}if(a.vimeoUrl&&"vimeo"===a.type){let e=o({val:a.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id}),pageContext:r});a.vimeoUrlTranslated=String(e)}if(a.html5Url&&"html5"===a.type){let e=o({val:a.html5Url,uid:s,settingId:i({id:l?.html5Url?.id}),pageContext:r});a.html5Url=String(e)}if(a.poster){let e=o({val:a.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:"",pageContext:r});a.poster.src=String(e)}return a},getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:a,lazy:m}=e,d=encodeURIComponent(t),p="hqdefault",u=`${o}`||"",n=i?"&mute=1":"",b=l?"webp":"jpg",g=l?"vi_webp":"vi",c=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${p}.${b}`,h=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${h}/embed/${d}?autoplay=${!!m||a}&state=1${n}${u}&controls=${s?1:0}`,$=r||!1;return{videoId:d,posterImp:p,paramsImp:u,mutedImp:n,format:b,vi:g,posterUrl:c,ytUrl:h,iframeSrc:v,adNetworkImp:$}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,a=encodeURIComponent(t),m=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${a}${m}`;return{videoId:a,params:m,iframeSrc:d}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o?{...e,[o]:i}:e},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getSettingTranslatedVideoAndThumbnail,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};
+import{getResponsiveValueByScreen as e,cloneDeep as t}from"@gem-sdk/core";import{getDynamicSourceLocales as o,createSettingId as i}from"../../helpers.js";import{Video as l}from"../settings/configs/translate.js";let getAspectRatioSettings=(t,o)=>{let i={desktop:t?.desktop?.width,tablet:t?.tablet?.width,mobile:t?.mobile?.width},l={desktop:t?.desktop?.height,tablet:t?.tablet?.height,mobile:t?.mobile?.height},s={desktop:o?.desktop==="custom"?`${e(i,"desktop")}/${e(l,"desktop")}`:o?.desktop==="cover"?"unset":o?.desktop,tablet:o?.tablet==="custom"?`${e(i,"tablet")}/${e(l,"tablet")}`:o?.tablet==="cover"?"unset":o?.tablet,mobile:o?.mobile==="custom"?`${e(i,"mobile")}/${e(l,"mobile")}`:o?.mobile==="cover"?"unset":o?.mobile};return s},getSettingTranslatedVideoAndThumbnail=({setting:e,uid:s,pageContext:r})=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let a=t(e);if(a.youtubeUrl&&"youtube"===a.type){let e=o({val:a.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id}),pageContext:r});a.youtubeUrlTranslated=String(e)}if(a.vimeoUrl&&"vimeo"===a.type){let e=o({val:a.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id}),pageContext:r});a.vimeoUrlTranslated=String(e)}if(a.html5Url&&"html5"===a.type){let e=o({val:a.html5Url,uid:s,settingId:i({id:l?.html5Url?.id}),pageContext:r});a.html5Url=String(e)}if(a.poster){let e=o({val:a.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:"",pageContext:r});a.poster.src=String(e)}return a},getYoutubeParams=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:a,lazy:m}=e,d=encodeURIComponent(t),p="hqdefault",u=`${o}`||"",n=i?"&mute=1":"",b=l?"webp":"jpg",g=l?"vi_webp":"vi",c=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${p}.${b}`,h=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${h}/embed/${d}?autoplay=${!!m||a}&state=1${n}${u}&controls=${s?1:0}`,$=r||!1;return{videoId:d,posterImp:p,paramsImp:u,mutedImp:n,format:b,vi:g,posterUrl:c,ytUrl:h,iframeSrc:v,adNetworkImp:$}},getVimeoParams=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,a=encodeURIComponent(t),m=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${a}${m}`;return{videoId:a,params:m,iframeSrc:d}},makeStyleResponsiveRatio=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),fallbackImageVideoUrl="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",youtubeVideoRegex=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,vimeoVideoRegex=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,getYoutubeVideoId=e=>{let t=e.match(youtubeVideoRegex);return t?.[1]??void 0},getVimeoVideoId=e=>{let t=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/,o=e.match(t);return o?.[3]},parseTimeVideo=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},covertStrParamsToObj=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o?{...e,[o]:i}:e},{})},isSettingLoop=e=>e.includes("loop=1");export{covertStrParamsToObj,fallbackImageVideoUrl,getAspectRatioSettings,getSettingTranslatedVideoAndThumbnail,getVimeoParams,getVimeoVideoId,getYoutubeParams,getYoutubeVideoId,isSettingLoop,makeStyleResponsiveRatio,parseTimeVideo,vimeoVideoRegex,youtubeVideoRegex};

package/dist/esm/video/components/Video.liquid.js

@@ -1,6 +1,6 @@
-import{template as t,hasTranslatedLiquid as e}from"@gem-sdk/core";import{getSettingTranslatedVideoAndThumbnail as o,getAspectRatioSettings as i,getVimeoVideoId as s,vimeoVideoRegex as l,getYoutubeVideoId as m,youtubeVideoRegex as r,parseTimeVideo as a,fallbackImageVideoUrl as d}from"../common/helpers.js";import{createAttr as u,createStyle as c,createClass as n}from"@gem-sdk/system";import{getAttr as p}from"../common/attrs.js";import{getStyle as f,getYoutubeStyle as y,getVimeoStyle as b,getHtml5Style as j,getFallBackImageStyle as V}from"../common/styles.js";import{getFallbackImageClasses as h,getClasses as k}from"../common/classes.js";import $ from"./HTML5Embed.liquid.js";import v from"./LiteVimeoEmbed.liquid.js";import g from"./LiteYouTubeEmbed.liquid.js";import L from"../../image/components/NextImage.liquid.js";import{getImageSrc as N}from"../../image/common/helpers.js";let Video=({className:q,setting:z,style:C,builderAttrs:E,builderProps:F,advanced:I,pageContext:R})=>{let w=o(z,F?.uid,R),{youtubeUrl:x="",vimeoUrl:T="",html5Url:U,autoplay:H=!1,loopVideo:M=!1,controls:O=!1,mute:P,poster:S,startTime:Y,endTime:A,lazy:B,type:D}=w??{},{youtubeUrlTranslated:G,vimeoUrlTranslated:J}=w,K=N(S),{cssClass:Q}=I??{},W=i(w?.ratioOptions,w?.aspectRatio),X=u({...p({uid:F?.uid||""})}),Z=c({...f(w,C)}),_=c({...y(W)}),tt=c({...b(W)}),te=c({...j(W)}),to=c({...V(z?.aspectRatio)}),ti=n({...h()}),ts=n({...k({className:q,builderProps:F,isInstantLP:!1,advancedCssClass:Q})}),tl=()=>{switch(D){case"youtube":{let t=m(x),o=e(G);if((!r.test(x)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});let i="";return M&&(i+=`&loop=1&playlist=${t}`),Y&&(i+=`&start=${a(Y)}`),A&&(i+=`&end=${a(A)}`),g({uid:F?.uid,id:t??"",translatedVideoUrl:o?G:"",autoplay:H,title:"Video",controls:O,params:i,adNetwork:!1,noCookie:!0,muted:!P,thumbnail:K,lazy:B??!0,preload:S?.preload,poster:S,style:_})}case"vimeo":{let t=s(T),o=e(J);if((!l.test(T)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});return v({muted:!P,loop:M,controls:O,thumbnail:K,thumbnailLink:S?.src,autoplay:H,lazy:B??!0,id:t??"",translatedVideoUrl:o?J:"",title:"Video",aspectRatio:W,poster:S,vimeoStyleIframe:tt})}case"html5":if(!U)return L({src:d,alt:"Fallback video",className:ti,style:to});return $({uid:F?.uid,muted:!P,loop:M,controls:O,autoplay:H,src:U,thumbnail:K,title:"Video",poster:S,lazy:B??!0,isVideoComponent:!0,style:te})}};return t`
+import{template as t,hasTranslatedLiquid as e}from"@gem-sdk/core";import{getSettingTranslatedVideoAndThumbnail as o,getAspectRatioSettings as i,getVimeoVideoId as s,vimeoVideoRegex as l,getYoutubeVideoId as m,youtubeVideoRegex as a,parseTimeVideo as r,fallbackImageVideoUrl as d}from"../common/helpers.js";import{createAttr as u,createStyle as n,createClass as c}from"@gem-sdk/system";import{getAttr as p}from"../common/attrs.js";import{getStyle as f,getYoutubeStyle as y,getVimeoStyle as b,getHtml5Style as j,getFallBackImageStyle as V}from"../common/styles.js";import{getFallbackImageClasses as h,getClasses as k}from"../common/classes.js";import $ from"./HTML5Embed.liquid.js";import v from"./LiteVimeoEmbed.liquid.js";import g from"./LiteYouTubeEmbed.liquid.js";import L from"../../image/components/NextImage.liquid.js";import{getImageSrc as N}from"../../image/common/helpers.js";let Video=({className:q,setting:C,style:x,builderAttrs:z,builderProps:E,advanced:F,pageContext:I})=>{let R=o({setting:C,uid:E?.uid,pageContext:I??{}}),{youtubeUrl:w="",vimeoUrl:T="",html5Url:U,autoplay:H=!1,loopVideo:M=!1,controls:O=!1,mute:P,poster:S,startTime:Y,endTime:A,lazy:B,type:D}=R??{},{youtubeUrlTranslated:G,vimeoUrlTranslated:J}=R,K=N(S),{cssClass:Q}=F??{},W=i(R?.ratioOptions,R?.aspectRatio),X=u({...p({uid:E?.uid||""})}),Z=n({...f(R,x)}),_=n({...y(W)}),tt=n({...b(W)}),te=n({...j(W)}),to=n({...V(C?.aspectRatio)}),ti=c({...h()}),ts=c({...k({className:q,builderProps:E,isInstantLP:!1,advancedCssClass:Q})}),tl=()=>{switch(D){case"youtube":{let t=m(w),o=e(G);if((!a.test(w)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});let i="";return M&&(i+=`&loop=1&playlist=${t}`),Y&&(i+=`&start=${r(Y)}`),A&&(i+=`&end=${r(A)}`),g({uid:E?.uid,id:t??"",translatedVideoUrl:o?G:"",autoplay:H,title:"Video",controls:O,params:i,adNetwork:!1,noCookie:!0,muted:!P,thumbnail:K,lazy:B??!0,preload:S?.preload,poster:S,style:_})}case"vimeo":{let t=s(T),o=e(J);if((!l.test(T)||!t)&&!o)return L({src:d,alt:"Fallback video",className:ti,style:to});return v({muted:!P,loop:M,controls:O,thumbnail:K,thumbnailLink:S?.src,autoplay:H,lazy:B??!0,id:t??"",translatedVideoUrl:o?J:"",title:"Video",aspectRatio:W,poster:S,vimeoStyleIframe:tt})}case"html5":if(!U)return L({src:d,alt:"Fallback video",className:ti,style:to});return $({uid:E?.uid,muted:!P,loop:M,controls:O,autoplay:H,src:U,thumbnail:K,title:"Video",poster:S,lazy:B??!0,isVideoComponent:!0,style:te})}};return t`
     <div
-      ${{...E}} ${{...X}} class="${ts}" style="${Z}">
+      ${{...z}} ${{...X}} class="${ts}" style="${Z}">
       ${tl()}
     </div>
   `};export{Video as default};

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import * as _gem_sdk_core from '@gem-sdk/core';
-import { BasePropsWrap, TypographySettingV2, ObjectDevices, Background, SizeSettingGlobal, StateProp, ColorValueType, TypographySetting, Border, SizeSetting, CornerRadius, ShadowProps, BackgroundMedia, AlignProp, TransformProp, Ratio, ResponsiveStateProp, PageContext, BackgroundImageValue, ObjectLayoutValue, BaseProps, PaddingType as PaddingType$2, NameDevices, RawChild, PostPurchaseTypo, AlignItemProp, ProductProviderProps, AdvancedType, DotStyle as DotStyle$2, AirProductReview, TagShopWidgetType, PreOrderNowWodWidgetType, FastBundleWidgetType, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, JudgeMeReviewsWidgetType, ProductReviewsWidgetType, RyviuWidgetType, RivyoWidgetType, VitalsWidgetType, OmnisendWidgetType, TrustooWidgetType, FeraReviewsWidgetType, FeraReviewsV3WidgetType, GrowaveWidgetTypeV2, GrowaveWidgetTypeV1, OpinewWidgetType, OpinewDesignWidgetType, UltimateSalesBoostWidgetType, AliReviewsWidgetType, BoldSubscriptionsWidgetType, PickyStoryWidgetType, WiserWidgetType, WiserV2WidgetType, StampedWidgetType, StampedWidgetTypeV2, LaiProductReviewsWidgetType, LaiProductReviewsAdvancedWidgetType, YotpoReviewsWidgetType, BogosWidgetType, InstantJudgeMeReviewsWidgetType, InstantLooxReviewsWidgetType, ComponentSetting, RenderMode } from '@gem-sdk/core';
+import { BasePropsWrap, TypographySettingV2, ObjectDevices, Background, SizeSettingGlobal, StateProp, ColorValueType, TypographySetting, Border, SizeSetting, CornerRadius, ShadowProps, BackgroundMedia, AlignProp, TransformProp, PageContext, Ratio, ResponsiveStateProp, BackgroundImageValue, ObjectLayoutValue, BaseProps, PaddingType as PaddingType$2, NameDevices, RawChild, PostPurchaseTypo, AlignItemProp, ProductProviderProps, AdvancedType, DotStyle as DotStyle$2, AirProductReview, TagShopWidgetType, PreOrderNowWodWidgetType, FastBundleWidgetType, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, JudgeMeReviewsWidgetType, ProductReviewsWidgetType, RyviuWidgetType, RivyoWidgetType, VitalsWidgetType, OmnisendWidgetType, TrustooWidgetType, FeraReviewsWidgetType, FeraReviewsV3WidgetType, GrowaveWidgetTypeV2, GrowaveWidgetTypeV1, OpinewWidgetType, OpinewDesignWidgetType, UltimateSalesBoostWidgetType, AliReviewsWidgetType, BoldSubscriptionsWidgetType, PickyStoryWidgetType, WiserWidgetType, WiserV2WidgetType, StampedWidgetType, StampedWidgetTypeV2, LaiProductReviewsWidgetType, LaiProductReviewsAdvancedWidgetType, YotpoReviewsWidgetType, BogosWidgetType, InstantJudgeMeReviewsWidgetType, InstantLooxReviewsWidgetType, ComponentSetting, RenderMode } from '@gem-sdk/core';
 import * as csstype from 'csstype';
 import { Property } from 'csstype';
 import * as _gem_sdk_keen_slider from '@gem-sdk/keen-slider';
@@ -146,6 +146,7 @@ type TextSettingProps = {
 type TextTranslateKeys = keyof (TextSettingProps & TextStyleProps);
 type TextProps = BasePropsWrap<TextSettingProps, TextStyleProps> & Omit<React.ComponentPropsWithoutRef<'p'>, ''> & {
     disableEdit?: boolean;
+    pageContext?: PageContext;
 };
 
 type ObjectFit$2 = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
@@ -4582,6 +4583,7 @@ declare const Text$2: React.ForwardRefExoticComponent<_gem_sdk_core.BaseProps<Te
     style?: React.CSSProperties | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, ""> & {
     disableEdit?: boolean | undefined;
+    pageContext?: _gem_sdk_core.PageContext | undefined;
 } & React.RefAttributes<HTMLElement>>;
 
 declare const textSetting: {
@@ -6231,6 +6233,7 @@ declare const _default$3: {
         style?: React.CSSProperties | undefined;
     } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, ""> & {
         disableEdit?: boolean | undefined;
+        pageContext?: _gem_sdk_core.PageContext | undefined;
     } & React.RefAttributes<HTMLElement>>;
     Tabs: React.ComponentType<TabsProps>;
     TabItem: React.ComponentType<TabItemProps>;
@@ -6752,6 +6755,7 @@ declare const Text$1: ({ id, styles, builderAttrs, style, setting, advanced, bui
     style?: React.CSSProperties | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, ""> & {
     disableEdit?: boolean | undefined;
+    pageContext?: PageContext | undefined;
 } & {
     isText?: boolean | undefined;
     advanced?: any;
@@ -7587,6 +7591,7 @@ declare const _default$2: {
         style?: React.CSSProperties | undefined;
     } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, ""> & {
         disableEdit?: boolean | undefined;
+        pageContext?: _gem_sdk_core.PageContext | undefined;
     } & React.RefAttributes<HTMLElement>>;
     Textarea: React.FC<TextareaProps>;
     Video: React.FC<VideoProps>;
@@ -7974,7 +7979,7 @@ type DynamicSource = {
     uid?: string;
     settingId?: string;
     isLiquid?: boolean;
-    pageContext?: PageContext;
+    pageContext: PageContext;
     isCapitalize?: boolean;
     defaultVal?: string;
     isReplaceLocationOrigin?: boolean;
@@ -8041,13 +8046,13 @@ declare const getSeoTranslated: ({ valueTranslate, uid, settingId, pageContext,
     valueTranslate?: string | undefined;
     settingId: 'alt' | 'title';
     uid?: string | undefined;
-    pageContext?: PageContext | undefined;
+    pageContext: PageContext;
 }) => string | undefined;
 declare const getBackgroundTranslated: ({ background, enableTranslate, uid, pageContext, isTranslateVideo, }: {
     background?: Partial<Record<NameDevices, BackgroundMedia>> | undefined;
     enableTranslate?: boolean | undefined;
     uid?: string | undefined;
-    pageContext?: PageContext | undefined;
+    pageContext: PageContext;
     isTranslateVideo?: boolean | undefined;
 }) => ObjectDevices<BackgroundMedia>;
 declare const extractProductID: (baseID: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "12.0.0-staging.69",
+  "version": "12.0.0-staging.70",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",