@gem-sdk/components 17.0.0-dev.10 → 17.0.0-dev.100

package/dist/esm/third-party/settings/WcWishlistBackInStock/index.js

@@ -1,4 +1,7 @@
-import e from"../../configs/WcWishlistBackInStock.js";import i from"./uiV2.js";let l={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:e.id,name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+import e from"../../configs/WcWishlistBackInStock.js";import i from"./uiV2.js";let t={tag:e.tag,label:e.label,icon:'<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">',editorConfigs:{placeholder:{flowTag:["Product"]},component:{isThirdParty:!0}},presets:[{id:"wishlist-collection",name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
         <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
         <span class="preset-item-title">WC Wishlist & Back in Stock</span>
-      </div>`},components:[{tag:e.tag}]}],settings:[{id:"setting",controls:[{id:"appBlockId",type:"input",default:""},{id:"widgetType",label:"Choose widget",type:"select",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}],default:"wishlist-bis-block"},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:i};export{l as default};
+      </div>`},components:[{tag:e.tag,settings:{widgetType:"wishlist-collection-block"}}]},{id:"wishlist-product",name:e.label,hideTextContent:!0,icon:{desktop:`<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/6c6bdd5180d0848b68f89d106476f116/icon/CLyD5I2Al_0CEAE=.jpeg?width=22&height=22">
+        <span class="preset-item-title">WC Wishlist & Back in Stock</span>
+      </div>`},components:[{tag:e.tag,settings:{widgetType:"wishlist-bis-block"}}]}],settings:[{id:"setting",controls:[{id:"widgetType",label:"Choose widget",type:"select",default:"wishlist-bis-block",options:[{label:"Back in Stock Product",value:"wishlist-bis-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Product",value:"wishlist-block",hideOnPage:["ARTICLE","BLOG","COLLECTION","GP_ARTICLE","GP_BLOG","GP_COLLECTION","GP_INDEX","GP_STATIC","STATIC"]},{label:"Wishlist Collection",value:"wishlist-collection-block",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]},{label:"Back in Stock Collection",value:"wishlist-bis-collection",hideOnPage:["ARTICLE","BLOG","PRODUCT","GP_ARTICLE","GP_BLOG","GP_PRODUCT","GP_INDEX","GP_STATIC","STATIC"]}]},{id:"install",type:"open-link",target:"_blank",linkType:"install",href:"https://apps.shopify.com/wishlist-club?utm_source=gempages",appName:e.label},{id:"openApp",type:"open-link",target:"_blank",linkType:"openApp",href:"",appName:e.label},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]}],ui:[],uiV2:i};export{t 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 s=(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},r=({setting:e,uid:s,pageContext:r})=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let m=t(e);if(m.youtubeUrl&&"youtube"===m.type){let e=o({val:m.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id}),pageContext:r});m.youtubeUrlTranslated=String(e)}if(m.vimeoUrl&&"vimeo"===m.type){let e=o({val:m.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id}),pageContext:r});m.vimeoUrlTranslated=String(e)}if(m.html5Url&&"html5"===m.type){let e=o({val:m.html5Url,uid:s,settingId:i({id:l?.html5Url?.id}),pageContext:r});m.html5Url=String(e)}if(m.poster){let e=o({val:m.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:"",pageContext:r});m.poster.src=String(e)}return m},m=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:m,lazy:a}=e,d=encodeURIComponent(t),p="hqdefault",n=`${o}`||"",u=i?"&mute=1":"",b=l?"webp":"jpg",g=l?"vi_webp":"vi",h=e.thumbnail||`https://i.ytimg.com/${g}/${d}/${p}.${b}`,c=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",$=`${c}/embed/${d}?autoplay=${!!a||m}&state=1${u}${n}&controls=${s?1:0}`;return{videoId:d,posterImp:p,paramsImp:n,mutedImp:u,format:b,vi:g,posterUrl:h,ytUrl:c,iframeSrc:$,adNetworkImp:r||!1}},a=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,m=encodeURIComponent(t),a=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${m}${a}`;return{videoId:m,params:a,iframeSrc:d}},d=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),p="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",n=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,u=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,b=e=>{let t=e.match(n);return t?.[1]??void 0},g=e=>e.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/)?.[3],h=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},c=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o&&(e[o]=i),e},{})},$=e=>e.includes("loop=1");export{c as covertStrParamsToObj,p as fallbackImageVideoUrl,s as getAspectRatioSettings,r as getSettingTranslatedVideoAndThumbnail,a as getVimeoParams,g as getVimeoVideoId,m as getYoutubeParams,b as getYoutubeVideoId,$ as isSettingLoop,d as makeStyleResponsiveRatio,h as parseTimeVideo,u as vimeoVideoRegex,n as 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 s=(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},r=({setting:e,uid:s,pageContext:r})=>{if(!e||!s)return{};if(r?.isPreviewing)return e;let m=t(e);if(m.youtubeUrl&&"youtube"===m.type){let e=o({val:m.youtubeUrl,uid:s,settingId:i({id:l?.youtubeUrl?.id}),pageContext:r});m.youtubeUrlTranslated=String(e)}if(m.vimeoUrl&&"vimeo"===m.type){let e=o({val:m.vimeoUrl,uid:s,settingId:i({id:l?.vimeoUrl?.id}),pageContext:r});m.vimeoUrlTranslated=String(e)}if(m.html5Url&&"html5"===m.type){let e=o({val:m.html5Url,uid:s,settingId:i({id:l?.html5Url?.id}),pageContext:r});m.html5Url=String(e)}if(m.poster){let e=o({val:m.poster?.src,uid:s,settingId:l?.poster?.id?`${l.poster.id}_src`:"",pageContext:r});m.poster.src=String(e)}return m},m=e=>{let{id:t,params:o,muted:i,webp:l,controls:s,adNetwork:r,autoplay:m,lazy:a,thumbnail:d}=e,p=encodeURIComponent(t),n="hqdefault",u=`${o}`||"",b=i?"&mute=1":"",g=l?"webp":"jpg",h=l?"vi_webp":"vi",c=e.thumbnail||`https://i.ytimg.com/${h}/${p}/${n}.${g}`,$=e.noCookie?"https://www.youtube-nocookie.com":"https://www.youtube.com",v=`${$}/embed/${p}?autoplay=${!!a||!!d&&!m||m}&state=1${b}${u}&controls=${s?1:0}`;return{videoId:p,posterImp:n,paramsImp:u,mutedImp:b,format:g,vi:h,posterUrl:c,ytUrl:$,iframeSrc:v,adNetworkImp:r||!1}},a=e=>{let{id:t,autoplay:o,muted:i,controls:l,loop:s,lazy:r}=e,m=encodeURIComponent(t),a=`?&autoplay=${r?1:o?1:0}&muted=${i?1:0}&loop=${s?1:0}&controls=${l}&autopause=false`,d=`https://player.vimeo.com/video/${m}${a}`;return{videoId:m,params:a,iframeSrc:d}},d=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),p="https://cdn.shopify.com/s/files/1/0703/5214/2562/files/gempages_518090459516502570-3d3a4631-1d7d-4a2f-9ef0-9bbe7220e02d.jpg",n=/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=|shorts\/)|youtu\.be\/)([^"&?/\s]{11})/i,u=/^(?:http:\/\/|https:\/\/)vimeo\.com\/[\w/]+(?:\?.*)?$/im,b=e=>{let t=e.match(n);return t?.[1]??void 0},g=e=>e.match(/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/|video\/)?(\d+)(?:$|\/|\?)/)?.[3],h=e=>{let t=e.split(":",2);return t.length<=1?parseInt(t[0]||"0"):60*parseInt(t[0]||"0")+parseInt(t[1]||"0")},c=e=>{let t=e.split("&");return t.shift(),t.reduce((e,t)=>{let[o,i]=t.split("=");return"loop"!==o&&(e[o]=i),e},{})},$=e=>e.includes("loop=1");export{c as covertStrParamsToObj,p as fallbackImageVideoUrl,s as getAspectRatioSettings,r as getSettingTranslatedVideoAndThumbnail,a as getVimeoParams,g as getVimeoVideoId,m as getYoutubeParams,b as getYoutubeVideoId,$ as isSettingLoop,d as makeStyleResponsiveRatio,h as parseTimeVideo,u as vimeoVideoRegex,n as youtubeVideoRegex};

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

@@ -1,13 +1,13 @@
-import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as r}from"@gem-sdk/core";import a from"../../image/components/NextImage.liquid.js";import{getSettingPreloadData as l}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 f,getIframeYoutubeClasses as u,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=z?.preload,x=i({lazy:b.lazy,style:h,title:j,iframeSrc:N,translatedVideoUrl:w}),L=!b.lazy,T=o({...d(L)}),A=o({...c()}),I=o({...f(k||!1,S)}),M=o({...u(v)}),B=p({...n(h)}),G=p({...g(h,E)}),O=o({...y()});return r`
-    <gp-lite-youtube-embed gp-data='${JSON.stringify(x)}'>
+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,autoplay:C}=b,E=`gp-video-${b.uid}`,{posterUrl:N,iframeSrc:k}=$(b),x=!!b.thumbnail,L=z?.preload,T=i({lazy:b.lazy,hasThumbnail:x,style:h,title:j,iframeSrc:k,translatedVideoUrl:w,autoplay:C}),A=!b.lazy&&(!x||!!b.autoplay),I=o({...d(A)}),M=o({...c()}),B=o({...u(L||!1,S)}),G=o({...y(v)}),O=p({...n(h)}),P=p({...g(h,N)}),_=o({...f()});return a`
+    <gp-lite-youtube-embed gp-data='${JSON.stringify(T)}'>
       <article
         aria-hidden
-        class="${I}"
+        class="${B}"
         data-title="${j}"
-        style="${G}"
+        style="${P}"
       >
-        ${a({id:C,src:E,alt:z?.altText,title:z?.imageTitle,priority:z?.preload,enableLazyLoadImage:!0,className:A,isDisableAspectStyle:!0,isNotLazyload:z?.preload})}
-        <button type="button" aria-label="Play" class="${T}">
+        ${l({id:E,src:N,alt:z?.altText,title:z?.imageTitle,priority:z?.preload,enableLazyLoadImage:!0,className:M,isDisableAspectStyle:!0,isNotLazyload:z?.preload})}
+        <button type="button" aria-label="Play" class="${I}">
           <svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%">
             <path
               d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"
@@ -16,21 +16,21 @@ import{RenderIf as e,isLocalEnv as t,baseAssetURL as s,template as r}from"@gem-s
             <path d="M 45,24 27,14 27,34" fill="#fff"></path>
           </svg>
         </button>
-        ${m(L,(()=>{let e=r`
+        ${m(A,(()=>{let e=a`
     <iframe
       id="player-wrapper-${b.uid}"
-      class="${M}"
-      style="${B}"
+      class="${G}"
+      style="${O}"
       title="${j}"
       frameborder="0"
       allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
       allowfullscreen
-      src="${N}"
+      src="${k}"
     ></iframe>
-  `;return b.isHeroBanner?r`
-        <div class="${O}">${e}</div>
+  `;return b.isHeroBanner?a`
+        <div class="${_}">${e}</div>
       `:e})())}
       </article>
     </gp-lite-youtube-embed>
-    ${e(t,`<script ${l('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${e(t,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-lite-youtube-embed-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${s}/assets-v2/gp-lite-youtube-embed-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{b as default};

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};