@gem-sdk/components 17.0.0-dev.75 → 17.0.0-dev.76

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/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"),l=require("@gem-sdk/core");exports.CarouselWrapperPostPurchase=({styles:n,setting:m,productImages:g,objectFit:P="cover",aspectRatio:d,itemPerSlide:h=1,spacing:p,navigation:j="none",vertical:q=!1,border:v="none",idxActive:x,type:y})=>{let f={...n,...m},{layoutType:C}=f||{},{setMoveToIdx:w,setMaxIdx:I,moveToIdx:S}=u.useCarousel(),b=l.useProductStore(e=>e.setProductFeaturedImage),k=s.postPurchaseSpacing[p||"none"]??"0px",A="one-col"===C,E=t.createClass(c.getImageListClass()),F=t.createStyle(i.getImageListStyle({gap:k,vertical:q}));return r.useEffect(()=>{let e=g.length-Number(h||0);I(e)},[g.length,h,I]),r.useEffect(()=>{(x||0===x)&&1===h&&w(x)},[x,h,w]),r.useEffect(()=>{let e=g[S];"feature-image"===y&&e&&b(e)},[y,S,b]),e.jsxs("div",{className:E,style:F,children:[e.jsx(a.ArrowPostPurchase,{type:"prev",navigation:j,vertical:q,hidden:A}),e.jsx(o.CarouselPostPurchase,{productImages:g,itemPerRow:h,border:v,aspectRatio:d,objectFit:P,vertical:q}),e.jsx(a.ArrowPostPurchase,{type:"next",navigation:j,vertical:q,hidden:A})]})};

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/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/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 r}from"react/jsx-runtime";import{useEffect as o}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 n}from"../../../hooks/useCarousel.js";import{getImageListClass as p}from"../../../common/classes.js";import{getImageListStyle as c}from"../../../common/styles.js";import{useProductStore as l}from"@gem-sdk/core";let u=({styles:u,setting:d,productImages:f,objectFit:g="cover",aspectRatio:h,itemPerSlide:j=1,spacing:v,navigation:P="none",vertical:y=!1,border:x="none",idxActive:b,type:k})=>{let C={...u,...d},{layoutType:w}=C||{},{setMoveToIdx:F,setMaxIdx:I,moveToIdx:N}=n(),R=l(e=>e.setProductFeaturedImage),A=t[v||"none"]??"0px",W="one-col"===w,q=m(p()),z=s(c({gap:A,vertical:y}));return o(()=>{let e=f.length-Number(j||0);I(e)},[f.length,j,I]),o(()=>{(b||0===b)&&1===j&&F(b)},[b,j,F]),o(()=>{let e=f[N];"feature-image"===k&&e&&R(e)},[k,N,R]),e("div",{className:q,style:z,children:[r(a,{type:"prev",navigation:P,vertical:y,hidden:W}),r(i,{productImages:f,itemPerRow:j,border:x,aspectRatio:h,objectFit:g,vertical:y}),r(a,{type:"next",navigation:P,vertical:y,hidden:W})]})};export{u 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/package.json

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