@gem-sdk/pages 12.0.0-dev.139 → 12.0.0-dev.141

package/dist/cjs/components/builder/Toolbox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),n=require("react"),i=require("../../libs/get-storefront-api.js"),a=require("../../libs/google-fonts.js"),r=require("../../libs/helpers/gen-css.js"),o=require("../../libs/helpers/gen-fonts.js"),d=require("../../libs/shopify-cdn-with-google-fonts.js"),l=require("../../store/libs-store.js"),s=require("../../libs/helpers/check-option-font.js");const u="global-style";var c=n.memo(()=>{let c=t.useMatchMutate(),w=t.useShopStore(e=>e.provider),p=t.useShopStore(e=>e.changeStorefrontInfo),v=t.usePageStore(e=>e.setDynamicProduct),m=t.usePageStore(e=>e.setAssignedProductIds),g=t.usePageStore(e=>e.setIsApplyAllProducts),y=t.usePageStore(e=>e.setPostPurchaseProductOffers),f=t.usePageStore(e=>e.setDynamicDiscountOffer),h=t.usePageStore(e=>e.setSalePageProductId),S=t.usePageStore(e=>e.setDynamicCollection),E=t.useBuilderPreviewStore(e=>e.initState),b=t.useBuilderPreviewStore(e=>e.state),L=t.useBuilderPreviewStore(e=>e.forceChangeState),C=t.useBuilderPreviewStore(e=>e.forceChangeItemProp),k=t.useBuilderPreviewStore(e=>e.changeItemPropByKey),P=t.useBuilderPreviewStore(e=>e.addItem),I=t.useBuilderPreviewStore(e=>e.moveItem),q=t.useBuilderPreviewStore(e=>e.removeItem),B=t.useSectionStore(e=>e.addSection),j=t.useShopStore(e=>e.changeSwatches),A=t.useBuilderPreviewStore(e=>e.updateItemName),T=t.useBuilderPreviewStore(e=>e.updateItemAttribute),M=t.useBuilderPreviewStore(e=>e.setErrorSectionList),O=t.useShopStore(e=>e.changeLayoutSettings),F=t.useShopStore(e=>e.changeCreateThemeSectionCount),N=t.useShopStore(e=>e.changeShopPlan),D=t.useShopStore(e=>e.updatePriceWithCurrency),x=l.libsStore(e=>e.changeFontType),H=l.libsStore(e=>e.fontType),$=t.useModalStore(e=>e.clearModal),V=t.useShopStore(e=>e.changeLimitCreateThemeSection),W=t.usePageStore(e=>e.setInteractionIsSelectOnPage),_=t.usePageStore(e=>e.setInteractionItem),G=t.usePageStore(e=>e.setInteractionSelectType),K=t.usePageStore(e=>e.setInteractionSettingType),U=t.usePageStore(e=>e.setSidebarMode),z=t.usePageStore(e=>e.setSellingPlanMeta),J=t.usePageStore(e=>e.setBuyerConsentChecked),Q=t.usePageStore(e=>e.getBuyerConsentChecked),R=n.useMemo(()=>o.getFontsFromDataBuilder(b),[b]),X=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},Y=n.useCallback((e,t)=>{if(!H)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),a=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let r=t.find(e=>{let t=e.family===n,r=e.variants.includes(i);return!!t&&!!r&&X({currentFontTypeSetting:e.type,fontType:H,fontHref:a})});r||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&s.checkNotInOptionFont(i.family,H))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},r=a.createFontUrls([n],void 0,H,!0)||[];if(r?.length)for(let n of r){let a=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),r=document.querySelector(`link.${e}[href="${a(n)}"]`);if(r)continue;let o=document.createElement("link");o.className=e,o.rel="stylesheet",o.href=n,o.dataset.font=i.family,o.dataset.fontVariant=t,document.head.appendChild(o)}}},[H]),Z=n.useCallback(()=>{c(/query\//,{revalidate:!0})},[c]),ee=n.useCallback(e=>{let t=e.detail;p({url:t.shopHandle?i.getStorefrontApi(t.shopHandle,w):void 0,token:t.shopToken})},[p,w]),et=n.useCallback(e=>{let t=e.detail;try{if(t.data){let e=r.genCSS(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=d.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(u);if(Y("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[Y]),en=n.useCallback(e=>{$();try{let t=e.detail;t.data&&("flat"===t.type?L(t.data):E(t.data))}catch{}},[L,E,$]),ei=n.useCallback(e=>{try{let t=e.detail;t.entity&&(P({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||B(t.entity.uid,t.entity))}catch{}},[P,B]),ea=n.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&k({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[k]),er=n.useCallback(e=>{try{let t=e.detail;t.uid&&C(t.uid,t.data,t.group)}catch{}},[C]),eo=n.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&I(t.uid,t.to,Number(t.position)??0)}catch{}},[I]),ed=n.useCallback(e=>{try{let t=e.detail;t.uid&&q(t.uid)}catch{}},[q]),el=n.useCallback(e=>{let t=e.detail;try{t.data&&j(t.data)}catch{}},[j]),es=n.useCallback(e=>{let t=e.detail;t&&O(t)},[O]),eu=n.useCallback(e=>{let t=e.detail;t&&F(t)},[F]),ec=n.useCallback(e=>{let t=e.detail;t&&N(t)},[N]),ew=n.useCallback(e=>{let t=e.detail;t&&D(t)},[D]),ep=n.useCallback(e=>{let t=e.detail;t&&x(t)},[x]),ev=n.useCallback(e=>{let t=e.detail;t&&v(t)},[v]),em=n.useCallback(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&m(t??[]),g(!!n)},[m,g]),eg=n.useCallback(e=>{let t=e.detail;t&&S(t)},[S]);n.useEffect(()=>{R&&H&&Y("google-font-element",R)},[R,H,Y]);let ey=n.useCallback(e=>{let t=e.detail;t.uid&&A(t.uid,t.name||"")},[A]),ef=n.useCallback(e=>{let t=e.detail;t.uid&&T(t.uid,t.value||"",t.attr||"")},[T]),eh=n.useCallback(e=>{let t=e.detail;t?.length&&y(t)},[y]),eS=n.useCallback(e=>{let t=e.detail;t&&f(t)},[f]),eE=n.useCallback(e=>{let t=e.detail;t&&h(t)},[h]),eb=n.useCallback(e=>{let t=e.detail;t&&V(t)},[V]),eL=n.useCallback(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;W(t),G(n),K(i)},[W,G,K]),eC=n.useCallback(e=>{let t=e.detail.settingType;K(t)},[K]),ek=n.useCallback(e=>{let t=e.detail.mode;console.log(t),U(t)},[U]),eP=n.useCallback(e=>{let t=e.detail;_(t)},[_]),eI=n.useCallback(e=>{e.detail&&z(e.detail)},[z]),eq=n.useCallback(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){J(n);return}let i={...Q()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),J(i)}},[J,Q]),eB=n.useCallback(e=>{e.detail&&M(e.detail)},[M]);return n.useEffect(()=>(window.addEventListener("update-shop-info",ee),window.addEventListener("revalidate-query",Z),window.addEventListener("init-builder",en),window.addEventListener("add-entity",ei),window.addEventListener("remove-entity",ed),window.addEventListener("move-entity",eo),window.addEventListener("force-update-entity-props",er),window.addEventListener("update-entity-prop",ea),window.addEventListener("set-global-style",et),window.addEventListener("update-global-swatches-data",el),window.addEventListener("on-off-header-footer",es),window.addEventListener("update-create-theme-section-count",eu),window.addEventListener("update-shop-plan",ec),window.addEventListener("set-dynamic-product",ev),window.addEventListener("set-assigned-product-ids",em),window.addEventListener("set-dynamic-collection",eg),window.addEventListener("update-item-name",ey),window.addEventListener("update-item-attribute",ef),window.addEventListener("set-product-offer",eh),window.addEventListener("set-dynamic-discount-offer",eS),window.addEventListener("update-sale-page-product-id",eE),window.addEventListener("limit-create-theme-section",eb),window.addEventListener("update-interaction-is-select-on-page",eL),window.addEventListener("update-interaction-item",eP),window.addEventListener("update-interaction-setting-type",eC),window.addEventListener("change-sidebar-mode",ek),window.addEventListener("update-font-type",ep),window.addEventListener("update-price-with-currency",ew),window.addEventListener("selling-plan-meta-loaded",eI),window.addEventListener("selling-plan-meta-updated",eI),window.addEventListener("buyer-consent-pre-check-updated",eq),window.addEventListener("editor:error-section-list",eB),()=>{window.removeEventListener("update-shop-info",ee),window.removeEventListener("revalidate-query",Z),window.removeEventListener("init-builder",en),window.removeEventListener("add-entity",ei),window.removeEventListener("remove-entity",ed),window.removeEventListener("move-entity",eo),window.removeEventListener("update-entity-prop",ea),window.removeEventListener("set-global-style",et),window.removeEventListener("update-global-swatches-data",el),window.removeEventListener("on-off-header-footer",es),window.removeEventListener("update-create-theme-section-count",eu),window.removeEventListener("update-shop-plan",ec),window.removeEventListener("update-price-with-currency",ew),window.removeEventListener("set-dynamic-product",ev),window.removeEventListener("set-dynamic-collection",eg),window.removeEventListener("update-item-name",ey),window.removeEventListener("update-item-attribute",ef),window.removeEventListener("set-product-offer",eh),window.removeEventListener("update-sale-page-product-id",eE),window.removeEventListener("limit-create-theme-section",eb),window.removeEventListener("update-interaction-is-select-on-page",eL),window.removeEventListener("update-interaction-item",eP),window.removeEventListener("update-interaction-setting-type",eC),window.removeEventListener("update-font-type",ep),window.removeEventListener("selling-plan-meta-loaded",eI),window.removeEventListener("selling-plan-meta-updated",eI),window.removeEventListener("buyer-consent-pre-check-updated",eq),window.removeEventListener("editor:error-section-list",eB)}),[ei,ec,er,ea,en,eo,ed,et,el,Z,ee,es,eu,ev,eg,ey,ef,eh,eE,eb,eP,eL,eC,ep,ek,eS,ew,eI,eq,eB]),e.jsx("div",{className:"toolbox"})});exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),n=require("react"),i=require("../../libs/get-storefront-api.js"),a=require("../../libs/google-fonts.js"),r=require("../../libs/helpers/gen-css.js"),o=require("../../libs/helpers/gen-fonts.js"),d=require("../../libs/shopify-cdn-with-google-fonts.js"),l=require("../../store/libs-store.js"),s=require("../../libs/helpers/check-option-font.js");const u="global-style";var c=n.memo(()=>{let c=t.useMatchMutate(),w=t.useShopStore(e=>e.provider),p=t.useShopStore(e=>e.changeStorefrontInfo),v=t.usePageStore(e=>e.setDynamicProduct),m=t.usePageStore(e=>e.setAssignedProductIds),g=t.usePageStore(e=>e.setIsApplyAllProducts),y=t.usePageStore(e=>e.setPostPurchaseProductOffers),f=t.usePageStore(e=>e.setDynamicDiscountOffer),h=t.usePageStore(e=>e.setSalePageProductId),S=t.usePageStore(e=>e.setDynamicCollection),E=t.useBuilderPreviewStore(e=>e.initState),b=t.useBuilderPreviewStore(e=>e.state),L=t.useBuilderPreviewStore(e=>e.forceChangeState),C=t.useBuilderPreviewStore(e=>e.forceChangeItemProp),k=t.useBuilderPreviewStore(e=>e.changeItemPropByKey),P=t.useBuilderPreviewStore(e=>e.addItem),I=t.useBuilderPreviewStore(e=>e.moveItem),q=t.useBuilderPreviewStore(e=>e.removeItem),B=t.useSectionStore(e=>e.addSection),j=t.useShopStore(e=>e.changeSwatches),A=t.useBuilderPreviewStore(e=>e.updateItemName),T=t.useBuilderPreviewStore(e=>e.updateItemAttribute),M=t.useBuilderPreviewStore(e=>e.setErrorSectionList),O=t.useShopStore(e=>e.changeLayoutSettings),F=t.useShopStore(e=>e.changeCreateThemeSectionCount),N=t.useShopStore(e=>e.changeShopPlan),D=t.useShopStore(e=>e.updatePriceWithCurrency),x=l.libsStore(e=>e.changeFontType),H=l.libsStore(e=>e.fontType),$=t.useModalStore(e=>e.clearModal),V=t.useShopStore(e=>e.changeLimitCreateThemeSection),W=t.usePageStore(e=>e.setInteractionIsSelectOnPage),_=t.usePageStore(e=>e.setInteractionItem),G=t.usePageStore(e=>e.setInteractionSelectType),K=t.usePageStore(e=>e.setInteractionSettingType),U=t.usePageStore(e=>e.setSidebarMode),z=t.usePageStore(e=>e.setSellingPlanMeta),J=t.usePageStore(e=>e.setBuyerConsentChecked),Q=t.usePageStore(e=>e.getBuyerConsentChecked),R=n.useMemo(()=>o.getFontsFromDataBuilder(b),[b]),X=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},Y=n.useCallback((e,t)=>{if(!H)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),a=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let r=t.find(e=>{let t=e.family===n,r=e.variants.includes(i);return!!t&&!!r&&X({currentFontTypeSetting:e.type,fontType:H,fontHref:a})});r||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&s.checkNotInOptionFont(i.family,H))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},r=a.createFontUrls([n],void 0,H,!0)||[];if(r?.length)for(let n of r){let a=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),r=document.querySelector(`link.${e}[href="${a(n)}"]`);if(r)continue;let o=document.createElement("link");o.className=e,o.rel="stylesheet",o.href=n,o.dataset.font=i.family,o.dataset.fontVariant=t,document.head.appendChild(o)}}},[H]),Z=n.useCallback(()=>{c(/query\//,{revalidate:!0})},[c]),ee=n.useCallback(e=>{let t=e.detail;p({url:t.shopHandle?i.getStorefrontApi(t.shopHandle,w):void 0,token:t.shopToken})},[p,w]),et=n.useCallback(e=>{let t=e.detail;try{if(t.data){let e=r.genCSS(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=d.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(u);if(Y("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[Y]),en=n.useCallback(e=>{$();try{let t=e.detail;t.data&&("flat"===t.type?L(t.data):E(t.data))}catch{}},[L,E,$]),ei=n.useCallback(e=>{try{let t=e.detail;t.entity&&(P({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||B(t.entity.uid,t.entity))}catch{}},[P,B]),ea=n.useCallback(e=>{try{let t=e.detail;t.uid&&t.propName&&k({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[k]),er=n.useCallback(e=>{try{let t=e.detail;t.uid&&C(t.uid,t.data,t.group)}catch{}},[C]),eo=n.useCallback(e=>{try{let t=e.detail;t.to&&t.uid&&I(t.uid,t.to,Number(t.position)||0)}catch{}},[I]),ed=n.useCallback(e=>{try{let t=e.detail;t.uid&&q(t.uid)}catch{}},[q]),el=n.useCallback(e=>{let t=e.detail;try{t.data&&j(t.data)}catch{}},[j]),es=n.useCallback(e=>{let t=e.detail;t&&O(t)},[O]),eu=n.useCallback(e=>{let t=e.detail;t&&F(t)},[F]),ec=n.useCallback(e=>{let t=e.detail;t&&N(t)},[N]),ew=n.useCallback(e=>{let t=e.detail;t&&D(t)},[D]),ep=n.useCallback(e=>{let t=e.detail;t&&x(t)},[x]),ev=n.useCallback(e=>{let t=e.detail;t&&v(t)},[v]),em=n.useCallback(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&m(t??[]),g(!!n)},[m,g]),eg=n.useCallback(e=>{let t=e.detail;t&&S(t)},[S]);n.useEffect(()=>{R&&H&&Y("google-font-element",R)},[R,H,Y]);let ey=n.useCallback(e=>{let t=e.detail;t.uid&&A(t.uid,t.name||"")},[A]),ef=n.useCallback(e=>{let t=e.detail;t.uid&&T(t.uid,t.value||"",t.attr||"")},[T]),eh=n.useCallback(e=>{let t=e.detail;t?.length&&y(t)},[y]),eS=n.useCallback(e=>{let t=e.detail;t&&f(t)},[f]),eE=n.useCallback(e=>{let t=e.detail;t&&h(t)},[h]),eb=n.useCallback(e=>{let t=e.detail;t&&V(t)},[V]),eL=n.useCallback(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;W(t),G(n),K(i)},[W,G,K]),eC=n.useCallback(e=>{let t=e.detail.settingType;K(t)},[K]),ek=n.useCallback(e=>{let t=e.detail.mode;console.log(t),U(t)},[U]),eP=n.useCallback(e=>{let t=e.detail;_(t)},[_]),eI=n.useCallback(e=>{e.detail&&z(e.detail)},[z]),eq=n.useCallback(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){J(n);return}let i={...Q()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),J(i)}},[J,Q]),eB=n.useCallback(e=>{e.detail&&M(e.detail)},[M]);return n.useEffect(()=>(window.addEventListener("update-shop-info",ee),window.addEventListener("revalidate-query",Z),window.addEventListener("init-builder",en),window.addEventListener("add-entity",ei),window.addEventListener("remove-entity",ed),window.addEventListener("move-entity",eo),window.addEventListener("force-update-entity-props",er),window.addEventListener("update-entity-prop",ea),window.addEventListener("set-global-style",et),window.addEventListener("update-global-swatches-data",el),window.addEventListener("on-off-header-footer",es),window.addEventListener("update-create-theme-section-count",eu),window.addEventListener("update-shop-plan",ec),window.addEventListener("set-dynamic-product",ev),window.addEventListener("set-assigned-product-ids",em),window.addEventListener("set-dynamic-collection",eg),window.addEventListener("update-item-name",ey),window.addEventListener("update-item-attribute",ef),window.addEventListener("set-product-offer",eh),window.addEventListener("set-dynamic-discount-offer",eS),window.addEventListener("update-sale-page-product-id",eE),window.addEventListener("limit-create-theme-section",eb),window.addEventListener("update-interaction-is-select-on-page",eL),window.addEventListener("update-interaction-item",eP),window.addEventListener("update-interaction-setting-type",eC),window.addEventListener("change-sidebar-mode",ek),window.addEventListener("update-font-type",ep),window.addEventListener("update-price-with-currency",ew),window.addEventListener("selling-plan-meta-loaded",eI),window.addEventListener("selling-plan-meta-updated",eI),window.addEventListener("buyer-consent-pre-check-updated",eq),window.addEventListener("editor:error-section-list",eB),()=>{window.removeEventListener("update-shop-info",ee),window.removeEventListener("revalidate-query",Z),window.removeEventListener("init-builder",en),window.removeEventListener("add-entity",ei),window.removeEventListener("remove-entity",ed),window.removeEventListener("move-entity",eo),window.removeEventListener("update-entity-prop",ea),window.removeEventListener("set-global-style",et),window.removeEventListener("update-global-swatches-data",el),window.removeEventListener("on-off-header-footer",es),window.removeEventListener("update-create-theme-section-count",eu),window.removeEventListener("update-shop-plan",ec),window.removeEventListener("update-price-with-currency",ew),window.removeEventListener("set-dynamic-product",ev),window.removeEventListener("set-dynamic-collection",eg),window.removeEventListener("update-item-name",ey),window.removeEventListener("update-item-attribute",ef),window.removeEventListener("set-product-offer",eh),window.removeEventListener("update-sale-page-product-id",eE),window.removeEventListener("limit-create-theme-section",eb),window.removeEventListener("update-interaction-is-select-on-page",eL),window.removeEventListener("update-interaction-item",eP),window.removeEventListener("update-interaction-setting-type",eC),window.removeEventListener("update-font-type",ep),window.removeEventListener("selling-plan-meta-loaded",eI),window.removeEventListener("selling-plan-meta-updated",eI),window.removeEventListener("buyer-consent-pre-check-updated",eq),window.removeEventListener("editor:error-section-list",eB)}),[ei,ec,er,ea,en,eo,ed,et,el,Z,ee,es,eu,ev,eg,ey,ef,eh,eE,eb,eP,eL,eC,ep,ek,eS,ew,eI,eq,eB]),e.jsx("div",{className:"toolbox"})});exports.default=c;

package/dist/cjs/components/builder-upsell/BodyUpsell.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("./DropElement.js");exports.default=()=>{let s=r.useBuilderPreviewUpsellStore(e=>e.hasWidgetTemplate);return s?e.jsx("div",{id:"storefront",children:e.jsx(r.RenderPreviewUpsell,{widgetId:"gwHZziWWVC"})}):e.jsx(t.DropElementUpsell,{})};

package/dist/cjs/components/builder-upsell/DropElement.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),l=require("../../constants/index.js");exports.DropElementUpsell=()=>{let{t:i}=t.useI18nStore(),p=t.useBuilderPreviewUpsellStore(e=>e.loaded);if(!p)return null;let s=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e.jsx("div",{id:"gp-img-to-layout-wrapper",className:"sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4] gp-flex",style:{height:"100vh"},children:e.jsx("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:e.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e.jsxs("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),e.jsx("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),e.jsx("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),e.jsx("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),e.jsx("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),e.jsx("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),e.jsx("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),e.jsx("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),e.jsx("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center",children:[e.jsx("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:i("Start building widget")}),e.jsx("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:e.jsx("button",{"data-button-add-elements":!0,onClick:()=>{s(l.LIBRARY_TYPE_ENUM.POST_PURCHASE_UPSELL)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:i("Choose widget template")})})]})]})})})};

package/dist/cjs/components/builder-upsell/ToolboxUpsell.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),r=require("react"),n=require("../../libs/get-storefront-api.js"),o=require("../../libs/google-fonts.js"),l=require("../../libs/helpers/gen-css.js"),i=require("../../libs/helpers/gen-fonts.js"),a=require("../../libs/shopify-cdn-with-google-fonts.js"),s=require("../../store/libs-store.js"),d=require("../../libs/helpers/check-option-font.js");const u="global-style";var p=r.memo(()=>{let p=t.useMatchMutate(),c=t.useShopStore(e=>e.provider),f=t.useShopStore(e=>e.changeStorefrontInfo),g=t.useBuilderPreviewUpsellStore(e=>e.initState),m=t.useBuilderPreviewUpsellStore(e=>e.changeItemPropByKey),v=t.useBuilderPreviewUpsellStore(e=>e.state),h=t.useBuilderPreviewUpsellStore(e=>e.forceChangeState),y=t.useShopStore(e=>e.changeShopPlan),w=s.libsStore(e=>e.changeFontType),b=s.libsStore(e=>e.fontType),S=t.useModalStore(e=>e.clearModal),E=r.useMemo(()=>i.getFontsFromDataBuilder(v),[v]),k=({currentFontTypeSetting:e,fontType:t,fontHref:r})=>{let n;return r.includes("bunny.net")?n="bunny":r.includes("googleapis.com")&&(n="google"),!n||t===n&&n===e},q=r.useCallback((e,t)=>{if(!b)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let r=document.querySelectorAll(`.${e}`);for(let n of(r.forEach(e=>{let r=e.getAttribute("data-font"),n=e.getAttribute("data-font-variant"),o=e.getAttribute("href")||"";if(!r||!n){e.remove();return}let l=t.find(e=>{let t=e.family===r,l=e.variants.includes(n);return!!t&&!!l&&k({currentFontTypeSetting:e.type,fontType:b,fontHref:o})});l||e.remove()}),t))if(!(["bunny","google"].includes(n.type)&&d.checkNotInOptionFont(n.family,b))&&"custom"!==n.type&&n.variants?.length)for(let t of n.variants){let r={...n,variants:[t.toString()]},l=o.createFontUrls([r],void 0,b,!0)||[];if(l?.length)for(let r of l){let o=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),l=document.querySelector(`link.${e}[href="${o(r)}"]`);if(l)continue;let i=document.createElement("link");i.className=e,i.rel="stylesheet",i.href=r,i.dataset.font=n.family,i.dataset.fontVariant=t,document.head.appendChild(i)}}},[b]),C=r.useCallback(()=>{p(/query\//,{revalidate:!0})},[p]),L=r.useCallback(e=>{let t=e.detail;f({url:t.shopHandle?n.getStorefrontApi(t.shopHandle,c):void 0,token:t.shopToken})},[f,c]),j=r.useCallback(e=>{let t=e.detail;try{if(t.data){let e=l.genCSS(t.data,t.mobileOnly),r=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=a.shopifyCdnWithGoogleFonts.find(t=>t.family==e.family);if(t)return t}return e}),n=document.getElementById(u);if(q("google-font-builder",r),n)n.innerHTML=e;else{let t=document.createElement("style");t.id=u,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[q]),M=r.useCallback(e=>{S();try{let t=e.detail;if(!t.data)return;g(t.data)}catch{}},[h,g,S]),B=r.useCallback(e=>{let t=e.detail;t&&y(t)},[y]),F=r.useCallback(e=>{let t=e.detail;t&&w(t)},[w]),I=r.useCallback(e=>{try{let t=e.detail;t.widgetId&&t.propName&&m({widgetId:t.widgetId,key:t.propName,data:t.propValue,group:t.group})}catch{}},[m]);return r.useEffect(()=>{E&&b&&q("google-font-element",E)},[E,b,q]),r.useEffect(()=>(window.addEventListener("update-shop-info",L),window.addEventListener("revalidate-query",C),window.addEventListener("init-builder-upsell",M),window.addEventListener("set-global-style",j),window.addEventListener("update-shop-plan",B),window.addEventListener("update-font-type",F),window.addEventListener("update-entity-prop",I),()=>{window.removeEventListener("update-shop-info",L),window.removeEventListener("revalidate-query",C),window.removeEventListener("init-builder-upsell",M),window.removeEventListener("set-global-style",j),window.removeEventListener("update-shop-plan",B),window.removeEventListener("update-font-type",F),window.removeEventListener("update-entity-prop",I)}),[B,M,j,C,L,F,I]),e.jsx("div",{className:"toolbox"})});exports.default=p;

package/dist/cjs/libs/api/get-collection-props.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("../helpers/gen-css.js"),l=require("../helpers/normalize.js"),t=require("../helpers/parse-json.js");exports.getCollectionProps=s=>async i=>{let o="COLLECTION",[a,u]=await Promise.all([s([e.CollectionDocument,{handle:i}]),s([e.PublishedThemePagesDocument,{slug:i,slugType:o}])]),n=u.publishedThemePages?.[0],c=l.parseBuilderTemplate(n);if(!a||!a?.collection||!n)throw Error("Collection not found");let{collection:p}=a,d=e.prefetchQueries(c),m=await Promise.allSettled(d.map(({query:e,variables:r,func:l})=>l?l(s,r):e?s([e,r]):{})),h=d.reduce((e,{key:r},l)=>{let t=m[l];return t?.status==="fulfilled"?{...e,[r]:t.value}:e},{});return t.serializableJson({builderData:c,collection:p,pageType:o,themeStyle:r.genCSS(n.pageStyle?.data),swr:{fallback:h},seo:{title:p.title,description:p.description}})};
+"use strict";var e=require("@gem-sdk/core"),r=require("../helpers/gen-css.js"),l=require("../helpers/normalize.js"),t=require("../helpers/parse-json.js");exports.getCollectionProps=s=>async i=>{let a="COLLECTION",[o,u]=await Promise.all([s([e.CollectionDocument,{handle:i}]),s([e.PublishedThemePagesDocument,{slug:i,slugType:a}])]),n=u.publishedThemePages?.[0],c=l.parseBuilderTemplate(n);if(!o||!o?.collection||!n)throw Error("Collection not found");let{collection:p}=o,d=e.prefetchQueries(c),m=await Promise.allSettled(d.map(({query:e,variables:r,func:l})=>l?l(s,r):e?s([e,r]):{})),h=d.reduce((e,{key:r},l)=>{let t=m[l];return t?.status==="fulfilled"?{...e,[r]:t.value}:e},{});return t.serializableJson({builderData:c,collection:p,pageType:a,themeStyle:r.genCSS(n.pageStyle?.data),swr:{fallback:h},seo:{title:p.title,description:p.description}})};

package/dist/cjs/libs/hooks/use-tracking-view.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("@gem-sdk/core"),r=require("react");exports.useTrackingView=(s,a,t)=>{let i=s||process.env.NEXT_PUBLIC_SHOP_TOKEN,n=process.env.NEXT_PUBLIC_API_URL,o=r.useCallback(r=>{n&&i&&fetch(n,{method:"POST",headers:{"Content-Type":"application/json","X-GemX-Shop-Token":i},body:JSON.stringify({query:e.PageViewUpDocument,variables:{pageHandle:r}})}).finally(()=>{})},[n,i]);r.useEffect(()=>{a&&!t&&o(a)},[a,o,t])};
+"use strict";var e=require("@gem-sdk/core"),r=require("react");exports.useTrackingView=(s,t,a)=>{let i=s||process.env.NEXT_PUBLIC_SHOP_TOKEN,o=process.env.NEXT_PUBLIC_API_URL,c=r.useCallback(r=>{o&&i&&fetch(o,{method:"POST",headers:{"Content-Type":"application/json","X-GemX-Shop-Token":i},body:JSON.stringify({query:e.PageViewUpDocument,variables:{pageHandle:r}})}).finally(()=>{})},[o,i]);r.useEffect(()=>{t&&!a&&c(t)},[t,c,a])};

package/dist/cjs/pages/builder-upsell.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("@gem-sdk/core"),t=require("next-seo"),s=require("next/head"),i=require("react"),o=require("../components/builder/Toolbox.js"),n=require("../components/builder/Header.js"),a=require("../components/builder/Footer.js"),d=require("../components/builder/PopupManager.js"),l=require("../components/image-to-layout-upsell/ImageToLayout.js"),u=require("../components/image-to-layout/AddSectionImageToLayout.js"),p=require("../components/builder/Toolbar.js"),g=require("../components/builder/SwitchView.js"),c=require("../components/builder/Body.js");exports.BuilderUpsellPage=({components:j,seo:x,themeStyle:m,fontStyle:f,sectionData:y,pageType:h,editorImageToLayout:T,isThemeSectionEditor:b,hiddenToolbar:q,pageName:v,isOriginTemplate:S})=>{let[P,I]=i.useState(!1),{t:O}=r.useI18n(),w=i.useMemo(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);i.useEffect(()=>{I(!0)},[]);let L=()=>{window?.parent?.postMessage(JSON.stringify({type:"open-page-setting"}),"*")};return e.jsxs(e.Fragment,{children:[e.jsx(t.NextSeo,{...x}),e.jsxs(s,{children:[m&&e.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:m}}),f&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:f}})]}),e.jsx(r.PageProvider,{children:e.jsx(r.BuilderComponentProvider,{components:j,children:e.jsx(r.SectionProvider,{data:y,children:e.jsx(r.I18nProvider,{t:O,children:e.jsxs(r.BuilderPreviewProvider,{pageName:v,state:w,isThemeSectionEditor:b,children:[e.jsx(o.default,{}),!q&&e.jsx(p.default,{}),e.jsx(d.default,{}),P&&e.jsxs("div",{className:"builder gp-z-1 gp-relative",children:[!q&&(b?e.jsx("div",{className:"gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",children:e.jsx(g.default,{})}):e.jsx(n.default,{pageType:h,isOriginTemplate:S,openPageSetting:L})),e.jsx(c.default,{pageType:h,isThemeSectionEditor:b}),e.jsx(l.default,{editorImageToLayout:T||!1}),e.jsx(u.default,{editorImageToLayout:T||!1}),e.jsx("div",{id:"visual-content"}),!b&&!q&&e.jsx(a.default,{pageType:h,isOriginTemplate:S,openPageSetting:L})]})]},"preview")})})})})]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),r=require("next/head"),l=require("react"),t=require("../components/builder-upsell/BodyUpsell.js"),i=require("../components/builder-upsell/ToolboxUpsell.js");exports.BuilderUpsellPage=({components:d,themeStyle:n,fontStyle:u,widgetName:o})=>{let[a,c]=l.useState(!1),{t:p}=s.useI18n(),g=l.useMemo(()=>({ROOT:{widgetId:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);return l.useEffect(()=>{c(!0)},[]),e.jsxs(e.Fragment,{children:[e.jsxs(r,{children:[n&&e.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:n}}),u&&e.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:u}})]}),e.jsx(s.BuilderUpsellWidgetProvider,{components:d,children:e.jsx(s.I18nProvider,{t:p,children:e.jsxs(s.BuilderPreviewUpsellProvider,{widgetName:o,state:g,children:[e.jsx(i.default,{}),a&&e.jsxs("div",{className:"builder gp-z-1 gp-relative gp-w-full gp-h-screen gp-flex gp-justify-center gp-items-center",children:[e.jsx(t.default,{}),e.jsx("div",{id:"visual-content"})]})]},"preview")})})]})};

package/dist/esm/components/builder/Toolbox.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,usePageStore as i,useBuilderPreviewStore as d,useSectionStore as o,useModalStore as a}from"@gem-sdk/core";import{memo as r,useMemo as l,useCallback as s,useEffect as c}from"react";import{getStorefrontApi as p}from"../../libs/get-storefront-api.js";import{createFontUrls as m}from"../../libs/google-fonts.js";import{genCSS as u}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as w}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as v}from"../../libs/shopify-cdn-with-google-fonts.js";import{libsStore as y}from"../../store/libs-store.js";import{checkNotInOptionFont as f}from"../../libs/helpers/check-option-font.js";let g="global-style";var h=r(()=>{let r=t(),h=n(e=>e.provider),E=n(e=>e.changeStorefrontInfo),L=i(e=>e.setDynamicProduct),b=i(e=>e.setAssignedProductIds),S=i(e=>e.setIsApplyAllProducts),I=i(e=>e.setPostPurchaseProductOffers),C=i(e=>e.setDynamicDiscountOffer),P=i(e=>e.setSalePageProductId),T=i(e=>e.setDynamicCollection),k=d(e=>e.initState),A=d(e=>e.state),j=d(e=>e.forceChangeState),q=d(e=>e.forceChangeItemProp),N=d(e=>e.changeItemPropByKey),O=d(e=>e.addItem),D=d(e=>e.moveItem),M=d(e=>e.removeItem),x=o(e=>e.addSection),B=n(e=>e.changeSwatches),H=d(e=>e.updateItemName),$=d(e=>e.updateItemAttribute),F=d(e=>e.setErrorSectionList),V=n(e=>e.changeLayoutSettings),K=n(e=>e.changeCreateThemeSectionCount),W=n(e=>e.changeShopPlan),z=n(e=>e.updatePriceWithCurrency),G=y(e=>e.changeFontType),J=y(e=>e.fontType),Q=a(e=>e.clearModal),R=n(e=>e.changeLimitCreateThemeSection),U=i(e=>e.setInteractionIsSelectOnPage),X=i(e=>e.setInteractionItem),Y=i(e=>e.setInteractionSelectType),Z=i(e=>e.setInteractionSettingType),_=i(e=>e.setSidebarMode),ee=i(e=>e.setSellingPlanMeta),et=i(e=>e.setBuyerConsentChecked),en=i(e=>e.getBuyerConsentChecked),ei=l(()=>w(A),[A]),ed=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},eo=s((e,t)=>{if(!J)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),d=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let o=t.find(e=>{let t=e.family===n,o=e.variants.includes(i);return!!t&&!!o&&ed({currentFontTypeSetting:e.type,fontType:J,fontHref:d})});o||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&f(i.family,J))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},d=m([n],void 0,J,!0)||[];if(d?.length)for(let n of d){let d=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),o=document.querySelector(`link.${e}[href="${d(n)}"]`);if(o)continue;let a=document.createElement("link");a.className=e,a.rel="stylesheet",a.href=n,a.dataset.font=i.family,a.dataset.fontVariant=t,document.head.appendChild(a)}}},[J]),ea=s(()=>{r(/query\//,{revalidate:!0})},[r]),er=s(e=>{let t=e.detail;E({url:t.shopHandle?p(t.shopHandle,h):void 0,token:t.shopToken})},[E,h]),el=s(e=>{let t=e.detail;try{if(t.data){let e=u(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=v.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(g);if(eo("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=g,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[eo]),es=s(e=>{Q();try{let t=e.detail;t.data&&("flat"===t.type?j(t.data):k(t.data))}catch{}},[j,k,Q]),ec=s(e=>{try{let t=e.detail;t.entity&&(O({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||x(t.entity.uid,t.entity))}catch{}},[O,x]),ep=s(e=>{try{let t=e.detail;t.uid&&t.propName&&N({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[N]),em=s(e=>{try{let t=e.detail;t.uid&&q(t.uid,t.data,t.group)}catch{}},[q]),eu=s(e=>{try{let t=e.detail;t.to&&t.uid&&D(t.uid,t.to,Number(t.position)??0)}catch{}},[D]),ew=s(e=>{try{let t=e.detail;t.uid&&M(t.uid)}catch{}},[M]),ev=s(e=>{let t=e.detail;try{t.data&&B(t.data)}catch{}},[B]),ey=s(e=>{let t=e.detail;t&&V(t)},[V]),ef=s(e=>{let t=e.detail;t&&K(t)},[K]),eg=s(e=>{let t=e.detail;t&&W(t)},[W]),eh=s(e=>{let t=e.detail;t&&z(t)},[z]),eE=s(e=>{let t=e.detail;t&&G(t)},[G]),eL=s(e=>{let t=e.detail;t&&L(t)},[L]),eb=s(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&b(t??[]),S(!!n)},[b,S]),eS=s(e=>{let t=e.detail;t&&T(t)},[T]);c(()=>{ei&&J&&eo("google-font-element",ei)},[ei,J,eo]);let eI=s(e=>{let t=e.detail;t.uid&&H(t.uid,t.name||"")},[H]),eC=s(e=>{let t=e.detail;t.uid&&$(t.uid,t.value||"",t.attr||"")},[$]),eP=s(e=>{let t=e.detail;t?.length&&I(t)},[I]),eT=s(e=>{let t=e.detail;t&&C(t)},[C]),ek=s(e=>{let t=e.detail;t&&P(t)},[P]),eA=s(e=>{let t=e.detail;t&&R(t)},[R]),ej=s(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;U(t),Y(n),Z(i)},[U,Y,Z]),eq=s(e=>{let t=e.detail.settingType;Z(t)},[Z]),eN=s(e=>{let t=e.detail.mode;console.log(t),_(t)},[_]),eO=s(e=>{let t=e.detail;X(t)},[X]),eD=s(e=>{e.detail&&ee(e.detail)},[ee]),eM=s(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){et(n);return}let i={...en()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),et(i)}},[et,en]),ex=s(e=>{e.detail&&F(e.detail)},[F]);return c(()=>(window.addEventListener("update-shop-info",er),window.addEventListener("revalidate-query",ea),window.addEventListener("init-builder",es),window.addEventListener("add-entity",ec),window.addEventListener("remove-entity",ew),window.addEventListener("move-entity",eu),window.addEventListener("force-update-entity-props",em),window.addEventListener("update-entity-prop",ep),window.addEventListener("set-global-style",el),window.addEventListener("update-global-swatches-data",ev),window.addEventListener("on-off-header-footer",ey),window.addEventListener("update-create-theme-section-count",ef),window.addEventListener("update-shop-plan",eg),window.addEventListener("set-dynamic-product",eL),window.addEventListener("set-assigned-product-ids",eb),window.addEventListener("set-dynamic-collection",eS),window.addEventListener("update-item-name",eI),window.addEventListener("update-item-attribute",eC),window.addEventListener("set-product-offer",eP),window.addEventListener("set-dynamic-discount-offer",eT),window.addEventListener("update-sale-page-product-id",ek),window.addEventListener("limit-create-theme-section",eA),window.addEventListener("update-interaction-is-select-on-page",ej),window.addEventListener("update-interaction-item",eO),window.addEventListener("update-interaction-setting-type",eq),window.addEventListener("change-sidebar-mode",eN),window.addEventListener("update-font-type",eE),window.addEventListener("update-price-with-currency",eh),window.addEventListener("selling-plan-meta-loaded",eD),window.addEventListener("selling-plan-meta-updated",eD),window.addEventListener("buyer-consent-pre-check-updated",eM),window.addEventListener("editor:error-section-list",ex),()=>{window.removeEventListener("update-shop-info",er),window.removeEventListener("revalidate-query",ea),window.removeEventListener("init-builder",es),window.removeEventListener("add-entity",ec),window.removeEventListener("remove-entity",ew),window.removeEventListener("move-entity",eu),window.removeEventListener("update-entity-prop",ep),window.removeEventListener("set-global-style",el),window.removeEventListener("update-global-swatches-data",ev),window.removeEventListener("on-off-header-footer",ey),window.removeEventListener("update-create-theme-section-count",ef),window.removeEventListener("update-shop-plan",eg),window.removeEventListener("update-price-with-currency",eh),window.removeEventListener("set-dynamic-product",eL),window.removeEventListener("set-dynamic-collection",eS),window.removeEventListener("update-item-name",eI),window.removeEventListener("update-item-attribute",eC),window.removeEventListener("set-product-offer",eP),window.removeEventListener("update-sale-page-product-id",ek),window.removeEventListener("limit-create-theme-section",eA),window.removeEventListener("update-interaction-is-select-on-page",ej),window.removeEventListener("update-interaction-item",eO),window.removeEventListener("update-interaction-setting-type",eq),window.removeEventListener("update-font-type",eE),window.removeEventListener("selling-plan-meta-loaded",eD),window.removeEventListener("selling-plan-meta-updated",eD),window.removeEventListener("buyer-consent-pre-check-updated",eM),window.removeEventListener("editor:error-section-list",ex)}),[ec,eg,em,ep,es,eu,ew,el,ev,ea,er,ey,ef,eL,eS,eI,eC,eP,ek,eA,eO,ej,eq,eE,eN,eT,eh,eD,eM,ex]),e("div",{className:"toolbox"})});export{h as default};
+import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as n,usePageStore as i,useBuilderPreviewStore as d,useSectionStore as o,useModalStore as a}from"@gem-sdk/core";import{memo as r,useMemo as l,useCallback as s,useEffect as c}from"react";import{getStorefrontApi as p}from"../../libs/get-storefront-api.js";import{createFontUrls as m}from"../../libs/google-fonts.js";import{genCSS as u}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as w}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as v}from"../../libs/shopify-cdn-with-google-fonts.js";import{libsStore as y}from"../../store/libs-store.js";import{checkNotInOptionFont as f}from"../../libs/helpers/check-option-font.js";let g="global-style";var h=r(()=>{let r=t(),h=n(e=>e.provider),E=n(e=>e.changeStorefrontInfo),L=i(e=>e.setDynamicProduct),b=i(e=>e.setAssignedProductIds),S=i(e=>e.setIsApplyAllProducts),I=i(e=>e.setPostPurchaseProductOffers),C=i(e=>e.setDynamicDiscountOffer),P=i(e=>e.setSalePageProductId),T=i(e=>e.setDynamicCollection),k=d(e=>e.initState),A=d(e=>e.state),j=d(e=>e.forceChangeState),q=d(e=>e.forceChangeItemProp),N=d(e=>e.changeItemPropByKey),O=d(e=>e.addItem),D=d(e=>e.moveItem),M=d(e=>e.removeItem),x=o(e=>e.addSection),B=n(e=>e.changeSwatches),H=d(e=>e.updateItemName),$=d(e=>e.updateItemAttribute),F=d(e=>e.setErrorSectionList),V=n(e=>e.changeLayoutSettings),K=n(e=>e.changeCreateThemeSectionCount),W=n(e=>e.changeShopPlan),z=n(e=>e.updatePriceWithCurrency),G=y(e=>e.changeFontType),J=y(e=>e.fontType),Q=a(e=>e.clearModal),R=n(e=>e.changeLimitCreateThemeSection),U=i(e=>e.setInteractionIsSelectOnPage),X=i(e=>e.setInteractionItem),Y=i(e=>e.setInteractionSelectType),Z=i(e=>e.setInteractionSettingType),_=i(e=>e.setSidebarMode),ee=i(e=>e.setSellingPlanMeta),et=i(e=>e.setBuyerConsentChecked),en=i(e=>e.getBuyerConsentChecked),ei=l(()=>w(A),[A]),ed=({currentFontTypeSetting:e,fontType:t,fontHref:n})=>{let i;return n.includes("bunny.net")?i="bunny":n.includes("googleapis.com")&&(i="google"),!i||t===i&&i===e},eo=s((e,t)=>{if(!J)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let n=document.querySelectorAll(`.${e}`);for(let i of(n.forEach(e=>{let n=e.getAttribute("data-font"),i=e.getAttribute("data-font-variant"),d=e.getAttribute("href")||"";if(!n||!i){e.remove();return}let o=t.find(e=>{let t=e.family===n,o=e.variants.includes(i);return!!t&&!!o&&ed({currentFontTypeSetting:e.type,fontType:J,fontHref:d})});o||e.remove()}),t))if(!(["bunny","google"].includes(i.type)&&f(i.family,J))&&"custom"!==i.type&&i.variants?.length)for(let t of i.variants){let n={...i,variants:[t.toString()]},d=m([n],void 0,J,!0)||[];if(d?.length)for(let n of d){let d=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),o=document.querySelector(`link.${e}[href="${d(n)}"]`);if(o)continue;let a=document.createElement("link");a.className=e,a.rel="stylesheet",a.href=n,a.dataset.font=i.family,a.dataset.fontVariant=t,document.head.appendChild(a)}}},[J]),ea=s(()=>{r(/query\//,{revalidate:!0})},[r]),er=s(e=>{let t=e.detail;E({url:t.shopHandle?p(t.shopHandle,h):void 0,token:t.shopToken})},[E,h]),el=s(e=>{let t=e.detail;try{if(t.data){let e=u(t.data,t.mobileOnly),n=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=v.find(t=>t.family==e.family);if(t)return t}return e}),i=document.getElementById(g);if(eo("google-font-builder",n),i)i.innerHTML=e;else{let t=document.createElement("style");t.id=g,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[eo]),es=s(e=>{Q();try{let t=e.detail;t.data&&("flat"===t.type?j(t.data):k(t.data))}catch{}},[j,k,Q]),ec=s(e=>{try{let t=e.detail;t.entity&&(O({data:t.entity,id:t.id,position:t.position,type:t.type??"component"}),t?.type!=="section"||Array.isArray(t.entity)||x(t.entity.uid,t.entity))}catch{}},[O,x]),ep=s(e=>{try{let t=e.detail;t.uid&&t.propName&&N({id:t.uid,key:t.propName,data:t.propValue,group:t.group})}catch{}},[N]),em=s(e=>{try{let t=e.detail;t.uid&&q(t.uid,t.data,t.group)}catch{}},[q]),eu=s(e=>{try{let t=e.detail;t.to&&t.uid&&D(t.uid,t.to,Number(t.position)||0)}catch{}},[D]),ew=s(e=>{try{let t=e.detail;t.uid&&M(t.uid)}catch{}},[M]),ev=s(e=>{let t=e.detail;try{t.data&&B(t.data)}catch{}},[B]),ey=s(e=>{let t=e.detail;t&&V(t)},[V]),ef=s(e=>{let t=e.detail;t&&K(t)},[K]),eg=s(e=>{let t=e.detail;t&&W(t)},[W]),eh=s(e=>{let t=e.detail;t&&z(t)},[z]),eE=s(e=>{let t=e.detail;t&&G(t)},[G]),eL=s(e=>{let t=e.detail;t&&L(t)},[L]),eb=s(e=>{let{assignedIds:t,isApplyAllProducts:n}=e.detail;t&&b(t??[]),S(!!n)},[b,S]),eS=s(e=>{let t=e.detail;t&&T(t)},[T]);c(()=>{ei&&J&&eo("google-font-element",ei)},[ei,J,eo]);let eI=s(e=>{let t=e.detail;t.uid&&H(t.uid,t.name||"")},[H]),eC=s(e=>{let t=e.detail;t.uid&&$(t.uid,t.value||"",t.attr||"")},[$]),eP=s(e=>{let t=e.detail;t?.length&&I(t)},[I]),eT=s(e=>{let t=e.detail;t&&C(t)},[C]),ek=s(e=>{let t=e.detail;t&&P(t)},[P]),eA=s(e=>{let t=e.detail;t&&R(t)},[R]),ej=s(e=>{let t=e.detail.value,n=e.detail.mode,i=e.detail.settingType;U(t),Y(n),Z(i)},[U,Y,Z]),eq=s(e=>{let t=e.detail.settingType;Z(t)},[Z]),eN=s(e=>{let t=e.detail.mode;console.log(t),_(t)},[_]),eO=s(e=>{let t=e.detail;X(t)},[X]),eD=s(e=>{e.detail&&ee(e.detail)},[ee]),eM=s(e=>{if(e.detail){let t=e.detail.productID,n=e.detail.data;if(!t){et(n);return}let i={...en()??{}};Object.keys(i).forEach(e=>{e.includes(t)&&(i[e]=n[t])}),et(i)}},[et,en]),ex=s(e=>{e.detail&&F(e.detail)},[F]);return c(()=>(window.addEventListener("update-shop-info",er),window.addEventListener("revalidate-query",ea),window.addEventListener("init-builder",es),window.addEventListener("add-entity",ec),window.addEventListener("remove-entity",ew),window.addEventListener("move-entity",eu),window.addEventListener("force-update-entity-props",em),window.addEventListener("update-entity-prop",ep),window.addEventListener("set-global-style",el),window.addEventListener("update-global-swatches-data",ev),window.addEventListener("on-off-header-footer",ey),window.addEventListener("update-create-theme-section-count",ef),window.addEventListener("update-shop-plan",eg),window.addEventListener("set-dynamic-product",eL),window.addEventListener("set-assigned-product-ids",eb),window.addEventListener("set-dynamic-collection",eS),window.addEventListener("update-item-name",eI),window.addEventListener("update-item-attribute",eC),window.addEventListener("set-product-offer",eP),window.addEventListener("set-dynamic-discount-offer",eT),window.addEventListener("update-sale-page-product-id",ek),window.addEventListener("limit-create-theme-section",eA),window.addEventListener("update-interaction-is-select-on-page",ej),window.addEventListener("update-interaction-item",eO),window.addEventListener("update-interaction-setting-type",eq),window.addEventListener("change-sidebar-mode",eN),window.addEventListener("update-font-type",eE),window.addEventListener("update-price-with-currency",eh),window.addEventListener("selling-plan-meta-loaded",eD),window.addEventListener("selling-plan-meta-updated",eD),window.addEventListener("buyer-consent-pre-check-updated",eM),window.addEventListener("editor:error-section-list",ex),()=>{window.removeEventListener("update-shop-info",er),window.removeEventListener("revalidate-query",ea),window.removeEventListener("init-builder",es),window.removeEventListener("add-entity",ec),window.removeEventListener("remove-entity",ew),window.removeEventListener("move-entity",eu),window.removeEventListener("update-entity-prop",ep),window.removeEventListener("set-global-style",el),window.removeEventListener("update-global-swatches-data",ev),window.removeEventListener("on-off-header-footer",ey),window.removeEventListener("update-create-theme-section-count",ef),window.removeEventListener("update-shop-plan",eg),window.removeEventListener("update-price-with-currency",eh),window.removeEventListener("set-dynamic-product",eL),window.removeEventListener("set-dynamic-collection",eS),window.removeEventListener("update-item-name",eI),window.removeEventListener("update-item-attribute",eC),window.removeEventListener("set-product-offer",eP),window.removeEventListener("update-sale-page-product-id",ek),window.removeEventListener("limit-create-theme-section",eA),window.removeEventListener("update-interaction-is-select-on-page",ej),window.removeEventListener("update-interaction-item",eO),window.removeEventListener("update-interaction-setting-type",eq),window.removeEventListener("update-font-type",eE),window.removeEventListener("selling-plan-meta-loaded",eD),window.removeEventListener("selling-plan-meta-updated",eD),window.removeEventListener("buyer-consent-pre-check-updated",eM),window.removeEventListener("editor:error-section-list",ex)}),[ec,eg,em,ep,es,eu,ew,el,ev,ea,er,ey,ef,eL,eS,eI,eC,eP,ek,eA,eO,ej,eq,eE,eN,eT,eh,eD,eM,ex]),e("div",{className:"toolbox"})});export{h as default};

package/dist/esm/components/builder-upsell/BodyUpsell.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useBuilderPreviewUpsellStore as r,RenderPreviewUpsell as t}from"@gem-sdk/core";import{DropElementUpsell as o}from"./DropElement.js";let i=()=>{let i=r(e=>e.hasWidgetTemplate);return i?e("div",{id:"storefront",children:e(t,{widgetId:"gwHZziWWVC"})}):e(o,{})};export{i as default};

package/dist/esm/components/builder-upsell/DropElement.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useI18nStore as l,useBuilderPreviewUpsellStore as i}from"@gem-sdk/core";import{LIBRARY_TYPE_ENUM as p}from"../../constants/index.js";let g=()=>{let{t:g}=l(),r=i(e=>e.loaded);if(!r)return null;let d=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e("div",{id:"gp-img-to-layout-wrapper",className:"sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4] gp-flex",style:{height:"100vh"},children:e("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:t("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[t("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[e("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),e("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),e("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),e("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),e("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),e("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),e("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),e("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),e("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),e("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),t("div",{className:"gp-flex gp-flex-col gp-items-center",children:[e("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:g("Start building widget")}),e("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:e("button",{"data-button-add-elements":!0,onClick:()=>{d(p.POST_PURCHASE_UPSELL)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:g("Choose widget template")})})]})]})})})};export{g as DropElementUpsell};

package/dist/esm/components/builder-upsell/ToolboxUpsell.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useMatchMutate as t,useShopStore as o,useBuilderPreviewUpsellStore as n,useModalStore as r}from"@gem-sdk/core";import{memo as i,useMemo as l,useCallback as a,useEffect as d}from"react";import{getStorefrontApi as s}from"../../libs/get-storefront-api.js";import{createFontUrls as p}from"../../libs/google-fonts.js";import{genCSS as f}from"../../libs/helpers/gen-css.js";import{getFontsFromDataBuilder as m}from"../../libs/helpers/gen-fonts.js";import{shopifyCdnWithGoogleFonts as u}from"../../libs/shopify-cdn-with-google-fonts.js";import{libsStore as c}from"../../store/libs-store.js";import{checkNotInOptionFont as g}from"../../libs/helpers/check-option-font.js";let y="global-style";var v=i(()=>{let i=t(),v=o(e=>e.provider),h=o(e=>e.changeStorefrontInfo),w=n(e=>e.initState),b=n(e=>e.changeItemPropByKey),E=n(e=>e.state),L=n(e=>e.forceChangeState),S=o(e=>e.changeShopPlan),j=c(e=>e.changeFontType),k=c(e=>e.fontType),T=r(e=>e.clearModal),q=l(()=>m(E),[E]),C=({currentFontTypeSetting:e,fontType:t,fontHref:o})=>{let n;return o.includes("bunny.net")?n="bunny":o.includes("googleapis.com")&&(n="google"),!n||t===n&&n===e},I=a((e,t)=>{if(!k)return;if(!t?.length){let t=document.querySelectorAll(`.${e}`);t.forEach(e=>e.remove());return}let o=document.querySelectorAll(`.${e}`);for(let n of(o.forEach(e=>{let o=e.getAttribute("data-font"),n=e.getAttribute("data-font-variant"),r=e.getAttribute("href")||"";if(!o||!n){e.remove();return}let i=t.find(e=>{let t=e.family===o,i=e.variants.includes(n);return!!t&&!!i&&C({currentFontTypeSetting:e.type,fontType:k,fontHref:r})});i||e.remove()}),t))if(!(["bunny","google"].includes(n.type)&&g(n.family,k))&&"custom"!==n.type&&n.variants?.length)for(let t of n.variants){let o={...n,variants:[t.toString()]},r=p([o],void 0,k,!0)||[];if(r?.length)for(let o of r){let r=e=>window.CSS&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),i=document.querySelector(`link.${e}[href="${r(o)}"]`);if(i)continue;let l=document.createElement("link");l.className=e,l.rel="stylesheet",l.href=o,l.dataset.font=n.family,l.dataset.fontVariant=t,document.head.appendChild(l)}}},[k]),A=a(()=>{i(/query\//,{revalidate:!0})},[i]),x=a(e=>{let t=e.detail;h({url:t.shopHandle?s(t.shopHandle,v):void 0,token:t.shopToken})},[h,v]),H=a(e=>{let t=e.detail;try{if(t.data){let e=f(t.data,t.mobileOnly),o=Object.entries(t.data?.font).map(([,e])=>e).map(e=>{if("custom"==e.type){let t=u.find(t=>t.family==e.family);if(t)return t}return e}),n=document.getElementById(y);if(I("google-font-builder",o),n)n.innerHTML=e;else{let t=document.createElement("style");t.id=y,t.innerHTML=e,document.head.appendChild(t)}}}catch{}},[I]),N=a(e=>{T();try{let t=e.detail;if(!t.data)return;w(t.data)}catch{}},[L,w,T]),$=a(e=>{let t=e.detail;t&&S(t)},[S]),M=a(e=>{let t=e.detail;t&&j(t)},[j]),B=a(e=>{try{let t=e.detail;t.widgetId&&t.propName&&b({widgetId:t.widgetId,key:t.propName,data:t.propValue,group:t.group})}catch{}},[b]);return d(()=>{q&&k&&I("google-font-element",q)},[q,k,I]),d(()=>(window.addEventListener("update-shop-info",x),window.addEventListener("revalidate-query",A),window.addEventListener("init-builder-upsell",N),window.addEventListener("set-global-style",H),window.addEventListener("update-shop-plan",$),window.addEventListener("update-font-type",M),window.addEventListener("update-entity-prop",B),()=>{window.removeEventListener("update-shop-info",x),window.removeEventListener("revalidate-query",A),window.removeEventListener("init-builder-upsell",N),window.removeEventListener("set-global-style",H),window.removeEventListener("update-shop-plan",$),window.removeEventListener("update-font-type",M),window.removeEventListener("update-entity-prop",B)}),[$,N,H,A,x,M,B]),e("div",{className:"toolbox"})});export{v as default};

package/dist/esm/libs/hooks/use-tracking-view.js

@@ -1,2 +1,2 @@
 'use client';
-import{PageViewUpDocument as e}from"@gem-sdk/core";import{useCallback as o,useEffect as r}from"react";let t=(t,n,a)=>{let i=t||process.env.NEXT_PUBLIC_SHOP_TOKEN,p=process.env.NEXT_PUBLIC_API_URL,s=o(o=>{p&&i&&fetch(p,{method:"POST",headers:{"Content-Type":"application/json","X-GemX-Shop-Token":i},body:JSON.stringify({query:e,variables:{pageHandle:o}})}).finally(()=>{})},[p,i]);r(()=>{n&&!a&&s(n)},[n,s,a])};export{t as useTrackingView};
+import{PageViewUpDocument as e}from"@gem-sdk/core";import{useCallback as o,useEffect as r}from"react";let t=(t,i,n)=>{let s=t||process.env.NEXT_PUBLIC_SHOP_TOKEN,p=process.env.NEXT_PUBLIC_API_URL,a=o(o=>{p&&s&&fetch(p,{method:"POST",headers:{"Content-Type":"application/json","X-GemX-Shop-Token":s},body:JSON.stringify({query:e,variables:{pageHandle:o}})}).finally(()=>{})},[p,s]);r(()=>{i&&!n&&a(i)},[i,a,n])};export{t as useTrackingView};

package/dist/esm/pages/builder-upsell.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useI18n as r,PageProvider as i,BuilderComponentProvider as n,SectionProvider as p,I18nProvider as m,BuilderPreviewProvider as s}from"@gem-sdk/core";import{NextSeo as a}from"next-seo";import l from"next/head";import{useState as d,useMemo as g,useEffect as c}from"react";import u from"../components/builder/Toolbox.js";import f from"../components/builder/Header.js";import y from"../components/builder/Footer.js";import h from"../components/builder/PopupManager.js";import T from"../components/image-to-layout-upsell/ImageToLayout.js";import b from"../components/image-to-layout/AddSectionImageToLayout.js";import j from"../components/builder/Toolbar.js";import x from"../components/builder/SwitchView.js";import S from"../components/builder/Body.js";let O=({components:O,seo:v,themeStyle:I,fontStyle:L,sectionData:w,pageType:M,editorImageToLayout:N,isThemeSectionEditor:P,hiddenToolbar:R,pageName:_,isOriginTemplate:H})=>{let[B,E]=d(!1),{t:k}=r(),z=g(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);c(()=>{E(!0)},[]);let A=()=>{window?.parent?.postMessage(JSON.stringify({type:"open-page-setting"}),"*")};return e(o,{children:[t(a,{...v}),e(l,{children:[I&&t("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:I}}),L&&t("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:L}})]}),t(i,{children:t(n,{components:O,children:t(p,{data:w,children:t(m,{t:k,children:e(s,{pageName:_,state:z,isThemeSectionEditor:P,children:[t(u,{}),!R&&t(j,{}),t(h,{}),B&&e("div",{className:"builder gp-z-1 gp-relative",children:[!R&&(P?t("div",{className:"gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",children:t(x,{})}):t(f,{pageType:M,isOriginTemplate:H,openPageSetting:A})),t(S,{pageType:M,isThemeSectionEditor:P}),t(T,{editorImageToLayout:N||!1}),t(b,{editorImageToLayout:N||!1}),t("div",{id:"visual-content"}),!P&&!R&&t(y,{pageType:M,isOriginTemplate:H,openPageSetting:A})]})]},"preview")})})})})]})};export{O as BuilderUpsellPage};
+import{jsxs as e,Fragment as t,jsx as l}from"react/jsx-runtime";import{useI18n as r,BuilderUpsellWidgetProvider as o,I18nProvider as i,BuilderPreviewUpsellProvider as s}from"@gem-sdk/core";import n from"next/head";import{useState as d,useMemo as p,useEffect as m}from"react";import c from"../components/builder-upsell/BodyUpsell.js";import a from"../components/builder-upsell/ToolboxUpsell.js";let g=({components:g,themeStyle:u,fontStyle:h,widgetName:f})=>{let[y,x]=d(!1),{t:b}=r(),v=p(()=>({ROOT:{widgetId:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);return m(()=>{x(!0)},[]),e(t,{children:[e(n,{children:[u&&l("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:u}}),h&&l("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:h}})]}),l(o,{components:g,children:l(i,{t:b,children:e(s,{widgetName:f,state:v,children:[l(a,{}),y&&e("div",{className:"builder gp-z-1 gp-relative gp-w-full gp-h-screen gp-flex gp-justify-center gp-items-center",children:[l(c,{}),l("div",{id:"visual-content"})]})]},"preview")})})]})};export{g as BuilderUpsellPage};

package/dist/types/index.d.ts

@@ -87,15 +87,19 @@ type BuilderPageProps = {
     storefrontHandle?: string | null;
     shopToken?: string | null;
     mode?: RenderMode;
-    pageType: ShopType.PublishedThemePageType;
+    pageType: ShopType.PublishedThemePageType | 'THEME_SECTION';
     editorImageToLayout?: boolean;
     isThemeSectionEditor?: boolean;
     hiddenToolbar?: boolean;
-    pageName: string;
+    pageName?: string;
     isOriginTemplate?: boolean;
 };
-type BuilderUpsellPageProps = BuilderPageProps & {
-    isUpsellBuilder?: boolean;
+type BuilderUpsellPageProps = {
+    components: Record<string, React__default.ComponentType<any>>;
+    themeStyle?: string | null;
+    fontStyle?: string | null;
+    widgetName?: string;
+    upsellType?: string;
 };
 type CollectionDetailPageProps = PageBuilderProps & {
     collection?: CollectionQueryResponse['collection'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/pages",
-  "version": "12.0.0-dev.139",
+  "version": "12.0.0-dev.141",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -14,7 +14,7 @@
     "post:publish": "node ./../../helpers/convert-publish.js",
     "watch": "rollup -c ./../../helpers/rollup.config.mjs -w",
     "build": "rollup -c ./../../helpers/rollup.config.mjs --environment NODE_ENV:production",
-    "lint": "eslint ./src --ext .tsx,.ts",
+    "lint": "oxlint  --format=stylish ./src",
     "type-check": "yarn tsc --noEmit",
     "test": "jest -c ./../../helpers/jest.config.ts",
     "gen-google-fonts": "node ./scripts/genFontGoogle.js"
@@ -27,10 +27,10 @@
     "next": "14.2.35"
   },
   "devDependencies": {
-    "@gem-sdk/core": "12.0.0-dev.139",
-    "@gem-sdk/plugin-cookie-bar": "12.0.0-dev.139",
-    "@gem-sdk/plugin-quick-view": "12.0.0-dev.139",
-    "@gem-sdk/plugin-sticky-add-to-cart": "12.0.0-dev.139"
+    "@gem-sdk/core": "12.0.0-dev.141",
+    "@gem-sdk/plugin-cookie-bar": "12.0.0-dev.141",
+    "@gem-sdk/plugin-quick-view": "12.0.0-dev.141",
+    "@gem-sdk/plugin-sticky-add-to-cart": "12.0.0-dev.141"
   },
   "peerDependencies": {
     "next": "14.2.35"

package/dist/cjs/components/image-to-layout-upsell/DropElement.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),i=require("../../constants/index.js");exports.DropElementUpsell=()=>{let{t:l}=t.useI18nStore(),s=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e.jsxs("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),e.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),e.jsx("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),e.jsx("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),e.jsx("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),e.jsx("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),e.jsx("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),e.jsx("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),e.jsx("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),e.jsx("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center",children:[e.jsx("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:l("Start building widget")}),e.jsx("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:e.jsx("button",{"data-button-add-elements":!0,onClick:()=>{s(i.LIBRARY_TYPE_ENUM.POST_PURCHASE_UPSELL)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:l("Add elements")})})]})]})};

package/dist/cjs/components/image-to-layout-upsell/ImageToLayout.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("@gem-sdk/core"),p=require("./DropElement.js");exports.default=({editorImageToLayout:r})=>{let s=l.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),t=l.useBuilderPreviewStore(e=>e.loaded);return t?e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"gp-img-to-layout-wrapper",className:l.cls("sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4]",{"gp-hidden":!r||!!s,"gp-flex":r&&!s}),style:{height:"calc(100vh - 90px)"},children:e.jsx("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:e.jsx(p.DropElementUpsell,{})})}),e.jsx("div",{className:"limited-section"})]}):null};

package/dist/esm/components/image-to-layout-upsell/DropElement.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useI18nStore as i}from"@gem-sdk/core";import{LIBRARY_TYPE_ENUM as l}from"../../constants/index.js";let p=()=>{let{t:p}=i(),r=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[t("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),t("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),t("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),t("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),t("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),t("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),t("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),t("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),t("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),t("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e("div",{className:"gp-flex gp-flex-col gp-items-center",children:[t("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:p("Start building widget")}),t("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:t("button",{"data-button-add-elements":!0,onClick:()=>{r(l.POST_PURCHASE_UPSELL)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:p("Add elements")})})]})]})};export{p as DropElementUpsell};

package/dist/esm/components/image-to-layout-upsell/ImageToLayout.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsxs as e,Fragment as p,jsx as l}from"react/jsx-runtime";import{useBuilderPreviewStore as t,cls as g}from"@gem-sdk/core";import{DropElementUpsell as i}from"./DropElement.js";let r=({editorImageToLayout:r})=>{let a=t(e=>e.state.ROOT.childrens?.length),o=t(e=>e.loaded);return o?e(p,{children:[l("div",{id:"gp-img-to-layout-wrapper",className:g("sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4]",{"gp-hidden":!r||!!a,"gp-flex":r&&!a}),style:{height:"calc(100vh - 90px)"},children:l("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:l(i,{})})}),l("div",{className:"limited-section"})]}):null};export{r as default};