@gem-sdk/core 1.14.0-dev.796 → 1.14.0-dev.804

package/dist/cjs/components/Render.liquid.js

@@ -12,12 +12,12 @@
           ${i}
         } catch(err){}
       </script>
-    `);return{cssCode:d,jsCode:a}},appendAnimation=(e,t)=>{let{advanced:r,tag:n}=e,{animation:s}=r??{},i=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",d=e=>{if("desktop"===e);else if("tablet"===e)return s?.tablet??s?.desktop;else if("mobile"===e)return s?.mobile??s?.tablet??s?.desktop;return s?.desktop},a=i(d("desktop"),"appear"),l=i(d("desktop"),"hover"),o=i(d("tablet"),"appear"),c=i(d("mobile"),"appear"),p=s?.desktop?.enabled&&("none"!==a||"none"!==l)||s?.tablet?.enabled&&"none"!==o||s?.mobile?.enabled&&"none"!==c;if(!p)return t;let u=e=>+!(d(e)?.enabled&&!["shake","none"].includes(i(d(e),"appear"))),m={desktop:u("desktop"),tablet:u("tablet"),mobile:u("mobile")},g={all:"Section"===n?"":"inherit",position:"static",transform:"unset"};return render.template`
+    `);return{cssCode:d,jsCode:a}},appendAnimation=(e,t)=>{let{advanced:r,tag:n}=e,{animation:s,op:i}=r??{},d=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",a=e=>{if("desktop"===e);else if("tablet"===e)return s?.tablet??s?.desktop;else if("mobile"===e)return s?.mobile??s?.tablet??s?.desktop;return s?.desktop},l=d(a("desktop"),"appear"),o=d(a("desktop"),"hover"),c=d(a("tablet"),"appear"),p=d(a("mobile"),"appear"),u=s?.desktop?.enabled&&("none"!==l||"none"!==o)||s?.tablet?.enabled&&"none"!==c||s?.mobile?.enabled&&"none"!==p;if(!u)return t;let m=e=>+!(a(e)?.enabled&&!["shake","none"].includes(d(a(e),"appear"))),g={desktop:m("desktop"),tablet:m("tablet"),mobile:m("mobile")},h={all:"Section"===n?"":"inherit",position:"static",transform:"unset"};return render.template`
   ${render.RenderIf(convert.isLocalEnv,'<script src="{{ \'gp-animation.js\' | asset_url }}" defer="defer"></script>',`<script src="${convert.baseAssetURL}/assets-v2/gp-animation.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   <gp-animation
-    gp-data='${JSON.stringify({config:s,tag:n})}'
-    style="${{...g}}"
+    gp-data='${JSON.stringify({config:s,tag:n,opacity:i})}'
+    style="${{...h}}"
   >
-    <div style="${{...makeStyle.makeStyleResponsive("op",m)}}">${t}</div>
+    <div style="${{...makeStyle.makeStyleResponsive("op",g)}}">${t}</div>
   </gp-animation>
   `},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)Object.prototype.hasOwnProperty.call(t.extraFiles,r)&&(e.customProps.extraFiles[r]=t.extraFiles[r]);let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}return t.liquid},WrapRenderChildren=({uid:e,customProps:t},r)=>{let n="";if(r?.length)for(let s=0;s<r.length;s++){let i=r[s];if(i){let r=n+i,d=new TextEncoder,a=r?d.encode(r).length:0;if(Math.ceil(a/1024)>=180){let r=`gp-section-snippet-${e+s}`;t.extraFiles[r]=i,n+=`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}else n+=i}}return n};exports.RenderChildren=RenderChildren,exports.WrapRenderChildren=WrapRenderChildren,exports.default=Render;

package/dist/cjs/hooks/animation/animations.js

@@ -1 +1 @@
-"use strict";const EASING={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},animations=()=>{let t=t=>{let r=JSON.parse(JSON.stringify(t)),e=["delay","speed","scale","intensity"];return e.forEach(t=>{if(!r?.[t])return;if("scale"===t){if(!r?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[e,a]=r?.scale?.in??[1,1],[n,i]=r?.scale?.out??[1,1];r[t]={in:[Number(e)/100,Number(a)/100],out:[Number(n)/100,Number(i)/100]};return}let e=Number(r?.[t]);if("delay"===t?r[t]=1e3*e:r[t]=e,!isFinite(e))throw TypeError(`${t} must be a number`)}),r},r=(r,e)=>{let n=t(e),{direction:i,distance:o}=n,l=["left","right"].includes(i??"")?"X":"Y",c=["left","down"].includes(i??"")?"-":"",f=[{opacity:0,transform:`translate${l}(${c}${o??50}%)`},{opacity:1,transform:`translate${l}(0)`}];return s(r,f,{...a(n,500),fill:"forwards"})},e=(r,e)=>{let n=t(e),i=[{opacity:0},{opacity:1}];return s(r,i,{...a(n,500)})},a=(t,r)=>{let e=t=>t?1.5/t*1e3:r,{loop:a,delay:n,speed:i,easing:o}=t??{},s=e(i),l=n??0,c=a?s+l:s;return{iterations:a?1/0:1,duration:c,delay:l,easing:EASING[o??"linear"]}},n=(r,e)=>{let n=t(e),{scale:i,zoomDirection:o,isFade:l}=n,[c,f]=i.in,[p,m]=i.out,u=[{transform:`scale(${c}, ${c})`,opacity:l?0:1},{transform:`scale(${f??1.2}, ${f??1.2})`,opacity:1}],y=[{transform:`scale(${p}, ${p})`,opacity:l?0:1},{transform:`scale(${m??.8}, ${m??.8})`,opacity:1}],d="in"===o?u:y;return s(r,d,{...a(n,700),fill:"forwards"})},i=(t,r,e)=>{if(!r)return t;let a=r/e,n=[...t].pop();return[...t,{...n,offset:1-a}]},o=(r,e)=>{let n=t(e),{intensity:i}=n??{},o=[{transform:"translate3d(0, 0, 0)",opacity:1}],l=[{transform:"translate3d(4px, 0, 0)",opacity:1},{transform:"translate3d(-4px, 0, 0)",opacity:1},{transform:"translate3d(4px, 0, 0)",opacity:1}],c=[];Array.from(Array(i??1).keys()).forEach(()=>{c=[...c,...l]});let f=[{transform:"translate3d(-1px, 0, 0)",opacity:1},{transform:"translate3d(2px, 0, 0)",opacity:1},{transform:"translate3d(-4px, 0, 0)",opacity:1},...c,{transform:"translate3d(-4px, 0, 0)",opacity:1},{transform:"translate3d(2px, 0, 0)",opacity:1},{transform:"translate3d(-1px, 0, 0)",opacity:1}];return s(r,i?f:o,{...a(n??{},820)})},s=(t,r,e)=>{let a=new KeyframeEffect(t,e.iterations&&1===e.iterations?r:i(r,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:o,fade:e,slide:r}};exports.animations=animations;
+"use strict";const EASING={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},animations=()=>{let t=t=>{let r=JSON.parse(JSON.stringify(t)),e=["delay","speed","scale","intensity"];return e.forEach(t=>{if(!r?.[t])return;if("scale"===t){if(!r?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[e,a]=r?.scale?.in??[1,1],[n,o]=r?.scale?.out??[1,1];r[t]={in:[Number(e)/100,Number(a)/100],out:[Number(n)/100,Number(o)/100]};return}let e=Number(r?.[t]);if("delay"===t?r[t]=1e3*e:r[t]=e,!isFinite(e))throw TypeError(`${t} must be a number`)}),r},r=(r,e)=>{let n=t(e),{direction:s,distance:l}=n,p=["left","right"].includes(s??"")?"X":"Y",u=["left","down"].includes(s??"")?"-":"",f=o(r),m=[{display:f,opacity:0,transform:`translate${p}(${u}${l??50}%)`},{display:f,opacity:i(r),transform:`translate${p}(0)`}];return c(r,m,{...a(n,500),fill:"forwards"})},e=(r,e)=>{let n=t(e),o=[{opacity:0},{opacity:i(r)}];return c(r,o,{...a(n,500)})},a=(t,r)=>{let e=t=>t?1.5/t*1e3:r,{loop:a,delay:n,speed:o,easing:i}=t??{},s=e(o),l=n??0,c=a?s+l:s;return{iterations:a?1/0:1,duration:c,delay:l,easing:EASING[i??"linear"]}},n=(r,e)=>{let n=t(e),{scale:s,zoomDirection:l,isFade:p}=n,[u,f]=s.in,[m,y]=s.out,d=o(r),b=i(r),$=[{display:d,transform:`scale(${u}, ${u})`,opacity:p?0:1},{display:d,transform:`scale(${f??1.2}, ${f??1.2})`,opacity:b}],w=[{display:d,transform:`scale(${m}, ${m})`,opacity:p?0:1},{display:d,transform:`scale(${y??.8}, ${y??.8})`,opacity:b}],x="in"===l?$:w;return c(r,x,{...a(n,700),fill:"forwards"})},o=t=>{let r="inline"===window.getComputedStyle(t,null).getPropertyValue("display");return r?"block":void 0},i=t=>window.getComputedStyle(t,null).getPropertyValue("opacity"),s=(t,r,e)=>{if(!r)return t;let a=r/e,n=[...t].pop();return[...t,{...n,offset:1-a}]},l=(r,e)=>{let n=t(e),{intensity:s}=n??{},l=o(r),p=i(r),u=[{transform:"translate3d(0, 0, 0)",opacity:p,display:l}],f=[{transform:"translate3d(4px, 0, 0)",opacity:p,display:l},{transform:"translate3d(-4px, 0, 0)",opacity:p,display:l},{transform:"translate3d(4px, 0, 0)",opacity:p,display:l}],m=[];Array.from(Array(s??1).keys()).forEach(()=>{m=[...m,...f]});let y=[{transform:"translate3d(-1px, 0, 0)",opacity:p,display:l},{transform:"translate3d(2px, 0, 0)",opacity:p,display:l},{transform:"translate3d(-4px, 0, 0)",opacity:p,display:l},...m,{transform:"translate3d(-4px, 0, 0)",opacity:p,display:l},{transform:"translate3d(2px, 0, 0)",opacity:p,display:l},{transform:"translate3d(-1px, 0, 0)",opacity:p,display:l}];return c(r,s?y:u,{...a(n??{},820)})},c=(t,r,e)=>{let a=new KeyframeEffect(t,e.iterations&&1===e.iterations?r:s(r,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:l,fade:e,slide:r}};exports.animations=animations;

package/dist/esm/components/Render.liquid.js

@@ -1,5 +1,5 @@
-import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import{disableWrap as t,customRenderChildren as n}from"./constant.js";import{RenderIf as r,template as i}from"../helpers/render.js";import{baseAssetURL as s,isLocalEnv as d}from"../helpers/convert.js";import{composeAdvanceStyle as a}from"../helpers/compose-advance-style.js";let componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],componentIconList=["IconListV2","IconList"],componentUsingAdvanced=["IconList"],Render=({uid:e,builder:s,components:d,parentId:l,extraFiles:o={},pageContext:c,...p})=>{let u=s[e],m=d[u?.tag];if(!m)return console.log("Miss component: ",u),{liquid:"",extraFiles:o};if(!u||u?.type==="section")return{liquid:"",extraFiles:o};{let o={extraFiles:{}},g=a(u.advanced,u.tag),h="";h=t.includes(u.tag)?r(u?.childrens?.length,()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,style:g,advanced:u.advanced,parentId:componentsRenderWithParentId.includes(u.tag)?l:null,pageContext:c,...p,rawChildren:u.childrens.map(e=>({...s[e],uid:e,builder:s,components:d,customProps:o,pageContext:c})),children:n.includes(u.tag)?"":WrapRenderChildren({uid:e,customProps:o},u.childrens.map(e=>RenderChildren({uid:e,builder:s,components:d,customProps:o,parentTag:u.tag,pageContext:c})))}),()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,advanced:u.advanced,style:g,isText:!!componentTexts.includes(u.tag)||null,parentId:componentsRenderWithParentId.includes(u.tag)?l:null,pageContext:c,...p})):i`<div style="${componentIconList.includes(u.tag)?"":g}" class="${u.uid} ${u?.childrens?.length||"IconListItemHoz"!==u.tag?"":"hidden"}">
-      ${r(u?.childrens?.length,()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,advanced:{...componentUsingAdvanced.includes(u.tag)?u?.advanced:{},cssClass:u?.advanced?.cssClass},pageContext:c,...p,rawChildren:u.childrens.map(e=>({...s[e],uid:e,builder:s,components:d,customProps:o,pageContext:c})),children:n.includes(u.tag)?"":WrapRenderChildren({uid:e,customProps:o},u.childrens.map(e=>RenderChildren({uid:e,builder:s,components:d,customProps:o,parentTag:u.tag,pageContext:c})))}),()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,advanced:{cssClass:u?.advanced?.cssClass},pageContext:c,isText:!!componentTexts.includes(u.tag)||null,style:componentIconList.includes(u.tag)?g:null,...p}))}
+import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"react-transition-group";import"@gem-sdk/core";import{disableWrap as t,customRenderChildren as n}from"./constant.js";import{RenderIf as r,template as i}from"../helpers/render.js";import{baseAssetURL as s,isLocalEnv as d}from"../helpers/convert.js";import{composeAdvanceStyle as a}from"../helpers/compose-advance-style.js";let componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],componentIconList=["IconListV2","IconList"],componentUsingAdvanced=["IconList"],Render=({uid:e,builder:s,components:d,parentId:l,extraFiles:o={},pageContext:p,...c})=>{let u=s[e],m=d[u?.tag];if(!m)return console.log("Miss component: ",u),{liquid:"",extraFiles:o};if(!u||u?.type==="section")return{liquid:"",extraFiles:o};{let o={extraFiles:{}},g=a(u.advanced,u.tag),h="";h=t.includes(u.tag)?r(u?.childrens?.length,()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,style:g,advanced:u.advanced,parentId:componentsRenderWithParentId.includes(u.tag)?l:null,pageContext:p,...c,rawChildren:u.childrens.map(e=>({...s[e],uid:e,builder:s,components:d,customProps:o,pageContext:p})),children:n.includes(u.tag)?"":WrapRenderChildren({uid:e,customProps:o},u.childrens.map(e=>RenderChildren({uid:e,builder:s,components:d,customProps:o,parentTag:u.tag,pageContext:p})))}),()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,advanced:u.advanced,style:g,isText:!!componentTexts.includes(u.tag)||null,parentId:componentsRenderWithParentId.includes(u.tag)?l:null,pageContext:p,...c})):i`<div style="${componentIconList.includes(u.tag)?"":g}" class="${u.uid} ${u?.childrens?.length||"IconListItemHoz"!==u.tag?"":"hidden"}">
+      ${r(u?.childrens?.length,()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,advanced:{...componentUsingAdvanced.includes(u.tag)?u?.advanced:{},cssClass:u?.advanced?.cssClass},pageContext:p,...c,rawChildren:u.childrens.map(e=>({...s[e],uid:e,builder:s,components:d,customProps:o,pageContext:p})),children:n.includes(u.tag)?"":WrapRenderChildren({uid:e,customProps:o},u.childrens.map(e=>RenderChildren({uid:e,builder:s,components:d,customProps:o,parentTag:u.tag,pageContext:p})))}),()=>m({builderProps:{uid:e,builderData:u},styles:u.styles,setting:u.settings,advanced:{cssClass:u?.advanced?.cssClass},pageContext:p,isText:!!componentTexts.includes(u.tag)||null,style:componentIconList.includes(u.tag)?g:null,...c}))}
       </div>`;let{cssCode:f,jsCode:v}=RenderCustomCode(u);return f&&(h+=f),v&&(h+=v),{liquid:h=appendAnimation(u,h),extraFiles:o.extraFiles}}},RenderCustomCode=e=>{let{css:t,javascript:n,rootClassName:s}=e.advanced?.editorData||{},d=t?.replaceAll(s,e.uid),a=n?.replaceAll(s,e.uid),l=r(!!t,i`
       <style
         id="${`custom-css-${e?.uid}`}"
@@ -12,12 +12,12 @@ import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";imp
           ${a}
         } catch(err){}
       </script>
-    `);return{cssCode:l,jsCode:o}},appendAnimation=(t,n)=>{let{advanced:a,tag:l}=t,{animation:o}=a??{},c=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",p=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},u=c(p("desktop"),"appear"),m=c(p("desktop"),"hover"),g=c(p("tablet"),"appear"),h=c(p("mobile"),"appear"),f=o?.desktop?.enabled&&("none"!==u||"none"!==m)||o?.tablet?.enabled&&"none"!==g||o?.mobile?.enabled&&"none"!==h;if(!f)return n;let v=e=>+!(p(e)?.enabled&&!["shake","none"].includes(c(p(e),"appear"))),b={desktop:v("desktop"),tablet:v("tablet"),mobile:v("mobile")},y={all:"Section"===l?"":"inherit",position:"static",transform:"unset"};return i`
+    `);return{cssCode:l,jsCode:o}},appendAnimation=(t,n)=>{let{advanced:a,tag:l}=t,{animation:o,op:p}=a??{},c=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",u=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},m=c(u("desktop"),"appear"),g=c(u("desktop"),"hover"),h=c(u("tablet"),"appear"),f=c(u("mobile"),"appear"),v=o?.desktop?.enabled&&("none"!==m||"none"!==g)||o?.tablet?.enabled&&"none"!==h||o?.mobile?.enabled&&"none"!==f;if(!v)return n;let b=e=>+!(u(e)?.enabled&&!["shake","none"].includes(c(u(e),"appear"))),y={desktop:b("desktop"),tablet:b("tablet"),mobile:b("mobile")},C={all:"Section"===l?"":"inherit",position:"static",transform:"unset"};return i`
   ${r(d,'<script src="{{ \'gp-animation.js\' | asset_url }}" defer="defer"></script>',`<script src="${s}/assets-v2/gp-animation.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   <gp-animation
-    gp-data='${JSON.stringify({config:o,tag:l})}'
-    style="${{...y}}"
+    gp-data='${JSON.stringify({config:o,tag:l,opacity:p})}'
+    style="${{...C}}"
   >
-    <div style="${{...e("op",b)}}">${n}</div>
+    <div style="${{...e("op",y)}}">${n}</div>
   </gp-animation>
   `},RenderChildren=e=>{let t=Render(e);for(let n in t.extraFiles)Object.prototype.hasOwnProperty.call(t.extraFiles,n)&&(e.customProps.extraFiles[n]=t.extraFiles[n]);let n=new TextEncoder,r=t?.liquid?n.encode(t.liquid).length:0;if(Math.ceil(r/1024)>=180){let n=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[n]=t.liquid,`{% render '${n}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}return t.liquid},WrapRenderChildren=({uid:e,customProps:t},n)=>{let r="";if(n?.length)for(let i=0;i<n.length;i++){let s=n[i];if(s){let n=r+s,d=new TextEncoder,a=n?d.encode(n).length:0;if(Math.ceil(a/1024)>=180){let n=`gp-section-snippet-${e+i}`;t.extraFiles[n]=s,r+=`{% render '${n}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant, form: form  %}`}else r+=s}}return r};export{RenderChildren,WrapRenderChildren,Render as default};

package/dist/esm/hooks/animation/animations.js

@@ -1 +1 @@
-let EASING={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},animations=()=>{let t=t=>{let r=JSON.parse(JSON.stringify(t)),e=["delay","speed","scale","intensity"];return e.forEach(t=>{if(!r?.[t])return;if("scale"===t){if(!r?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[e,a]=r?.scale?.in??[1,1],[n,o]=r?.scale?.out??[1,1];r[t]={in:[Number(e)/100,Number(a)/100],out:[Number(n)/100,Number(o)/100]};return}let e=Number(r?.[t]);if("delay"===t?r[t]=1e3*e:r[t]=e,!isFinite(e))throw TypeError(`${t} must be a number`)}),r},r=(r,e)=>{let n=t(e),{direction:o,distance:i}=n,l=["left","right"].includes(o??"")?"X":"Y",c=["left","down"].includes(o??"")?"-":"",f=[{opacity:0,transform:`translate${l}(${c}${i??50}%)`},{opacity:1,transform:`translate${l}(0)`}];return s(r,f,{...a(n,500),fill:"forwards"})},e=(r,e)=>{let n=t(e),o=[{opacity:0},{opacity:1}];return s(r,o,{...a(n,500)})},a=(t,r)=>{let e=t=>t?1.5/t*1e3:r,{loop:a,delay:n,speed:o,easing:i}=t??{},s=e(o),l=n??0,c=a?s+l:s;return{iterations:a?1/0:1,duration:c,delay:l,easing:EASING[i??"linear"]}},n=(r,e)=>{let n=t(e),{scale:o,zoomDirection:i,isFade:l}=n,[c,f]=o.in,[p,m]=o.out,u=[{transform:`scale(${c}, ${c})`,opacity:l?0:1},{transform:`scale(${f??1.2}, ${f??1.2})`,opacity:1}],y=[{transform:`scale(${p}, ${p})`,opacity:l?0:1},{transform:`scale(${m??.8}, ${m??.8})`,opacity:1}],d="in"===i?u:y;return s(r,d,{...a(n,700),fill:"forwards"})},o=(t,r,e)=>{if(!r)return t;let a=r/e,n=[...t].pop();return[...t,{...n,offset:1-a}]},i=(r,e)=>{let n=t(e),{intensity:o}=n??{},i=[{transform:"translate3d(0, 0, 0)",opacity:1}],l=[{transform:"translate3d(4px, 0, 0)",opacity:1},{transform:"translate3d(-4px, 0, 0)",opacity:1},{transform:"translate3d(4px, 0, 0)",opacity:1}],c=[];Array.from(Array(o??1).keys()).forEach(()=>{c=[...c,...l]});let f=[{transform:"translate3d(-1px, 0, 0)",opacity:1},{transform:"translate3d(2px, 0, 0)",opacity:1},{transform:"translate3d(-4px, 0, 0)",opacity:1},...c,{transform:"translate3d(-4px, 0, 0)",opacity:1},{transform:"translate3d(2px, 0, 0)",opacity:1},{transform:"translate3d(-1px, 0, 0)",opacity:1}];return s(r,o?f:i,{...a(n??{},820)})},s=(t,r,e)=>{let a=new KeyframeEffect(t,e.iterations&&1===e.iterations?r:o(r,e?.delay??0,e?.duration??0),{...e});return new Animation(a,document.timeline)};return{zoom:n,shake:i,fade:e,slide:r}};export{animations};
+let EASING={ease:"cubic-bezier(0.46,0.03,0.52,0.96)","ease-in":"cubic-bezier(0.55,0.08,0.68,0.53)","ease-out":"cubic-bezier(0.46,0.03,0.52,0.96)",linear:"linear"},animations=()=>{let t=t=>{let e=JSON.parse(JSON.stringify(t)),r=["delay","speed","scale","intensity"];return r.forEach(t=>{if(!e?.[t])return;if("scale"===t){if(!e?.zoomDirection)throw TypeError("zoomDirection not found on zoom preset");let[r,a]=e?.scale?.in??[1,1],[n,o]=e?.scale?.out??[1,1];e[t]={in:[Number(r)/100,Number(a)/100],out:[Number(n)/100,Number(o)/100]};return}let r=Number(e?.[t]);if("delay"===t?e[t]=1e3*r:e[t]=r,!isFinite(r))throw TypeError(`${t} must be a number`)}),e},e=(e,r)=>{let n=t(r),{direction:l,distance:s}=n,p=["left","right"].includes(l??"")?"X":"Y",u=["left","down"].includes(l??"")?"-":"",f=o(e),y=[{display:f,opacity:0,transform:`translate${p}(${u}${s??50}%)`},{display:f,opacity:i(e),transform:`translate${p}(0)`}];return c(e,y,{...a(n,500),fill:"forwards"})},r=(e,r)=>{let n=t(r),o=[{opacity:0},{opacity:i(e)}];return c(e,o,{...a(n,500)})},a=(t,e)=>{let r=t=>t?1.5/t*1e3:e,{loop:a,delay:n,speed:o,easing:i}=t??{},l=r(o),s=n??0,c=a?l+s:l;return{iterations:a?1/0:1,duration:c,delay:s,easing:EASING[i??"linear"]}},n=(e,r)=>{let n=t(r),{scale:l,zoomDirection:s,isFade:p}=n,[u,f]=l.in,[y,m]=l.out,d=o(e),b=i(e),$=[{display:d,transform:`scale(${u}, ${u})`,opacity:p?0:1},{display:d,transform:`scale(${f??1.2}, ${f??1.2})`,opacity:b}],w=[{display:d,transform:`scale(${y}, ${y})`,opacity:p?0:1},{display:d,transform:`scale(${m??.8}, ${m??.8})`,opacity:b}],x="in"===s?$:w;return c(e,x,{...a(n,700),fill:"forwards"})},o=t=>{let e="inline"===window.getComputedStyle(t,null).getPropertyValue("display");return e?"block":void 0},i=t=>window.getComputedStyle(t,null).getPropertyValue("opacity"),l=(t,e,r)=>{if(!e)return t;let a=e/r,n=[...t].pop();return[...t,{...n,offset:1-a}]},s=(e,r)=>{let n=t(r),{intensity:l}=n??{},s=o(e),p=i(e),u=[{transform:"translate3d(0, 0, 0)",opacity:p,display:s}],f=[{transform:"translate3d(4px, 0, 0)",opacity:p,display:s},{transform:"translate3d(-4px, 0, 0)",opacity:p,display:s},{transform:"translate3d(4px, 0, 0)",opacity:p,display:s}],y=[];Array.from(Array(l??1).keys()).forEach(()=>{y=[...y,...f]});let m=[{transform:"translate3d(-1px, 0, 0)",opacity:p,display:s},{transform:"translate3d(2px, 0, 0)",opacity:p,display:s},{transform:"translate3d(-4px, 0, 0)",opacity:p,display:s},...y,{transform:"translate3d(-4px, 0, 0)",opacity:p,display:s},{transform:"translate3d(2px, 0, 0)",opacity:p,display:s},{transform:"translate3d(-1px, 0, 0)",opacity:p,display:s}];return c(e,l?m:u,{...a(n??{},820)})},c=(t,e,r)=>{let a=new KeyframeEffect(t,r.iterations&&1===r.iterations?e:l(e,r?.delay??0,r?.duration??0),{...r});return new Animation(a,document.timeline)};return{zoom:n,shake:s,fade:r,slide:e}};export{animations};

package/dist/types/index.d.ts

@@ -6600,7 +6600,7 @@ type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget'
 type LooxReviewsWidgetType = 'reviews_widget' | 'rating_widget' | 'carousel_widget';
 type RyviuWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'masonry';
 type RivyoWidgetType = 'reviews' | 'badge' | 'testimonials' | 'allReviewsPage';
-type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity';
+type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity' | 'sizeChart' | 'upsellBuilderBogo' | 'bundleCountdownBox' | 'reviewsUnderTitle' | 'productReviewsCarousel' | 'shippingBox' | 'currencyConverter' | 'relatedProducts' | 'backInStock';
 type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
 type FeraReviewsV3WidgetType = 'allReviews' | 'testimonialCarousel' | 'mediaGallery' | 'productDetailRating' | 'productReviews' | 'productCollectionRating' | 'otherWidget';
 type GrowaveWidgetType = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.14.0-dev.796",
+  "version": "1.14.0-dev.804",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",