@gem-sdk/components 12.0.0-dev.58 → 12.0.0-dev.61

package/dist/cjs/post-purchase/buyer-consent/components/BuyerConsent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../common/helpers.js"),core=require("@gem-sdk/core"),helpers=require("../../../helpers.js");const DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:e,builderProps:s,setting:t})=>{let r=core.useProduct(),c=core.usePageStore(e=>e.buyerConsentPreCheck),l=core.useProductStore(e=>e.uid),a=core.useProductStore(e=>e.isAgreeBuyWithSubscription),o=core.useProductStore(e=>e.setIsAgreeBuyWithSubscription),{description:n,policyLabel:u,policyLink:i,align:y}=t??{},m=r?.id?`buyer-consent-product-${s?.uid}-${r.id}`:void 0,d=helpers$1.getComponentTag(i),C=system.createStyle(styles.getWrapperStyles({styles:e})),p=system.createClass(classes.getWrapperClassName({align:y,uid:s?.uid})),h=system.createStyle(styles.getContainerStyles({styles:e})),x=system.createClass(classes.getCheckboxContainerClassName()),g=system.createStyle(styles.getCheckboxInputStyles()),j=system.createStyle(styles.getTextStyle({styles:e})),S=system.createClass(classes.getCheckboxClassName()),b=system.createClass(classes.getLinkComponentClassName()),k=system.createStyle(classes.getLinkComponentStyles()),P=React.useMemo(()=>{let e=helpers.extractProductID(r?.baseID??""),s=`${e}_${l}`;return c?.[s]??!0},[c,l,r?.baseID]),R=e=>{o(e.target.checked)};return React.useEffect(()=>{o(P)},[o,P]),jsxRuntime.jsx("div",{"data-id":s?.uid,style:C,className:p,children:jsxRuntime.jsxs("label",{htmlFor:m,dir:e?.direction??"ltr",style:h,className:x,children:[jsxRuntime.jsx("input",{id:m,name:m,type:"checkbox",style:g,className:S,checked:a,onChange:R}),jsxRuntime.jsxs("bdo",{dir:e?.direction??"ltr",style:j,children:[n," ",jsxRuntime.jsx(d,{target:"_blank",rel:"noreferrer",href:i,className:b,style:k,children:u})]})]})})};exports.default=BuyerConsent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../common/helpers.js"),core=require("@gem-sdk/core"),helpers=require("../../../helpers.js");const DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:e,builderProps:s,setting:t})=>{let r=core.useProduct(),l=core.usePageStore(e=>e.buyerConsentChecked),a=core.usePageStore(e=>e.setBuyerConsentChecked),{description:c,policyLabel:n,policyLink:o,align:y}=t??{},i=r?.id?`buyer-consent-product-${s?.uid}-${r.id}`:void 0,u=helpers$1.getComponentTag(o),m=system.createStyle(styles.getWrapperStyles({styles:e})),d=system.createClass(classes.getWrapperClassName({align:y,uid:s?.uid})),C=system.createStyle(styles.getContainerStyles({styles:e})),h=system.createClass(classes.getCheckboxContainerClassName()),p=system.createStyle(styles.getCheckboxInputStyles()),x=system.createStyle(styles.getTextStyle({styles:e})),g=system.createClass(classes.getCheckboxClassName()),j=system.createClass(classes.getLinkComponentClassName()),b=system.createStyle(classes.getLinkComponentStyles()),k=React.useMemo(()=>helpers.extractProductID(r?.baseID??""),[r?.baseID]),S=React.useMemo(()=>{let e=`${k}`;return l?.[e]??!0},[l,k]),R=e=>{let s=`${k}`,t={...l,[s]:e.target.checked};a(t)};return jsxRuntime.jsx("div",{"data-id":s?.uid,style:m,className:d,children:jsxRuntime.jsxs("label",{htmlFor:i,dir:e?.direction??"ltr",style:C,className:h,children:[jsxRuntime.jsx("input",{id:i,name:i,type:"checkbox",style:p,className:g,checked:S,onChange:R}),jsxRuntime.jsxs("bdo",{dir:e?.direction??"ltr",style:x,children:[c," ",jsxRuntime.jsx(u,{target:"_blank",rel:"noreferrer",href:o,className:j,style:b,children:n})]})]})})};exports.default=BuyerConsent;

package/dist/cjs/post-purchase/product/hooks/useSubscriptionConsentCheck.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),React=require("react"),index=require("../constants/index.js"),product=require("../../../product/helpers/product.js");const useSubscriptionConsentCheck=()=>{let e=core.useProductStore(e=>e.isAgreeBuyWithSubscription),r=core.useProductStore(e=>e.selectedOptions),t=core.useProductStore(e=>e.subscriptionSellingType),n=core.useProduct(),s=core.useVariants(),u=React.useMemo(()=>{let u=t===index.SubscriptionEnum.ONE_TIME;if(e||u)return!1;let o=!!n?.sellingPlanGroups?.length||!!n?.variants?.edges.find(e=>!!e.node?.sellingPlanGroups?.length);if(!o||!r)return!1;let i=product.checkDefaultVariant(n);if(!i){let e=s.find(e=>e?.selectedOptions.every(e=>r[e.name??""]===e.value)),t=!!e?.sellingPlanGroups?.length;return t}return!0},[r,t,e,n,s]);return{isDisableAccept:u}};exports.useSubscriptionConsentCheck=useSubscriptionConsentCheck;
+"use strict";var core=require("@gem-sdk/core"),React=require("react"),index=require("../constants/index.js"),product=require("../../../product/helpers/product.js"),helpers=require("../../../helpers.js");const useSubscriptionConsentCheck=()=>{let e=core.usePageStore(e=>e.buyerConsentChecked),r=core.useProductStore(e=>e.selectedOptions),t=core.useProductStore(e=>e.subscriptionSellingType),s=core.useProduct(),n=core.useVariants(),u=React.useMemo(()=>{let r=helpers.extractProductID(s?.baseID??""),t=`${r}`;return e?.[t]},[e,s?.baseID]),o=React.useMemo(()=>{let e=t===index.SubscriptionEnum.ONE_TIME;if(u||e)return!1;let o=!!s?.sellingPlanGroups?.length||!!s?.variants?.edges.find(e=>!!e.node?.sellingPlanGroups?.length);if(!o||!r)return!1;let c=product.checkDefaultVariant(s);if(!c){let e=n.find(e=>e?.selectedOptions.every(e=>r[e.name??""]===e.value)),t=!!e?.sellingPlanGroups?.length;return t}return!0},[r,t,u,s,n]);return{isDisableAccept:o}};exports.useSubscriptionConsentCheck=useSubscriptionConsentCheck;

package/dist/cjs/video/components/HTML5Embed.liquid.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),attrs=require("../common/attrs.js");const HTML5Embed=e=>{let t=`gp-video-${e.uid}`,{thumbnail:s,muted:a,autoplay:l,loop:o,controls:r,src:i,style:d,title:n,className:c,lazy:u,poster:m,wrapperStyles:p}=e,y=l&&a&&!!s,g=!u&&e.isVideoComponent,v=!s||l&&a,$=g?i:void 0,h=system.createAttr({...attrs.getHtml5Attr({videoId:t,title:n,autoplay:l,preloadThumbnail:y,offLazyLoad:g,src:i,thumbnail:s})}),b=system.createClass({...classes.getWrapThumbnailClasses(v)}),f=system.createStyle({...styles.getPreloadImageStyle()}),L=system.createClass({...classes.getButtonThumbnailClasses()}),E=system.createClass({...classes.getImageThumbnailClasses()}),I=system.createClass({...classes.getVideoYoutubeClasses(c,g)}),A=()=>y?core.template`${NextImage_liquid.default({src:s,alt:n,priority:m?.preload,enableLazyLoadImage:!0,style:f})}
-    ${system.If(l,`<script>
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),NextImage_liquid=require("../../image/components/NextImage.liquid.js"),helpers=require("../../helpers.js"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),attrs=require("../common/attrs.js");const HTML5Embed=e=>{let t=`gp-video-${e.uid}`,{thumbnail:s,muted:a,autoplay:o,loop:r,controls:i,src:l,style:d,title:n,className:c,lazy:u,poster:m,wrapperStyles:v}=e,p=o&&a&&!!s,y=!u&&e.isVideoComponent,g=!s||o&&a,f=y?l:void 0,$=system.createAttr({...attrs.getHtml5Attr({videoId:t,title:n,autoplay:o,preloadThumbnail:p,offLazyLoad:y,src:l,thumbnail:s})}),h=system.createClass({...classes.getWrapThumbnailClasses(g)}),b=system.createStyle({...styles.getPreloadImageStyle()}),L=system.createClass({...classes.getButtonThumbnailClasses()}),E=system.createClass({...classes.getImageThumbnailClasses()}),A=system.createClass({...classes.getVideoYoutubeClasses(c,y)}),P=()=>p?core.template`${NextImage_liquid.default({src:s,alt:n,priority:m?.preload,enableLazyLoadImage:!0,style:b})}
+    ${system.If(o,`<script>
         document.addEventListener("DOMContentLoaded", (event) => {
           const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
           const autoLoadTimeout = setTimeout(runAutoPlayVideo, 0);
@@ -14,9 +14,21 @@
               });
           }
           function runAutoPlayVideo() {
-              document.getElementById('${t}').setAttribute('autoplay','true');
-              document.getElementById('${t}').setAttribute('playsinline','true');
-              document.getElementById('${t}').play();
+              var video = document.getElementById('${t}');
+              if (!video) return;
+              video.setAttribute('autoplay','true');
+              video.setAttribute('playsinline','true');
+              var playPromise = video.play();
+              if (playPromise !== undefined) {
+                playPromise.catch(function(error) {
+                  if (error.name === 'AbortError') {
+                    video.addEventListener('loadeddata', function onLoaded() {
+                      video.removeEventListener('loadeddata', onLoaded);
+                      video.play();
+                    });
+                  }
+                });
+              }
           }
         });
       </script>`)}
@@ -24,7 +36,7 @@
      <div
         role="presentation"
         style="${d}"
-        class="${b}"
+        class="${h}"
         >
            ${NextImage_liquid.default({id:"video-thumbnail",src:s??"",alt:m?.altText,title:m?.imageTitle,className:E,isDisableAspectStyle:!0,priority:m?.preload,enableLazyLoadImage:!0})}
           <button type="button" class="${L}" aria-label="Play">
@@ -37,20 +49,20 @@
           </button>
         </div>
   `;return core.template`
-  <gp-lite-html5-embed is-check-loaded="${e.isCheckLoaded??!1}" style="${p}">
-    ${A()}
+  <gp-lite-html5-embed is-check-loaded="${e.isCheckLoaded??!1}" style="${v}">
+    ${P()}
     <video
-    ${{...h}}
+    ${{...$}}
       style="${d}"
-      class="${I}"
-      ${r?"controls":void 0}
-      ${o?"loop":void 0}
+      class="${A}"
+      ${i?"controls":void 0}
+      ${r?"loop":void 0}
       ${a?"muted":void 0}
-      ${l?"autoplay":void 0}
+      ${o?"autoplay":void 0}
       playsinline
-      ${$?`src="${$}"`:""}
+      ${f?`src="${f}"`:""}
     ></video>
-    ${system.If(!v,C())}
+    ${system.If(!g,C())}
   </gp-lite-html5-embed>
         ${core.RenderIf(core.isLocalEnv,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${core.baseAssetURL}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};exports.default=HTML5Embed;

package/dist/esm/post-purchase/buyer-consent/components/BuyerConsent.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useMemo as t,useEffect as s}from"react";import{createStyle as o,createClass as i}from"@gem-sdk/system";import{getWrapperStyles as m,getContainerStyles as c,getCheckboxInputStyles as n,getTextStyle as d}from"../common/styles.js";import{getWrapperClassName as l,getCheckboxContainerClassName as a,getCheckboxClassName as u,getLinkComponentClassName as p,getLinkComponentStyles as h}from"../common/classes.js";import{getComponentTag as y}from"../common/helpers.js";import{useProduct as b,usePageStore as f,useProductStore as C}from"@gem-sdk/core";import{extractProductID as g}from"../../../helpers.js";let DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:k,builderProps:_,setting:E})=>{let N=b(),j=f(e=>e.buyerConsentPreCheck),I=C(e=>e.uid),A=C(e=>e.isAgreeBuyWithSubscription),B=C(e=>e.setIsAgreeBuyWithSubscription),{description:D,policyLabel:P,policyLink:$,align:x}=E??{},F=N?.id?`buyer-consent-product-${_?.uid}-${N.id}`:void 0,v=y($),L=o(m({styles:k})),O=i(l({align:x,uid:_?.uid})),R=o(c({styles:k})),S=i(a()),T=o(n()),U=o(d({styles:k})),W=i(u()),H=i(p()),K=o(h()),M=t(()=>{let e=g(N?.baseID??""),r=`${e}_${I}`;return j?.[r]??!0},[j,I,N?.baseID]),V=e=>{B(e.target.checked)};return s(()=>{B(M)},[B,M]),e("div",{"data-id":_?.uid,style:L,className:O,children:r("label",{htmlFor:F,dir:k?.direction??"ltr",style:R,className:S,children:[e("input",{id:F,name:F,type:"checkbox",style:T,className:W,checked:A,onChange:V}),r("bdo",{dir:k?.direction??"ltr",style:U,children:[D," ",e(v,{target:"_blank",rel:"noreferrer",href:$,className:H,style:K,children:P})]})]})})};export{BuyerConsent as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{createStyle as o,createClass as s}from"@gem-sdk/system";import{getWrapperStyles as m,getContainerStyles as i,getCheckboxInputStyles as n,getTextStyle as c}from"../common/styles.js";import{getWrapperClassName as d,getCheckboxContainerClassName as l,getCheckboxClassName as a,getLinkComponentClassName as u,getLinkComponentStyles as p}from"../common/classes.js";import{getComponentTag as h}from"../common/helpers.js";import{useProduct as y,usePageStore as f}from"@gem-sdk/core";import{extractProductID as C}from"../../../helpers.js";let DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:b,builderProps:k,setting:E})=>{let N=y(),_=f(e=>e.buyerConsentChecked),g=f(e=>e.setBuyerConsentChecked),{description:j,policyLabel:D,policyLink:I,align:$}=E??{},x=N?.id?`buyer-consent-product-${k?.uid}-${N.id}`:void 0,B=h(I),F=o(m({styles:b})),P=s(d({align:$,uid:k?.uid})),v=o(i({styles:b})),A=s(l()),L=o(n()),O=o(c({styles:b})),R=s(a()),T=s(u()),U=o(p()),H=t(()=>C(N?.baseID??""),[N?.baseID]),K=t(()=>{let e=`${H}`;return _?.[e]??!0},[_,H]),M=e=>{let r=`${H}`,t={..._,[r]:e.target.checked};g(t)};return e("div",{"data-id":k?.uid,style:F,className:P,children:r("label",{htmlFor:x,dir:b?.direction??"ltr",style:v,className:A,children:[e("input",{id:x,name:x,type:"checkbox",style:L,className:R,checked:K,onChange:M}),r("bdo",{dir:b?.direction??"ltr",style:O,children:[j," ",e(B,{target:"_blank",rel:"noreferrer",href:I,className:T,style:U,children:D})]})]})})};export{BuyerConsent as default};

package/dist/esm/post-purchase/product/hooks/useSubscriptionConsentCheck.js

@@ -1 +1 @@
-import{useProductStore as e,useProduct as t,useVariants as r}from"@gem-sdk/core";import{useMemo as n}from"react";import{SubscriptionEnum as s}from"../constants/index.js";import{checkDefaultVariant as i}from"../../../product/helpers/product.js";let useSubscriptionConsentCheck=()=>{let o=e(e=>e.isAgreeBuyWithSubscription),l=e(e=>e.selectedOptions),p=e(e=>e.subscriptionSellingType),u=t(),c=r(),d=n(()=>{let e=p===s.ONE_TIME;if(o||e)return!1;let t=!!u?.sellingPlanGroups?.length||!!u?.variants?.edges.find(e=>!!e.node?.sellingPlanGroups?.length);if(!t||!l)return!1;let r=i(u);if(!r){let e=c.find(e=>e?.selectedOptions.every(e=>l[e.name??""]===e.value)),t=!!e?.sellingPlanGroups?.length;return t}return!0},[l,p,o,u,c]);return{isDisableAccept:d}};export{useSubscriptionConsentCheck};
+import{usePageStore as e,useProductStore as r,useProduct as t,useVariants as n}from"@gem-sdk/core";import{useMemo as s}from"react";import{SubscriptionEnum as o}from"../constants/index.js";import{checkDefaultVariant as l}from"../../../product/helpers/product.js";import{extractProductID as i}from"../../../helpers.js";let useSubscriptionConsentCheck=()=>{let p=e(e=>e.buyerConsentChecked),u=r(e=>e.selectedOptions),c=r(e=>e.subscriptionSellingType),m=t(),a=n(),d=s(()=>{let e=i(m?.baseID??""),r=`${e}`;return p?.[r]},[p,m?.baseID]),f=s(()=>{let e=c===o.ONE_TIME;if(d||e)return!1;let r=!!m?.sellingPlanGroups?.length||!!m?.variants?.edges.find(e=>!!e.node?.sellingPlanGroups?.length);if(!r||!u)return!1;let t=l(m);if(!t){let e=a.find(e=>e?.selectedOptions.every(e=>u[e.name??""]===e.value)),r=!!e?.sellingPlanGroups?.length;return r}return!0},[u,c,d,m,a]);return{isDisableAccept:f}};export{useSubscriptionConsentCheck};

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

@@ -1,5 +1,5 @@
-import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import i from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as l}from"../../helpers.js";import{createAttr as r,createClass as a,createStyle as n,If as d}from"@gem-sdk/system";import{getWrapThumbnailClasses as m,getButtonThumbnailClasses as c,getImageThumbnailClasses as u,getVideoYoutubeClasses as p}from"../common/classes.js";import{getPreloadImageStyle as v}from"../common/styles.js";import{getHtml5Attr as y}from"../common/attrs.js";let HTML5Embed=g=>{let $=`gp-video-${g.uid}`,{thumbnail:f,muted:h,autoplay:L,loop:b,controls:E,src:A,style:w,title:T,className:P,lazy:j,poster:k,wrapperStyles:I}=g,S=L&&h&&!!f,V=!j&&g.isVideoComponent,x=!f||L&&h,C=V?A:void 0,M=r({...y({videoId:$,title:T,autoplay:L,preloadThumbnail:S,offLazyLoad:V,src:A,thumbnail:f})}),B=a({...m(x)}),N=n({...v()}),z=a({...c()}),D=a({...u()}),G=a({...p(P,V)}),H=()=>S?e`${i({src:f,alt:T,priority:k?.preload,enableLazyLoadImage:!0,style:N})}
-    ${d(L,`<script>
+import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as i}from"@gem-sdk/core";import r from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as s}from"../../helpers.js";import{createAttr as a,createClass as d,createStyle as l,If as n}from"@gem-sdk/system";import{getWrapThumbnailClasses as m,getButtonThumbnailClasses as c,getImageThumbnailClasses as u,getVideoYoutubeClasses as p}from"../common/classes.js";import{getPreloadImageStyle as v}from"../common/styles.js";import{getHtml5Attr as y}from"../common/attrs.js";let HTML5Embed=f=>{let g=`gp-video-${f.uid}`,{thumbnail:$,muted:L,autoplay:h,loop:b,controls:E,src:A,style:P,title:w,className:T,lazy:j,poster:k,wrapperStyles:S}=f,V=h&&L&&!!$,x=!j&&f.isVideoComponent,C=!$||h&&L,I=x?A:void 0,M=a({...y({videoId:g,title:w,autoplay:h,preloadThumbnail:V,offLazyLoad:x,src:A,thumbnail:$})}),N=d({...m(C)}),z=l({...v()}),B=d({...c()}),D=d({...u()}),G=d({...p(T,x)}),H=()=>V?e`${r({src:$,alt:w,priority:k?.preload,enableLazyLoadImage:!0,style:z})}
+    ${n(h,`<script>
         document.addEventListener("DOMContentLoaded", (event) => {
           const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
           const autoLoadTimeout = setTimeout(runAutoPlayVideo, 0);
@@ -14,20 +14,32 @@ import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-s
               });
           }
           function runAutoPlayVideo() {
-              document.getElementById('${$}').setAttribute('autoplay','true');
-              document.getElementById('${$}').setAttribute('playsinline','true');
-              document.getElementById('${$}').play();
+              var video = document.getElementById('${g}');
+              if (!video) return;
+              video.setAttribute('autoplay','true');
+              video.setAttribute('playsinline','true');
+              var playPromise = video.play();
+              if (playPromise !== undefined) {
+                playPromise.catch(function(error) {
+                  if (error.name === 'AbortError') {
+                    video.addEventListener('loadeddata', function onLoaded() {
+                      video.removeEventListener('loadeddata', onLoaded);
+                      video.play();
+                    });
+                  }
+                });
+              }
           }
         });
       </script>`)}
       `:"",O=()=>e`
      <div
         role="presentation"
-        style="${w}"
-        class="${B}"
+        style="${P}"
+        class="${N}"
         >
-           ${i({id:"video-thumbnail",src:f??"",alt:k?.altText,title:k?.imageTitle,className:D,isDisableAspectStyle:!0,priority:k?.preload,enableLazyLoadImage:!0})}
-          <button type="button" class="${z}" aria-label="Play">
+           ${r({id:"video-thumbnail",src:$??"",alt:k?.altText,title:k?.imageTitle,className:D,isDisableAspectStyle:!0,priority:k?.preload,enableLazyLoadImage:!0})}
+          <button type="button" class="${B}" aria-label="Play">
             <svg class="gp-w-5 gp-text-white" viewBox="0 0 24 24">
               <path
                 fill="currentColor"
@@ -37,20 +49,20 @@ import{template as e,RenderIf as t,isLocalEnv as o,baseAssetURL as s}from"@gem-s
           </button>
         </div>
   `;return e`
-  <gp-lite-html5-embed is-check-loaded="${g.isCheckLoaded??!1}" style="${I}">
+  <gp-lite-html5-embed is-check-loaded="${f.isCheckLoaded??!1}" style="${S}">
     ${H()}
     <video
     ${{...M}}
-      style="${w}"
+      style="${P}"
       class="${G}"
       ${E?"controls":void 0}
       ${b?"loop":void 0}
-      ${h?"muted":void 0}
-      ${L?"autoplay":void 0}
+      ${L?"muted":void 0}
+      ${h?"autoplay":void 0}
       playsinline
-      ${C?`src="${C}"`:""}
+      ${I?`src="${I}"`:""}
     ></video>
-    ${d(!x,O())}
+    ${n(!C,O())}
   </gp-lite-html5-embed>
-        ${t(o,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+        ${t(o,`<script ${s('class="gps-link" delay',"src")}="{{ 'gp-lite-html5-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s('class="gps-link" delay',"src")}="${i}/assets-v2/gp-lite-html5-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{HTML5Embed as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "12.0.0-dev.58",
+  "version": "12.0.0-dev.61",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,7 +27,7 @@
     "i18n:generate-keys-usage": "node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "12.0.0-dev.58",
+    "@gem-sdk/core": "12.0.0-dev.61",
     "@gem-sdk/styles": "12.0.0-dev.53",
     "@gem-sdk/system": "12.0.0-dev.53",
     "@types/react-transition-group": "^4.4.12",