@gem-sdk/components 17.0.0-dev.22 → 17.0.0-dev.24

package/dist/cjs/product/components/product-wrap/hook/useProductQuery.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("react"),t=require("swr");exports.default=({id:a})=>{let u=e.useFetchHandle(),o=e.usePageStore(e=>e.publicStoreFrontData),s=e.useIsSampleProduct(),i=e.useIsStorefrontProduct(),n=r.useMemo(()=>e.hasPublicStoreFrontData(o)?e.createStoreFrontFetcher(o):u,[o]),d=r.useMemo(()=>a?e.generateProductQueryKey({id:a,isSample:s,isStorefront:i}):null,[a,s,i]),c=t(d,async([,r])=>e.getProduct(n,r),{revalidateOnMount:!1,refreshInterval:0});return r.useEffect(()=>{if(!a)return;let e=!!c.error,r=c.isLoading||c.isValidating,t=!c.data&&!r;!e&&t&&c.mutate()},[a,c.data,c.error,c.isLoading,c.isValidating]),{productData:c}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("react"),t=require("swr");exports.default=({id:a})=>{let u=e.useFetchHandle(),o=e.usePageStore(e=>e.publicStoreFrontData),s=e.useIsSampleProduct(),i=e.useIsStorefrontProduct(),n=r.useMemo(()=>e.hasPublicStoreFrontData(o)?e.createStoreFrontFetcher(o):u,[o]),d=r.useMemo(()=>a?e.generateProductQueryKey({id:a,isSample:s,isStorefront:i}):null,[a,s,i]),l=t(d,async([,r])=>e.getProduct(n,r),{revalidateOnMount:!1,refreshInterval:0,revalidateIfStale:!1});return r.useEffect(()=>{if(!a)return;let e=!!l.error,r=l.isLoading||l.isValidating,t=!l.data&&!r;!e&&t&&l.mutate()},[a,l.data,l.error,l.isLoading,l.isValidating]),{productData:l}};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),a=require("../../helpers.js"),s=require("@gem-sdk/system"),l=require("../common/classes.js"),r=require("../common/styles.js"),i=require("../common/helpers.js");exports.default=o=>{let{style:u,iframeClass:c,wrapperClass:d,title:p,poster:m,translatedVideoUrl:g}=o,n=`gp-video-${o.uid}`,{posterUrl:y,iframeSrc:b}=i.getYoutubeParams(o),f=!!o.thumbnail,$=m?.preload,C=s.createStateOrContext({lazy:o.lazy,hasThumbnail:f,style:u,title:p,iframeSrc:b,translatedVideoUrl:g}),S=!o.lazy&&!f,v=s.createClass({...l.getButtonYoutubeClasses(S)}),h=s.createClass({...l.getImageYoutubeClasses()}),j=s.createClass({...l.getArticleYoutubeClasses($||!1,d)}),q=s.createClass({...l.getIframeYoutubeClasses(c)}),I=s.createStyle({...r.getIframeYoutubeStyle(u)}),Y=s.createStyle({...r.getArticleYoutubeStyle(u,y)}),x=s.createClass({...l.getYoutubeContentClasses()});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../image/components/NextImage.liquid.js"),a=require("../../helpers.js"),s=require("@gem-sdk/system"),l=require("../common/classes.js"),r=require("../common/styles.js"),i=require("../common/helpers.js");exports.default=o=>{let{style:u,iframeClass:c,wrapperClass:d,title:p,poster:m,translatedVideoUrl:g}=o,n=`gp-video-${o.uid}`,{posterUrl:y,iframeSrc:b}=i.getYoutubeParams(o),f=!!o.thumbnail,$=m?.preload,C=s.createStateOrContext({lazy:o.lazy,hasThumbnail:f,style:u,title:p,iframeSrc:b,translatedVideoUrl:g}),S=!o.lazy&&(!f||!!o.autoplay),v=s.createClass({...l.getButtonYoutubeClasses(S)}),h=s.createClass({...l.getImageYoutubeClasses()}),j=s.createClass({...l.getArticleYoutubeClasses($||!1,d)}),q=s.createClass({...l.getIframeYoutubeClasses(c)}),I=s.createStyle({...r.getIframeYoutubeStyle(u)}),Y=s.createStyle({...r.getArticleYoutubeStyle(u,y)}),x=s.createClass({...l.getYoutubeContentClasses()});return e.template`
     <gp-lite-youtube-embed gp-data='${JSON.stringify(C)}'>
       <article
         aria-hidden

package/dist/cjs/video/hooks/useLiteYoutubeEmbed.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../common/helpers.js");const r=(r,a,u)=>{let{lazy:s,isHeroBanner:o}=r,[n,l]=e.useState(!1),[c,i]=e.useState(!s),d=e.useRef(!1),p=e.useRef(0),f=e.useRef();return e.useEffect(()=>()=>{f.current&&(clearInterval(f.current),d.current=!1)},[u,a]),{iframe:c,addIframe:()=>{c||i(!0)},intervalPlay:e=>{let r=e.target;if(r&&o&&t.isSettingLoop(a)&&p.current>0){let e=parseFloat((p.current/100*5).toFixed(2));clearInterval(f.current),f.current=setInterval(()=>{let t=parseFloat(r.getCurrentTime().toFixed(2)),a=parseFloat((p.current-t).toFixed(2));a<=parseFloat((1.5*e).toFixed(2))&&r.seekTo(0)},1e3*e)}},warmConnections:()=>{n||l(!0)},isVideoStarted:d,videoDuration:p}};exports.default=r,exports.useLiteYoutubeEmbed=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../common/helpers.js");const r=(r,a,u)=>{let{lazy:s,autoplay:o,isHeroBanner:n,thumbnail:l}=r,[c,i]=e.useState(!1),[d,p]=e.useState(!s&&(!l||!!o)),f=e.useRef(!1),F=e.useRef(0),x=e.useRef();return e.useEffect(()=>()=>{x.current&&(clearInterval(x.current),f.current=!1)},[u,a]),{iframe:d,addIframe:()=>{d||p(!0)},intervalPlay:e=>{let r=e.target;if(r&&n&&t.isSettingLoop(a)&&F.current>0){let e=parseFloat((F.current/100*5).toFixed(2));clearInterval(x.current),x.current=setInterval(()=>{let t=parseFloat(r.getCurrentTime().toFixed(2)),a=parseFloat((F.current-t).toFixed(2));a<=parseFloat((1.5*e).toFixed(2))&&r.seekTo(0)},1e3*e)}},warmConnections:()=>{c||i(!0)},isVideoStarted:f,videoDuration:F}};exports.default=r,exports.useLiteYoutubeEmbed=r;

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

@@ -1 +1 @@
-import{useFetchHandle as r,usePageStore as t,useIsSampleProduct as e,useIsStorefrontProduct as a,hasPublicStoreFrontData as i,createStoreFrontFetcher as o,generateProductQueryKey as n,getProduct as l}from"@gem-sdk/core";import{useMemo as d,useEffect as s}from"react";import u from"swr";let m=({id:m})=>{let f=r(),c=t(r=>r.publicStoreFrontData),g=e(),p=a(),v=d(()=>i(c)?o(c):f,[c]),y=d(()=>m?n({id:m,isSample:g,isStorefront:p}):null,[m,g,p]),L=u(y,async([,r])=>l(v,r),{revalidateOnMount:!1,refreshInterval:0});return s(()=>{if(!m)return;let r=!!L.error,t=L.isLoading||L.isValidating,e=!L.data&&!t;!r&&e&&L.mutate()},[m,L.data,L.error,L.isLoading,L.isValidating]),{productData:L}};export{m as default};
+import{useFetchHandle as r,usePageStore as t,useIsSampleProduct as e,useIsStorefrontProduct as a,hasPublicStoreFrontData as i,createStoreFrontFetcher as o,generateProductQueryKey as l,getProduct as n}from"@gem-sdk/core";import{useMemo as d,useEffect as s}from"react";import u from"swr";let m=({id:m})=>{let f=r(),c=t(r=>r.publicStoreFrontData),g=e(),p=a(),v=d(()=>i(c)?o(c):f,[c]),y=d(()=>m?l({id:m,isSample:g,isStorefront:p}):null,[m,g,p]),I=u(y,async([,r])=>n(v,r),{revalidateOnMount:!1,refreshInterval:0,revalidateIfStale:!1});return s(()=>{if(!m)return;let r=!!I.error,t=I.isLoading||I.isValidating,e=!I.data&&!t;!r&&e&&I.mutate()},[m,I.data,I.error,I.isLoading,I.isValidating]),{productData:I}};export{m as default};

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

@@ -1,4 +1,4 @@
-import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as a}from"@gem-sdk/core";import l from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as r}from"../../helpers.js";import{createStateOrContext as i,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as u,getIframeYoutubeClasses as f,getYoutubeContentClasses as y}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as g}from"../common/styles.js";import{getYoutubeParams as $}from"../common/helpers.js";let b=b=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z,translatedVideoUrl:w}=b,C=`gp-video-${b.uid}`,{posterUrl:E,iframeSrc:N}=$(b),k=!!b.thumbnail,x=z?.preload,L=i({lazy:b.lazy,hasThumbnail:k,style:h,title:j,iframeSrc:N,translatedVideoUrl:w}),T=!b.lazy&&!k,A=o({...d(T)}),I=o({...c()}),M=o({...u(x||!1,S)}),B=o({...f(v)}),G=p({...n(h)}),O=p({...g(h,E)}),P=o({...y()});return a`
+import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as a}from"@gem-sdk/core";import l from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as r}from"../../helpers.js";import{createStateOrContext as i,createClass as o,createStyle as p,If as m}from"@gem-sdk/system";import{getButtonYoutubeClasses as d,getImageYoutubeClasses as c,getArticleYoutubeClasses as u,getIframeYoutubeClasses as y,getYoutubeContentClasses as f}from"../common/classes.js";import{getIframeYoutubeStyle as n,getArticleYoutubeStyle as g}from"../common/styles.js";import{getYoutubeParams as $}from"../common/helpers.js";let b=b=>{let{style:h,iframeClass:v,wrapperClass:S,title:j,poster:z,translatedVideoUrl:w}=b,C=`gp-video-${b.uid}`,{posterUrl:E,iframeSrc:N}=$(b),k=!!b.thumbnail,x=z?.preload,L=i({lazy:b.lazy,hasThumbnail:k,style:h,title:j,iframeSrc:N,translatedVideoUrl:w}),T=!b.lazy&&(!k||!!b.autoplay),A=o({...d(T)}),I=o({...c()}),M=o({...u(x||!1,S)}),B=o({...y(v)}),G=p({...n(h)}),O=p({...g(h,E)}),P=o({...f()});return a`
     <gp-lite-youtube-embed gp-data='${JSON.stringify(L)}'>
       <article
         aria-hidden

package/dist/esm/video/hooks/useLiteYoutubeEmbed.js

@@ -1 +1 @@
-import{useState as e,useRef as t,useEffect as r}from"react";import{isSettingLoop as a}from"../common/helpers.js";let o=(o,l,n)=>{let{lazy:u,isHeroBanner:c}=o,[i,s]=e(!1),[m,d]=e(!u),p=t(!1),F=t(0),f=t();return r(()=>()=>{f.current&&(clearInterval(f.current),p.current=!1)},[n,l]),{iframe:m,addIframe:()=>{m||d(!0)},intervalPlay:e=>{let t=e.target;if(t&&c&&a(l)&&F.current>0){let e=parseFloat((F.current/100*5).toFixed(2));clearInterval(f.current),f.current=setInterval(()=>{let r=parseFloat(t.getCurrentTime().toFixed(2)),a=parseFloat((F.current-r).toFixed(2));a<=parseFloat((1.5*e).toFixed(2))&&t.seekTo(0)},1e3*e)}},warmConnections:()=>{i||s(!0)},isVideoStarted:p,videoDuration:F}};export{o as default,o as useLiteYoutubeEmbed};
+import{useState as e,useRef as t,useEffect as r}from"react";import{isSettingLoop as a}from"../common/helpers.js";let o=(o,l,n)=>{let{lazy:u,autoplay:c,isHeroBanner:i,thumbnail:s}=o,[m,d]=e(!1),[p,F]=e(!u&&(!s||!!c)),f=t(!1),x=t(0),b=t();return r(()=>()=>{b.current&&(clearInterval(b.current),f.current=!1)},[n,l]),{iframe:p,addIframe:()=>{p||F(!0)},intervalPlay:e=>{let t=e.target;if(t&&i&&a(l)&&x.current>0){let e=parseFloat((x.current/100*5).toFixed(2));clearInterval(b.current),b.current=setInterval(()=>{let r=parseFloat(t.getCurrentTime().toFixed(2)),a=parseFloat((x.current-r).toFixed(2));a<=parseFloat((1.5*e).toFixed(2))&&t.seekTo(0)},1e3*e)}},warmConnections:()=>{m||d(!0)},isVideoStarted:f,videoDuration:x}};export{o as default,o as useLiteYoutubeEmbed};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.22",
+  "version": "17.0.0-dev.24",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",