@gem-sdk/components 4.0.12 → 4.0.13

package/dist/cjs/grid/components/row/Row.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Head=require("next/head"),ChildrenDroppable=require("../ChildrenDroppable.js"),HTML5Embed=require("../../../video/components/HTML5Embed.js"),helpers$1=require("../../../video/common/helpers.js"),LiteYouTubeEmbed=require("../../../video/components/LiteYouTubeEmbed.js"),system=require("@gem-sdk/system"),useRowSetting=require("../../hooks/useRowSetting.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),core=require("@gem-sdk/core");const Row=e=>{let{styles:s,setting:t,children:r}=e,{isSection:i,as:l="div"}=t??{},{background:o}=s??{},{builderAttrs:a,cacheHeightOutViewport:m,bgVideo:n,isRowEmpty:u,rowClassEditorOnly:d,isRenderPlaceholderViewBox:c,isPostPurchase:p,ref:j,postPurchaseVerticalAlign:x}=useRowSetting.useRowSettings(e),{rowStyle:h,backgroundBoxStyle:y,embedVideoStyle:R,sectionStyle:g}=styles.getRowStyle(e,p),{rowAttr:b}=attrs.getAttr(e),{rowClass:v,backgroundBoxClass:f,backgroundBoxInnerClass:C,sectionClass:k,wrapperYoutubeClasses:q,iframeYoutubeClasses:E}=classes.getClass(e),w=system.createClass({[v]:!0,[d]:!0}),H=React.useMemo(()=>{if(!helpers.checkHasBackgroundVideo(o))return;if(n?.videoType==="html5"&&!n.videoHtml5||n?.videoType==="youtube"&&!n.video)return null;if(n?.videoType==="html5"&&n.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:n.loop,controls:!1,autoplay:!0,src:n.videoHtml5,title:"Video",className:"gp-relative",style:R});let e=n?.video??"",s=helpers$1.getYoutubeVideoId(e);if(!helpers$1.youtubeVideoRegex.test(e)||!s)return;let t=`&loop=${n?.loop?1:0}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:R,wrapperClass:q,iframeClass:E})},[o,n,R,E,q]),T=React.Children.map(r,e=>!!core.isEmptyChildren(e)),L=jsxRuntime.jsxs("div",{ref:j,...a,...b,style:h(p),className:w,children:[!!H&&jsxRuntime.jsx("div",{className:f,style:y,children:jsxRuntime.jsx("div",{className:C,children:H})}),c?jsxRuntime.jsx("div",{style:{height:`${m}px`}}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:u?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,s=>React.isValidElement(s)?React.createElement(s.type,{hiddenEmptyCol:e.hiddenEmptyCol&&!core.isEmptyChildren(s)&&!T,...s.props,key:s.key,order:t?.order,layout:t?.layout,justifyContent:p?x():t?.verticalAlign}):null)})]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!s?.preloadBgImage&&jsxRuntime.jsxs(Head,{children:[!!o?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.desktop.image.src,as:"image"}),!!o?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.tablet.image.src,as:"image"}),!!o?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.mobile.image.src,as:"image"})]}),i?jsxRuntime.jsx(l,{className:k,style:g,children:L}):L]})};exports.default=Row;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Head=require("next/head"),ChildrenDroppable=require("../ChildrenDroppable.js"),HTML5Embed=require("../../../video/components/HTML5Embed.js"),helpers$1=require("../../../video/common/helpers.js"),LiteYouTubeEmbed=require("../../../video/components/LiteYouTubeEmbed.js"),system=require("@gem-sdk/system"),useRowSetting=require("../../hooks/useRowSetting.js"),attrs=require("./common/attrs.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers=require("./common/helpers.js"),core=require("@gem-sdk/core");const Row=e=>{let{styles:s,setting:t,children:r}=e,{isSection:i,as:l="div"}=t??{},{background:o}=s??{},{builderAttrs:a,bgVideo:m,isRowEmpty:n,rowClassEditorOnly:u,isRenderPlaceholderViewBox:d,isPostPurchase:c,ref:p,postPurchaseVerticalAlign:j}=useRowSetting.useRowSettings(e),{rowStyle:x,backgroundBoxStyle:y,embedVideoStyle:h,sectionStyle:R}=styles.getRowStyle(e,c),{rowAttr:g}=attrs.getAttr(e),{rowClass:b,backgroundBoxClass:v,backgroundBoxInnerClass:f,sectionClass:C,wrapperYoutubeClasses:k,iframeYoutubeClasses:q}=classes.getClass(e),E=system.createClass({[b]:!0,[u]:!0}),w=React.useMemo(()=>{if(!helpers.checkHasBackgroundVideo(o))return;if(m?.videoType==="html5"&&!m.videoHtml5||m?.videoType==="youtube"&&!m.video)return null;if(m?.videoType==="html5"&&m.videoHtml5)return jsxRuntime.jsx(HTML5Embed.default,{muted:!0,loop:m.loop,controls:!1,autoplay:!0,src:m.videoHtml5,title:"Video",className:"gp-relative",style:h});let e=m?.video??"",s=helpers$1.getYoutubeVideoId(e);if(!helpers$1.youtubeVideoRegex.test(e)||!s)return;let t=`&loop=${m?.loop?1:0}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return jsxRuntime.jsx(LiteYouTubeEmbed.default,{id:s,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:h,wrapperClass:k,iframeClass:q})},[o,m,h,q,k]),H=React.Children.map(r,e=>!!core.isEmptyChildren(e)),T=jsxRuntime.jsxs("div",{ref:p,...a,...g,style:x(c),className:E,children:[!!w&&jsxRuntime.jsx("div",{className:v,style:y,children:jsxRuntime.jsx("div",{className:f,children:w})}),d?jsxRuntime.jsx(jsxRuntime.Fragment,{}):n?jsxRuntime.jsx(ChildrenDroppable.default,{}):React.Children.map(r,s=>React.isValidElement(s)?React.createElement(s.type,{hiddenEmptyCol:e.hiddenEmptyCol&&!core.isEmptyChildren(s)&&!H,...s.props,key:s.key,order:t?.order,layout:t?.layout,justifyContent:c?j():t?.verticalAlign}):null)]});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!!s?.preloadBgImage&&jsxRuntime.jsxs(Head,{children:[!!o?.desktop?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.desktop.image.src,as:"image"}),!!o?.tablet?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.tablet.image.src,as:"image"}),!!o?.mobile?.image?.src&&jsxRuntime.jsx("link",{rel:"preload",href:o.mobile.image.src,as:"image"})]}),i?jsxRuntime.jsx(l,{className:C,style:R,children:T}):T]})};exports.default=Row;

package/dist/cjs/grid/hooks/useRowSetting.js

@@ -1 +1 @@
-"use strict";var React=require("react"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),useInView=require("../../common/hooks/useInView.js");const useRowSettings=e=>{let{setting:t,styles:i,children:s,maxWidthWithEmptyChildren:o,builderAttrs:r}=e,{isSection:n,lazy:u,layout:c,blockAlignment:a}=t??{},{background:d}=i??{},g=core.useCurrentDevice(),[l,p]=React.useState(500),m=core.useEditorMode(),R=core.usePageType(),w=core.getBgVideoByDevice(d,g),y=React.useMemo(()=>core.isEmptyChildren(s),[s]),[S,h]=useInView.useInView({initialInView:!u,triggerOnce:!0,skip:!n,onChange:(e,t)=>{if("edit"==m&&!e&&t){let e=getComputedStyle(t),i=t?.getBoundingClientRect().height;p((i-=parseFloat(e.paddingTop)+parseFloat(e.paddingBottom))??500)}}}),C=React.useMemo(()=>!h&&"edit"==m&&"POST_PURCHASE"!==R,[h,m,R]),P=React.useMemo(()=>"edit"!==m&&u&&!h,[h,u,m]),V=()=>{let e=o&&y&&"edit"===m;if(!e)return{};let t=core.getResponsiveValue(c,"display"),i=t[g];return{width:"fit"===i?"fit-content":"400px"}},k=system.createClass({...V,"gp-content-visibility-hidden":P}),v=()=>({desktop:a,tablet:a,mobile:a});return{ref:S,isRowEmpty:y,cacheHeightOutViewport:l,bgVideo:w,rowClassEditorOnly:k,isRenderPlaceholderViewBox:C,builderAttrs:r,children:s,isPostPurchase:"POST_PURCHASE"===R,postPurchaseVerticalAlign:v}};exports.useRowSettings=useRowSettings;
+"use strict";var React=require("react"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),useInView=require("../../common/hooks/useInView.js");const useRowSettings=e=>{let{setting:t,styles:r,children:i,maxWidthWithEmptyChildren:s,builderAttrs:n}=e,{isSection:o,lazy:u,layout:c,blockAlignment:l}=t??{},{background:a}=r??{},d=core.useCurrentDevice(),g=core.useEditorMode(),m=core.usePageType(),h=core.getBgVideoByDevice(a,d),R=React.useRef(null),y=React.useMemo(()=>core.isEmptyChildren(i),[i]),w=e=>{R.current&&(clearTimeout(R.current),R.current=null);let t=e?.getBoundingClientRect().height;e.style.height=`${t||500}px`,e.style.overflow="hidden"},p=e=>{R.current&&clearTimeout(R.current),R.current=setTimeout(()=>{e.style.height="",e.style.overflow="",R.current=null},1500)},[f,v]=useInView.useInView({initialInView:!u,triggerOnce:!0,skip:!o,onChange:(e,t)=>{t&&t instanceof HTMLElement&&"edit"===g&&(e?p(t):w(t))}}),C=React.useMemo(()=>!v&&"edit"==g&&"POST_PURCHASE"!==m,[v,g,m]),P=React.useMemo(()=>"edit"!==g&&u&&!v,[v,u,g]),S=()=>{let e=s&&y&&"edit"===g;if(!e)return{};let t=core.getResponsiveValue(c,"display"),r=t[d];return{width:"fit"===r?"fit-content":"400px"}},T=system.createClass({...S,"gp-content-visibility-hidden":P}),V=()=>({desktop:l,tablet:l,mobile:l});return{ref:f,isRowEmpty:y,bgVideo:h,rowClassEditorOnly:T,isRenderPlaceholderViewBox:C,builderAttrs:n,children:i,isPostPurchase:"POST_PURCHASE"===m,postPurchaseVerticalAlign:V}};exports.useRowSettings=useRowSettings;

package/dist/cjs/product/components/product-images-v2/components/gallery-grid/GalleryGrid.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js");const GalleryGrid=e=>{let{setting:r,styles:t,gallery:i,builderProps:l,noDataChildren:d,onHandleClickImage:u,children:n}=e,a={...r,...t};return i?.[0]?.id==="noImageError"?jsxRuntime.jsx(jsxRuntime.Fragment,{children:d}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:i,enableHoverAction:!0,...a,builderPropUID:l?.uid,onHandleClick:(e,r)=>u(e||"",r),children:n})};exports.default=GalleryGrid;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),ProductGalleryGrid=require("../child/ProductGalleryGrid.js");const GalleryGrid=e=>{let{setting:r,styles:t,gallery:l,builderProps:i,noDataChildren:d,onHandleClickImage:u,children:n}=e,o={...r,...t};return(console.log("setting",r),l?.[0]?.id==="noImageError")?jsxRuntime.jsx(jsxRuntime.Fragment,{children:d}):jsxRuntime.jsx(ProductGalleryGrid.default,{productImages:l,enableHoverAction:!0,...o,builderPropUID:i?.uid,onHandleClick:(e,r)=>u(e||"",r),children:n})};exports.default=GalleryGrid;

package/dist/esm/grid/components/row/Row.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t,Children as l,isValidElement as m,createElement as i}from"react";import s from"next/head";import a from"../ChildrenDroppable.js";import p from"../../../video/components/HTML5Embed.js";import{getYoutubeVideoId as d,youtubeVideoRegex as n}from"../../../video/common/helpers.js";import c from"../../../video/components/LiteYouTubeEmbed.js";import{createClass as f}from"@gem-sdk/system";import{useRowSettings as y}from"../../hooks/useRowSetting.js";import{getAttr as h}from"./common/attrs.js";import{getClass as u}from"./common/classes.js";import{getRowStyle as v}from"./common/styles.js";import{checkHasBackgroundVideo as g}from"./common/helpers.js";import{isEmptyChildren as j}from"@gem-sdk/core";let Row=k=>{let{styles:b,setting:C,children:w}=k,{isSection:N,as:T="div"}=C??{},{background:x}=b??{},{builderAttrs:E,cacheHeightOutViewport:H,bgVideo:R,isRowEmpty:$,rowClassEditorOnly:L,isRenderPlaceholderViewBox:z,isPostPurchase:A,ref:B,postPurchaseVerticalAlign:D}=y(k),{rowStyle:I,backgroundBoxStyle:M,embedVideoStyle:S,sectionStyle:V}=v(k,A),{rowAttr:Y}=h(k),{rowClass:q,backgroundBoxClass:F,backgroundBoxInnerClass:G,sectionClass:J,wrapperYoutubeClasses:K,iframeYoutubeClasses:O}=u(k),P=f({[q]:!0,[L]:!0}),Q=t(()=>{if(!g(x))return;if(R?.videoType==="html5"&&!R.videoHtml5||R?.videoType==="youtube"&&!R.video)return null;if(R?.videoType==="html5"&&R.videoHtml5)return e(p,{muted:!0,loop:R.loop,controls:!1,autoplay:!0,src:R.videoHtml5,title:"Video",className:"gp-relative",style:S});let o=R?.video??"",r=d(o);if(!n.test(o)||!r)return;let t=`&loop=${R?.loop?1:0}&playlist=${r}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return e(c,{id:r,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:S,wrapperClass:K,iframeClass:O})},[x,R,S,O,K]),U=l.map(w,e=>!!j(e)),W=o("div",{ref:B,...E,...Y,style:I(A),className:P,children:[!!Q&&e("div",{className:F,style:M,children:e("div",{className:G,children:Q})}),z?e("div",{style:{height:`${H}px`}}):e(r,{children:$?e(a,{}):l.map(w,e=>m(e)?i(e.type,{hiddenEmptyCol:k.hiddenEmptyCol&&!j(e)&&!U,...e.props,key:e.key,order:C?.order,layout:C?.layout,justifyContent:A?D():C?.verticalAlign}):null)})]});return o(r,{children:[!!b?.preloadBgImage&&o(s,{children:[!!x?.desktop?.image?.src&&e("link",{rel:"preload",href:x.desktop.image.src,as:"image"}),!!x?.tablet?.image?.src&&e("link",{rel:"preload",href:x.tablet.image.src,as:"image"}),!!x?.mobile?.image?.src&&e("link",{rel:"preload",href:x.mobile.image.src,as:"image"})]}),N?e(T,{className:J,style:V,children:W}):W]})};export{Row as default};
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t,Children as m,isValidElement as l,createElement as i}from"react";import s from"next/head";import a from"../ChildrenDroppable.js";import p from"../../../video/components/HTML5Embed.js";import{getYoutubeVideoId as d,youtubeVideoRegex as n}from"../../../video/common/helpers.js";import c from"../../../video/components/LiteYouTubeEmbed.js";import{createClass as f}from"@gem-sdk/system";import{useRowSettings as y}from"../../hooks/useRowSetting.js";import{getAttr as u}from"./common/attrs.js";import{getClass as h}from"./common/classes.js";import{getRowStyle as v}from"./common/styles.js";import{checkHasBackgroundVideo as g}from"./common/helpers.js";import{isEmptyChildren as j}from"@gem-sdk/core";let Row=k=>{let{styles:b,setting:C,children:w}=k,{isSection:N,as:T="div"}=C??{},{background:E}=b??{},{builderAttrs:H,bgVideo:x,isRowEmpty:R,rowClassEditorOnly:L,isRenderPlaceholderViewBox:$,isPostPurchase:z,ref:A,postPurchaseVerticalAlign:B}=y(k),{rowStyle:D,backgroundBoxStyle:I,embedVideoStyle:M,sectionStyle:S}=v(k,z),{rowAttr:V}=u(k),{rowClass:Y,backgroundBoxClass:q,backgroundBoxInnerClass:F,sectionClass:G,wrapperYoutubeClasses:J,iframeYoutubeClasses:K}=h(k),O=f({[Y]:!0,[L]:!0}),P=t(()=>{if(!g(E))return;if(x?.videoType==="html5"&&!x.videoHtml5||x?.videoType==="youtube"&&!x.video)return null;if(x?.videoType==="html5"&&x.videoHtml5)return e(p,{muted:!0,loop:x.loop,controls:!1,autoplay:!0,src:x.videoHtml5,title:"Video",className:"gp-relative",style:M});let o=x?.video??"",r=d(o);if(!n.test(o)||!r)return;let t=`&loop=${x?.loop?1:0}&playlist=${r}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return e(c,{id:r,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:M,wrapperClass:J,iframeClass:K})},[E,x,M,K,J]),Q=m.map(w,e=>!!j(e)),U=o("div",{ref:A,...H,...V,style:D(z),className:O,children:[!!P&&e("div",{className:q,style:I,children:e("div",{className:F,children:P})}),$?e(r,{}):R?e(a,{}):m.map(w,e=>l(e)?i(e.type,{hiddenEmptyCol:k.hiddenEmptyCol&&!j(e)&&!Q,...e.props,key:e.key,order:C?.order,layout:C?.layout,justifyContent:z?B():C?.verticalAlign}):null)]});return o(r,{children:[!!b?.preloadBgImage&&o(s,{children:[!!E?.desktop?.image?.src&&e("link",{rel:"preload",href:E.desktop.image.src,as:"image"}),!!E?.tablet?.image?.src&&e("link",{rel:"preload",href:E.tablet.image.src,as:"image"}),!!E?.mobile?.image?.src&&e("link",{rel:"preload",href:E.mobile.image.src,as:"image"})]}),N?e(T,{className:G,style:S,children:U}):U]})};export{Row as default};

package/dist/esm/grid/hooks/useRowSetting.js

@@ -1 +1 @@
-import{useState as t,useMemo as e}from"react";import{useCurrentDevice as i,useEditorMode as o,usePageType as n,getBgVideoByDevice as r,isEmptyChildren as s,getResponsiveValue as d}from"@gem-sdk/core";import{createClass as m}from"@gem-sdk/system";import{useInView as p}from"../../common/hooks/useInView.js";let useRowSettings=g=>{let{setting:l,styles:a,children:u,maxWidthWithEmptyChildren:c,builderAttrs:f}=g,{isSection:h,lazy:S,layout:P,blockAlignment:k}=l??{},{background:w}=a??{},C=i(),[R,y]=t(500),b=o(),O=n(),T=r(w,C),x=e(()=>s(u),[u]),[A,B]=p({initialInView:!S,triggerOnce:!0,skip:!h,onChange:(t,e)=>{if("edit"==b&&!t&&e){let t=getComputedStyle(e),i=e?.getBoundingClientRect().height;y((i-=parseFloat(t.paddingTop)+parseFloat(t.paddingBottom))??500)}}}),E=e(()=>!B&&"edit"==b&&"POST_PURCHASE"!==O,[B,b,O]),F=e(()=>"edit"!==b&&S&&!B,[B,S,b]),H=()=>{let t=c&&x&&"edit"===b;if(!t)return{};let e=d(P,"display"),i=e[C];return{width:"fit"===i?"fit-content":"400px"}},I=m({...H,"gp-content-visibility-hidden":F}),U=()=>({desktop:k,tablet:k,mobile:k});return{ref:A,isRowEmpty:x,cacheHeightOutViewport:R,bgVideo:T,rowClassEditorOnly:I,isRenderPlaceholderViewBox:E,builderAttrs:f,children:u,isPostPurchase:"POST_PURCHASE"===O,postPurchaseVerticalAlign:U}};export{useRowSettings};
+import{useRef as e,useMemo as t}from"react";import{useCurrentDevice as i,useEditorMode as r,usePageType as n,getBgVideoByDevice as o,isEmptyChildren as l,getResponsiveValue as s}from"@gem-sdk/core";import{createClass as u}from"@gem-sdk/system";import{useInView as c}from"../../common/hooks/useInView.js";let useRowSettings=m=>{let{setting:d,styles:g,children:h,maxWidthWithEmptyChildren:p,builderAttrs:f}=m,{isSection:a,lazy:w,layout:y,blockAlignment:P}=d??{},{background:S}=g??{},T=i(),k=r(),R=n(),C=o(S,T),b=e(null),v=t(()=>l(h),[h]),x=e=>{b.current&&(clearTimeout(b.current),b.current=null);let t=e?.getBoundingClientRect().height;e.style.height=`${t||500}px`,e.style.overflow="hidden"},E=e=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{e.style.height="",e.style.overflow="",b.current=null},1500)},[H,O]=c({initialInView:!w,triggerOnce:!0,skip:!a,onChange:(e,t)=>{t&&t instanceof HTMLElement&&"edit"===k&&(e?E(t):x(t))}}),A=t(()=>!O&&"edit"==k&&"POST_PURCHASE"!==R,[O,k,R]),I=t(()=>"edit"!==k&&w&&!O,[O,w,k]),U=()=>{let e=p&&v&&"edit"===k;if(!e)return{};let t=s(y,"display"),i=t[T];return{width:"fit"===i?"fit-content":"400px"}},V=u({...U,"gp-content-visibility-hidden":I}),_=()=>({desktop:P,tablet:P,mobile:P});return{ref:H,isRowEmpty:v,bgVideo:C,rowClassEditorOnly:V,isRenderPlaceholderViewBox:A,builderAttrs:f,children:h,isPostPurchase:"POST_PURCHASE"===R,postPurchaseVerticalAlign:_}};export{useRowSettings};

package/dist/esm/product/components/product-images-v2/components/gallery-grid/GalleryGrid.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,Fragment as e}from"react/jsx-runtime";import l from"../child/ProductGalleryGrid.js";let GalleryGrid=i=>{let{setting:d,styles:o,gallery:t,builderProps:a,noDataChildren:n,onHandleClickImage:c,children:m}=i,u={...d,...o};return t?.[0]?.id==="noImageError"?r(e,{children:n}):r(l,{productImages:t,enableHoverAction:!0,...u,builderPropUID:a?.uid,onHandleClick:(r,e)=>c(r||"",e),children:m})};export{GalleryGrid as default};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import l from"../child/ProductGalleryGrid.js";let GalleryGrid=o=>{let{setting:i,styles:t,gallery:d,builderProps:n,noDataChildren:a,onHandleClickImage:c,children:m}=o,u={...i,...t};return(console.log("setting",i),d?.[0]?.id==="noImageError")?r(e,{children:a}):r(l,{productImages:d,enableHoverAction:!0,...u,builderPropUID:n?.uid,onHandleClick:(r,e)=>c(r||"",e),children:m})};export{GalleryGrid as default};

package/package.json

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