@gem-sdk/components 19.1.0-staging.12 → 19.1.0-staging.13

package/dist/cjs/post-purchase/product/components/product-image/FeatureImage.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ImageListCarousel.js"),s=require("@gem-sdk/system"),t=require("../../hooks/useFeatureImagePostPurchase.js"),u=require("../../hooks/useSlideCarousel.js"),a=require("../../common/styles.js");exports.default=i=>{let{styles:o,setting:l,gallery:c}=i,d={...l,...o},{ftNavigation:n="none",ftSpacing:m="xtight",layoutType:g,ftAspectRatio:j,ftObjectFit:x,ftWidth:y}=d,{idxActive:h}=t.useFeatureImagePostPurchase({gallery:c}),{itemSlideList:p}=u.useSlideCarousel({layoutType:g}),q=s.createStyle(a.getFeatureImageStyle({ftWidth:y}));return e.jsx("div",{style:q,children:e.jsx(r.default,{...i,productImages:c,aspectRatio:j,objectFit:x,spacing:m,navigation:n,vertical:!1,border:"none",itemPerSlide:p,idxActive:h})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./ImageListCarousel.js"),r=require("@gem-sdk/system"),s=require("../../hooks/useFeatureImagePostPurchase.js"),a=require("../../hooks/useSlideCarousel.js"),u=require("../../common/styles.js");exports.default=i=>{let{styles:o,setting:l,gallery:c}=i,d={...l,...o},{ftNavigation:m="none",ftSpacing:n="xtight",layoutType:g,ftAspectRatio:j,ftObjectFit:y,ftWidth:p}=d,{idxActive:x}=s.useFeatureImagePostPurchase({gallery:c}),{itemSlideList:h}=a.useSlideCarousel({layoutType:g}),q=r.createStyle(u.getFeatureImageStyle({ftWidth:p}));return e.jsx("div",{style:q,children:e.jsx(t.default,{...i,productImages:c,aspectRatio:j,objectFit:y,spacing:n,navigation:m,vertical:!1,border:"none",itemPerSlide:h,idxActive:x,type:"feature-image"})})};

package/dist/cjs/post-purchase/product/components/product-image/carousel-post-purchase/Arrow.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var s=require("react/jsx-runtime"),e=require("@gem-sdk/system"),r=require("../../../hooks/useNavigationCarouselPostPurchase.js"),a=require("../../../common/classes.js");exports.ArrowPostPurchase=t=>{let{type:o,navigation:i,vertical:u,hidden:l=!1}=t,{imgSrc:c,handleClick:n,disabled:g}=r.useNavigationCarouselPostPurchase({type:o,vertical:u}),m=e.createClass(a.getNavigationClass());return"none"===i||l?null:s.jsx("button",{className:m,disabled:g,onClick:n,children:s.jsx("img",{src:c,alt:`gp-arrow-${o}`})})};
+"use strict";var s=require("react/jsx-runtime"),e=require("@gem-sdk/system"),r=require("../../../hooks/useNavigationCarouselPostPurchase.js"),a=require("../../../common/classes.js");exports.ArrowPostPurchase=t=>{let{type:o,navigation:i,vertical:u,hidden:l=!1,carouselType:c,productImages:n}=t,{imgSrc:g,handleClick:m,disabled:P}=r.useNavigationCarouselPostPurchase({type:o,vertical:u,productImages:n,carouselType:c}),h=e.createClass(a.getNavigationClass());return"none"===i||l?null:s.jsx("button",{className:h,disabled:P,onClick:m,children:s.jsx("img",{src:g,alt:`gp-arrow-${o}`})})};

package/dist/cjs/post-purchase/product/components/product-image/carousel-post-purchase/CarouselWrapperPostPurchase.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("../../../../common/helper.js"),t=require("@gem-sdk/system"),a=require("./Arrow.js"),o=require("./CarouselPostPurchase.js"),u=require("../../../hooks/useCarousel.js"),c=require("../../../common/classes.js"),i=require("../../../common/styles.js");exports.CarouselWrapperPostPurchase=({styles:l,setting:n,productImages:m,objectFit:h="cover",aspectRatio:p,itemPerSlide:g=1,spacing:j,navigation:P="none",vertical:d=!1,border:q="none",idxActive:v})=>{let x={...l,...n},{layoutType:y}=x||{},{setMoveToIdx:C,setMaxIdx:f}=u.useCarousel(),w=s.postPurchaseSpacing[j||"none"]??"0px",b="one-col"===y,A=t.createClass(c.getImageListClass()),I=t.createStyle(i.getImageListStyle({gap:w,vertical:d}));return r.useEffect(()=>{let e=m.length-Number(g||0);f(e)},[m.length,g,f]),r.useEffect(()=>{(v||0===v)&&1===g&&C(v)},[v,g,C]),e.jsxs("div",{className:A,style:I,children:[e.jsx(a.ArrowPostPurchase,{type:"prev",navigation:P,vertical:d,hidden:b}),e.jsx(o.CarouselPostPurchase,{productImages:m,itemPerRow:g,border:q,aspectRatio:p,objectFit:h,vertical:d}),e.jsx(a.ArrowPostPurchase,{type:"next",navigation:P,vertical:d,hidden:b})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),s=require("../../../../common/helper.js"),t=require("@gem-sdk/system"),a=require("./Arrow.js"),o=require("./CarouselPostPurchase.js"),u=require("../../../hooks/useCarousel.js"),c=require("../../../common/classes.js"),i=require("../../../common/styles.js");exports.CarouselWrapperPostPurchase=({styles:l,setting:n,productImages:m,objectFit:p="cover",aspectRatio:g,itemPerSlide:h=1,spacing:j,navigation:P="none",vertical:d=!1,border:y="none",idxActive:q,type:v})=>{let x={...l,...n},{layoutType:C}=x||{},{setMoveToIdx:I,setMaxIdx:f}=u.useCarousel(),w=s.postPurchaseSpacing[j||"none"]??"0px",b="one-col"===C,A=t.createClass(c.getImageListClass()),S=t.createStyle(i.getImageListStyle({gap:w,vertical:d}));return r.useEffect(()=>{let e=m.length-Number(h||0);f(e)},[m.length,h,f]),r.useEffect(()=>{(q||0===q)&&1===h&&I(q)},[q,h,I]),e.jsxs("div",{className:A,style:S,children:[e.jsx(a.ArrowPostPurchase,{type:"prev",productImages:m,navigation:P,carouselType:v,vertical:d,hidden:b}),e.jsx(o.CarouselPostPurchase,{productImages:m,itemPerRow:h,border:y,aspectRatio:g,objectFit:p,vertical:d}),e.jsx(a.ArrowPostPurchase,{type:"next",productImages:m,navigation:P,carouselType:v,vertical:d,hidden:b})]})};

package/dist/cjs/post-purchase/product/components/product-image/layouts/OnlyGalleryImage.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../ImageListGrid.js"),r=require("../ImageListCarousel.js"),s=require("@gem-sdk/system"),i=require("../../../hooks/useProductImagePostPurchase.js"),a=require("../../../common/classes.js");exports.default=o=>{let{setting:u,styles:l,gallery:c}=o,d={...u,...l},{isImageListCarousel:m}=i.useProductImagePostPurchase({imageList:c,setting:u}),g=s.createClass(a.getOnlyFeatureLayoutClass());return e.jsx("div",{className:g,children:m?e.jsx(r.default,{...o,productImages:c,aspectRatio:d?.ilAspectRatio,objectFit:d.ilObjectFit,spacing:d.ilSpacing,navigation:d?.ilNavigation,vertical:d?.layoutType!=="bottom-center",border:d?.ilBorder,itemPerSlide:d?.ilItemPerSlide}):e.jsx(t.default,{...o,productImages:c})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../ImageListGrid.js"),s=require("../ImageListCarousel.js"),r=require("@gem-sdk/system"),i=require("../../../hooks/useProductImagePostPurchase.js"),a=require("../../../common/classes.js");exports.default=o=>{let{setting:u,styles:l,gallery:c}=o,d={...u,...l},{isImageListCarousel:m}=i.useProductImagePostPurchase({imageList:c,setting:u}),g=r.createClass(a.getOnlyFeatureLayoutClass());return e.jsx("div",{className:g,children:m?e.jsx(s.default,{...o,productImages:c,aspectRatio:d?.ilAspectRatio,objectFit:d.ilObjectFit,spacing:d.ilSpacing,navigation:d?.ilNavigation,vertical:d?.layoutType!=="bottom-center",border:d?.ilBorder,itemPerSlide:d?.ilItemPerSlide,type:"images-list"}):e.jsx(t.default,{...o,productImages:c})})};

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

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../constants/index.js"),s=require("./useCarousel.js");exports.useNavigationCarouselPostPurchase=t=>{let{moveToIdx:a,maxIdx:u,setMoveToIdx:i}=s.useCarousel(),{type:n,vertical:l}=t,o="next"==n?a>=u:0===a,c=e.useMemo(()=>r.BUTTON_URL_MAP_POST_PURCHASE[n][l?"vertical":"horizontal"][o?"disabled":"enabled"],[n,l,o]);return{imgSrc:c,handleClick:()=>{if("next"===n){i(a+1);return}i(a-1)},disabled:o}};
+"use strict";var e=require("react"),r=require("../constants/index.js"),t=require("./useCarousel.js"),s=require("@gem-sdk/core");exports.useNavigationCarouselPostPurchase=u=>{let{moveToIdx:a,maxIdx:o,setMoveToIdx:i}=t.useCarousel(),l=s.useProductStore(e=>e.setProductFeaturedImage),{type:c,vertical:d}=u,n="next"==c?a>=o:0===a,P=e.useMemo(()=>r.BUTTON_URL_MAP_POST_PURCHASE[c][d?"vertical":"horizontal"][n?"disabled":"enabled"],[c,d,n]);return{imgSrc:P,handleClick:()=>{let e="next"===c?a+1:a-1;if(i(e),"feature-image"===u.carouselType){let r=u.productImages?.[e];r&&l(r)}},disabled:n}};

package/dist/esm/post-purchase/product/components/product-image/FeatureImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"./ImageListCarousel.js";import{createStyle as o}from"@gem-sdk/system";import{useFeatureImagePostPurchase as r}from"../../hooks/useFeatureImagePostPurchase.js";import{useSlideCarousel as s}from"../../hooks/useSlideCarousel.js";import{getFeatureImageStyle as i}from"../../common/styles.js";let m=m=>{let{styles:a,setting:l,gallery:n}=m,u={...l,...a},{ftNavigation:c="none",ftSpacing:p="xtight",layoutType:d,ftAspectRatio:g,ftObjectFit:f,ftWidth:j}=u,{idxActive:h}=r({gallery:n}),{itemSlideList:v}=s({layoutType:d}),x=o(i({ftWidth:j}));return e("div",{style:x,children:e(t,{...m,productImages:n,aspectRatio:g,objectFit:f,spacing:p,navigation:c,vertical:!1,border:"none",itemPerSlide:v,idxActive:h})})};export{m as default};
+import{jsx as e}from"react/jsx-runtime";import t from"./ImageListCarousel.js";import{createStyle as o}from"@gem-sdk/system";import{useFeatureImagePostPurchase as r}from"../../hooks/useFeatureImagePostPurchase.js";import{useSlideCarousel as s}from"../../hooks/useSlideCarousel.js";import{getFeatureImageStyle as i}from"../../common/styles.js";let m=m=>{let{styles:a,setting:u,gallery:l}=m,n={...u,...a},{ftNavigation:p="none",ftSpacing:c="xtight",layoutType:d,ftAspectRatio:g,ftObjectFit:f,ftWidth:j}=n,{idxActive:h}=r({gallery:l}),{itemSlideList:v}=s({layoutType:d}),x=o(i({ftWidth:j}));return e("div",{style:x,children:e(t,{...m,productImages:l,aspectRatio:g,objectFit:f,spacing:c,navigation:p,vertical:!1,border:"none",itemPerSlide:v,idxActive:h,type:"feature-image"})})};export{m as default};

package/dist/esm/post-purchase/product/components/product-image/carousel-post-purchase/Arrow.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o}from"react/jsx-runtime";import{createClass as r}from"@gem-sdk/system";import{useNavigationCarouselPostPurchase as s}from"../../../hooks/useNavigationCarouselPostPurchase.js";import{getNavigationClass as e}from"../../../common/classes.js";let t=t=>{let{type:m,navigation:a,vertical:i,hidden:l=!1}=t,{imgSrc:n,handleClick:c,disabled:u}=s({type:m,vertical:i}),p=r(e());return"none"===a||l?null:o("button",{className:p,disabled:u,onClick:c,children:o("img",{src:n,alt:`gp-arrow-${m}`})})};export{t as ArrowPostPurchase};
+import{jsx as o}from"react/jsx-runtime";import{createClass as r}from"@gem-sdk/system";import{useNavigationCarouselPostPurchase as s}from"../../../hooks/useNavigationCarouselPostPurchase.js";import{getNavigationClass as e}from"../../../common/classes.js";let t=t=>{let{type:m,navigation:a,vertical:i,hidden:l=!1,carouselType:n,productImages:c}=t,{imgSrc:u,handleClick:p,disabled:d}=s({type:m,vertical:i,productImages:c,carouselType:n}),f=r(e());return"none"===a||l?null:o("button",{className:f,disabled:d,onClick:p,children:o("img",{src:u,alt:`gp-arrow-${m}`})})};export{t as ArrowPostPurchase};

package/dist/esm/post-purchase/product/components/product-image/carousel-post-purchase/CarouselWrapperPostPurchase.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{postPurchaseSpacing as t}from"../../../../common/helper.js";import{createClass as m,createStyle as s}from"@gem-sdk/system";import{ArrowPostPurchase as i}from"./Arrow.js";import{CarouselPostPurchase as a}from"./CarouselPostPurchase.js";import{useCarousel as n}from"../../../hooks/useCarousel.js";import{getImageListClass as p}from"../../../common/classes.js";import{getImageListStyle as c}from"../../../common/styles.js";let l=({styles:l,setting:u,productImages:d,objectFit:f="cover",aspectRatio:h,itemPerSlide:j=1,spacing:v,navigation:g="none",vertical:y=!1,border:P="none",idxActive:x})=>{let b={...l,...u},{layoutType:C}=b||{},{setMoveToIdx:k,setMaxIdx:w}=n(),N=t[v||"none"]??"0px",R="one-col"===C,A=m(p()),F=s(c({gap:N,vertical:y}));return r(()=>{let e=d.length-Number(j||0);w(e)},[d.length,j,w]),r(()=>{(x||0===x)&&1===j&&k(x)},[x,j,k]),e("div",{className:A,style:F,children:[o(i,{type:"prev",navigation:g,vertical:y,hidden:R}),o(a,{productImages:d,itemPerRow:j,border:P,aspectRatio:h,objectFit:f,vertical:y}),o(i,{type:"next",navigation:g,vertical:y,hidden:R})]})};export{l as CarouselWrapperPostPurchase};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{postPurchaseSpacing as t}from"../../../../common/helper.js";import{createClass as m,createStyle as s}from"@gem-sdk/system";import{ArrowPostPurchase as a}from"./Arrow.js";import{CarouselPostPurchase as i}from"./CarouselPostPurchase.js";import{useCarousel as p}from"../../../hooks/useCarousel.js";import{getImageListClass as c}from"../../../common/classes.js";import{getImageListStyle as n}from"../../../common/styles.js";let l=({styles:l,setting:u,productImages:d,objectFit:f="cover",aspectRatio:g,itemPerSlide:h=1,spacing:j,navigation:v="none",vertical:y=!1,border:P="none",idxActive:x,type:b})=>{let C={...l,...u},{layoutType:I}=C||{},{setMoveToIdx:k,setMaxIdx:w}=p(),N=t[j||"none"]??"0px",R="one-col"===I,T=m(c()),A=s(n({gap:N,vertical:y}));return r(()=>{let e=d.length-Number(h||0);w(e)},[d.length,h,w]),r(()=>{(x||0===x)&&1===h&&k(x)},[x,h,k]),e("div",{className:T,style:A,children:[o(a,{type:"prev",productImages:d,navigation:v,carouselType:b,vertical:y,hidden:R}),o(i,{productImages:d,itemPerRow:h,border:P,aspectRatio:g,objectFit:f,vertical:y}),o(a,{type:"next",productImages:d,navigation:v,carouselType:b,vertical:y,hidden:R})]})};export{l as CarouselWrapperPostPurchase};

package/dist/esm/post-purchase/product/components/product-image/layouts/OnlyGalleryImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"../ImageListGrid.js";import i from"../ImageListCarousel.js";import{createClass as r}from"@gem-sdk/system";import{useProductImagePostPurchase as o}from"../../../hooks/useProductImagePostPurchase.js";import{getOnlyFeatureLayoutClass as m}from"../../../common/classes.js";let a=a=>{let{setting:s,styles:l,gallery:c}=a,p={...s,...l},{isImageListCarousel:d}=o({imageList:c,setting:s}),g=r(m());return e("div",{className:g,children:d?e(i,{...a,productImages:c,aspectRatio:p?.ilAspectRatio,objectFit:p.ilObjectFit,spacing:p.ilSpacing,navigation:p?.ilNavigation,vertical:p?.layoutType!=="bottom-center",border:p?.ilBorder,itemPerSlide:p?.ilItemPerSlide}):e(t,{...a,productImages:c})})};export{a as default};
+import{jsx as e}from"react/jsx-runtime";import t from"../ImageListGrid.js";import i from"../ImageListCarousel.js";import{createClass as r}from"@gem-sdk/system";import{useProductImagePostPurchase as o}from"../../../hooks/useProductImagePostPurchase.js";import{getOnlyFeatureLayoutClass as m}from"../../../common/classes.js";let s=s=>{let{setting:a,styles:l,gallery:c}=s,p={...a,...l},{isImageListCarousel:g}=o({imageList:c,setting:a}),d=r(m());return e("div",{className:d,children:g?e(i,{...s,productImages:c,aspectRatio:p?.ilAspectRatio,objectFit:p.ilObjectFit,spacing:p.ilSpacing,navigation:p?.ilNavigation,vertical:p?.layoutType!=="bottom-center",border:p?.ilBorder,itemPerSlide:p?.ilItemPerSlide,type:"images-list"}):e(t,{...s,productImages:c})})};export{s as default};

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

@@ -1 +1 @@
-import{useMemo as e}from"react";import{BUTTON_URL_MAP_POST_PURCHASE as r}from"../constants/index.js";import{useCarousel as t}from"./useCarousel.js";let o=o=>{let{moveToIdx:a,maxIdx:i,setMoveToIdx:n}=t(),{type:s,vertical:l}=o,u="next"==s?a>=i:0===a,m=e(()=>r[s][l?"vertical":"horizontal"][u?"disabled":"enabled"],[s,l,u]);return{imgSrc:m,handleClick:()=>{if("next"===s){n(a+1);return}n(a-1)},disabled:u}};export{o as useNavigationCarouselPostPurchase};
+import{useMemo as e}from"react";import{BUTTON_URL_MAP_POST_PURCHASE as t}from"../constants/index.js";import{useCarousel as r}from"./useCarousel.js";import{useProductStore as o}from"@gem-sdk/core";let a=a=>{let{moveToIdx:s,maxIdx:i,setMoveToIdx:l}=r(),m=o(e=>e.setProductFeaturedImage),{type:u,vertical:n}=a,c="next"==u?s>=i:0===s,d=e(()=>t[u][n?"vertical":"horizontal"][c?"disabled":"enabled"],[u,n,c]);return{imgSrc:d,handleClick:()=>{let e="next"===u?s+1:s-1;if(l(e),"feature-image"===a.carouselType){let t=a.productImages?.[e];t&&m(t)}},disabled:c}};export{a as useNavigationCarouselPostPurchase};

package/package.json

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