@gem-sdk/core 22.0.0-dev.49 → 22.0.0-dev.52

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.
Files changed (68) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +1 -1
  2. package/dist/cjs/components/InteractionSuffix.js +1 -1
  3. package/dist/cjs/components/Render.liquid.js +7 -7
  4. package/dist/cjs/components/RenderCustomCode.js +1 -1
  5. package/dist/cjs/components/constant.js +1 -1
  6. package/dist/cjs/components/resize/Spacing.js +1 -1
  7. package/dist/cjs/components/theme-section/CreateThemeSection.js +1 -1
  8. package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +1 -1
  9. package/dist/cjs/components/upgrade-element/UpgradeButton.js +1 -1
  10. package/dist/cjs/components/upgrade-element/UpgradeElement.js +1 -1
  11. package/dist/cjs/contexts/ProductContext.js +1 -1
  12. package/dist/cjs/contexts/ShopContext.js +1 -1
  13. package/dist/cjs/helpers/interaction/index.js +1 -1
  14. package/dist/cjs/helpers/queries/get-products.js +1 -1
  15. package/dist/cjs/hooks/shop/use-products-query.js +1 -1
  16. package/dist/cjs/hooks/useAnimations.js +1 -1
  17. package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -1
  18. package/dist/cjs/hooks/useProduct.js +1 -1
  19. package/dist/esm/components/ComponentToolbarPreview.js +1 -1
  20. package/dist/esm/components/InteractionSuffix.js +1 -1
  21. package/dist/esm/components/Render.liquid.js +4 -4
  22. package/dist/esm/components/RenderCustomCode.js +1 -1
  23. package/dist/esm/components/constant.js +1 -1
  24. package/dist/esm/components/resize/Spacing.js +1 -1
  25. package/dist/esm/components/theme-section/CreateThemeSection.js +1 -1
  26. package/dist/esm/components/theme-section/ThemeSectionTooltip.js +1 -1
  27. package/dist/esm/components/upgrade-element/UpgradeButton.js +1 -1
  28. package/dist/esm/components/upgrade-element/UpgradeElement.js +1 -1
  29. package/dist/esm/contexts/ProductContext.js +1 -1
  30. package/dist/esm/contexts/ShopContext.js +1 -1
  31. package/dist/esm/helpers/interaction/index.js +1 -1
  32. package/dist/esm/helpers/queries/get-products.js +1 -1
  33. package/dist/esm/hooks/shop/use-products-query.js +1 -1
  34. package/dist/esm/hooks/useAnimations.js +1 -1
  35. package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -1
  36. package/dist/esm/hooks/useProduct.js +1 -1
  37. package/dist/types/index.d.ts +0 -5
  38. package/package.json +3 -3
  39. package/dist/cjs/components/ai-generator/AIContentGenerator.js +0 -2
  40. package/dist/cjs/components/ai-generator/AIGenContentLoading.js +0 -2
  41. package/dist/cjs/components/ai-generator/components/PickProduct.js +0 -2
  42. package/dist/cjs/components/ai-generator/components/ToneAndVoice.js +0 -2
  43. package/dist/cjs/components/ai-generator/hooks/useCheckingProductInside.js +0 -1
  44. package/dist/cjs/components/ai-generator/hooks/useFlipPopup.js +0 -1
  45. package/dist/cjs/components/ai-generator/hooks/useGettingGenerateRequest.js +0 -1
  46. package/dist/cjs/components/ai-generator/hooks/useListenEventGenerate.js +0 -1
  47. package/dist/cjs/components/ai-generator/icons/AIIcon.js +0 -2
  48. package/dist/cjs/components/ai-generator/icons/CloseIcon.js +0 -2
  49. package/dist/cjs/components/ai-generator/icons/DropdownIcon.js +0 -2
  50. package/dist/cjs/components/ai-generator/icons/SearchIcon.js +0 -2
  51. package/dist/cjs/components/ai-generator/icons/ShowMoreIcon.js +0 -2
  52. package/dist/cjs/components/ai-generator/icons/UpgradeIcon.js +0 -2
  53. package/dist/cjs/components/ai-generator/icons/WarningIcon.js +0 -2
  54. package/dist/esm/components/ai-generator/AIContentGenerator.js +0 -2
  55. package/dist/esm/components/ai-generator/AIGenContentLoading.js +0 -2
  56. package/dist/esm/components/ai-generator/components/PickProduct.js +0 -2
  57. package/dist/esm/components/ai-generator/components/ToneAndVoice.js +0 -2
  58. package/dist/esm/components/ai-generator/hooks/useCheckingProductInside.js +0 -1
  59. package/dist/esm/components/ai-generator/hooks/useFlipPopup.js +0 -1
  60. package/dist/esm/components/ai-generator/hooks/useGettingGenerateRequest.js +0 -1
  61. package/dist/esm/components/ai-generator/hooks/useListenEventGenerate.js +0 -1
  62. package/dist/esm/components/ai-generator/icons/AIIcon.js +0 -2
  63. package/dist/esm/components/ai-generator/icons/CloseIcon.js +0 -2
  64. package/dist/esm/components/ai-generator/icons/DropdownIcon.js +0 -2
  65. package/dist/esm/components/ai-generator/icons/SearchIcon.js +0 -2
  66. package/dist/esm/components/ai-generator/icons/ShowMoreIcon.js +0 -2
  67. package/dist/esm/components/ai-generator/icons/UpgradeIcon.js +0 -2
  68. package/dist/esm/components/ai-generator/icons/WarningIcon.js +0 -2
package/dist/esm/components/ComponentToolbarPreview.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{memo as o,useState as r,useMemo as l,useCallback as n,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as d}from"../contexts/BuilderPreviewContext.js";import{usePageStore as C}from"../contexts/PageContext.js";import{CreateThemeSection as s}from"./theme-section/CreateThemeSection.js";import p from"./toolbar/Tooltip.js";import{SectionErrorBanner as c}from"./toolbar/SectionErrorBanner.js";import{ThemeSectionStatusWrapper as h}from"./theme-section/ThemeSectionStatus.js";import u from"./resize/Resize.js";import{usePostPurchase as m}from"../hooks/useToolbarPostPurchase.js";import{ableGenerateContentElements as g}from"./constant.js";import{AIContentGenerator as f}from"./ai-generator/AIContentGenerator.js";import{AIGenContentLoading as b}from"./ai-generator/AIGenContentLoading.js";import{InteractionSuffix as v}from"./InteractionSuffix.js";import{useI18nStore as w}from"@gem-sdk/core";import S from"./upgrade-element/UpgradeElement.js";import"swr";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/productsV2.generated.js";import"../helpers/convert.js";import"crc-32";import{useShopStore as L}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let y=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},x=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t};var M=o(o=>{let{t:M}=w(),Z=o.isThemeSection,j=!!o.isShopifySection,q=L(e=>e.storefrontUrl),R=L(e=>e.pageType),H=d(e=>e.getParents),V=d(e=>e.getItem("ROOT")),P=d(e=>e.isThemeSectionEditor),[E,T]=r(null),[A,B]=r(!1),[k,$]=r(!1),[F,I]=r([]),[U,D]=r("top"),[O,N]=r(!1),[G,z]=r(!1),[_,J]=r(""),[K,Q]=r(""),[W,X]=r({width:"",text:""}),[Y,ee]=r(!1),et=d(e=>e.errorSectionList),ei=l(()=>{if(!et)return null;let e=et?.find(e=>e.uid===o.uid);return e},[et,o.uid]),eo=C(e=>e.interactionData),er=l(()=>"POST_PURCHASE"===R,[R]),{checkDisableDelete:el,getTooltipText:en,checkDisableDuplicate:ea}=m(o.uid,o.tag||""),ed=["ProductTitle","ProductDescription","ProductPrice"],eC=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],es=[...ed,...eC],ep=(e,t)=>{let i=F.length,o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top-r.top<36*i},ec=(e,t)=>{let i=t||e;if(e&&!x(e))return y(e)&&ep(t,e)?e:e.parentElement?ec(e.parentElement,i):void 0},eh=n(()=>V?.childrens?.length||0,[V?.childrens?.length]),eu=n(()=>{if("Section"==o.tag)return"bottom";let e=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(e){let t=e.getBoundingClientRect();t.top<60?D("bottom"):D("top")}},[o.tag]),em=l(()=>q?q.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[q]),eg=l(()=>`https://admin.shopify.com/store/${em}`,[em]),ef=l(()=>_?`${eg}/products/${_}`:"",[eg,_]),eb=l(()=>K?`${eg}/articles/${K.replace("gid://shopify/Article/","")}`:"",[K,eg]),ev=l(()=>eo?.isSelectOnPage,[eo?.isSelectOnPage]),ew=l(()=>eo?.settingType,[eo?.settingType]),eS=l(()=>eo?.item?.targets?.find(e=>e.uid===o.uid&&e?.type!=="PAGE")&&"TARGET"===ew,[eo?.item?.targets,o.uid,ew]),eL=l(()=>eo?.item?.self?.uid===o.uid&&eo?.item?.self.type!=="PAGE"&&"TRIGGER"===ew,[eo?.item?.self?.type,eo?.item?.self?.uid,o.uid,ew]),ey=l(()=>!eS&&!eL,[eS,eL]),ex=l(()=>O||j,[O,j]),eM=l(()=>Y||j||eh()>25&&"Section"===o.tag||!!ei,[eh,Y,j,o.tag,ei]),eZ=d(e=>e.activeComponentDetail),ej=n(e=>{if(e?.articleId&&Q(e.articleId),e?.productId&&J(e.productId),e?.componentUid==o.uid){z(!0),eu(),er&&(N(el()),X(en()),ee(ea()));let e=H(o.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&P||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);I(e)}else z(!1),I([]),B(!1)},[o.uid,er,H,el,en,ea,P,eu]),eq=d(e=>e.dismissPublishError),eR=n(()=>{eq(o.uid)},[eq,o.uid]),eH=n(()=>"Section"!==o.tag?-1:V?.childrens?.length?V.childrens.findIndex(e=>e==o.uid):-1,[V?.childrens,o.uid,o.tag]),eV=l(()=>eH()>=25,[eH]),eP=l(()=>!!ei||eV,[ei,eV]);if(a(()=>{ej(eZ)},[eZ]),"section"===o.type||o.editorConfigs?.toolbar?.hide)return null;let eE=e=>{let t=e?.childrens?.length??0;if("Row"===e.label){let e=1===t?M("Row {colNumber} col",{colNumber:t}):M("Row {colNumber} cols",{colNumber:t});return e}return M(e.label)},eT=e=>{if(!F.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(A)$(!1),B(!1);else{let e=ec(i,i);if(e)$(!0);else{let e=i.getBoundingClientRect();e.top<36*F.length?$(!0):$(!1)}B(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!A}});window.dispatchEvent(o)},eA=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:o.uid,isThemeSection:Z,isShopifySection:j}});return window.dispatchEvent(t),!1},eB=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:o.uid,isThemeSection:Z,isShopifySection:j}});return window.dispatchEvent(t),!1},ek=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:o.uid}});return window.dispatchEvent(t),!1},e$=()=>{T(null),window.removeEventListener("editor:close-add-section-popup",e$)},eF=(e,t)=>{if(e.preventDefault(),e.stopPropagation(),eh()>=25)return!1;let i=e.target;if(i){T(t);let e=i.getBoundingClientRect(),r=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:o.uid,position:t,top:e.top+e.height/2}});window.dispatchEvent(r),window.addEventListener("editor:close-add-section-popup",e$)}return!1},eI="Section"===o.tag&&!o.isThemeSection&&"STATIC"!==R&&"POST_PURCHASE"!==R&&!o.isShopifySection&&25>eH()&&!ei;return e(t,{children:[!("Section"==o.tag&&P)&&e("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==o.tag,"data-toolbar-theme-section":"Section"==o.tag&&!!Z||P,"data-toolbar-shopify-section":"Section"==o.tag&&!!j,"data-toolbar-limit":eH()>=25||!!ei,children:[e("div",{"data-toolbar-show-parent":!0,onClick:e=>eT(e),"aria-hidden":"true",children:[eL&&i("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:i("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),eS&&i("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),G&&ey&&i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),i("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),i("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),i("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),i("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),i("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==o.tag?e("div",{"data-toolbar-name":!0,children:[(()=>{if(j)return o.name?.includes("Shopify section:")?`${M("Shopify section")}: ${o.name.replace("Shopify section:","")}`:`${M("Shopify section")}: ${o.name}`;let e=o.name&&o.name===`Section ${o.uid}`;return eh()>=20?`${e?M("Section"):o?.name} ${eH()+1}/25`:e?`${M("Section")} ${eH()+1}`:o?.name})(),G&&j&&!o.isShopifyVisibility&&e("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):i("div",{"data-toolbar-name":!0,children:M(o.customLabel||o.label)}),G&&"Section"!==o.tag&&F.length>0&&i("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":A,children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),G&&A&&F.map((t,o)=>e("div",{"data-toolbar-parent":!0,"data-component-tag":t.tag,"data-parent-uid":t.uid,"data-toolbar-theme-section":P,"data-toolbar-parent-revert":k,style:{top:k?`${36*(o+1)}px`:`${-36*(o+1)}px`},children:[i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),i("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),i("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),i("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),i("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),i("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),i("div",{"data-toolbar-name":!0,children:eE(t)})]},t.uid)),G&&!ev&&e(t,{children:[i(S,{...o}),eI&&i(s,{...o}),(()=>{let{isShopifySection:e,tag:t}=o;return!e&&(!Z||!!P)&&g.includes(t)&&!ei})()&&i(f,{...o}),"Sticky"==o.tag&&i("div",{"data-toolbar-zoom-out":!0,onClick:e=>ek(e),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),es.includes(o.tag)&&i(p,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:M("Edit content in Shopify"),position:"top",onClick:()=>{if(eC.includes(o.tag)){window.open(eb,"_blank");return}if(ed.includes(o.tag)){window.open(ef,"_blank");return}window.open(eg,"_blank")},"aria-hidden":"true",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),i("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),i("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),i("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),i(p,{enable:"Section"==o.tag&&eh()>=25||j,text:j?M("Available in the Shopify theme editor"):M("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":eM,onClick:eM?void 0:e=>eB(e),"aria-hidden":"true",className:eM?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),i(p,{"data-toolbar-delete":!0,onClick:e=>ex?null:eA(e),enable:ex,"data-toolbar-disable":ex,text:j?M("Available in the Shopify theme editor"):W.text,width:W.width,position:j?"bottom":U,"aria-hidden":"true",className:ex?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),i(v,{uid:o.uid})]},o.uid),"STATIC"!==R&&"POST_PURCHASE"!==R&&25>eH()&&i(h,{...o}),i("div",{"data-outline":!0,"data-outline-section":"Section"==o.tag,"data-outline-theme-section":"Section"==o.tag&&!!Z||P,"data-outline-shopify-section":"Section"==o.tag&&!!j,"data-outline-limit":eP,"data-outline-error":!!ei},"outline-"+o.uid),"Section"==o.tag&&!P&&e(t,{children:[i(p,{enable:eh()>=25,text:M("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":eh()>=25,"data-toolbar-add-open":"above"==E,onClick:e=>eF(e,"above"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),i(p,{enable:eh()>=25,text:M("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":eh()>=25,"data-toolbar-add-open":"below"==E,onClick:e=>eF(e,"below"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),ei&&i(c,{errorSectionInfo:ei,onDismiss:eR}),g.includes(o.tag)&&G&&i(b,{...o}),G&&i(u,{...o})]})});export{M as default};
2
+ import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import{memo as o,useState as r,useMemo as l,useCallback as n,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as d}from"../contexts/BuilderPreviewContext.js";import{usePageStore as C}from"../contexts/PageContext.js";import{CreateThemeSection as s}from"./theme-section/CreateThemeSection.js";import p from"./toolbar/Tooltip.js";import{SectionErrorBanner as c}from"./toolbar/SectionErrorBanner.js";import{ThemeSectionStatusWrapper as h}from"./theme-section/ThemeSectionStatus.js";import u from"./resize/Resize.js";import{usePostPurchase as g}from"../hooks/useToolbarPostPurchase.js";import{InteractionSuffix as m}from"./InteractionSuffix.js";import{useI18nStore as f}from"@gem-sdk/core";import b from"./upgrade-element/UpgradeElement.js";import"swr";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/productsV2.generated.js";import"../helpers/convert.js";import"crc-32";import{useShopStore as v}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let w=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t},S=e=>{let t=e.getAttribute("data-component-tag");return"Section"===t};var L=o(o=>{let{t:L}=f(),y=o.isThemeSection,x=!!o.isShopifySection,M=v(e=>e.storefrontUrl),Z=v(e=>e.pageType),q=d(e=>e.getParents),j=d(e=>e.getItem("ROOT")),R=d(e=>e.isThemeSectionEditor),[H,V]=r(null),[P,E]=r(!1),[T,A]=r(!1),[B,k]=r([]),[$,F]=r("top"),[I,U]=r(!1),[D,O]=r(!1),[N,z]=r(""),[_,G]=r(""),[J,K]=r({width:"",text:""}),[Q,W]=r(!1),X=d(e=>e.errorSectionList),Y=l(()=>{if(!X)return null;let e=X?.find(e=>e.uid===o.uid);return e},[X,o.uid]),ee=C(e=>e.interactionData),et=l(()=>"POST_PURCHASE"===Z,[Z]),{checkDisableDelete:ei,getTooltipText:eo,checkDisableDuplicate:er}=g(o.uid,o.tag||""),el=["ProductTitle","ProductDescription","ProductPrice"],en=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],ea=[...el,...en],ed=(e,t)=>{let i=B.length,o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top-r.top<36*i},eC=(e,t)=>{let i=t||e;if(e&&!S(e))return w(e)&&ed(t,e)?e:e.parentElement?eC(e.parentElement,i):void 0},es=n(()=>j?.childrens?.length||0,[j?.childrens?.length]),ep=n(()=>{if("Section"==o.tag)return"bottom";let e=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(e){let t=e.getBoundingClientRect();t.top<60?F("bottom"):F("top")}},[o.tag]),ec=l(()=>M?M.match(/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/)?.[1]:"",[M]),eh=l(()=>`https://admin.shopify.com/store/${ec}`,[ec]),eu=l(()=>N?`${eh}/products/${N}`:"",[eh,N]),eg=l(()=>_?`${eh}/articles/${_.replace("gid://shopify/Article/","")}`:"",[_,eh]),em=l(()=>ee?.isSelectOnPage,[ee?.isSelectOnPage]),ef=l(()=>ee?.settingType,[ee?.settingType]),eb=l(()=>ee?.item?.targets?.find(e=>e.uid===o.uid&&e?.type!=="PAGE")&&"TARGET"===ef,[ee?.item?.targets,o.uid,ef]),ev=l(()=>ee?.item?.self?.uid===o.uid&&ee?.item?.self.type!=="PAGE"&&"TRIGGER"===ef,[ee?.item?.self?.type,ee?.item?.self?.uid,o.uid,ef]),ew=l(()=>!eb&&!ev,[eb,ev]),eS=l(()=>I||x,[I,x]),eL=l(()=>Q||x||es()>25&&"Section"===o.tag||!!Y,[es,Q,x,o.tag,Y]),ey=d(e=>e.activeComponentDetail),ex=n(e=>{if(e?.articleId&&G(e.articleId),e?.productId&&z(e.productId),e?.componentUid==o.uid){O(!0),ep(),et&&(U(ei()),K(eo()),W(er()));let e=q(o.uid).filter(e=>!("ROOT"===e.uid||"Section"===e.tag&&R||e.editorConfigs?.toolbar?.hide||e.editorConfigs?.component?.noSetting)).slice(0,3);k(e)}else O(!1),k([]),E(!1)},[o.uid,et,q,ei,eo,er,R,ep]),eM=d(e=>e.dismissPublishError),eZ=n(()=>{eM(o.uid)},[eM,o.uid]),eq=n(()=>"Section"!==o.tag?-1:j?.childrens?.length?j.childrens.findIndex(e=>e==o.uid):-1,[j?.childrens,o.uid,o.tag]),ej=l(()=>eq()>=25,[eq]),eR=l(()=>!!Y||ej,[Y,ej]);if(a(()=>{ex(ey)},[ey]),"section"===o.type||o.editorConfigs?.toolbar?.hide)return null;let eH=e=>{let t=e?.childrens?.length??0;if("Row"===e.label){let e=1===t?L("Row {colNumber} col",{colNumber:t}):L("Row {colNumber} cols",{colNumber:t});return e}return L(e.label)},eV=e=>{if(!B.length)return;let t=e?.target||null,i=t.closest("[data-toolbar-active]");if(!t||!i)return;if(P)A(!1),E(!1);else{let e=eC(i,i);if(e)A(!0);else{let e=i.getBoundingClientRect();e.top<36*B.length?A(!0):A(!1)}E(!0)}let o=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!P}});window.dispatchEvent(o)},eP=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:o.uid,isThemeSection:y,isShopifySection:x}});return window.dispatchEvent(t),!1},eE=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:o.uid,isThemeSection:y,isShopifySection:x}});return window.dispatchEvent(t),!1},eT=e=>{e.preventDefault(),e.stopPropagation();let t=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:o.uid}});return window.dispatchEvent(t),!1},eA=()=>{V(null),window.removeEventListener("editor:close-add-section-popup",eA)},eB=(e,t)=>{if(e.preventDefault(),e.stopPropagation(),es()>=25)return!1;let i=e.target;if(i){V(t);let e=i.getBoundingClientRect(),r=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:o.uid,position:t,top:e.top+e.height/2}});window.dispatchEvent(r),window.addEventListener("editor:close-add-section-popup",eA)}return!1},ek="Section"===o.tag&&!o.isThemeSection&&"STATIC"!==Z&&"POST_PURCHASE"!==Z&&!o.isShopifySection&&25>eq()&&!Y;return e(t,{children:[!("Section"==o.tag&&R)&&e("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==o.tag,"data-toolbar-theme-section":"Section"==o.tag&&!!y||R,"data-toolbar-shopify-section":"Section"==o.tag&&!!x,"data-toolbar-limit":eq()>=25||!!Y,children:[e("div",{"data-toolbar-show-parent":!0,onClick:e=>eV(e),"aria-hidden":"true",children:[ev&&i("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:i("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),eb&&i("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),D&&ew&&i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),i("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),i("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),i("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),i("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),i("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==o.tag?e("div",{"data-toolbar-name":!0,children:[(()=>{if(x)return o.name?.includes("Shopify section:")?`${L("Shopify section")}: ${o.name.replace("Shopify section:","")}`:`${L("Shopify section")}: ${o.name}`;let e=o.name&&o.name===`Section ${o.uid}`;return es()>=20?`${e?L("Section"):o?.name} ${eq()+1}/25`:e?`${L("Section")} ${eq()+1}`:o?.name})(),D&&x&&!o.isShopifyVisibility&&e("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):i("div",{"data-toolbar-name":!0,children:L(o.customLabel||o.label)}),D&&"Section"!==o.tag&&B.length>0&&i("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":P,children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),D&&P&&B.map((t,o)=>e("div",{"data-toolbar-parent":!0,"data-component-tag":t.tag,"data-parent-uid":t.uid,"data-toolbar-theme-section":R,"data-toolbar-parent-revert":T,style:{top:T?`${36*(o+1)}px`:`${-36*(o+1)}px`},children:[i("div",{"data-toolbar-icon-drag":!0,children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[i("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),i("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),i("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),i("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),i("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),i("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),i("div",{"data-toolbar-name":!0,children:eH(t)})]},t.uid)),D&&!em&&e(t,{children:[i(b,{...o}),ek&&i(s,{...o}),"Sticky"==o.tag&&i("div",{"data-toolbar-zoom-out":!0,onClick:e=>eT(e),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),ea.includes(o.tag)&&i(p,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:L("Edit content in Shopify"),position:"top",onClick:()=>{if(en.includes(o.tag)){window.open(eg,"_blank");return}if(el.includes(o.tag)){window.open(eu,"_blank");return}window.open(eh,"_blank")},"aria-hidden":"true",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),i("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),i("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),i("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),i(p,{enable:"Section"==o.tag&&es()>=25||x,text:x?L("Available in the Shopify theme editor"):L("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":eL,onClick:eL?void 0:e=>eE(e),"aria-hidden":"true",className:eL?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),i(p,{"data-toolbar-delete":!0,onClick:e=>eS?null:eP(e),enable:eS,"data-toolbar-disable":eS,text:x?L("Available in the Shopify theme editor"):J.text,width:J.width,position:x?"bottom":$,"aria-hidden":"true",className:eS?"!gp-cursor-not-allowed":"",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),i(m,{uid:o.uid})]},o.uid),"STATIC"!==Z&&"POST_PURCHASE"!==Z&&25>eq()&&i(h,{...o}),i("div",{"data-outline":!0,"data-outline-section":"Section"==o.tag,"data-outline-theme-section":"Section"==o.tag&&!!y||R,"data-outline-shopify-section":"Section"==o.tag&&!!x,"data-outline-limit":eR,"data-outline-error":!!Y},"outline-"+o.uid),"Section"==o.tag&&!R&&e(t,{children:[i(p,{enable:es()>=25,text:L("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":es()>=25,"data-toolbar-add-open":"above"==H,onClick:e=>eB(e,"above"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),i(p,{enable:es()>=25,text:L("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":es()>=25,"data-toolbar-add-open":"below"==H,onClick:e=>eB(e,"below"),"aria-hidden":"true",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:i("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),Y&&i(c,{errorSectionInfo:Y,onDismiss:eZ}),D&&i(u,{...o})]})});export{L as default};
package/dist/esm/components/InteractionSuffix.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useI18nStore as r}from"@gem-sdk/core";import"zustand";import"react";import{usePageStore as i}from"../contexts/PageContext.js";import"react-transition-group";import"./constant.js";import"swr";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import{useInteraction as p}from"../helpers/interaction/index.js";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let s=({uid:s})=>{let{closeSelectOnPage:o,selectInteractionElement:a}=p(),{t:n}=r(),g=i(e=>e.interactionData?.settingType||""),m=i(e=>e.interactionData?.isSelectOnPage);return e(t,{children:m&&e("button",{className:"gp-bg-[#F4F4F4] gp-px-2 gp-h-[24px] gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-xs gp-font-medium gp-hidden interaction-use-custom-element",onClick:e=>{a({$target:e.target,componentUid:s,settingType:g}),o()},"data-setup-interaction":!0,children:n("TRIGGER"===g?"Set as trigger":"Set as target")})})};export{s as InteractionSuffix};
2
+ import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useI18nStore as r}from"@gem-sdk/core";import"zustand";import"react";import{usePageStore as i}from"../contexts/PageContext.js";import"react-transition-group";import"./constant.js";import"swr";import{useInteraction as p}from"../helpers/interaction/index.js";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/productsV2.generated.js";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let s=({uid:s})=>{let{closeSelectOnPage:o,selectInteractionElement:a}=p(),{t:n}=r(),g=i(e=>e.interactionData?.settingType||""),l=i(e=>e.interactionData?.isSelectOnPage);return e(t,{children:l&&e("button",{className:"gp-bg-[#F4F4F4] gp-px-2 gp-h-[24px] gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-xs gp-font-medium gp-hidden interaction-use-custom-element",onClick:e=>{a({$target:e.target,componentUid:s,settingType:g}),o()},"data-setup-interaction":!0,children:n("TRIGGER"===g?"Set as trigger":"Set as target")})})};export{s as InteractionSuffix};
package/dist/esm/components/Render.liquid.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import{disableWrap as t,customRenderChildren as r}from"./constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{composeAdvanceStyle as i}from"../helpers/compose-advance-style.js";import{baseAssetURL as s,isLocalEnv as a}from"../helpers/convert.js";import"crc-32";import{RenderIf as l,template as n}from"../helpers/render.js";let d=["CarouselItem","CarouselItemV3"],o=["Text","Heading"],p=["IconListV2","IconList"],c=["IconList","ProductVariants"],u=({uid:e,builder:s,components:a,parentId:u,extraFiles:q={},pageContext:f,additionalSettings:j,...v})=>{let y=s[e],$=a[y?.tag];if(!$||!y||y?.type==="section")return{liquid:"",extraFiles:q};{let q={extraFiles:{}},k=i(y.advanced,y.tag),x="";x=t.includes(y.tag)?l(y?.childrens?.length,()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,style:k,advanced:y.advanced,parentId:d.includes(y.tag)?u:null,pageContext:f,...j,...v,builderAttrs:{...v.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...j})),children:r.includes(y.tag)?"":b({uid:e,customProps:q},y.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:y.tag,pageContext:f,...j})))}),()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:y.advanced,style:k,isText:!!o.includes(y.tag)||null,parentId:d.includes(y.tag)?u:null,pageContext:f,...v,builderAttrs:{...v.builderAttrs}})):n`<div gp-el-wrapper style="${p.includes(y.tag)?"":k}" class="${y.uid} ${y?.childrens?.length||"IconListItemHoz"!==y.tag?"":"hidden"}">
3
- ${l(y?.childrens?.length,()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...c.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:f,...j,...v,builderAttrs:{...v.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...j})),children:r.includes(y.tag)?"":b({uid:e,customProps:q},y.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:y.tag,pageContext:f,...j})))}),()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...c.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:f,...j,isText:!!o.includes(y.tag)||null,style:p.includes(y.tag)?k:null,...v,builderAttrs:{...v.builderAttrs}}))}
2
+ import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import{disableWrap as t,customRenderChildren as r}from"./constant.js";import"@gem-sdk/core";import{composeAdvanceStyle as i}from"../helpers/compose-advance-style.js";import{baseAssetURL as s,isLocalEnv as a}from"../helpers/convert.js";import"crc-32";import{RenderIf as l,template as n}from"../helpers/render.js";let d=["CarouselItem","CarouselItemV3"],o=["Text","Heading"],p=["IconListV2","IconList"],c=["IconList","ProductVariants"],u=({uid:e,builder:s,components:a,parentId:u,extraFiles:q={},pageContext:f,additionalSettings:v,...j})=>{let y=s[e],$=a[y?.tag];if(!$||!y||y?.type==="section")return{liquid:"",extraFiles:q};{let q={extraFiles:{}},k=i(y.advanced,y.tag),x="";x=t.includes(y.tag)?l(y?.childrens?.length,()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,style:k,advanced:y.advanced,parentId:d.includes(y.tag)?u:null,pageContext:f,...v,...j,builderAttrs:{...j.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...v})),children:r.includes(y.tag)?"":b({uid:e,customProps:q},y.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:y.tag,pageContext:f,...v})))}),()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:y.advanced,style:k,isText:!!o.includes(y.tag)||null,parentId:d.includes(y.tag)?u:null,pageContext:f,...j,builderAttrs:{...j.builderAttrs}})):n`<div gp-el-wrapper style="${p.includes(y.tag)?"":k}" class="${y.uid} ${y?.childrens?.length||"IconListItemHoz"!==y.tag?"":"hidden"}">
3
+ ${l(y?.childrens?.length,()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...c.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:f,...v,...j,builderAttrs:{...j.builderAttrs},rawChildren:y.childrens.map(e=>({...s[e],uid:e,builder:s,components:a,customProps:q,pageContext:f,...v})),children:r.includes(y.tag)?"":b({uid:e,customProps:q},y.childrens.map(e=>h({uid:e,builder:s,components:a,customProps:q,parentTag:y.tag,pageContext:f,...v})))}),()=>$({builderProps:{uid:e,builderData:y},styles:y.styles,setting:y.settings,advanced:{...c.includes(y.tag)?y?.advanced:{},cssClass:y?.advanced?.cssClass},pageContext:f,...v,isText:!!o.includes(y.tag)||null,style:p.includes(y.tag)?k:null,...j,builderAttrs:{...j.builderAttrs}}))}
4
4
  </div>`;let{cssCode:w,jsCode:A}=g(y);return w&&(x+=w),A&&(x+=A),{liquid:x=m(y,x),extraFiles:q.extraFiles}}},g=e=>{let{css:t,javascript:r,rootClassName:i}=e.advanced?.editorData||{},s=t?.replaceAll(i,e.uid),a=r?.replaceAll(i,e.uid),d=l(!!t,n`
5
5
  <style id="${`custom-css-${e?.uid}`}">
6
6
  ${s}
@@ -11,13 +11,13 @@ import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";imp
11
11
  ${a}
12
12
  } catch(err){}
13
13
  </script>
14
- `);return{cssCode:d,jsCode:o}},m=(t,r)=>{let{advanced:i,tag:d}=t,{animation:o,op:p,hasAnimationInteraction:c,displayInitInteraction:u}=i??{},g=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",m=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},h=g(m("desktop"),"appear"),b=g(m("desktop"),"hover"),q=g(m("tablet"),"appear"),f=g(m("mobile"),"appear"),j=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f||!!c,v=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f;if(!j)return r;let y=e=>m(e)?.enabled&&!["shake","none"].includes(g(m(e),"appear"))?"hidden":"visible",$={desktop:y("desktop"),tablet:y("tablet"),mobile:y("mobile")};return n`
14
+ `);return{cssCode:d,jsCode:o}},m=(t,r)=>{let{advanced:i,tag:d}=t,{animation:o,op:p,hasAnimationInteraction:c,displayInitInteraction:u}=i??{},g=(e,t)=>e?.triggerConfig?.[t]?.animation??"none",m=e=>{if("desktop"===e);else if("tablet"===e)return o?.tablet??o?.desktop;else if("mobile"===e)return o?.mobile??o?.tablet??o?.desktop;return o?.desktop},h=g(m("desktop"),"appear"),b=g(m("desktop"),"hover"),q=g(m("tablet"),"appear"),f=g(m("mobile"),"appear"),v=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f||!!c,j=o?.desktop?.enabled&&("none"!==h||"none"!==b)||o?.tablet?.enabled&&"none"!==q||o?.mobile?.enabled&&"none"!==f;if(!v)return r;let y=e=>m(e)?.enabled&&!["shake","none"].includes(g(m(e),"appear"))?"hidden":"visible",$={desktop:y("desktop"),tablet:y("tablet"),mobile:y("mobile")};return n`
15
15
  <gp-animation
16
16
  gp-interaction-wrapper
17
17
  display-init="${!1===u?"hide":"show"}"
18
18
  style="${{display:"contents"}}"
19
19
  >
20
- <script gp-data type="application/json">${JSON.stringify({config:o,tag:d,opacity:p,notEnableAnimationWhenInit:!v})}</script>
20
+ <script gp-data type="application/json">${JSON.stringify({config:o,tag:d,opacity:p,notEnableAnimationWhenInit:!j})}</script>
21
21
  <div style="${{...e("v",$),display:"contents"}}">${r}</div>
22
22
  </gp-animation>
23
23
  ${l(a,'<script src="{{ \'gp-animation-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${s}/assets-v2/gp-animation-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
package/dist/esm/components/RenderCustomCode.js CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import s from"next/head";import i from"next/script";import{useMemo as o}from"react";import"zustand";import"react-transition-group";import"./constant.js";import"swr";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/product-variants.generated.js";import{useEditorMode as p}from"../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let a=({uid:a,advanced:l})=>{let m=p(),{css:n,javascript:d,rootClassName:g}=l?.editorData||{},u=n?.replaceAll(g,a),c=d?.replaceAll(g,a),h={css:`custom-css-${a}`,javascript:`custom-js-${a}`},q=o(()=>`
2
+ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import s from"next/head";import i from"next/script";import{useMemo as o}from"react";import"zustand";import"react-transition-group";import"./constant.js";import"swr";import"@gem-sdk/core";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"../graphql/queries/productsV2.generated.js";import"../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useEditorMode as p}from"../hooks/shop.js";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let a=({uid:a,advanced:l})=>{let m=p(),{css:n,javascript:d,rootClassName:g}=l?.editorData||{},u=n?.replaceAll(g,a),c=d?.replaceAll(g,a),h={css:`custom-css-${a}`,javascript:`custom-js-${a}`},q=o(()=>`
3
3
  try {
4
4
  ${c}
5
5
  } catch(err){}
package/dist/esm/components/constant.js CHANGED
@@ -1 +1 @@
1
- let e=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],t=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],o=["IconListV2","IconList","ProductBadge"],r=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],a=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"],s=["Section"],c=[{old:["ProductImages","ProductImagesV2"],new:"ProductImagesV3"},{old:["ProductList"],new:"ProductListV3"},{old:["Carousel"],new:"CarouselV3"},{old:["CarouselItem"],new:"CarouselItemV3"}];[...new Set(c.flatMap(e=>e.old))];let u=c.reduce((e,t)=>(t.old.forEach(o=>{e[o]=t.new}),e),{});export{s as ableGenerateContentElements,t as customRenderChildren,e as disableWrap,o as excludeApplyStyle,u as oldToNewTagMap,r as postPurchaseRequiredElements,a as postPurchaseWrapElements};
1
+ let e=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],o=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],t=["IconListV2","IconList","ProductBadge"],r=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],s=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"],a=[{old:["ProductImages","ProductImagesV2"],new:"ProductImagesV3"},{old:["ProductList"],new:"ProductListV3"},{old:["Carousel"],new:"CarouselV3"},{old:["CarouselItem"],new:"CarouselItemV3"}];[...new Set(a.flatMap(e=>e.old))];let u=a.reduce((e,o)=>(o.old.forEach(t=>{e[t]=o.new}),e),{});export{o as customRenderChildren,e as disableWrap,t as excludeApplyStyle,u as oldToNewTagMap,r as postPurchaseRequiredElements,s as postPurchaseWrapElements};
package/dist/esm/components/resize/Spacing.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as i,useCallback as n,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/productsV2.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import{usePageType as p}from"../../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";function u(u){let m=s(e=>e.isThemeSectionEditor),c=p(),g=o(null),h=o(null),v=o(null),b=o(!1),f=o(0),q=o(0),w=o(null),[j,y]=i(0),[E,S]=i(!1),L=o(null),C=e=>{let t=e.clientY,r=Math.ceil(t-f.current),o=q.current||0,i=o+r>=0?`${o+r}px`:"0px";return{newValue:i}},x=e=>{if(g.current&&h.current){let{newValue:t}=C(e);h.current.style.height=t,g.current.style.top=t;let r=g.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=t,U(t))}},T=()=>{z()},k=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{b.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},z=()=>{v.current&&clearTimeout(v.current),b.current=!1;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(e),g.current){let e=getComputedStyle(g.current),t=e.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:u.uid,marginBottom:t}});window.dispatchEvent(r)}let t=g.current?.closest("[data-toolbar-wrap]");t&&(t.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},A=(e,t)=>{let r=e.children.length;if(r)for(let o=0;o<r;o++){let r=e.children[o];if(r){let e=r.getAttribute(t);if(e)return r}}},B=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},P=n(e=>{let t=g.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=A(t,"data-toolbar");if(!r)return;let o=r.getAttribute("data-toolbar-active");if(!o)return;let i=getComputedStyle(t),n=A(t,"data-spacing"),a=n?.querySelector("[data-spacing-margin-bottom]")||null;if(a&&h.current&&g.current){let r=i.marginBottom;if(e&&U(r),0>parseFloat(r)&&(r="0"),h.current.style.height=r,g.current.style.top=r,a.setAttribute("data-spacing-margin-bottom-active","true"),B(t))h.current.style.left="0";else{let e=i.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;h.current.style.left=t,g.current.style.transform=r}}},[]),U=e=>{let t=parseFloat(e);y(t),S(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{S(!1)},2e3);let r=t<=28&&t>=0?t/2+16:t>28?0:16;w.current&&(w.current.style.transform=`translateY(${r}px)`)},$=d(u.advanced?.["spacing-setting"]);a(()=>{let e=F($,u.advanced?.["spacing-setting"]);P(e)},[$,u.advanced,P]);let F=(e,t)=>l.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),M=n(()=>{P()},[P]);return a(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>P),window.addEventListener("editor:toolbar:update-padding-left",()=>P),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>P),window.removeEventListener("editor:toolbar:update-padding-left",()=>P),window.removeEventListener("resize",M)}),[M,P]),e(t,{children:"Section"!==u.tag&&"POST_PURCHASE"!==c&&e("div",{"data-spacing":!0,"data-spacing-theme-section":m,className:"gp-absolute gp-w-full gp-bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[r("div",{"data-spacing-margin-bottom-bg":!0,ref:h,children:[e("div",{"data-spacing-margin-bottom-value":!0}),e("div",{"data-active":E,"data-value-number":!0,ref:w,children:j})]}),e("div",{ref:g,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(g.current){let t=getComputedStyle(g.current);f.current=e.clientY,q.current=parseFloat(t.top),k()}},onMouseUp:()=>{z()},role:"presentation"})]})})})}let d=e=>{let t=o();return a(()=>{t.current=e},[e]),t.current};export{u as default};
2
+ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as i,useCallback as n,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/productsV2.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{usePageType as u}from"../../hooks/shop.js";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";function p(p){let c=s(e=>e.isThemeSectionEditor),m=u(),g=o(null),h=o(null),v=o(null),b=o(!1),f=o(0),q=o(0),w=o(null),[j,y]=i(0),[E,S]=i(!1),L=o(null),C=e=>{let t=e.clientY,r=Math.ceil(t-f.current),o=q.current||0,i=o+r>=0?`${o+r}px`:"0px";return{newValue:i}},x=e=>{if(g.current&&h.current){let{newValue:t}=C(e);h.current.style.height=t,g.current.style.top=t;let r=g.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=t,U(t))}},T=()=>{z()},k=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{b.current=!0;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(e),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},z=()=>{v.current&&clearTimeout(v.current),b.current=!1;let e=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(e),g.current){let e=getComputedStyle(g.current),t=e.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:p.uid,marginBottom:t}});window.dispatchEvent(r)}let t=g.current?.closest("[data-toolbar-wrap]");t&&(t.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},A=(e,t)=>{let r=e.children.length;if(r)for(let o=0;o<r;o++){let r=e.children[o];if(r){let e=r.getAttribute(t);if(e)return r}}},B=e=>{let t=e.getAttribute("data-component-tag");return"Row"===t||"Product"===t},P=n(e=>{let t=g.current?.closest("[data-toolbar-wrap]");if(!t)return;let r=A(t,"data-toolbar");if(!r)return;let o=r.getAttribute("data-toolbar-active");if(!o)return;let i=getComputedStyle(t),n=A(t,"data-spacing"),a=n?.querySelector("[data-spacing-margin-bottom]")||null;if(a&&h.current&&g.current){let r=i.marginBottom;if(e&&U(r),0>parseFloat(r)&&(r="0"),h.current.style.height=r,g.current.style.top=r,a.setAttribute("data-spacing-margin-bottom-active","true"),B(t))h.current.style.left="0";else{let e=i.paddingLeft,t=`-${e}`,r=`translate(${t}, -100%)`;h.current.style.left=t,g.current.style.transform=r}}},[]),U=e=>{let t=parseFloat(e);y(t),S(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{S(!1)},2e3);let r=t<=28&&t>=0?t/2+16:t>28?0:16;w.current&&(w.current.style.transform=`translateY(${r}px)`)},$=d(p.advanced?.["spacing-setting"]);a(()=>{let e=F($,p.advanced?.["spacing-setting"]);P(e)},[$,p.advanced,P]);let F=(e,t)=>l.some(r=>JSON.stringify(e?.[r]?.margin?.bottom)!==JSON.stringify(t?.[r]?.margin?.bottom)),M=n(()=>{P()},[P]);return a(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>P),window.addEventListener("editor:toolbar:update-padding-left",()=>P),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>P),window.removeEventListener("editor:toolbar:update-padding-left",()=>P),window.removeEventListener("resize",M)}),[M,P]),e(t,{children:"Section"!==p.tag&&"POST_PURCHASE"!==m&&e("div",{"data-spacing":!0,"data-spacing-theme-section":c,className:"gp-absolute gp-w-full gp-bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[r("div",{"data-spacing-margin-bottom-bg":!0,ref:h,children:[e("div",{"data-spacing-margin-bottom-value":!0}),e("div",{"data-active":E,"data-value-number":!0,ref:w,children:j})]}),e("div",{ref:g,"data-spacing-margin-bottom-drag":!0,onMouseDown:e=>{if(g.current){let t=getComputedStyle(g.current);f.current=e.clientY,q.current=parseFloat(t.top),k()}},onMouseUp:()=>{z()},role:"presentation"})]})})})}let d=e=>{let t=o();return a(()=>{t.current=e},[e]),t.current};export{p as default};
package/dist/esm/components/theme-section/CreateThemeSection.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o}from"react";import{ThemeSectionTooltip as s}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as a}from"../../contexts/I18nContext.js";import"../constant.js";import{useShopStore as p}from"../../contexts/ShopContext.js";import"swr";import"swr/infinite";import"../../graphql/queries/productsV2.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let n=["starter","trial","trial2022"],l=({...l})=>{let{t:m}=a(),d=p(e=>e.plan),c=p(e=>e.createThemeSectionCount),u=p(e=>e.limitCreateThemeSection),h=n.includes(d??""),g=h||u?.isLimit,q=g||void 0===c||c<1,j=i(),[C,v]=o(!1),b=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(g?w():f(),j.current&&clearTimeout(j.current),v(!1))},w=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},f=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:l.uid}});window.dispatchEvent(e)};return e(t,{children:r(s,{isFreeLimit:h,limitCreateThemeSection:u,isShow:C,isRender:q,onActions:b,onMouseEnter:()=>{q&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{v(!0)},600))},onMouseLeave:()=>{q&&(j.current&&clearTimeout(j.current),v(!1))},children:[q&&e("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:r("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>b(e,{disabled:!!g}),"aria-hidden":"true",children:[r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e("p",{children:m("Create Theme Section")})]})})]})})};export{l as CreateThemeSection};
2
+ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as i,useState as o}from"react";import{ThemeSectionTooltip as a}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import"../constant.js";import{useShopStore as p}from"../../contexts/ShopContext.js";import"@gem-sdk/core";import"swr";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/productsV2.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let n=["starter","trial","trial2022"],l=({...l})=>{let{t:m}=s(),d=p(e=>e.plan),c=p(e=>e.createThemeSectionCount),u=p(e=>e.limitCreateThemeSection),h=n.includes(d??""),g=h||u?.isLimit,q=g||void 0===c||c<1,j=i(),[C,v]=o(!1),b=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(g?w():f(),j.current&&clearTimeout(j.current),v(!1))},w=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},f=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:l.uid}});window.dispatchEvent(e)};return e(t,{children:r(a,{isFreeLimit:h,limitCreateThemeSection:u,isShow:C,isRender:q,onActions:b,onMouseEnter:()=>{q&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{v(!0)},600))},onMouseLeave:()=>{q&&(j.current&&clearTimeout(j.current),v(!1))},children:[q&&e("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:r("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>b(e,{disabled:!!g}),"aria-hidden":"true",children:[r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e("p",{children:m("Create Theme Section")})]})})]})})};export{l as CreateThemeSection};
package/dist/esm/components/theme-section/ThemeSectionTooltip.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as o}from"react";import{Transition as r}from"react-transition-group";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{cls as a}from"../../helpers/cls.js";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/productsV2.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let n={transition:"opacity 350ms ease-out",opacity:0},l={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},p=({isShow:p,isFreeLimit:m,isRender:c,children:d,limitCreateThemeSection:h,onMouseEnter:u,onMouseLeave:g,onActions:q})=>{let{t:y}=s(),_=o(null),j=m?y("Upgrade to create Theme Section"):y("Create Theme Section"),b=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:u,onMouseLeave:g,children:[d,c&&e(r,{in:p,timeout:350,nodeRef:_,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:_,style:{...n,...l[o]},children:h?.isLimit&&!m?i("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:y("Upgrade plan")}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[y("You’ve reached the maximum number of theme sections on your plan")," (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>q(e),children:y("Upgrade plan to create more")})]}):i(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),i("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:y("Create once, use everywhere with Theme Section")}),e("div",{className:"theme-section-tooltip__body-desc",children:y("A global section that can be used on all your GemPages & Shopify pages.")})]}),i("div",{className:a("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":m}),children:[e("button",{onClick:e=>q(e),children:y(j)}),m&&e("div",{onClick:b,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:y("Learn more about Theme Section")})]})]})})})]})})};export{p as ThemeSectionTooltip};
1
+ import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as o}from"react";import{Transition as r}from"react-transition-group";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{cls as a}from"../../helpers/cls.js";import"../constant.js";import"swr";import"@gem-sdk/core";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/productsV2.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let n={transition:"opacity 350ms ease-out",opacity:0},l={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},p=({isShow:p,isFreeLimit:m,isRender:c,children:d,limitCreateThemeSection:h,onMouseEnter:u,onMouseLeave:g,onActions:q})=>{let{t:_}=s(),y=o(null),j=m?_("Upgrade to create Theme Section"):_("Create Theme Section"),b=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:u,onMouseLeave:g,children:[d,c&&e(r,{in:p,timeout:350,nodeRef:y,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:y,style:{...n,...l[o]},children:h?.isLimit&&!m?i("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:_("Upgrade plan")}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:[_("You’ve reached the maximum number of theme sections on your plan")," (",h.total,"/",h.limit,")"]}),e("button",{onClick:e=>q(e),children:_("Upgrade plan to create more")})]}):i(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),i("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:_("Create once, use everywhere with Theme Section")}),e("div",{className:"theme-section-tooltip__body-desc",children:_("A global section that can be used on all your GemPages & Shopify pages.")})]}),i("div",{className:a("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":m}),children:[e("button",{onClick:e=>q(e),children:_(j)}),m&&e("div",{onClick:b,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:_("Learn more about Theme Section")})]})]})})})]})})};export{p as ThemeSectionTooltip};
package/dist/esm/components/upgrade-element/UpgradeButton.js CHANGED
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"zustand";import{useI18nStore as t}from"../../contexts/I18nContext.js";import{cls as p}from"../../helpers/cls.js";import"react-transition-group";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/productsV2.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{CheckMarkIcon as s,LoadingIcon as i,CircleUpIcon as a}from"./icons.js";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let o=({isLoading:o,isUpdated:l,onUpgrade:n})=>{let{t:g}=t(),d={old:{icon:r(a,{}),label:g("Update"),className:"gp-relative",showDot:!0},loading:{icon:r(i,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:r(s,{}),label:g("Updated"),className:"",showDot:!1}},m=d[o?"loading":l?"updated":"old"];return e("button",{disabled:o,"data-toolbar-upgrade-element":"true",className:p("gp-flex gp-gap-[6px] gp-items-center gp-font-medium disabled:gp-opacity-60 disabled:gp-cursor-not-allowed",{"gp-pointer-events-none":l}),onClick:n,children:[r("div",{className:`gp-shrink-0 gp-overflow-hidden ${m.className}`,children:m.icon}),m.showDot&&r("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:r("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),m.label&&r("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:m.label})]})};export{o as default};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"zustand";import{useI18nStore as t}from"../../contexts/I18nContext.js";import{cls as p}from"../../helpers/cls.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import{CheckMarkIcon as s,LoadingIcon as i,CircleUpIcon as o}from"./icons.js";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/productsV2.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let a=({isLoading:a,isUpdated:l,onUpgrade:n})=>{let{t:g}=t(),d={old:{icon:r(o,{}),label:g("Update"),className:"gp-relative",showDot:!0},loading:{icon:r(i,{}),label:"",className:"gp-animate-spin gp-ease-in-out gp-px-6",showDot:!1},updated:{icon:r(s,{}),label:g("Updated"),className:"",showDot:!1}},m=d[a?"loading":l?"updated":"old"];return e("button",{disabled:a,"data-toolbar-upgrade-element":"true",className:p("gp-flex gp-gap-[6px] gp-items-center gp-font-medium disabled:gp-opacity-60 disabled:gp-cursor-not-allowed",{"gp-pointer-events-none":l}),onClick:n,children:[r("div",{className:`gp-shrink-0 gp-overflow-hidden ${m.className}`,children:m.icon}),m.showDot&&r("div",{className:"gp-absolute gp-left-[10px] gp-top-[-2px] gp-size-4 gp-overflow-hidden",children:r("div",{className:"gp-absolute gp-inset-1/4 gp-rounded-full gp-bg-[#3C67FF]"})}),m.label&&r("span",{className:"gp-text-[12px] gp-leading-5 gp-text-[#F9F9F9] gp-whitespace-nowrap",children:m.label})]})};export{a as default};
package/dist/esm/components/upgrade-element/UpgradeElement.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useMemo as r,useCallback as t}from"react";import"zustand";import{usePageStore as o}from"../../contexts/PageContext.js";import"react-transition-group";import"../constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/productsV2.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import{usePageType as s}from"../../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import i from"./UpgradeButton.js";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let p=["THEME_SECTION"],a=({tag:a,uid:m})=>{let l=o(e=>e.oldElements),n=o(e=>e.updatedElements),d=o(e=>e.updatingElements),g=s(),u=r(()=>!p.some(e=>e.includes(g)),[g]),q=r(()=>!!m&&(l?.some(e=>e.uid===m)??!1),[l,m]),h=r(()=>n?.some(e=>e.uid===m),[n,m]),c=r(()=>d?.some(e=>e.uid===m),[d,m]),j=t(e=>{h||(e.preventDefault(),e.stopPropagation(),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:m,fromTag:a}})))},[h,a,m]);return a&&m&&u&&(q||h)?e(i,{isLoading:c,isUpdated:h,onUpgrade:j}):null};export{a as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{useMemo as r,useCallback as t}from"react";import"zustand";import{usePageStore as o}from"../../contexts/PageContext.js";import"react-transition-group";import"../constant.js";import"swr";import"@gem-sdk/core";import i from"./UpgradeButton.js";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/productsV2.generated.js";import"../../helpers/convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{usePageType as s}from"../../hooks/shop.js";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let p=["THEME_SECTION"],a=({tag:a,uid:l})=>{let m=o(e=>e.oldElements),n=o(e=>e.updatedElements),d=o(e=>e.updatingElements),g=s(),u=r(()=>!p.some(e=>e.includes(g)),[g]),q=r(()=>!!l&&(m?.some(e=>e.uid===l)??!1),[m,l]),h=r(()=>n?.some(e=>e.uid===l),[n,l]),c=r(()=>d?.some(e=>e.uid===l),[d,l]),j=t(e=>{h||(e.preventDefault(),e.stopPropagation(),window.dispatchEvent(new CustomEvent("editor:toolbar:upgrade-old-element",{bubbles:!0,detail:{componentUid:l,fromTag:a}})))},[h,a,l]);return a&&l&&u&&(q||h)?e(i,{isLoading:c,isUpdated:h,onUpgrade:j}):null};export{a as default};
package/dist/esm/contexts/ProductContext.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as i,useContext as s,createContext as o}from"react";import{useStore as p,createStore as a}from"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import{checkInStock as l}from"../helpers/variant.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";let d=o(null),u=e=>a((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let i=r().properties;i?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{t({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{t({selectedSellingPlan:e})}})),m=({children:s,product:o,initialVariantId:p,initialVariantBaseId:a,quantity:m=1,isSyncProduct:c,hasPreSelected:g,uid:q})=>{let h=r(),j=i(()=>{let e,t={};if(o){let r=n(o.variants),i=r[0],s=r.find(e=>l(e)),d=r.find(e=>e?.id===p||e?.baseID===a)??s??i;t=d?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=o.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??o.featuredImage}return u({product:o,quantity:m,selectedOptions:t,uiqueId:h,featuredImageGlobal:e,isSyncProduct:c,hasPreSelected:g,uid:q})},[o,m,h,c,g,p,q]);return e(d.Provider,{value:j,children:e(t,{children:s})})},c=(e,t)=>{let r=s(d);if(!r)throw Error("Element of product must be used inside a Product");return p(r,e,t)};export{m as ProductProvider,c as useProductStore};
2
+ import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as i,useContext as s,createContext as o}from"react";import{useStore as p,createStore as a}from"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"../hooks/useStickyStore.js";import{checkInStock as l}from"../helpers/variant.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";let d=o(null),u=e=>a((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let i=r().properties;i?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{t({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{t({selectedSellingPlan:e})}})),m=({children:s,product:o,initialVariantId:p,initialVariantBaseId:a,quantity:m=1,isSyncProduct:c,hasPreSelected:g,uid:q})=>{let h=r(),j=i(()=>{let e,t={};if(o){let r=n(o.variants),i=r[0],s=r.find(e=>l(e)),d=r.find(e=>e?.id===p||e?.baseID===a)??s??i;t=d?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=o.medias?.edges.find(e=>e.node?.id===d?.mediaId)?.node??o.featuredImage}return u({product:o,quantity:m,selectedOptions:t,uiqueId:h,featuredImageGlobal:e,isSyncProduct:c,hasPreSelected:g,uid:q})},[o,m,h,c,g,p,q]);return e(d.Provider,{value:j,children:e(t,{children:s})})},c=(e,t)=>{let r=s(d);if(!r)throw Error("Element of product must be used inside a Product");return p(r,e,t)};export{m as ProductProvider,c as useProductStore};
package/dist/esm/contexts/ShopContext.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{jsx as e}from"react/jsx-runtime";import{SWRConfig as t}from"swr";import{useStore as r,createStore as o}from"zustand";import{useContext as n,createContext as i,useMemo as a,useCallback as c,useEffect as m}from"react";import{AddonProvider as l}from"./AddonContext.js";import{ModalProvider as h}from"./ModalContext.js";let d=i(null),u=e=>o(t=>({mobileOnly:!1,isStorefront:!0,...e,changeLocale:e=>{t({locale:e})},changeCurrency:e=>{t({currency:e})},changeSwatches:e=>{t({swatches:e})},changeLayoutSettings:e=>{t({layoutSettings:e})},updatePriceWithCurrency:e=>{t({showPriceCurrency:e})},changeStorefrontInfo:({url:e,token:r})=>{t({storefrontUrl:e,storefrontToken:r})},changeCreateThemeSectionCount:e=>{t({createThemeSectionCount:e})},changeShopPlan:e=>{t({plan:e})},changeLimitCreateThemeSection:e=>{t({limitCreateThemeSection:e})}})),s=({children:r,addons:o,storeOption:n,queryOption:i,...s})=>{let S=a(()=>u(n),[n]),p=c(e=>{let t=!!e.detail?.isAllow,r=e.detail?.maxGenerateCount,o=e.detail?.nextQuota;S.setState({generateContentLimitation:{isAllow:t,maxGenerateCount:r,nextQuota:o}})},[S]);return m(()=>(window.addEventListener("editor:ai-generate-content-update-limitation",p),()=>{window.removeEventListener("editor:ai-generate-content-update-limitation",p)}),[p]),e(l,{components:o,children:e(t,{value:i,children:e(d.Provider,{...s,value:S,children:e(h,{children:r})},JSON.stringify(n))})})},S=(e,t)=>{let o=n(d);if(!o)throw Error("useShopStore must be used within a ShopProvider");return r(o,e,t)};export{s as ShopProvider,S as useShopStore};
2
+ import{jsx as e}from"react/jsx-runtime";import{SWRConfig as r}from"swr";import{useStore as t,createStore as o}from"zustand";import{useContext as n,createContext as i,useMemo as c}from"react";import{AddonProvider as h}from"./AddonContext.js";import{ModalProvider as a}from"./ModalContext.js";let m=i(null),l=e=>o(r=>({mobileOnly:!1,isStorefront:!0,...e,changeLocale:e=>{r({locale:e})},changeCurrency:e=>{r({currency:e})},changeSwatches:e=>{r({swatches:e})},changeLayoutSettings:e=>{r({layoutSettings:e})},updatePriceWithCurrency:e=>{r({showPriceCurrency:e})},changeStorefrontInfo:({url:e,token:t})=>{r({storefrontUrl:e,storefrontToken:t})},changeCreateThemeSectionCount:e=>{r({createThemeSectionCount:e})},changeShopPlan:e=>{r({plan:e})},changeLimitCreateThemeSection:e=>{r({limitCreateThemeSection:e})}})),u=({children:t,addons:o,storeOption:n,queryOption:i,...u})=>{let s=c(()=>l(n),[n]);return e(h,{components:o,children:e(r,{value:i,children:e(m.Provider,{...u,value:s,children:e(a,{children:t})},JSON.stringify(n))})})},s=(e,r)=>{let o=n(m);if(!o)throw Error("useShopStore must be used within a ShopProvider");return t(o,e,r)};export{u as ShopProvider,s as useShopStore};
package/dist/esm/helpers/interaction/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{useRef as e,useMemo as t,useCallback as r}from"react";import"react/jsx-runtime";import"zustand";import{usePageStore as i}from"../../contexts/PageContext.js";import"react-transition-group";import"../../components/constant.js";import"swr";import"swr/infinite";import"../../graphql/queries/productsV2.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/product-variants.generated.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let n=()=>{let n=e(),a=i(e=>e.setInteractionIsSelectOnPage),o=i(e=>e.sidebarMode),s=i(e=>e.interactionData?.selectType),p=i(e=>e.interactionData);function l(e,t){return!(e instanceof Document)&&e?.matches(t)?e:e?.querySelector(t)}let c=(e,t,r)=>{let i=e=>{let t=e.detail;r&&r(t)};return e.addEventListener(t,i),()=>e.removeEventListener(t,i)},d=t(()=>"interaction"===o&&(!p?.isSelectOnPage||"PAGE"===s),[o,p?.isSelectOnPage,s]),m=t(()=>p?.isSelectOnPage,[p?.isSelectOnPage]),u=r(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:t,elementRef:r},i)=>{let a=l(r?.current||n.current||document,t);if(a)return c(a,e,i)},trigger:({event:e,data:t,selector:r,element:i})=>{let n=i||document.body?.querySelector(r);if(!n)return;let a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:t}});n.dispatchEvent(a)},saveToElementInteractionData:(e,t,r)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),n=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...n,[t]:r}))},closeSelectOnPage:()=>{a(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:n,findElementIncludingSelf:l,getInteractionPreviousData:(e,t)=>{let r=e.getAttribute("gp-data-interaction"),i=JSON.parse(r||"{}");return{previousData:i[t],interactionDataJson:i}},changeSelectMode:e=>{let t=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(t)},selectInteractionElement:({componentUid:e,settingType:t,$target:r})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:t,$target:r}});window.dispatchEvent(i)},isInteractionMode:d,isSelectOnPage:m,interactionListenerLoaded:u}};export{n as useInteraction};
2
+ import{useRef as e,useMemo as t,useCallback as r}from"react";import"react/jsx-runtime";import"zustand";import{usePageStore as i}from"../../contexts/PageContext.js";import"react-transition-group";import"../../components/constant.js";import"swr";import"@gem-sdk/core";import"../../graphql/queries/collection-detail-filter.generated.js";import"../../graphql/queries/collection.generated.js";import"../../graphql/queries/collections.generated.js";import"../../graphql/queries/published-theme-pages.generated.js";import"../../graphql/queries/store-property.generated.js";import"../../graphql/queries/preview-page.generated.js";import"../../graphql/queries/published-shop-metas.generated.js";import"../../graphql/queries/shop-shopify.generated.js";import"../../graphql/queries/articles.generated.js";import"../../graphql/queries/blogs.generated.js";import"../../graphql/queries/products-with-selling-plans.generated.js";import"../../graphql/queries/product-variant-with-selling-plans.generated.js";import"../../graphql/queries/product-variants.generated.js";import"../../graphql/queries/product-little-detail.generated.js";import"../../graphql/queries/product-medias.generated.js";import"../../graphql/queries/productsV2.generated.js";import"../convert.js";import"crc-32";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../graphql/queries/product-value-label.generated.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let n=()=>{let n=e(),a=i(e=>e.setInteractionIsSelectOnPage),o=i(e=>e.sidebarMode),s=i(e=>e.interactionData?.selectType),p=i(e=>e.interactionData);function l(e,t){return!(e instanceof Document)&&e?.matches(t)?e:e?.querySelector(t)}let c=(e,t,r)=>{let i=e=>{let t=e.detail;r&&r(t)};return e.addEventListener(t,i),()=>e.removeEventListener(t,i)},d=t(()=>"interaction"===o&&(!p?.isSelectOnPage||"PAGE"===s),[o,p?.isSelectOnPage,s]),u=t(()=>p?.isSelectOnPage,[p?.isSelectOnPage]),g=r(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:({event:e,selector:t,elementRef:r},i)=>{let a=l(r?.current||n.current||document,t);if(a)return c(a,e,i)},trigger:({event:e,data:t,selector:r,element:i})=>{let n=i||document.body?.querySelector(r);if(!n)return;let a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:t}});n.dispatchEvent(a)},saveToElementInteractionData:(e,t,r)=>{if(!e)return;let i=e.getAttribute("gp-data-interaction"),n=JSON.parse(i||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...n,[t]:r}))},closeSelectOnPage:()=>{a(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},ref:n,findElementIncludingSelf:l,getInteractionPreviousData:(e,t)=>{let r=e.getAttribute("gp-data-interaction"),i=JSON.parse(r||"{}");return{previousData:i[t],interactionDataJson:i}},changeSelectMode:e=>{let t=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(t)},selectInteractionElement:({componentUid:e,settingType:t,$target:r})=>{let i=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:t,$target:r}});window.dispatchEvent(i)},isInteractionMode:d,isSelectOnPage:u,interactionListenerLoaded:g}};export{n as useInteraction};
package/dist/esm/helpers/queries/get-products.js CHANGED
@@ -1 +1 @@
1
- import{ProductsV2Document as e}from"../../graphql/queries/productsV2.generated.js";import{fetchVariants as t,fetchMedias as r}from"./get-product.js";let a=async(e,{ids:t,isSample:r,isStorefront:a,defaultSelectedProductCount:d,allStatus:i,selectedStatus:s})=>{let n=await o(e,{ids:t,isSample:r,isStorefront:a,defaultSelectedProductCount:d,allStatus:i,selectedStatus:s});if(!n)throw Error("Product not found");let[c,f]=await Promise.all([l({fetcher:e,products:n,isSample:r,isStorefront:a}),u({fetcher:e,products:n,isSample:r,isStorefront:a})]);return{...n,products:{...n.products,edges:n.products?.edges.map(e=>{let t=f.find(t=>t.productId===e.node?.baseID),r=c.find(t=>t.productId===e.node?.baseID);return e.node?{...e,node:{...e.node,variants:{...e.node?.variants,edges:r?.items??[]},medias:{...e.node?.medias,edges:t?.items??[]}}}:e})??[]}}},d=async(e,t)=>{let{first:r,...a}=t,d={first:r||4,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...a}},i=await s(e,d);return i},i=async(e,t)=>{let r={first:t.first||8,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...t.where},after:t.after},a=await s(e,r);return a},s=async(t,r)=>t([e.toString(),r]),n=(e,t)=>e?{}:t?.length?{statusIn:t}:{status:"ACTIVE"},o=async(e,{ids:t,isSample:r,isStorefront:a,defaultSelectedProductCount:d,allStatus:i,selectedStatus:o})=>{let l=d||4,u=(t?.length==0?l:t?.length)??l,c=n(i,o),f={first:u||20,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{...c,isSample:r,...a&&{isStorefront:a},...t?.length?{baseIDIn:t}:{}}},I=await s(e,f);return I},l=async({fetcher:e,products:r,isSample:a,isStorefront:d})=>{let i=await Promise.all(r?.products?.edges?.map(async r=>{let i=await t(e,{id:r?.node?.baseID,isSample:a,isStorefront:d});return{productId:r?.node?.baseID,items:i}})??[]);return i},u=async({fetcher:e,products:t,isSample:a,isStorefront:d})=>{let i=await Promise.all(t?.products?.edges?.map(async t=>{let i=await r(e,{id:t?.node?.baseID,isSample:a,isStorefront:d});return{productId:t?.node?.baseID,items:i}})??[]);return i};export{i as getListProductByVariables,d as getProductQueryAll,a as getProducts};
1
+ import{ProductsV2Document as e}from"../../graphql/queries/productsV2.generated.js";import{fetchVariants as t,fetchMedias as r}from"./get-product.js";let d=async(e,{ids:t,isSample:r,isStorefront:d,defaultSelectedProductCount:a,allStatus:s,selectedStatus:i})=>{let l=await n(e,{ids:t,isSample:r,isStorefront:d,defaultSelectedProductCount:a,allStatus:s,selectedStatus:i});if(!l)throw Error("Product not found");let[c,I]=await Promise.all([o({fetcher:e,products:l,isSample:r,isStorefront:d}),u({fetcher:e,products:l,isSample:r,isStorefront:d})]);return{...l,products:{...l.products,edges:l.products?.edges.map(e=>{let t=I.find(t=>t.productId===e.node?.baseID),r=c.find(t=>t.productId===e.node?.baseID);return e.node?{...e,node:{...e.node,variants:{...e.node?.variants,edges:r?.items??[]},medias:{...e.node?.medias,edges:t?.items??[]}}}:e})??[]}}},a=async(e,t)=>{let{first:r,...d}=t,a={first:r||4,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...d}},i=await s(e,a);return i},s=async(t,r)=>t([e.toString(),r]),i=(e,t)=>e?{}:t?.length?{statusIn:t}:{status:"ACTIVE"},n=async(e,{ids:t,isSample:r,isStorefront:d,defaultSelectedProductCount:a,allStatus:n,selectedStatus:o})=>{let u=a||4,l=(t?.length==0?u:t?.length)??u,c=i(n,o),I={first:l||20,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{...c,isSample:r,...d&&{isStorefront:d},...t?.length?{baseIDIn:t}:{}}},p=await s(e,I);return p},o=async({fetcher:e,products:r,isSample:d,isStorefront:a})=>{let s=await Promise.all(r?.products?.edges?.map(async r=>{let s=await t(e,{id:r?.node?.baseID,isSample:d,isStorefront:a});return{productId:r?.node?.baseID,items:s}})??[]);return s},u=async({fetcher:e,products:t,isSample:d,isStorefront:a})=>{let s=await Promise.all(t?.products?.edges?.map(async t=>{let s=await r(e,{id:t?.node?.baseID,isSample:d,isStorefront:a});return{productId:t?.node?.baseID,items:s}})??[]);return s};export{a as getProductQueryAll,d as getProducts};
package/dist/esm/hooks/shop/use-products-query.js CHANGED
@@ -1 +1 @@
1
- import e from"swr";import t from"swr/infinite";import{getListProductByVariables as r,getProducts as o,getProductQueryAll as s}from"../../helpers/queries/get-products.js";import{generateProductsQueryKey as u}from"../../helpers/query.js";import{useIsSampleProduct as l,useIsStorefrontProduct as c}from"../shop.js";import{useFetchHandle as p}from"../useFetchHandle.js";import{useMemo as a}from"react";import{usePageStore as n}from"../../contexts/PageContext.js";import{hasPublicStoreFrontData as d,createStoreFrontFetcher as f}from"../../helpers/create-store-front-fetcher.js";let m=(t,r,s)=>{let m=p(),i=n(e=>e.publicStoreFrontData),y=a(()=>d(i)?f(i):m,[i]),h=l(),P=c();return e(t?u({ids:t,isSample:h,isStorefront:P,defaultSelectedProductCount:s?.defaultSelectedProductCount,allStatus:s?.allStatus,selectedStatus:s?.selectedStatus}):null,async([,e])=>o(s?.fetcher||y,e),r)},i=e=>(t,r)=>e&&(!r||r.products?.pageInfo?.hasNextPage)?0===t?["query/products",e]:["query/products",{...e,after:r.products?.pageInfo?.endCursor}]:null,y=(e,o)=>{let s=p(),u=t(i(e),async([,e])=>r(s,e),o);return u},h=(t,r,o)=>{let u=p();return e(t?["query/products",t]:null,async([,e])=>s(o||u,e),r)};export{y as useListProductQuery,m as useProductsQuery,h as useProductsQueryAll};
1
+ import t from"swr";import"swr/infinite";import{getProducts as e,getProductQueryAll as r}from"../../helpers/queries/get-products.js";import{generateProductsQueryKey as o}from"../../helpers/query.js";import{useIsSampleProduct as s,useIsStorefrontProduct as u}from"../shop.js";import{useFetchHandle as l}from"../useFetchHandle.js";import{useMemo as c}from"react";import{usePageStore as m}from"../../contexts/PageContext.js";import{hasPublicStoreFrontData as p,createStoreFrontFetcher as a}from"../../helpers/create-store-front-fetcher.js";let n=(r,n,f)=>{let i=l(),d=m(t=>t.publicStoreFrontData),h=c(()=>p(d)?a(d):i,[d]),S=s(),j=u();return t(r?o({ids:r,isSample:S,isStorefront:j,defaultSelectedProductCount:f?.defaultSelectedProductCount,allStatus:f?.allStatus,selectedStatus:f?.selectedStatus}):null,async([,t])=>e(f?.fetcher||h,t),n)},f=(e,o,s)=>{let u=l();return t(e?["query/products",e]:null,async([,t])=>r(s||u,t),o)};export{n as useProductsQuery,f as useProductsQueryAll};
package/dist/esm/hooks/useAnimations.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{animations as e}from"../helpers/animations.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"./useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";let r=()=>{let{zoom:r,shake:t,fade:i,slide:s}=e();return{zoom:r,shake:t,fade:i,slide:s}};export{r as useAnimations};
2
+ import{animations as e}from"../helpers/animations.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"./useCartUI.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"@gem-sdk/core";import"../helpers/convert.js";import"crc-32";let r=()=>{let{zoom:r,shake:t,fade:i,slide:s}=e();return{zoom:r,shake:t,fade:i,slide:s}};export{r as useAnimations};
package/dist/esm/hooks/useInitialSwatchesOptions.js CHANGED
@@ -1 +1 @@
1
- import e from"swr";import{ProductOptionNameDocument as r}from"../graphql/queries/product-value-label.generated.js";import{colorPreset as t}from"../components/src/product/helpers/variant-presets.js";import{useSwatches as o}from"./shop.js";import{useFetchHandle as s}from"./useFetchHandle.js";import{useShopStore as i}from"../contexts/ShopContext.js";import"react";import"react/jsx-runtime";import"zustand";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"./useCartUI.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import a from"../helpers/is-browser.js";import"../helpers/convert.js";import"crc-32";let p=!1,l=!1,n=r=>{let t=s(),n=i(e=>e.changeSwatches),{swatches:m}=o(),{data:u}=e(["/query/productOptionName",{productOptionName:[]}],async()=>g(t),{revalidateOnMount:!0}),c=[];if(m?.forEach(e=>{c.push(e.optionTitle)}),u?.productOptionName?.forEach(e=>{c.includes(e)||(p=!0,m?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];d(m,r),a()&&m?.length&&(p||l)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:m}),"*"),n(m)),p=!1},m=(e,r)=>{let o=e?t[e.toLocaleLowerCase()]:void 0,s=o?[o]:[],i=r?.[0];return!i&&s.length&&(l=!0),i?[i]:s},u=(e,r)=>{let t=[],o=e.find(e=>e.name===r);return o?.values.forEach(e=>{e.label&&!t.includes(e.label)&&t.push(e.label)}),t},c=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},d=(e,r)=>(e&&e?.map(e=>{let t=u(r,e.optionTitle),o=c(e.optionValues);t.forEach(r=>{o.includes(r)||e.optionValues.push({label:r,colors:m(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(p=!0),{label:e.label??"",colors:m(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),g=async e=>{let t=async t=>{let o=await e([r.toString(),t]);return o};return t({})};export{n as default};
1
+ import e from"swr";import{ProductOptionNameDocument as r}from"../graphql/queries/product-value-label.generated.js";import{colorPreset as t}from"../components/src/product/helpers/variant-presets.js";import{useSwatches as o}from"./shop.js";import{useFetchHandle as s}from"./useFetchHandle.js";import{useShopStore as i}from"../contexts/ShopContext.js";import"react";import"react/jsx-runtime";import"zustand";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"./useCartUI.js";import"./useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"@gem-sdk/core";import a from"../helpers/is-browser.js";import"../helpers/convert.js";import"crc-32";let p=!1,l=!1,n=r=>{let t=s(),n=i(e=>e.changeSwatches),{swatches:m}=o(),{data:u}=e(["/query/productOptionName",{productOptionName:[]}],async()=>d(t),{revalidateOnMount:!0}),c=[];if(m?.forEach(e=>{c.push(e.optionTitle)}),u?.productOptionName?.forEach(e=>{c.includes(e)||(p=!0,m?.push({optionTitle:e,optionType:"rectangle_list",optionValues:[]}))}),!r)return[];g(m,r),a()&&m?.length&&(p||l)&&(window?.parent?.postMessage?.(JSON.stringify({type:"update-swatches",swatches:m}),"*"),n(m)),p=!1},m=(e,r)=>{let o=e?t[e.toLocaleLowerCase()]:void 0,s=o?[o]:[],i=r?.[0];return!i&&s.length&&(l=!0),i?[i]:s},u=(e,r)=>{let t=[],o=e.find(e=>e.name===r);return o?.values.forEach(e=>{e.label&&!t.includes(e.label)&&t.push(e.label)}),t},c=e=>{let r=[];return e.forEach(e=>{e.label&&!r.includes(e.label)&&r.push(e.label)}),r},g=(e,r)=>(e&&e?.map(e=>{let t=u(r,e.optionTitle),o=c(e.optionValues);t.forEach(r=>{o.includes(r)||e.optionValues.push({label:r,colors:m(r),imageUrl:""})}),e.optionValues=e.optionValues.map(e=>(void 0===e.imageUrl&&(p=!0),{label:e.label??"",colors:m(e.label,e.colors),imageUrl:e.imageUrl??""}))}),e),d=async e=>{let t=async t=>{let o=await e([r.toString(),t]);return o};return t({})};export{n as default};
package/dist/esm/hooks/useProduct.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{useMemo as e,useCallback as t,useEffect as r}from"react";import{useProductStore as i}from"../contexts/ProductContext.js";import"react/jsx-runtime";import"zustand";import{usePageStore as o}from"../contexts/PageContext.js";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"./useCartUI.js";import{convertDecimalToNumber as s}from"./useFormatMoney.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import{checkInStock as n}from"../helpers/variant.js";import{useShopifyLink as a}from"./shop/useShopifyLink.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as p}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";import{getSelectedVariant as u}from"../helpers/product.js";let l=()=>i(e=>e.uiqueId),d=()=>i(e=>e.product),c=()=>i(e=>e.featuredImageGlobal),m=()=>i(e=>e.properties),g=()=>i(e=>e.isSyncProduct),h=()=>{let e=i(e=>e.useProductCompareAtPrice),t=i(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},q=()=>{let e=i(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:r}=a({productId:t});return{linkEditProduct:r,redirectProductShopifyLink:()=>{r&&window.open(r,"_blank")}}},f=()=>{let o=i(e=>e.quantity),s=i(e=>e.updatePrice),n=i(e=>e.decrementQuantity),a=i(e=>e.incrementQuantity),p=i(e=>e.setQuantity),u=i(e=>e.setHasUpdatePriceFollowQuantity),l=i(e=>e.isSyncProduct),d=i(e=>e.product),c=d?.id,m=t(()=>{p(1)},[p]);return r(()=>{if(l){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:o,productId:c}});window.dispatchEvent(e)}},[o,l,c]),e(()=>({quantity:o,hasUpdatePrice:s,increment:a,decrement:n,reset:m,setQuantity:p,setUpdatePrice:u}),[n,a,o,m,p,u,s])},j=()=>{let t=i(e=>e.hasPreSelected),r=i(e=>e.setHasPreSelected);return e(()=>({hasPreSelected:t,setHasPreSelected:r}),[t,r])},y=()=>{let r=i(e=>e.setSelectedOption),o=i(e=>e.selectedOptions),s=i(e=>e.forceSelectedOption),n=i(e=>e.isSyncProduct),a=i(e=>e.isChangeSelectedOption),p=i(e=>e.setIsChangeSelectedOption),u=t((e,t,i,o)=>{if(!o&&n){let r=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:t,productId:i,isManualChange:!0}});window.dispatchEvent(r)}r(e,t),p(!0)},[n,r,p]),l=t((e,t,r,i)=>{if(!r&&n){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t,isManualChange:i}});window.dispatchEvent(r)}s(e)},[s,n]);return e(()=>({isChangeSelectedOption:a,selectedOptions:o,setSelectedOption:u,forceSelectedOption:l}),[o,u,l])},b=()=>{let e=i(e=>e.product?.variants);return p(e)},P=t=>{let r=b();return e(()=>r?.find(e=>e?.id===t),[t,r])},S=()=>{let{selectedOptions:t}=y(),r=b();return e(()=>u(r,t),[t,r])},v=()=>{let e=S(),t=d();return n(e,t)},w=(e,t,r)=>{let{selectedOptions:i}=y(),o=b(),s=r.optionNumber-1;if(r.position<s)return o.some(r=>{if(r){let{selectedOptions:i}=r,o=i?.some(r=>r?.name===e&&r.value===t),s=n(r);return o&&s}});let a=u(o,{...i,[e]:t});return n(a)},C=(e,t)=>{let r=b();return!!r&&r.some(r=>{if(r){let{selectedOptions:i}=r,o=i?.some(r=>r?.name===e&&r.value===t),s=n(r);return o&&s}return!1})},I=()=>{let e=o(e=>e.productOffers),t=d(),r=S(),i=e?.find(e=>e?.node?.objectBaseID===t?.baseID)?.node;if(!i||!i.isEnabled)return 0;let n=i?.value;if(i&&"PERCENTAGE"===i.valueType&&n){let e=s(r?.price)??0;n=n*e/100}return n||0};export{C as useCheckAvailableVariantInStock,S as useCurrentVariant,v as useCurrentVariantInStock,c as useFeaturedImageGlobal,j as useHasPreSelected,g as useIsSyncProduct,d as useProduct,h as useProductBundleDiscount,I as useProductOfferDiscount,m as useProductProperties,q as useProductShopifyEditLink,f as useQuantity,y as useSelectedOption,l as useUniqProductID,P as useVariant,w as useVariantOutStock,b as useVariants};
2
+ import{useMemo as e,useCallback as t,useEffect as r}from"react";import{useProductStore as i}from"../contexts/ProductContext.js";import"react/jsx-runtime";import"zustand";import{usePageStore as o}from"../contexts/PageContext.js";import"swr";import"../graphql/queries/articles.generated.js";import"../graphql/queries/blogs.generated.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"../graphql/queries/collection-detail-filter.generated.js";import"../graphql/queries/collection.generated.js";import"../graphql/queries/collections.generated.js";import"../graphql/queries/published-theme-pages.generated.js";import"../graphql/queries/store-property.generated.js";import"../graphql/queries/preview-page.generated.js";import"../graphql/queries/published-shop-metas.generated.js";import"../graphql/queries/shop-shopify.generated.js";import"../graphql/queries/products-with-selling-plans.generated.js";import"../graphql/queries/product-variant-with-selling-plans.generated.js";import"../graphql/queries/product-variants.generated.js";import"../graphql/queries/product-little-detail.generated.js";import"../graphql/queries/product-medias.generated.js";import"swr/infinite";import"../graphql/queries/productsV2.generated.js";import"vanilla-lazyload";import"./useCartUI.js";import{convertDecimalToNumber as s}from"./useFormatMoney.js";import"../graphql/queries/product-value-label.generated.js";import"./useStickyStore.js";import{checkInStock as n}from"../helpers/variant.js";import{useShopifyLink as a}from"./shop/useShopifyLink.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"../components/constant.js";import"@gem-sdk/core";import{flattenConnection as p}from"../helpers/flatten-connection.js";import"../helpers/convert.js";import"crc-32";import{getSelectedVariant as u}from"../helpers/product.js";let l=()=>i(e=>e.uiqueId),d=()=>i(e=>e.product),c=()=>i(e=>e.featuredImageGlobal),m=()=>i(e=>e.properties),g=()=>i(e=>e.isSyncProduct),h=()=>{let e=i(e=>e.useProductCompareAtPrice),t=i(e=>e.setUseProductCompareAtPrice);return{useProductCompareAtPrice:e,seUseProductCompareAtPrice:t}},q=()=>{let e=i(e=>e.product),t=e?.baseID?.replace("gid://shopify/Product/",""),{linkEditProduct:r}=a({productId:t});return{linkEditProduct:r,redirectProductShopifyLink:()=>{r&&window.open(r,"_blank")}}},f=()=>{let o=i(e=>e.quantity),s=i(e=>e.updatePrice),n=i(e=>e.decrementQuantity),a=i(e=>e.incrementQuantity),p=i(e=>e.setQuantity),u=i(e=>e.setHasUpdatePriceFollowQuantity),l=i(e=>e.isSyncProduct),d=i(e=>e.product),c=d?.id,m=t(()=>{p(1)},[p]);return r(()=>{if(l){let e=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:o,productId:c}});window.dispatchEvent(e)}},[o,l,c]),e(()=>({quantity:o,hasUpdatePrice:s,increment:a,decrement:n,reset:m,setQuantity:p,setUpdatePrice:u}),[n,a,o,m,p,u,s])},j=()=>{let t=i(e=>e.hasPreSelected),r=i(e=>e.setHasPreSelected);return e(()=>({hasPreSelected:t,setHasPreSelected:r}),[t,r])},b=()=>{let r=i(e=>e.setSelectedOption),o=i(e=>e.selectedOptions),s=i(e=>e.forceSelectedOption),n=i(e=>e.isSyncProduct),a=i(e=>e.isChangeSelectedOption),p=i(e=>e.setIsChangeSelectedOption),u=t((e,t,i,o)=>{if(!o&&n){let r=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:e,optionValue:t,productId:i,isManualChange:!0}});window.dispatchEvent(r)}r(e,t),p(!0)},[n,r,p]),l=t((e,t,r,i)=>{if(!r&&n){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t,isManualChange:i}});window.dispatchEvent(r)}s(e)},[s,n]);return e(()=>({isChangeSelectedOption:a,selectedOptions:o,setSelectedOption:u,forceSelectedOption:l}),[o,u,l])},y=()=>{let e=i(e=>e.product?.variants);return p(e)},P=t=>{let r=y();return e(()=>r?.find(e=>e?.id===t),[t,r])},S=()=>{let{selectedOptions:t}=b(),r=y();return e(()=>u(r,t),[t,r])},v=()=>{let e=S(),t=d();return n(e,t)},w=(e,t,r)=>{let{selectedOptions:i}=b(),o=y(),s=r.optionNumber-1;if(r.position<s)return o.some(r=>{if(r){let{selectedOptions:i}=r,o=i?.some(r=>r?.name===e&&r.value===t),s=n(r);return o&&s}});let a=u(o,{...i,[e]:t});return n(a)},C=(e,t)=>{let r=y();return!!r&&r.some(r=>{if(r){let{selectedOptions:i}=r,o=i?.some(r=>r?.name===e&&r.value===t),s=n(r);return o&&s}return!1})},I=()=>{let e=o(e=>e.productOffers),t=d(),r=S(),i=e?.find(e=>e?.node?.objectBaseID===t?.baseID)?.node;if(!i||!i.isEnabled)return 0;let n=i?.value;if(i&&"PERCENTAGE"===i.valueType&&n){let e=s(r?.price)??0;n=n*e/100}return n||0};export{C as useCheckAvailableVariantInStock,S as useCurrentVariant,v as useCurrentVariantInStock,c as useFeaturedImageGlobal,j as useHasPreSelected,g as useIsSyncProduct,d as useProduct,h as useProductBundleDiscount,I as useProductOfferDiscount,m as useProductProperties,q as useProductShopifyEditLink,f as useQuantity,b as useSelectedOption,l as useUniqProductID,P as useVariant,w as useVariantOutStock,y as useVariants};
package/dist/types/index.d.ts CHANGED
@@ -43127,11 +43127,6 @@ type ShopContextProps = {
43127
43127
  plan?: string;
43128
43128
  timezone?: string;
43129
43129
  showPriceCurrency?: boolean;
43130
- generateContentLimitation?: {
43131
- isAllow: boolean;
43132
- maxGenerateCount?: number;
43133
- nextQuota?: number;
43134
- };
43135
43130
  limitCreateThemeSection?: {
43136
43131
  isLimit?: boolean;
43137
43132
  total?: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "22.0.0-dev.49",
3
+ "version": "22.0.0-dev.52",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -28,8 +28,8 @@
28
28
  "type-check": "node ../../node_modules/typescript7/bin/tsc --noEmit"
29
29
  },
30
30
  "devDependencies": {
31
- "@gem-sdk/adapter-shopify": "22.0.0-dev.49",
32
- "@gem-sdk/styles": "22.0.0-dev.49",
31
+ "@gem-sdk/adapter-shopify": "22.0.0-dev.52",
32
+ "@gem-sdk/styles": "22.0.0-dev.52",
33
33
  "@types/classnames": "^2.3.1"
34
34
  },
35
35
  "dependencies": {