@gem-sdk/components 17.0.0-dev.81 → 17.0.0-dev.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/cart/components/CartList.js +1 -1
- package/dist/cjs/cart/index.js +1 -1
- package/dist/cjs/collection/index.js +1 -1
- package/dist/cjs/grid/components/row/Row.js +1 -1
- package/dist/cjs/grid/components/section/Section.js +1 -1
- package/dist/cjs/grid/components/section/lazyload/LazySectionWrapper.js +1 -0
- package/dist/cjs/grid/components/section/lazyload/lazyInteractionTrigger.js +1 -0
- package/dist/cjs/grid/components/section/lazyload/lazySectionCoordinator.js +1 -0
- package/dist/cjs/grid/index.js +1 -1
- package/dist/cjs/header/components/kind/basic/index.js +1 -1
- package/dist/cjs/header/components/kind/modern/index.js +1 -1
- package/dist/cjs/header/index.js +1 -1
- package/dist/cjs/hero-banner/index.js +1 -1
- package/dist/cjs/post-purchase/callout-banner/index.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-variant/components/variants/Dropdown.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-variant/components/variants/DropdownOption.js +1 -1
- package/dist/cjs/post-purchase/product/index.js +1 -1
- package/dist/esm/cart/components/CartList.js +1 -1
- package/dist/esm/cart/index.js +1 -1
- package/dist/esm/collection/index.js +1 -1
- package/dist/esm/grid/components/row/Row.js +1 -1
- package/dist/esm/grid/components/section/Section.js +1 -1
- package/dist/esm/grid/components/section/lazyload/LazySectionWrapper.js +1 -0
- package/dist/esm/grid/components/section/lazyload/lazyInteractionTrigger.js +1 -0
- package/dist/esm/grid/components/section/lazyload/lazySectionCoordinator.js +1 -0
- package/dist/esm/grid/index.js +1 -1
- package/dist/esm/header/components/kind/basic/index.js +1 -1
- package/dist/esm/header/components/kind/modern/index.js +1 -1
- package/dist/esm/header/index.js +1 -1
- package/dist/esm/hero-banner/index.js +1 -1
- package/dist/esm/post-purchase/callout-banner/index.js +1 -1
- package/dist/esm/post-purchase/product/components/product-variant/components/variants/Dropdown.js +1 -1
- package/dist/esm/post-purchase/product/components/product-variant/components/variants/DropdownOption.js +1 -1
- package/dist/esm/post-purchase/product/index.js +1 -1
- package/dist/types/index.d.ts +2 -2
- package/dist/types/server.d.ts +459 -0
- package/package.json +14 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("@gem-sdk/core");require("next/head");var i=require("../../grid/components/ChildrenDroppable.js");require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var t=require("../../grid/components/col/Col.js");exports.default=({builderProps:s,advanced:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("@gem-sdk/core");require("next/head");var i=require("../../grid/components/ChildrenDroppable.js");require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../../grid/components/section/lazyload/lazyInteractionTrigger.js");var t=require("../../grid/components/col/Col.js");exports.default=({builderProps:s,advanced:a,setting:d,styles:n,children:l,...u})=>{let{data:o,error:c}=r.useCartData();return e.jsx("div",{"data-id":s?.uid,...u,children:c?e.jsxs("div",{children:["Error: ",c.message]}):o?e.jsx(t.default,{styles:n,children:o.lineItems.map(t=>t?e.jsx(r.CartLineProvider,{line:t,children:r.isEmptyChildren(l)?e.jsx(i.default,{}):l},t.id):null)}):e.jsx("div",{children:"Cart Empty"})})};
|
package/dist/cjs/cart/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js");var e=require("./components/shop-pay-button/ShopPayButton.js"),t=require("./settings/Cart.js"),r=require("./settings/CartLinePrice.js"),i=require("./settings/CartLineVariant.js"),s=require("./settings/CartList.js"),a=require("./settings/CartLineImage.js"),u=require("./settings/CartTotalPrice.js"),n=require("./settings/CartTotalItem.js"),o=require("./settings/CartCheckout.js"),C=require("./settings/DiscountInput.js"),
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("../image/components/AdaptiveImage.js");var e=require("./components/shop-pay-button/ShopPayButton.js"),t=require("./settings/Cart.js"),r=require("./settings/CartLinePrice.js"),i=require("./settings/CartLineVariant.js"),s=require("./settings/CartList.js"),a=require("./settings/CartLineImage.js"),u=require("./settings/CartTotalPrice.js"),n=require("./settings/CartTotalItem.js"),o=require("./settings/CartCheckout.js"),C=require("./settings/DiscountInput.js"),g=require("./settings/CartDiscount.js"),q=require("./settings/CartOrderNote.js"),d=require("./settings/CartLineAttribute.js"),l=require("./settings/CouponList.js"),c=require("./settings/ShopPayButton.js");const j={Cart:t.default,CartList:s.default,CartLinePrice:r.default,CartLineVariant:i.default,CartLineImage:a.default,CartTotalPrice:u.default,CartTotalItem:n.default,CartCheckout:o.default,DiscountInput:C.default,CartDiscount:g.default,CartOrderNote:q.default,CartLineAttribute:d.default,CouponList:l.default,ShopPayButton:c.default};exports.ShopPayButton=e.default,exports.cartSetting=j;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("html-react-parser");var e=require("./settings/collection-title/CollectionTitle.js"),t=require("./settings/collection-banner/CollectionBanner.js"),i=require("./settings/collection-description/CollectionDescription.js"),r=require("./settings/collection-toolbar/CollectionToolbar.js"),o=require("./settings/collection-paginator/CollectionPaginator.js");const l={CollectionTitle:e.default,CollectionBanner:t.default,CollectionDescription:i.default,CollectionToolbar:r.default,CollectionPaginator:o.default};exports.collectionSetting=l;
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("react"),require("@gem-sdk/system"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("html-react-parser");var e=require("./settings/collection-title/CollectionTitle.js"),t=require("./settings/collection-banner/CollectionBanner.js"),i=require("./settings/collection-description/CollectionDescription.js"),r=require("./settings/collection-toolbar/CollectionToolbar.js"),o=require("./settings/collection-paginator/CollectionPaginator.js");const l={CollectionTitle:e.default,CollectionBanner:t.default,CollectionDescription:i.default,CollectionToolbar:r.default,CollectionPaginator:o.default};exports.collectionSetting=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("next/head"),t=require("../ChildrenDroppable.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("next/head"),t=require("../ChildrenDroppable.js"),i=require("../../../video/components/HTML5Embed.js"),l=require("../../../video/common/helpers.js"),o=require("../../../video/components/LiteYouTubeEmbed.js"),a=require("@gem-sdk/system"),d=require("../../hooks/useRowSetting.js"),n=require("./common/attrs.js"),m=require("./common/classes.js"),u=require("./common/styles.js"),c=require("./common/helpers.js"),p=require("@gem-sdk/core"),y=require("../section/lazyload/LazySectionWrapper.js");exports.default=j=>{let{styles:h,setting:g,children:x}=j,{isSection:v,priority:f,as:q="div"}=g??{},k=p.useBuilderStore(e=>e.sectionIndex),{background:b}=h??{},{builderAttrs:C,bgVideo:E,isRowEmpty:w,rowClassEditorOnly:N,isRenderPlaceholderViewBox:H,isPostPurchase:R,ref:S,postPurchaseVerticalAlign:T}=d.useRowSettings(j),{rowStyle:V,backgroundBoxStyle:P,embedVideoStyle:z,sectionStyle:B}=u.getRowStyle({rowProps:j,isPostPurchase:R,type:"React"}),{rowAttr:I}=n.getAttr(j),{rowClass:L,backgroundBoxClass:M,backgroundBoxInnerClass:A,sectionClass:F,wrapperYoutubeClasses:Y,iframeYoutubeClasses:$}=m.getClass(j),_=a.createClass({[L]:!0,[N]:!0}),D=r.useMemo(()=>{if(!c.checkHasBackgroundVideo(b))return;if(E?.videoType==="html5"&&!E.videoHtml5||E?.videoType==="youtube"&&!E.video)return null;if(E?.videoType==="html5"&&E.videoHtml5)return e.jsx(i.default,{muted:!0,loop:E.loop,controls:!1,autoplay:!0,src:E.videoHtml5,title:"Video",className:"gp-relative",style:z});let r=E?.video??"",s=l.getYoutubeVideoId(r);if(!l.youtubeVideoRegex.test(r)||!s)return;let t=`&loop=${E?.loop?1:0}&playlist=${s}&showinfo=0&rel=0&fs=0&enablejsapi=1`;return e.jsx(o.default,{id:s,autoplay:!0,title:"",controls:!1,params:t,adNetwork:!1,noCookie:!0,muted:!0,lazy:!1,style:z,wrapperClass:Y,iframeClass:$})},[b,E,z,$,Y]),O=r.Children.map(x,e=>!!p.isEmptyChildren(e)),W=e.jsxs("div",{ref:S,...C,...I,style:V(R),className:_,children:[!!D&&e.jsx("div",{className:M,style:P,children:e.jsx("div",{className:A,children:D})}),H?e.jsx(e.Fragment,{}):w?e.jsx(t.default,{}):r.Children.map(x,e=>r.isValidElement(e)?r.createElement(e.type,{hiddenEmptyCol:j.hiddenEmptyCol&&!p.isEmptyChildren(e)&&!O,...e.props,key:e.key,order:g?.order,layout:g?.layout,justifyContent:R?T():g?.verticalAlign}):null)]});return e.jsxs(e.Fragment,{children:[!!h?.preloadBgImage&&e.jsxs(s,{children:[!!b?.desktop?.image?.src&&e.jsx("link",{rel:"preload",href:b.desktop.image.src,as:"image"}),!!b?.tablet?.image?.src&&e.jsx("link",{rel:"preload",href:b.tablet.image.src,as:"image"}),!!b?.mobile?.image?.src&&e.jsx("link",{rel:"preload",href:b.mobile.image.src,as:"image"})]}),v?e.jsx(y.default,{priority:f||0===k,children:e.jsx(q,{className:F,style:B,children:W})}):W]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../common/components/Loading.js")
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../common/components/Loading.js"),i=require("@gem-sdk/core"),o=require("../row/Row.js");exports.default=s=>{let u=i.useEditorMode(),n=r.useMemo(()=>{let{builderProps:e}=s;return"edit"===u&&e?.builderData?.name==="SectionLoading"},[s,u]);return n?e.jsx(t.default,{}):e.jsx(o.default,{...s,setting:{...s.setting,as:"section",isSection:!0}})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./lazyInteractionTrigger.js"),i=require("./lazySectionCoordinator.js");exports.default=({children:n,priority:u})=>{let a=!!u,[s,c]=t.useState(()=>a||r.isInteracted()),o=t.useRef(null);return(t.useEffect(()=>{a&&requestAnimationFrame(()=>{i.startCascade(o.current?.clientHeight??0)})},[a]),t.useEffect(()=>{s&&!a&&requestAnimationFrame(()=>{i.notifySectionRendered(o.current?.clientHeight??0)})},[s,a]),t.useEffect(()=>{if(s||a)return;let e=i.enqueueSection(()=>c(!0)),t=r.subscribeInteraction(()=>c(!0));return()=>{e(),t()}},[s,a]),s)?e.jsx("div",{ref:o,children:n}):e.jsx("div",{"data-lazyload-section":!0})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=["keydown","mousemove","wheel","touchmove","touchstart","touchend"];let t=!1;const o=new Set,n=()=>{t||(t=!0,o.forEach(e=>e()),o.clear(),e.forEach(e=>window.removeEventListener(e,n)))};"undefined"!=typeof window&&e.forEach(e=>window.addEventListener(e,n,{passive:!0})),exports.isInteracted=()=>t,exports.subscribeInteraction=e=>t?(e(),()=>{}):(o.add(e),()=>o.delete(e));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=[];let t=0,n=!1;const i=()=>{if("undefined"==typeof window||t>=window.innerHeight)return;let n=e.shift();n&&n()};exports.enqueueSection=t=>(e.push(t),()=>{let n=e.indexOf(t);-1!==n&&e.splice(n,1)}),exports.notifySectionRendered=e=>{t+=e,i()},exports.startCascade=e=>{n||(n=!0,t=e,i())};
|
package/dist/cjs/grid/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var e=require("./settings/Root.js"),r=require("./settings/Section.js"),t=require("./settings/Row.js"),i=require("./settings/Col.js");const s={Root:e.default,Section:r.default,Row:t.default,Col:i.default};exports.gridSetting=s;
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("./components/section/lazyload/lazyInteractionTrigger.js");var e=require("./settings/Root.js"),r=require("./settings/Section.js"),t=require("./settings/Row.js"),i=require("./settings/Col.js");const s={Root:e.default,Section:r.default,Row:t.default,Col:i.default};exports.gridSetting=s;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("next/dynamic"),s=require("../../../../cart/components/Cart.js");require("react"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var o=require("../../../../image/components/Image.js");require("../../../../cart/components/shop-pay-button/ShopPayButton.js");var i=require("../../../../cart/components/CheckoutNow.js");const l=r(()=>Promise.resolve().then(function(){return require("./MobileMenu.js")})),n=r(()=>Promise.resolve().then(function(){return require("./DesktopMenu.js")}));exports.default=({btnBgColor:r,btnBorder:a,btnRounded:c,btnSpacing:p,btnTextColor:g,btnTypography:d,btnType:u,btnWidth:m,openMode:b,buyNow:h,breakpoint:x,...y})=>{let f=!!y.menu?.ROOT.childrens?.length;return e.jsxs("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:t.makeStyleResponsive("h",y.height),children:[f?e.jsxs(e.Fragment,{children:[e.jsx(l,{...y,className:t.cls({"gp-flex":"desktop"===x,"gp-hidden tablet:gp-flex":"tablet"===x,"gp-hidden mobile:gp-flex":"mobile"===x})}),e.jsx(n,{...y,className:t.cls({"!gp-hidden":"desktop"===x,"tablet:!gp-hidden":"tablet"===x,"mobile:!gp-hidden":"mobile"===x})})]}):null,!!y.logo&&e.jsx("div",{className:t.cls({"gp-justify-center":"desktop"===x&&f,"tablet:gp-justify-center":"tablet"===x&&f,"mobile:gp-justify-center":"mobile"===x&&f,"gp-flex gp-items-center":"desktop"===x,"tablet:gp-flex tablet:gp-items-center":"tablet"===x,"mobile:gp-flex mobile:gp-items-center":"mobile"===x,"gp-order-first":"desktop"!==x,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===x}),children:e.jsx(o.default,{style:t.makeStyleResponsive("maxh",y.height),setting:{srcSet:y.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:y.customAspectRadio,aspectRatio:y.logoAspectRatio,width:y.logoWidth,objectFit:y.layout,opacity:{normal:0,hover:0}}})}),e.jsxs("div",{className:"gp-flex gp-items-center gp-gap-4",children:[h&&e.jsx(i.default,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:b},styles:{backgroundColor:r,borderBtn:a,roundedBtn:c,btnSpacing:p,textColor:g,typography:d,type:u,width:m}}),e.jsx(s.default,{setting:{iconOnly:!0,svgIcon:y.cartIcon,enableHoverEffect:y.cardEnableHoverEffect??!0},styles:{iconColor:y.cartIconColor}})]})]})};
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("next/dynamic"),s=require("../../../../cart/components/Cart.js");require("react"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../../../../grid/components/section/lazyload/lazyInteractionTrigger.js");var o=require("../../../../image/components/Image.js");require("../../../../cart/components/shop-pay-button/ShopPayButton.js");var i=require("../../../../cart/components/CheckoutNow.js");const l=r(()=>Promise.resolve().then(function(){return require("./MobileMenu.js")})),n=r(()=>Promise.resolve().then(function(){return require("./DesktopMenu.js")}));exports.default=({btnBgColor:r,btnBorder:a,btnRounded:c,btnSpacing:p,btnTextColor:g,btnTypography:d,btnType:u,btnWidth:m,openMode:b,buyNow:h,breakpoint:x,...y})=>{let f=!!y.menu?.ROOT.childrens?.length;return e.jsxs("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:t.makeStyleResponsive("h",y.height),children:[f?e.jsxs(e.Fragment,{children:[e.jsx(l,{...y,className:t.cls({"gp-flex":"desktop"===x,"gp-hidden tablet:gp-flex":"tablet"===x,"gp-hidden mobile:gp-flex":"mobile"===x})}),e.jsx(n,{...y,className:t.cls({"!gp-hidden":"desktop"===x,"tablet:!gp-hidden":"tablet"===x,"mobile:!gp-hidden":"mobile"===x})})]}):null,!!y.logo&&e.jsx("div",{className:t.cls({"gp-justify-center":"desktop"===x&&f,"tablet:gp-justify-center":"tablet"===x&&f,"mobile:gp-justify-center":"mobile"===x&&f,"gp-flex gp-items-center":"desktop"===x,"tablet:gp-flex tablet:gp-items-center":"tablet"===x,"mobile:gp-flex mobile:gp-items-center":"mobile"===x,"gp-order-first":"desktop"!==x,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===x}),children:e.jsx(o.default,{style:t.makeStyleResponsive("maxh",y.height),setting:{srcSet:y.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:y.customAspectRadio,aspectRatio:y.logoAspectRatio,width:y.logoWidth,objectFit:y.layout,opacity:{normal:0,hover:0}}})}),e.jsxs("div",{className:"gp-flex gp-items-center gp-gap-4",children:[h&&e.jsx(i.default,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:b},styles:{backgroundColor:r,borderBtn:a,roundedBtn:c,btnSpacing:p,textColor:g,typography:d,type:u,width:m}}),e.jsx(s.default,{setting:{iconOnly:!0,svgIcon:y.cartIcon,enableHoverEffect:y.cardEnableHoverEffect??!0},styles:{iconColor:y.cartIconColor}})]})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../cart/components/Cart.js");require("react");var t=require("@gem-sdk/core");require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../../../../image/components/AdaptiveImage.js"),require("../../../../cart/components/shop-pay-button/ShopPayButton.js"),exports.default=
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../cart/components/Cart.js");require("react");var t=require("@gem-sdk/core");require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../../../../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("../../../../image/components/AdaptiveImage.js"),require("../../../../cart/components/shop-pay-button/ShopPayButton.js"),exports.default=i=>e.jsxs("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:t.makeStyleResponsive("h",i.height),children:["Coming Soon",e.jsx("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:e.jsx(r.default,{setting:{iconOnly:!0,enableHoverEffect:i.cardEnableHoverEffect??!0}})})]});
|
package/dist/cjs/header/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./components/Header.js"),r=require("./components/kind/basic/index.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js"),require("../cart/components/shop-pay-button/ShopPayButton.js"),require("react-transition-group");var t=require("./settings/Header.js");const i={Header:t.default};exports.Header=e.default,exports.BasicHeader=r.default,exports.headerSetting=i;
|
|
1
|
+
"use strict";var e=require("./components/Header.js"),r=require("./components/kind/basic/index.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("../image/components/AdaptiveImage.js"),require("../cart/components/shop-pay-button/ShopPayButton.js"),require("react-transition-group");var t=require("./settings/Header.js");const i={Header:t.default};exports.Header=e.default,exports.BasicHeader=r.default,exports.headerSetting=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js"),require("./common/animation-manager.js");var e=require("./settings/HeroBanner.js");const r={HeroBanner:e.default};exports.bannerSetting=r;
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("../image/components/AdaptiveImage.js"),require("./common/animation-manager.js");var e=require("./settings/HeroBanner.js");const r={HeroBanner:e.default};exports.bannerSetting=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("@gem-sdk/system"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("next/link"),require("react-youtube"),require("./common/styles.js");var e=require("./settings/CalloutBox.js"),r=require("./settings/CalloutText.js");const t={PostPurchaseCalloutBox:e.default,PostPurchaseCalloutText:r.default};exports.postPurchaseCalloutBoxSetting=t;
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("@gem-sdk/system"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("next/link"),require("react-youtube"),require("../../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("./common/styles.js");var e=require("./settings/CalloutBox.js"),r=require("./settings/CalloutText.js");const t={PostPurchaseCalloutBox:e.default,PostPurchaseCalloutText:r.default};exports.postPurchaseCalloutBoxSetting=t;
|
package/dist/cjs/post-purchase/product/components/product-variant/components/variants/Dropdown.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),p=require("./DropdownOption.js"),a=require("react"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),p=require("./DropdownOption.js"),a=require("react"),l=require("./VariantOption.js");exports.default=({option:n,optionPosition:i,optionNumber:s,variantGroup:r,variants:o,price:g,blankText:d,combineWidth:u,combineFullWidth:c,label:x,initValue:m,hasPreSelected:h,soldOutStyle:v,soldOutMark:f,preset:b})=>{let{setSelectedOption:w,forceSelectedOption:j,selectedOptions:y,offerSingleVariantID:N}=t.useSelectedOption(),k=t.useProduct(),O=a.useMemo(()=>"Disable"===v&&f,[v,f]),S=e=>{let p=o?.find(t=>t?.id===e);if(p&&p.selectedOptions){let e=t.parseSelectedOption(p.selectedOptions);e&&j(e,k?.id)}},[P,q]=a.useState(h?m:"blank");a.useEffect(()=>{q(y?.[n?.name??"blank"])},[y,n]),a.useEffect(()=>{h||q("blank")},[h]);let M=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),W=a.useMemo(()=>r?t.makeStyleResponsive("w",t.makeWidth(u,c)):t.makeStyleResponsive("w",t.makeWidth(b?.width,b?.fullWidth)),[b?.width,b?.fullWidth,r,u,c]);return e.jsx("div",{className:"gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",style:{...W},children:e.jsxs("div",{className:"gp-relative",children:[e.jsx("label",{className:"!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]",children:e.jsx("span",{className:"gp-max-w-full",children:e.jsx("span",{className:"gp-block gp-overflow-hidden",children:x})})}),e.jsx("select",{autoComplete:"off",name:n?.name||"Select Option",className:"gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9] gp-pb-[6px] gp-pl-[11px] gp-pr-[40px] gp-pt-[21px] gp-text-[14px] gp-outline-none gp-text-[#545454]",value:P??m,onChange:e=>{r?S(e.target?.value):w(n?.name,e.target?.value,k?.id)},children:e.jsxs(e.Fragment,{children:[!h&&e.jsx("option",{value:"blank",children:d??"Please select an option"}),n?.values?.map(t=>e.jsx(p.default,{value:t,optionName:n.name,optionPosition:i,optionNumber:s,isSoldOutMark:O,disabled:!!N&&t.label!==P},t?.id)),r&&o?.map(t=>e.jsx(l.default,{disabled:!M(t)&&O||!!N&&t?.id!==N,value:t?.id,variant:t,includePrice:g},t?.id))]})}),e.jsx("div",{className:"gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:"gp-h-[10px] gp-w-[10px]",children:e.jsx("path",{d:"M0 5h20L10 15"})})})]})})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core");require("react"),exports.default=({optionPosition:r,optionNumber:a,value:l,optionName:i,isSoldOutMark:s})=>{let
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core");require("react"),exports.default=({optionPosition:r,optionNumber:a,value:l,optionName:i,isSoldOutMark:s,disabled:u})=>{let o=t.useVariantOutStock(i??"",l?.label??"",{position:r||0,optionNumber:a||0});return e.jsx("option",{className:"gp-text-[14px] gp-text-black",disabled:u||!o&&s,value:l?.label,children:l?.label},l?.id)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("react"),require("./components/product-subscription/types.js"),require("./constants/index.js"),require("./components/product-variant/components/variants/VariantItem.js"),require("next/link"),require("next/head"),require("next/image"),require("react-youtube"),require("../../grid/components/section/lazyload/lazyInteractionTrigger.js"),require("./components/product-subscription/components/OneTimePurchaseTooltip.js"),require("../image/components/Img.js");var e=require("./settings/product-title/ProductTitle.js"),t=require("./settings/product-description/ProductDescription.js"),r=require("./settings/product-price/ProductPrice.js"),s=require("./settings/product-variants/ProductVariant.js"),u=require("./settings/accept-button/index.js"),i=require("./settings/product-quantity/index.js"),o=require("./settings/product-offer/index.js"),c=require("./settings/product-price-breakdown/index.js"),n=require("./settings/product-discount-tag/ProductDiscountTag.js"),a=require("./settings/product-subscription/index.js"),d=require("./settings/product-image/ProductImages.js");const P={PostPurchaseProductTitle:e.default,PostPurchaseProductDescription:t.default,PostPurchaseProductPrice:r.default,PostPurchaseProductVariants:s.default,PostPurchaseAcceptButton:u.default,PostPurchaseProductQuantity:i.default,PostPurchaseProductPriceBreakdown:c.default,PostPurchaseProductOffer:o.default,PostPurchaseProductDiscountTag:n.default,PostPurchaseProductImages:d.default,PostPurchaseProductSubscription:a.default};exports.postPurchaseProductSetting=P;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as
|
|
2
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as o}from"@gem-sdk/core";import"next/head";import m from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../grid/components/section/lazyload/lazyInteractionTrigger.js";import n from"../../grid/components/col/Col.js";let d=({builderProps:d,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:g,error:h}=t();return r("div",{"data-id":d?.uid,...c,children:h?e("div",{children:["Error: ",h.message]}):g?r(n,{styles:a,children:g.lineItems.map(e=>e?r(i,{line:e,children:o(s)?r(m,{}):s},e.id):null)}):r("div",{children:"Cart Empty"})})};export{d as default};
|
package/dist/esm/cart/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};
|
|
1
|
+
import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"react-youtube";import"html-react-parser";import o from"./settings/collection-title/CollectionTitle.js";import t from"./settings/collection-banner/CollectionBanner.js";import i from"./settings/collection-description/CollectionDescription.js";import e from"./settings/collection-toolbar/CollectionToolbar.js";import
|
|
1
|
+
import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"html-react-parser";import o from"./settings/collection-title/CollectionTitle.js";import t from"./settings/collection-banner/CollectionBanner.js";import i from"./settings/collection-description/CollectionDescription.js";import e from"./settings/collection-toolbar/CollectionToolbar.js";import r from"./settings/collection-paginator/CollectionPaginator.js";let l={CollectionTitle:o,CollectionBanner:t,CollectionDescription:i,CollectionToolbar:e,CollectionPaginator:r};export{l as collectionSetting};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t,Children as
|
|
1
|
+
import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useMemo as t,Children as i,isValidElement as m,createElement as l}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{useBuilderStore as j,isEmptyChildren as k}from"@gem-sdk/core";import b from"../section/lazyload/LazySectionWrapper.js";let C=C=>{let{styles:w,setting:N,children:T}=C,{isSection:x,priority:E,as:H="div"}=N??{},z=j(e=>e.sectionIndex),{background:L}=w??{},{builderAttrs:P,bgVideo:R,isRowEmpty:I,rowClassEditorOnly:S,isRenderPlaceholderViewBox:$,isPostPurchase:A,ref:B,postPurchaseVerticalAlign:D}=y(C),{rowStyle:M,backgroundBoxStyle:V,embedVideoStyle:W,sectionStyle:Y}=v({rowProps:C,isPostPurchase:A,type:"React"}),{rowAttr:q}=u(C),{rowClass:F,backgroundBoxClass:G,backgroundBoxInnerClass:J,sectionClass:K,wrapperYoutubeClasses:O,iframeYoutubeClasses:Q}=h(C),U=f({[F]:!0,[S]:!0}),X=t(()=>{if(!g(L))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:W});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:W,wrapperClass:O,iframeClass:Q})},[L,R,W,Q,O]),Z=i.map(T,e=>!!k(e)),_=o("div",{ref:B,...P,...q,style:M(A),className:U,children:[!!X&&e("div",{className:G,style:V,children:e("div",{className:J,children:X})}),$?e(r,{}):I?e(a,{}):i.map(T,e=>m(e)?l(e.type,{hiddenEmptyCol:C.hiddenEmptyCol&&!k(e)&&!Z,...e.props,key:e.key,order:N?.order,layout:N?.layout,justifyContent:A?D():N?.verticalAlign}):null)]});return o(r,{children:[!!w?.preloadBgImage&&o(s,{children:[!!L?.desktop?.image?.src&&e("link",{rel:"preload",href:L.desktop.image.src,as:"image"}),!!L?.tablet?.image?.src&&e("link",{rel:"preload",href:L.tablet.image.src,as:"image"}),!!L?.mobile?.image?.src&&e("link",{rel:"preload",href:L.mobile.image.src,as:"image"})]}),x?e(b,{priority:E||0===z,children:e(H,{className:K,style:Y,children:_})}):_]})};export{C as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import"@gem-sdk/core";import
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import e from"../../../common/components/Loading.js";import{useEditorMode as r}from"@gem-sdk/core";import i from"../row/Row.js";let m=m=>{let n=r(),s=o(()=>{let{builderProps:t}=m;return"edit"===n&&t?.builderData?.name==="SectionLoading"},[m,n]);return s?t(e,{}):t(i,{...m,setting:{...m.setting,as:"section",isSection:!0}})};export{m as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useState as t,useRef as e,useEffect as i}from"react";import{isInteracted as n,subscribeInteraction as o}from"./lazyInteractionTrigger.js";import{startCascade as a,notifySectionRendered as l,enqueueSection as m}from"./lazySectionCoordinator.js";let c=({children:c,priority:u})=>{let d=!!u,[f,p]=t(()=>d||n()),s=e(null);return(i(()=>{d&&requestAnimationFrame(()=>{a(s.current?.clientHeight??0)})},[d]),i(()=>{f&&!d&&requestAnimationFrame(()=>{l(s.current?.clientHeight??0)})},[f,d]),i(()=>{if(f||d)return;let r=m(()=>p(!0)),t=o(()=>p(!0));return()=>{r(),t()}},[f,d]),f)?r("div",{ref:s,children:c}):r("div",{"data-lazyload-section":!0})};export{c as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let e=["keydown","mousemove","wheel","touchmove","touchstart","touchend"],t=!1,o=new Set,n=()=>{t||(t=!0,o.forEach(e=>e()),o.clear(),e.forEach(e=>window.removeEventListener(e,n)))};"undefined"!=typeof window&&e.forEach(e=>window.addEventListener(e,n,{passive:!0}));let d=e=>t?(e(),()=>{}):(o.add(e),()=>o.delete(e)),r=()=>t;export{r as isInteracted,d as subscribeInteraction};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let e=[],n=0,t=!1,i=n=>(e.push(n),()=>{let t=e.indexOf(n);-1!==t&&e.splice(t,1)}),d=e=>{t||(t=!0,n=e,f())},o=e=>{n+=e,f()},f=()=>{if("undefined"==typeof window||n>=window.innerHeight)return;let t=e.shift();t&&t()};export{i as enqueueSection,o as notifySectionRendered,d as startCascade};
|
package/dist/esm/grid/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import t from"./settings/Root.js";import o from"./settings/Section.js";import e from"./settings/Row.js";import i from"./settings/Col.js";let r={Root:t,Section:o,Row:e,Col:i};export{r as gridSetting};
|
|
1
|
+
import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"./components/section/lazyload/lazyInteractionTrigger.js";import t from"./settings/Root.js";import o from"./settings/Section.js";import e from"./settings/Row.js";import i from"./settings/Col.js";let r={Root:t,Section:o,Row:e,Col:i};export{r as gridSetting};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{cls as i,makeStyleResponsive as
|
|
2
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{cls as i,makeStyleResponsive as r}from"@gem-sdk/core";import l from"next/dynamic";import p from"../../../../cart/components/Cart.js";import"react";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../grid/components/section/lazyload/lazyInteractionTrigger.js";import s from"../../../../image/components/Image.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";import a from"../../../../cart/components/CheckoutNow.js";let n=l(()=>import("./MobileMenu.js")),m=l(()=>import("./DesktopMenu.js")),c=({btnBgColor:l,btnBorder:c,btnRounded:g,btnSpacing:d,btnTextColor:b,btnTypography:h,btnType:f,btnWidth:y,openMode:u,buyNow:x,breakpoint:j,...k})=>{let v=!!k.menu?.ROOT.childrens?.length;return e("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:r("h",k.height),children:[v?e(t,{children:[o(n,{...k,className:i({"gp-flex":"desktop"===j,"gp-hidden tablet:gp-flex":"tablet"===j,"gp-hidden mobile:gp-flex":"mobile"===j})}),o(m,{...k,className:i({"!gp-hidden":"desktop"===j,"tablet:!gp-hidden":"tablet"===j,"mobile:!gp-hidden":"mobile"===j})})]}):null,!!k.logo&&o("div",{className:i({"gp-justify-center":"desktop"===j&&v,"tablet:gp-justify-center":"tablet"===j&&v,"mobile:gp-justify-center":"mobile"===j&&v,"gp-flex gp-items-center":"desktop"===j,"tablet:gp-flex tablet:gp-items-center":"tablet"===j,"mobile:gp-flex mobile:gp-items-center":"mobile"===j,"gp-order-first":"desktop"!==j,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===j}),children:o(s,{style:r("maxh",k.height),setting:{srcSet:k.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:k.customAspectRadio,aspectRatio:k.logoAspectRatio,width:k.logoWidth,objectFit:k.layout,opacity:{normal:0,hover:0}}})}),e("div",{className:"gp-flex gp-items-center gp-gap-4",children:[x&&o(a,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:u},styles:{backgroundColor:l,borderBtn:c,roundedBtn:g,btnSpacing:d,textColor:b,typography:h,type:f,width:y}}),o(p,{setting:{iconOnly:!0,svgIcon:k.cartIcon,enableHoverEffect:k.cardEnableHoverEffect??!0},styles:{iconColor:k.cartIconColor}})]})]})};export{c as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as r}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let
|
|
2
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../../../cart/components/Cart.js";import"react";import{makeStyleResponsive as r}from"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../../../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../../../../image/components/AdaptiveImage.js";import"../../../../cart/components/shop-pay-button/ShopPayButton.js";let i=i=>e("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:r("h",i.height),children:["Coming Soon",t("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:t(o,{setting:{iconOnly:!0,enableHoverEffect:i.cardEnableHoverEffect??!0}})})]});export{i as default};
|
package/dist/esm/header/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"../cart/components/shop-pay-button/ShopPayButton.js";import"react-transition-group";import t from"./settings/Header.js";let e={Header:t};export{e as headerSetting};
|
|
1
|
+
export{default as Header}from"./components/Header.js";export{default as BasicHeader}from"./components/kind/basic/index.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../image/components/AdaptiveImage.js";import"../cart/components/shop-pay-button/ShopPayButton.js";import"react-transition-group";import t from"./settings/Header.js";let e={Header:t};export{e as headerSetting};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};
|
|
1
|
+
import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../image/components/AdaptiveImage.js";import"./common/animation-manager.js";import t from"./settings/HeroBanner.js";let e={HeroBanner:t};export{e as bannerSetting};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"@gem-sdk/system";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"next/link";import"react-youtube";import"./common/styles.js";import t from"./settings/CalloutBox.js";import o from"./settings/CalloutText.js";let e={PostPurchaseCalloutBox:t,PostPurchaseCalloutText:o};export{e as postPurchaseCalloutBoxSetting};
|
|
1
|
+
import"react/jsx-runtime";import"@gem-sdk/system";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"next/link";import"react-youtube";import"../../grid/components/section/lazyload/lazyInteractionTrigger.js";import"./common/styles.js";import t from"./settings/CalloutBox.js";import o from"./settings/CalloutText.js";let e={PostPurchaseCalloutBox:t,PostPurchaseCalloutText:o};export{e as postPurchaseCalloutBoxSetting};
|
package/dist/esm/post-purchase/product/components/product-variant/components/variants/Dropdown.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e,jsxs as p,Fragment as t}from"react/jsx-runtime";import{useSelectedOption as a,useProduct as n,makeStyleResponsive as l,makeWidth as i,parseSelectedOption as r}from"@gem-sdk/core";import o from"./DropdownOption.js";import{useMemo as g,useState as
|
|
2
|
+
import{jsx as e,jsxs as p,Fragment as t}from"react/jsx-runtime";import{useSelectedOption as a,useProduct as n,makeStyleResponsive as l,makeWidth as i,parseSelectedOption as r}from"@gem-sdk/core";import o from"./DropdownOption.js";import{useMemo as g,useState as d,useEffect as s}from"react";import c from"./VariantOption.js";let m=({option:m,optionPosition:u,optionNumber:x,variantGroup:h,variants:b,price:f,blankText:v,combineWidth:w,combineFullWidth:N,label:y,initValue:k,hasPreSelected:O,soldOutStyle:j,soldOutMark:P,preset:C})=>{let{setSelectedOption:D,forceSelectedOption:I,selectedOptions:M,offerSingleVariantID:Q}=a(),S=n(),V=g(()=>"Disable"===j&&P,[j,P]),W=e=>{let p=b?.find(p=>p?.id===e);if(p&&p.selectedOptions){let e=r(p.selectedOptions);e&&I(e,S?.id)}},[_,B]=d(O?k:"blank");s(()=>{B(M?.[m?.name??"blank"])},[M,m]),s(()=>{O||B("blank")},[O]);let E=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),L=g(()=>h?l("w",i(w,N)):l("w",i(C?.width,C?.fullWidth)),[C?.width,C?.fullWidth,h,w,N]);return e("div",{className:"gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",style:{...L},children:p("div",{className:"gp-relative",children:[e("label",{className:"!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]",children:e("span",{className:"gp-max-w-full",children:e("span",{className:"gp-block gp-overflow-hidden",children:y})})}),e("select",{autoComplete:"off",name:m?.name||"Select Option",className:"gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9] gp-pb-[6px] gp-pl-[11px] gp-pr-[40px] gp-pt-[21px] gp-text-[14px] gp-outline-none gp-text-[#545454]",value:_??k,onChange:e=>{h?W(e.target?.value):D(m?.name,e.target?.value,S?.id)},children:p(t,{children:[!O&&e("option",{value:"blank",children:v??"Please select an option"}),m?.values?.map(p=>e(o,{value:p,optionName:m.name,optionPosition:u,optionNumber:x,isSoldOutMark:V,disabled:!!Q&&p.label!==_},p?.id)),h&&b?.map(p=>e(c,{disabled:!E(p)&&V||!!Q&&p?.id!==Q,value:p?.id,variant:p,includePrice:f},p?.id))]})}),e("div",{className:"gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:"gp-h-[10px] gp-w-[10px]",children:e("path",{d:"M0 5h20L10 15"})})})]})})};export{m as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{useVariantOutStock as t}from"@gem-sdk/core";import"react";let o=({optionPosition:o,optionNumber:r,value:a,optionName:l,isSoldOutMark:i})=>{let
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{useVariantOutStock as t}from"@gem-sdk/core";import"react";let o=({optionPosition:o,optionNumber:r,value:a,optionName:l,isSoldOutMark:i,disabled:p})=>{let m=t(l??"",a?.label??"",{position:o||0,optionNumber:r||0});return e("option",{className:"gp-text-[14px] gp-text-black",disabled:p||!m&&i,value:a?.label,children:a?.label},a?.id)};export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"react";import"./components/product-subscription/types.js";import"./constants/index.js";import"./components/product-variant/components/variants/VariantItem.js";import"next/link";import"next/head";import"next/image";import"react-youtube";import"./components/product-subscription/components/OneTimePurchaseTooltip.js";import"../image/components/Img.js";import t from"./settings/product-title/ProductTitle.js";import o from"./settings/product-description/ProductDescription.js";import r from"./settings/product-price/ProductPrice.js";import s from"./settings/product-variants/ProductVariant.js";import i from"./settings/accept-button/index.js";import e from"./settings/product-quantity/index.js";import c from"./settings/product-offer/index.js";import n from"./settings/product-price-breakdown/index.js";import p from"./settings/product-discount-tag/ProductDiscountTag.js";import u from"./settings/product-subscription/index.js";import m from"./settings/product-image/ProductImages.js";let
|
|
1
|
+
import"react/jsx-runtime";import"@gem-sdk/core";import"@gem-sdk/system";import"react";import"./components/product-subscription/types.js";import"./constants/index.js";import"./components/product-variant/components/variants/VariantItem.js";import"next/link";import"next/head";import"next/image";import"react-youtube";import"../../grid/components/section/lazyload/lazyInteractionTrigger.js";import"./components/product-subscription/components/OneTimePurchaseTooltip.js";import"../image/components/Img.js";import t from"./settings/product-title/ProductTitle.js";import o from"./settings/product-description/ProductDescription.js";import r from"./settings/product-price/ProductPrice.js";import s from"./settings/product-variants/ProductVariant.js";import i from"./settings/accept-button/index.js";import e from"./settings/product-quantity/index.js";import c from"./settings/product-offer/index.js";import n from"./settings/product-price-breakdown/index.js";import p from"./settings/product-discount-tag/ProductDiscountTag.js";import u from"./settings/product-subscription/index.js";import m from"./settings/product-image/ProductImages.js";let a={PostPurchaseProductTitle:t,PostPurchaseProductDescription:o,PostPurchaseProductPrice:r,PostPurchaseProductVariants:s,PostPurchaseAcceptButton:i,PostPurchaseProductQuantity:e,PostPurchaseProductPriceBreakdown:n,PostPurchaseProductOffer:c,PostPurchaseProductDiscountTag:p,PostPurchaseProductImages:m,PostPurchaseProductSubscription:u};export{a as postPurchaseProductSetting};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -7528,10 +7528,10 @@ declare const _default$2: {
|
|
|
7528
7528
|
Header: ({ builderAttrs, builderProps, style, setting, styles, children }: HeaderProps) => React.JSX.Element | null;
|
|
7529
7529
|
BasicHeader: ({ btnBgColor, btnBorder, btnRounded, btnSpacing, btnTextColor, btnTypography, btnType, btnWidth, openMode, buyNow, breakpoint, ...props }: HeaderCommonProps) => React.JSX.Element;
|
|
7530
7530
|
ModernHeader: (props: HeaderCommonProps) => React.JSX.Element;
|
|
7531
|
-
MobileMenu: ({ menu, typography, typo, arrow, menuTextColor, menuBg, textColor, className, itemEnableHoverEffect, }: Pick<HeaderCommonProps, "menu" | "
|
|
7531
|
+
MobileMenu: ({ menu, typography, typo, arrow, menuTextColor, menuBg, textColor, className, itemEnableHoverEffect, }: Pick<HeaderCommonProps, "menu" | "arrow" | "typography" | "typo" | "menuTextColor" | "menuBg" | "textColor" | "height" | "itemEnableHoverEffect"> & {
|
|
7532
7532
|
className?: string;
|
|
7533
7533
|
}) => React.JSX.Element;
|
|
7534
|
-
DesktopMenu: ({ menu, height, arrow, textColor, menuTextColor, typography, typo, headerBg, menuBg, className, itemEnableHoverEffect, enableDropdownHoverEffect, }: Pick<HeaderCommonProps, "menu" | "
|
|
7534
|
+
DesktopMenu: ({ menu, height, arrow, textColor, menuTextColor, typography, typo, headerBg, menuBg, className, itemEnableHoverEffect, enableDropdownHoverEffect, }: Pick<HeaderCommonProps, "menu" | "arrow" | "typography" | "typo" | "menuTextColor" | "menuBg" | "headerBg" | "textColor" | "height" | "itemEnableHoverEffect" | "enableDropdownHoverEffect"> & {
|
|
7535
7535
|
className?: string;
|
|
7536
7536
|
}) => React.JSX.Element;
|
|
7537
7537
|
Heading: React.FC<HeadingProps>;
|
|
@@ -0,0 +1,459 @@
|
|
|
1
|
+
import { BasePropsWrap, ObjectDevices, BackgroundMedia, SizeSettingGlobal, ColorValueType, StateProp, ShadowProps, TypographySettingV2, AlignProp, TransformProp, TypographySetting, Border, CornerRadius, PageContext, BaseProps, Ratio, ResponsiveStateProp, Background, PaddingType, SizeSetting, ObjectLayoutValue } from '@gem-sdk/core';
|
|
2
|
+
import { Property } from 'csstype';
|
|
3
|
+
|
|
4
|
+
type TextStyleProps = {
|
|
5
|
+
textColor?: ColorValueType;
|
|
6
|
+
parentTextColor?: StateProp<ColorValueType>;
|
|
7
|
+
textShadowNotState?: ShadowProps;
|
|
8
|
+
hasTextShadowNotState?: boolean;
|
|
9
|
+
color?: StateProp<ColorValueType>;
|
|
10
|
+
lineColor?: StateProp<ColorValueType>;
|
|
11
|
+
typo?: TypographySettingV2;
|
|
12
|
+
textAlign?: ObjectDevices<AlignProp>;
|
|
13
|
+
lineClamp?: ObjectDevices<number>;
|
|
14
|
+
hasLineClamp?: ObjectDevices<boolean>;
|
|
15
|
+
hasTextShadow?: StateProp<boolean>;
|
|
16
|
+
textShadow?: StateProp<ShadowProps>;
|
|
17
|
+
transform?: TransformProp;
|
|
18
|
+
spacing?: string;
|
|
19
|
+
thickness?: string | number;
|
|
20
|
+
underlineLink?: {
|
|
21
|
+
hover: boolean;
|
|
22
|
+
normal: boolean;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* @deprecated please use `typo` instead
|
|
26
|
+
*/
|
|
27
|
+
typography?: TypographySetting;
|
|
28
|
+
/**
|
|
29
|
+
* @deprecated this prop do not use anymore
|
|
30
|
+
*/
|
|
31
|
+
hasBoxShadow?: StateProp<boolean>;
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated this prop do not use anymore
|
|
34
|
+
*/
|
|
35
|
+
boxShadow?: StateProp<ShadowProps>;
|
|
36
|
+
align?: ObjectDevices<AlignProp>;
|
|
37
|
+
shapeBorder?: ObjectDevices<Border>;
|
|
38
|
+
shapeRounded?: ObjectDevices<CornerRadius>;
|
|
39
|
+
shapeBoxShadow?: ObjectDevices<ShadowProps>;
|
|
40
|
+
isForceValue?: boolean;
|
|
41
|
+
lineThrough?: boolean;
|
|
42
|
+
opacityPrice?: number;
|
|
43
|
+
enableHoverEffect?: boolean;
|
|
44
|
+
};
|
|
45
|
+
type HTMLTag = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'small' | 'mark' | 'kbd' | 'i';
|
|
46
|
+
type TextSettingProps = {
|
|
47
|
+
text?: string | number;
|
|
48
|
+
translateSetting?: string;
|
|
49
|
+
htmlTag?: HTMLTag;
|
|
50
|
+
opacityPrice?: number;
|
|
51
|
+
options?: {
|
|
52
|
+
useState?: boolean;
|
|
53
|
+
uniqueId?: string | undefined;
|
|
54
|
+
productID?: string | undefined;
|
|
55
|
+
isCannotEditing?: boolean | undefined;
|
|
56
|
+
disablePointerEvent?: boolean;
|
|
57
|
+
customClass?: {
|
|
58
|
+
wrapper?: string;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
tagWidth?: Record<string, string>;
|
|
62
|
+
background?: ObjectDevices<BackgroundMedia>;
|
|
63
|
+
globalSize?: ObjectDevices<SizeSettingGlobal>;
|
|
64
|
+
excludeFlex?: boolean;
|
|
65
|
+
isForceValue?: boolean;
|
|
66
|
+
};
|
|
67
|
+
type TextProps = BasePropsWrap<TextSettingProps, TextStyleProps> & Omit<React.ComponentPropsWithoutRef<'p'>, ''> & {
|
|
68
|
+
disableEdit?: boolean;
|
|
69
|
+
pageContext?: PageContext;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
type Position = 'top' | 'bottom';
|
|
73
|
+
type DisplayOptionValue = 'always' | 'after-first-scroll' | 'after-first-cart-button' | 'meet-section';
|
|
74
|
+
type StickySettingProps = {
|
|
75
|
+
display: ObjectDevices<DisplayOptionValue>;
|
|
76
|
+
fullWidth?: ObjectDevices<boolean>;
|
|
77
|
+
width?: ObjectDevices<string>;
|
|
78
|
+
background: ObjectDevices<BackgroundMedia>;
|
|
79
|
+
position: ObjectDevices<Position>;
|
|
80
|
+
padding?: ObjectDevices<string>;
|
|
81
|
+
preloadBgImage?: boolean;
|
|
82
|
+
isScrollToTop?: boolean;
|
|
83
|
+
minimize?: boolean;
|
|
84
|
+
};
|
|
85
|
+
type StickyProps = BasePropsWrap<StickySettingProps> & {
|
|
86
|
+
children?: React.ReactNode;
|
|
87
|
+
pageContext?: PageContext;
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
type LinkSettingProps = {
|
|
91
|
+
type?: 'auto' | 'product' | 'collection' | 'custom';
|
|
92
|
+
label?: string;
|
|
93
|
+
noFollow?: boolean;
|
|
94
|
+
target?: HTMLAnchorElement['target'];
|
|
95
|
+
href?: HTMLAnchorElement['href'];
|
|
96
|
+
};
|
|
97
|
+
type LinkProps = BaseProps<LinkSettingProps> & {
|
|
98
|
+
className?: string;
|
|
99
|
+
style?: React.CSSProperties;
|
|
100
|
+
children?: React.ReactNode;
|
|
101
|
+
title?: string;
|
|
102
|
+
dataId?: string;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
type LineSettingProps = {
|
|
106
|
+
enableIconText?: ObjectDevices<boolean>;
|
|
107
|
+
text?: string;
|
|
108
|
+
iconSvg?: string;
|
|
109
|
+
position?: AlignProp;
|
|
110
|
+
};
|
|
111
|
+
type LineStyleProps = {
|
|
112
|
+
lineStyle: ObjectDevices<string>;
|
|
113
|
+
color?: ColorValueType;
|
|
114
|
+
thickness?: ObjectDevices<string | number>;
|
|
115
|
+
fullWidth?: ObjectDevices<boolean>;
|
|
116
|
+
width?: ObjectDevices<string | number>;
|
|
117
|
+
align?: ObjectDevices<AlignProp>;
|
|
118
|
+
typography?: TypographySetting;
|
|
119
|
+
typo?: TypographySettingV2;
|
|
120
|
+
textColor?: ColorValueType;
|
|
121
|
+
textSpacing?: string | number;
|
|
122
|
+
iconSize?: ObjectDevices<string | number>;
|
|
123
|
+
iconRotate?: string | number;
|
|
124
|
+
iconColor?: ColorValueType;
|
|
125
|
+
iconSpacing?: string | number;
|
|
126
|
+
transform?: string | number;
|
|
127
|
+
customTransform?: string | number;
|
|
128
|
+
};
|
|
129
|
+
type LineProps = {
|
|
130
|
+
children?: React.ReactNode;
|
|
131
|
+
className?: string;
|
|
132
|
+
} & BaseProps<LineSettingProps, LineStyleProps>;
|
|
133
|
+
|
|
134
|
+
type ObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
|
|
135
|
+
type IImageStorageType = 'THEME' | 'FILE_CONTENT' | 'SHOPIFY_CDN';
|
|
136
|
+
type BaseImageData = {
|
|
137
|
+
alt?: string;
|
|
138
|
+
src?: string;
|
|
139
|
+
width?: number;
|
|
140
|
+
height?: number;
|
|
141
|
+
base64?: string;
|
|
142
|
+
backupFileKey?: string;
|
|
143
|
+
backupFilePath?: string;
|
|
144
|
+
storage?: IImageStorageType;
|
|
145
|
+
metafieldDefinitionKey?: string;
|
|
146
|
+
};
|
|
147
|
+
type SharedProps = {
|
|
148
|
+
aspectRatio?: ObjectDevices<string>;
|
|
149
|
+
layout?: ObjectDevices<ObjectFit>;
|
|
150
|
+
objectFit?: ObjectDevices<ObjectFit>;
|
|
151
|
+
borderRadius?: ResponsiveStateProp<string>;
|
|
152
|
+
image?: BaseImageData;
|
|
153
|
+
};
|
|
154
|
+
type ImageStyleProps = {
|
|
155
|
+
shape?: ObjectDevices<SizeSettingGlobal>;
|
|
156
|
+
customAspectRadio?: ObjectDevices<Ratio>;
|
|
157
|
+
fullWidth?: ObjectDevices<boolean>;
|
|
158
|
+
width?: ObjectDevices<number | string>;
|
|
159
|
+
align?: ObjectDevices<AlignProp>;
|
|
160
|
+
opacity?: StateProp<number>;
|
|
161
|
+
opacityColor?: StateProp<ColorValueType>;
|
|
162
|
+
hasBoxShadowImg?: StateProp<boolean>;
|
|
163
|
+
boxShadowImg?: StateProp<ShadowProps>;
|
|
164
|
+
roundedImg?: StateProp<CornerRadius>;
|
|
165
|
+
borderImg?: StateProp<Border>;
|
|
166
|
+
borderRadius?: CornerRadius;
|
|
167
|
+
wrapperBorder?: Border;
|
|
168
|
+
hasActiveShadow?: boolean;
|
|
169
|
+
shadow?: ShadowProps;
|
|
170
|
+
} & Pick<SharedProps, 'layout' | 'aspectRatio' | 'objectFit'>;
|
|
171
|
+
type ImageLink = {
|
|
172
|
+
type?: string;
|
|
173
|
+
link?: string;
|
|
174
|
+
target?: string;
|
|
175
|
+
noFollow?: boolean;
|
|
176
|
+
isTranslate?: boolean;
|
|
177
|
+
};
|
|
178
|
+
type ImageSettingProps = {
|
|
179
|
+
imageStyle?: 'rectangle' | 'circle';
|
|
180
|
+
priority?: boolean;
|
|
181
|
+
quality?: number;
|
|
182
|
+
vw?: ObjectDevices<number>;
|
|
183
|
+
alt?: string;
|
|
184
|
+
title?: string;
|
|
185
|
+
isAdaptive?: boolean;
|
|
186
|
+
imageLink?: ImageLink;
|
|
187
|
+
hoverEffect?: string;
|
|
188
|
+
image?: BaseImageData;
|
|
189
|
+
isNotLazyload?: boolean;
|
|
190
|
+
enableImageLink?: boolean;
|
|
191
|
+
disableNoDataState?: boolean;
|
|
192
|
+
srcSet?: ObjectDevices<BaseImageData>;
|
|
193
|
+
qualityPercent?: ObjectDevices<number>;
|
|
194
|
+
qualityType?: ObjectDevices<QualityType>;
|
|
195
|
+
};
|
|
196
|
+
type QualityType = 'finest' | 'high' | 'medium' | 'custom';
|
|
197
|
+
type ImageProps = BasePropsWrap<ImageSettingProps, ImageStyleProps> & {
|
|
198
|
+
className?: string;
|
|
199
|
+
children?: React.ReactNode;
|
|
200
|
+
onClick?: React.MouseEventHandler<any>;
|
|
201
|
+
onLoad?: React.ReactEventHandler<any>;
|
|
202
|
+
} & {
|
|
203
|
+
advanced?: any;
|
|
204
|
+
};
|
|
205
|
+
|
|
206
|
+
type IconListSettingProps = {
|
|
207
|
+
childItem?: string[];
|
|
208
|
+
textTypo?: TypographySettingV2;
|
|
209
|
+
iconSvg?: string;
|
|
210
|
+
iconWidth?: ObjectDevices<number>;
|
|
211
|
+
childConfig?: string[];
|
|
212
|
+
globalSize?: ObjectDevices<SizeSettingGlobal>;
|
|
213
|
+
iconType?: 'matching' | 'different';
|
|
214
|
+
};
|
|
215
|
+
type IconListStyleProps = {
|
|
216
|
+
horizontalSpacing?: ObjectDevices<Property.Padding>;
|
|
217
|
+
verticalSpacing?: ObjectDevices<Property.Padding>;
|
|
218
|
+
position?: ObjectDevices<'center' | 'baseline'>;
|
|
219
|
+
align?: ObjectDevices<AlignProp>;
|
|
220
|
+
iconColor?: ColorValueType;
|
|
221
|
+
backgroundColor?: ColorValueType;
|
|
222
|
+
iconBorder?: Border;
|
|
223
|
+
iconRounded?: CornerRadius;
|
|
224
|
+
background?: ObjectDevices<Background>;
|
|
225
|
+
panelAlign?: ObjectDevices<AlignProp>;
|
|
226
|
+
contentBoxWidth?: ObjectDevices<string | number>;
|
|
227
|
+
contentBoxPadding?: ObjectDevices<PaddingType>;
|
|
228
|
+
contentBoxBorder?: ObjectDevices<Border>;
|
|
229
|
+
contentBoxRounded?: ObjectDevices<CornerRadius>;
|
|
230
|
+
contentBoxShadow?: ObjectDevices<ShadowProps>;
|
|
231
|
+
};
|
|
232
|
+
type IconListProps = BasePropsWrap<IconListSettingProps, IconListStyleProps> & {
|
|
233
|
+
pageContext?: PageContext;
|
|
234
|
+
};
|
|
235
|
+
|
|
236
|
+
type IconListHozSettingProps = {
|
|
237
|
+
childItem?: string[];
|
|
238
|
+
preload?: boolean;
|
|
239
|
+
};
|
|
240
|
+
type IconListHozStyleProps = {
|
|
241
|
+
background?: ObjectDevices<Background>;
|
|
242
|
+
align?: ObjectDevices<AlignProp>;
|
|
243
|
+
verticalAlign?: ObjectDevices<'start' | 'end' | 'center' | 'space-between'>;
|
|
244
|
+
horizontalSpacing?: Property.Padding;
|
|
245
|
+
};
|
|
246
|
+
type IconListHozProps = BasePropsWrap<IconListHozSettingProps, IconListHozStyleProps> & {
|
|
247
|
+
children?: React.ReactNode;
|
|
248
|
+
};
|
|
249
|
+
type IconListItemProps = BasePropsWrap & React.ComponentPropsWithoutRef<'div'> & {
|
|
250
|
+
horizontalSpacing?: ObjectDevices<Property.Padding>;
|
|
251
|
+
};
|
|
252
|
+
|
|
253
|
+
type IconSettingProps = {
|
|
254
|
+
iconSvg?: string;
|
|
255
|
+
iconLinkEnable?: boolean;
|
|
256
|
+
iconLink?: {
|
|
257
|
+
type?: string;
|
|
258
|
+
link?: string;
|
|
259
|
+
target?: string;
|
|
260
|
+
title?: string;
|
|
261
|
+
noFollow?: boolean;
|
|
262
|
+
};
|
|
263
|
+
};
|
|
264
|
+
type IconStyleProps = {
|
|
265
|
+
iconHeight?: string | number;
|
|
266
|
+
iconSize?: ObjectDevices<Ratio>;
|
|
267
|
+
align?: ObjectDevices<AlignProp>;
|
|
268
|
+
iconWidth?: ObjectDevices<string | number>;
|
|
269
|
+
bgColor?: StateProp<ColorValueType>;
|
|
270
|
+
color?: StateProp<ColorValueType>;
|
|
271
|
+
iconBorder?: StateProp<Border>;
|
|
272
|
+
iconRotate?: number;
|
|
273
|
+
spin?: boolean;
|
|
274
|
+
iconRounded?: StateProp<CornerRadius>;
|
|
275
|
+
iconSpacing?: SizeSetting;
|
|
276
|
+
globalSize?: ObjectDevices<SizeSettingGlobal>;
|
|
277
|
+
iconShadow?: ShadowProps;
|
|
278
|
+
};
|
|
279
|
+
type IconProps = BasePropsWrap<IconSettingProps, IconStyleProps> & {
|
|
280
|
+
className?: string;
|
|
281
|
+
style?: React.CSSProperties;
|
|
282
|
+
} & {
|
|
283
|
+
advanced?: any;
|
|
284
|
+
} & Omit<React.ComponentPropsWithoutRef<'div'>, ''>;
|
|
285
|
+
|
|
286
|
+
type HeadingSettingProps = {
|
|
287
|
+
htmlTag?: number;
|
|
288
|
+
text?: string;
|
|
289
|
+
globalSize?: ObjectDevices<SizeSettingGlobal>;
|
|
290
|
+
background?: ObjectDevices<BackgroundMedia>;
|
|
291
|
+
};
|
|
292
|
+
type HeadingStyleProps = {
|
|
293
|
+
textShadowNotState?: ShadowProps;
|
|
294
|
+
hasTextShadowNotState?: boolean;
|
|
295
|
+
/**
|
|
296
|
+
* @deprecated please use `typo` instead
|
|
297
|
+
*/
|
|
298
|
+
typography?: TypographySetting;
|
|
299
|
+
typo?: TypographySettingV2;
|
|
300
|
+
textAlign?: ObjectDevices<AlignProp>;
|
|
301
|
+
lineClamp?: ObjectDevices<number>;
|
|
302
|
+
hasLineClamp?: ObjectDevices<boolean>;
|
|
303
|
+
hasTextShadow?: StateProp<boolean>;
|
|
304
|
+
textShadow?: StateProp<ShadowProps>;
|
|
305
|
+
align?: ObjectDevices<AlignProp>;
|
|
306
|
+
shapeBorder?: ObjectDevices<Border>;
|
|
307
|
+
shapeRounded?: ObjectDevices<CornerRadius>;
|
|
308
|
+
shapeBoxShadow?: ObjectDevices<ShadowProps>;
|
|
309
|
+
};
|
|
310
|
+
type HeadingProps = BasePropsWrap<HeadingSettingProps, HeadingStyleProps> & Omit<React.ComponentPropsWithoutRef<'h1'>, 'children'> & {
|
|
311
|
+
children: React.ReactNode;
|
|
312
|
+
};
|
|
313
|
+
|
|
314
|
+
type MenuData = {
|
|
315
|
+
ROOT: SubMenu;
|
|
316
|
+
} & Menu;
|
|
317
|
+
type SubMenu = {
|
|
318
|
+
id: string;
|
|
319
|
+
title: string;
|
|
320
|
+
link?: string;
|
|
321
|
+
childrens?: string[];
|
|
322
|
+
};
|
|
323
|
+
type Menu = Record<string, SubMenu>;
|
|
324
|
+
|
|
325
|
+
type HeaderStyle = 'basic' | 'morden';
|
|
326
|
+
type MenuItemProps = {
|
|
327
|
+
id: string;
|
|
328
|
+
menu?: MenuData;
|
|
329
|
+
depth?: number;
|
|
330
|
+
maxDepth?: number;
|
|
331
|
+
arrow?: string;
|
|
332
|
+
textColor?: StateProp<ColorValueType>;
|
|
333
|
+
menuTextColor?: StateProp<ColorValueType>;
|
|
334
|
+
typography?: TypographySetting;
|
|
335
|
+
typo?: TypographySettingV2;
|
|
336
|
+
closeMenu?: () => void;
|
|
337
|
+
menuBg?: ObjectDevices<ColorValueType>;
|
|
338
|
+
headerBg?: ObjectDevices<ColorValueType>;
|
|
339
|
+
enableHoverEffect?: boolean;
|
|
340
|
+
enableDropdownHoverEffect?: boolean;
|
|
341
|
+
};
|
|
342
|
+
type HeaderOriginalSettingProps = {
|
|
343
|
+
logo?: NonNullable<ImageProps['setting']>['srcSet'];
|
|
344
|
+
logoWidth?: ObjectDevices<string>;
|
|
345
|
+
logoAspectRatio?: ObjectDevices<string>;
|
|
346
|
+
customAspectRadio?: ObjectDevices<Ratio>;
|
|
347
|
+
layout?: ObjectDevices<ObjectFit>;
|
|
348
|
+
breakpoint?: 'tablet' | 'mobile' | 'desktop';
|
|
349
|
+
cartIcon?: string;
|
|
350
|
+
openMode?: 'popup' | 'page';
|
|
351
|
+
buyNow?: boolean;
|
|
352
|
+
cardEnableHoverEffect?: boolean;
|
|
353
|
+
itemEnableHoverEffect?: boolean;
|
|
354
|
+
enableDropdownHoverEffect?: boolean;
|
|
355
|
+
};
|
|
356
|
+
type HeaderSettingProps = HeaderOriginalSettingProps & Pick<MenuItemProps, 'arrow' | 'menu'>;
|
|
357
|
+
type HeaderStyleProps = {
|
|
358
|
+
height?: ObjectDevices<string>;
|
|
359
|
+
cartIconColor?: StateProp<ColorValueType>;
|
|
360
|
+
btnType?: 'primary' | 'secondary';
|
|
361
|
+
btnRounded?: StateProp<CornerRadius>;
|
|
362
|
+
btnBgColor?: StateProp<ColorValueType>;
|
|
363
|
+
btnTextColor?: StateProp<ColorValueType>;
|
|
364
|
+
btnWidth?: ObjectDevices<string | number | undefined>;
|
|
365
|
+
btnTypography?: TypographySetting;
|
|
366
|
+
btnSpacing?: SizeSetting;
|
|
367
|
+
btnBorder?: StateProp<Border>;
|
|
368
|
+
} & Pick<MenuItemProps, 'typography' | 'typo' | 'menuTextColor' | 'menuBg' | 'headerBg' | 'textColor'>;
|
|
369
|
+
type HeaderProps = BasePropsWrap<HeaderSettingProps & {
|
|
370
|
+
kind?: HeaderStyle;
|
|
371
|
+
}, HeaderStyleProps> & {
|
|
372
|
+
children: React.ReactNode;
|
|
373
|
+
};
|
|
374
|
+
|
|
375
|
+
type ColSettingProps = {
|
|
376
|
+
allowSameHeight?: boolean;
|
|
377
|
+
sameHeightSubgridContainer?: boolean;
|
|
378
|
+
};
|
|
379
|
+
type ColStyleProps = {
|
|
380
|
+
order?: ObjectDevices<number>;
|
|
381
|
+
gap?: ObjectDevices<string>;
|
|
382
|
+
alignItem?: ObjectDevices<Property.AlignItems>;
|
|
383
|
+
justifyContent?: ObjectDevices<Property.JustifyContent>;
|
|
384
|
+
display?: ObjectDevices<Property.Display>;
|
|
385
|
+
fullWidth?: boolean;
|
|
386
|
+
};
|
|
387
|
+
type ColProps = BasePropsWrap<ColSettingProps, ColStyleProps> & React.ComponentPropsWithoutRef<'div'> & {
|
|
388
|
+
justifyContent?: ObjectDevices<Property.JustifyContent>;
|
|
389
|
+
order?: ObjectDevices<number>;
|
|
390
|
+
className?: string;
|
|
391
|
+
children?: any;
|
|
392
|
+
layout?: ObjectDevices<ObjectLayoutValue>;
|
|
393
|
+
parentTag?: string;
|
|
394
|
+
rawChildren?: any[];
|
|
395
|
+
hiddenEmptyCol?: boolean;
|
|
396
|
+
} & {
|
|
397
|
+
advanced?: any;
|
|
398
|
+
};
|
|
399
|
+
type RowSettingProps = {
|
|
400
|
+
responsive?: ObjectDevices<string>;
|
|
401
|
+
layout?: ObjectDevices<ObjectLayoutValue>;
|
|
402
|
+
verticalAlign?: ObjectDevices<'start' | 'end' | 'center' | 'space-between'>;
|
|
403
|
+
horizontalAlign?: ObjectDevices<'start' | 'end' | 'center' | 'space-between'>;
|
|
404
|
+
order?: ObjectDevices<number>;
|
|
405
|
+
inlineAlignment?: 'start' | 'end' | 'center';
|
|
406
|
+
blockAlignment?: 'start' | 'end' | 'center';
|
|
407
|
+
allowSameHeight?: boolean;
|
|
408
|
+
sameHeightSubgridContainer?: boolean;
|
|
409
|
+
isSection?: boolean;
|
|
410
|
+
lazy?: boolean;
|
|
411
|
+
priority?: boolean;
|
|
412
|
+
as?: 'div' | 'section';
|
|
413
|
+
};
|
|
414
|
+
type RowStyleProps = {
|
|
415
|
+
enablePagePadding?: ObjectDevices<boolean>;
|
|
416
|
+
fullWidth?: ObjectDevices<boolean>;
|
|
417
|
+
width?: ObjectDevices<string>;
|
|
418
|
+
height?: ObjectDevices<'auto' | '100%'>;
|
|
419
|
+
preloadBgImage?: boolean;
|
|
420
|
+
columnGap?: ObjectDevices<string>;
|
|
421
|
+
rowGap?: string;
|
|
422
|
+
border?: ObjectDevices<StateProp<Border>>;
|
|
423
|
+
rounded?: ObjectDevices<StateProp<CornerRadius>>;
|
|
424
|
+
padding?: ObjectDevices<SizeSettingGlobal>;
|
|
425
|
+
verticalGutter?: ObjectDevices<string>;
|
|
426
|
+
verticalGutterMobile?: ObjectDevices<string>;
|
|
427
|
+
background?: ObjectDevices<BackgroundMedia>;
|
|
428
|
+
boxShadow?: ObjectDevices<StateProp<ShadowProps>>;
|
|
429
|
+
};
|
|
430
|
+
type RowProps = BasePropsWrap<RowSettingProps, RowStyleProps> & React.ComponentPropsWithoutRef<'div'> & {
|
|
431
|
+
maxWidthWithEmptyChildren?: string | number;
|
|
432
|
+
isNotFullWidth?: boolean;
|
|
433
|
+
rawChildren?: any[];
|
|
434
|
+
hiddenEmptyCol?: boolean;
|
|
435
|
+
parentStyle?: React.CSSProperties;
|
|
436
|
+
pageContext?: PageContext;
|
|
437
|
+
};
|
|
438
|
+
|
|
439
|
+
declare const _default: {
|
|
440
|
+
Col: React.FC<ColProps>;
|
|
441
|
+
Header: ({ builderProps, style, setting, styles, children }: HeaderProps) => React.JSX.Element;
|
|
442
|
+
Heading: React.FC<HeadingProps>;
|
|
443
|
+
Icon: React.FC<IconProps>;
|
|
444
|
+
IconListHoz: React.FC<IconListHozProps>;
|
|
445
|
+
IconListItemHoz: React.FC<IconListItemProps>;
|
|
446
|
+
IconListV2: React.FC<IconListProps>;
|
|
447
|
+
Image: React.FC<ImageProps>;
|
|
448
|
+
Line: React.FC<LineProps>;
|
|
449
|
+
Link: React.FC<LinkProps>;
|
|
450
|
+
Root: React.FC<{
|
|
451
|
+
children?: React.ReactNode;
|
|
452
|
+
}>;
|
|
453
|
+
Row: React.FC<RowProps>;
|
|
454
|
+
Section: React.FC<RowProps>;
|
|
455
|
+
Sticky: React.FC<StickyProps>;
|
|
456
|
+
Text: React.FC<TextProps>;
|
|
457
|
+
};
|
|
458
|
+
|
|
459
|
+
export { _default as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "17.0.0-dev.
|
|
3
|
+
"version": "17.0.0-dev.82",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@gem-sdk/core": "17.0.0-dev.
|
|
28
|
+
"@gem-sdk/core": "17.0.0-dev.82",
|
|
29
29
|
"@gem-sdk/styles": "17.0.0-dev.81",
|
|
30
30
|
"@gem-sdk/system": "17.0.0-dev.80",
|
|
31
31
|
"@types/react-transition-group": "^4.4.12",
|
|
@@ -47,6 +47,13 @@
|
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"next": "14.2.35"
|
|
49
49
|
},
|
|
50
|
+
"typesVersions": {
|
|
51
|
+
"*": {
|
|
52
|
+
"server": [
|
|
53
|
+
"./dist/types/server.d.ts"
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
},
|
|
50
57
|
"module": "dist/esm/index.js",
|
|
51
58
|
"types": "dist/types/index.d.ts",
|
|
52
59
|
"exports": {
|
|
@@ -56,6 +63,11 @@
|
|
|
56
63
|
"require": "./dist/cjs/index.js",
|
|
57
64
|
"types": "./dist/types/index.d.ts"
|
|
58
65
|
},
|
|
66
|
+
"./server": {
|
|
67
|
+
"import": "./dist/esm/server.js",
|
|
68
|
+
"require": "./dist/cjs/server.js",
|
|
69
|
+
"types": "./dist/types/server.d.ts"
|
|
70
|
+
},
|
|
59
71
|
"./safelist": {
|
|
60
72
|
"import": "./dist/esm/safelist.js",
|
|
61
73
|
"require": "./dist/cjs/safelist.js"
|