@gem-sdk/core 1.13.42 → 1.14.0-dev.286

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 (249) hide show
  1. package/dist/cjs/components/AddOn.js +1 -18
  2. package/dist/cjs/components/ComponentWrapper.js +1 -28
  3. package/dist/cjs/components/ComponentWrapperPreview.js +1 -72
  4. package/dist/cjs/components/Empty.js +1 -7
  5. package/dist/cjs/components/Render.js +1 -65
  6. package/dist/cjs/components/Render.liquid.js +15 -158
  7. package/dist/cjs/components/RenderBlock.js +1 -54
  8. package/dist/cjs/components/RenderCustomCode.js +5 -0
  9. package/dist/cjs/components/RenderPreview.js +1 -66
  10. package/dist/cjs/components/RenderSection.js +1 -23
  11. package/dist/cjs/components/constant.js +1 -39
  12. package/dist/cjs/components/src/product/helpers/variant-presets.js +1 -0
  13. package/dist/cjs/contexts/AddonContext.js +1 -36
  14. package/dist/cjs/contexts/BuilderComponent.js +1 -34
  15. package/dist/cjs/contexts/BuilderContext.js +1 -35
  16. package/dist/cjs/contexts/BuilderPreviewContext.js +1 -370
  17. package/dist/cjs/contexts/CartLineContext.js +1 -29
  18. package/dist/cjs/contexts/CollectionContext.js +1 -38
  19. package/dist/cjs/contexts/ModalContext.js +1 -47
  20. package/dist/cjs/contexts/ProductContext.js +1 -149
  21. package/dist/cjs/contexts/ProductListContext.js +1 -32
  22. package/dist/cjs/contexts/SectionContext.js +1 -53
  23. package/dist/cjs/contexts/ShopContext.js +1 -70
  24. package/dist/cjs/graphql/fragments/analytic.generated.js +2 -6
  25. package/dist/cjs/graphql/fragments/collection-detail.generated.js +2 -6
  26. package/dist/cjs/graphql/fragments/collection-product.generated.js +2 -6
  27. package/dist/cjs/graphql/fragments/collection.generated.js +2 -6
  28. package/dist/cjs/graphql/fragments/custom-code.generated.js +2 -6
  29. package/dist/cjs/graphql/fragments/data-seo.generated.js +2 -6
  30. package/dist/cjs/graphql/fragments/media.generated.js +3 -6
  31. package/dist/cjs/graphql/fragments/product-little.generated.js +2 -6
  32. package/dist/cjs/graphql/fragments/product-option-value.generated.js +2 -6
  33. package/dist/cjs/graphql/fragments/product-option.generated.js +2 -6
  34. package/dist/cjs/graphql/fragments/product.generated.js +2 -6
  35. package/dist/cjs/graphql/fragments/published-custom-section.generated.js +2 -6
  36. package/dist/cjs/graphql/fragments/published-page-section.generated.js +2 -6
  37. package/dist/cjs/graphql/fragments/published-theme-page.generated.js +2 -6
  38. package/dist/cjs/graphql/fragments/published-theme-style.generated.js +2 -6
  39. package/dist/cjs/graphql/fragments/selected-option.generated.js +2 -6
  40. package/dist/cjs/graphql/fragments/variant.generated.js +2 -6
  41. package/dist/cjs/graphql/mutations/page-view-up.generated.js +3 -7
  42. package/dist/cjs/graphql/queries/collection-detail-filter.generated.js +2 -16
  43. package/dist/cjs/graphql/queries/collection.generated.js +2 -14
  44. package/dist/cjs/graphql/queries/collections.generated.js +2 -9
  45. package/dist/cjs/graphql/queries/preview-page.generated.js +2 -14
  46. package/dist/cjs/graphql/queries/product-little-detail.generated.js +2 -11
  47. package/dist/cjs/graphql/queries/product-medias.generated.js +2 -8
  48. package/dist/cjs/graphql/queries/product-value-label.generated.js +7 -0
  49. package/dist/cjs/graphql/queries/product-variants.generated.js +2 -10
  50. package/dist/cjs/graphql/queries/products.generated.js +3 -17
  51. package/dist/cjs/graphql/queries/published-theme-pages.generated.js +2 -14
  52. package/dist/cjs/graphql/queries/store-property.generated.js +2 -6
  53. package/dist/cjs/helpers/GlobalEvent.js +1 -19
  54. package/dist/cjs/helpers/background.js +1 -109
  55. package/dist/cjs/helpers/borders.js +4 -183
  56. package/dist/cjs/helpers/clone-deep.js +1 -5
  57. package/dist/cjs/helpers/cls.js +1 -16
  58. package/dist/cjs/helpers/colors.js +1 -183
  59. package/dist/cjs/helpers/compose-advance-style.js +1 -188
  60. package/dist/cjs/helpers/constant.js +1 -23
  61. package/dist/cjs/helpers/convert.js +1 -7
  62. package/dist/cjs/helpers/css-variable.js +1 -7
  63. package/dist/cjs/helpers/email.js +1 -11
  64. package/dist/cjs/helpers/flatten-connection.js +1 -9
  65. package/dist/cjs/helpers/get-resonsive-value.js +1 -31
  66. package/dist/cjs/helpers/get-shortname.js +1 -92
  67. package/dist/cjs/helpers/is-browser.js +1 -9
  68. package/dist/cjs/helpers/is-defined.js +1 -7
  69. package/dist/cjs/helpers/is-empty-children.js +1 -12
  70. package/dist/cjs/helpers/is-safari.js +1 -9
  71. package/dist/cjs/helpers/layout.js +1 -59
  72. package/dist/cjs/helpers/load-script.js +1 -31
  73. package/dist/cjs/helpers/make-style.js +1 -128
  74. package/dist/cjs/helpers/normalize-builder-data.js +1 -23
  75. package/dist/cjs/helpers/prefetch-queries.js +1 -78
  76. package/dist/cjs/helpers/product.js +1 -45
  77. package/dist/cjs/helpers/queries/get-collection.js +1 -220
  78. package/dist/cjs/helpers/queries/get-collections.js +1 -21
  79. package/dist/cjs/helpers/queries/get-product-by-slug.js +1 -125
  80. package/dist/cjs/helpers/queries/get-product.js +1 -154
  81. package/dist/cjs/helpers/queries/get-products.js +1 -161
  82. package/dist/cjs/helpers/query.js +1 -29
  83. package/dist/cjs/helpers/radius.js +6 -134
  84. package/dist/cjs/helpers/render.js +1 -71
  85. package/dist/cjs/helpers/shadow.js +1 -56
  86. package/dist/cjs/helpers/size.js +4 -35
  87. package/dist/cjs/helpers/spacing.js +1 -43
  88. package/dist/cjs/helpers/tracking/fpixel.js +1 -28
  89. package/dist/cjs/helpers/tracking/gtag.js +1 -93
  90. package/dist/cjs/helpers/tracking/tiktokpixel.js +1 -17
  91. package/dist/cjs/helpers/typography.js +17 -105
  92. package/dist/cjs/helpers/variant.js +1 -8
  93. package/dist/cjs/hooks/cart/use-add-to-cart.js +1 -20
  94. package/dist/cjs/hooks/cart/use-cart-data.js +1 -28
  95. package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js +1 -20
  96. package/dist/cjs/hooks/cart/use-cart-note-update.js +1 -20
  97. package/dist/cjs/hooks/cart/use-create-cart.js +1 -22
  98. package/dist/cjs/hooks/cart/use-remove-cart-item.js +1 -20
  99. package/dist/cjs/hooks/cart/use-update-cart-item.js +1 -20
  100. package/dist/cjs/hooks/shop/use-collection-query.js +1 -22
  101. package/dist/cjs/hooks/shop/use-collections-query.js +1 -17
  102. package/dist/cjs/hooks/shop/use-product-query.js +1 -22
  103. package/dist/cjs/hooks/shop/use-products-query.js +1 -22
  104. package/dist/cjs/hooks/shop.js +1 -126
  105. package/dist/cjs/hooks/use-current-device.js +1 -21
  106. package/dist/cjs/hooks/use-lazy-video.js +1 -15
  107. package/dist/cjs/hooks/useCartId.js +1 -44
  108. package/dist/cjs/hooks/useCartLine.js +1 -11
  109. package/dist/cjs/hooks/useCartUI.js +1 -48
  110. package/dist/cjs/hooks/useCollection.js +1 -9
  111. package/dist/cjs/hooks/useFetchHandle.js +1 -13
  112. package/dist/cjs/hooks/useFormatMoney.js +1 -58
  113. package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -0
  114. package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -10
  115. package/dist/cjs/hooks/useLoadScript.js +1 -32
  116. package/dist/cjs/hooks/useMoney.js +1 -84
  117. package/dist/cjs/hooks/usePrevious.js +1 -19
  118. package/dist/cjs/hooks/useProduct.js +1 -124
  119. package/dist/cjs/hooks/useProductList.js +1 -21
  120. package/dist/cjs/hooks/useSuspenseFetch.js +1 -27
  121. package/dist/cjs/hooks/useSwatchesOptions.js +1 -41
  122. package/dist/cjs/index.js +1 -291
  123. package/dist/cjs/types/global-style.js +1 -14
  124. package/dist/cjs/types/shop.js +1 -2
  125. package/dist/esm/components/AddOn.js +1 -14
  126. package/dist/esm/components/ComponentWrapper.js +1 -24
  127. package/dist/esm/components/ComponentWrapperPreview.js +1 -68
  128. package/dist/esm/components/Empty.js +1 -3
  129. package/dist/esm/components/Render.js +1 -61
  130. package/dist/esm/components/Render.liquid.js +15 -153
  131. package/dist/esm/components/RenderBlock.js +1 -50
  132. package/dist/esm/components/RenderCustomCode.js +5 -0
  133. package/dist/esm/components/RenderPreview.js +1 -62
  134. package/dist/esm/components/RenderSection.js +1 -19
  135. package/dist/esm/components/constant.js +1 -37
  136. package/dist/esm/components/src/product/helpers/variant-presets.js +1 -0
  137. package/dist/esm/contexts/AddonContext.js +1 -32
  138. package/dist/esm/contexts/BuilderComponent.js +1 -31
  139. package/dist/esm/contexts/BuilderContext.js +1 -32
  140. package/dist/esm/contexts/BuilderPreviewContext.js +1 -367
  141. package/dist/esm/contexts/CartLineContext.js +1 -26
  142. package/dist/esm/contexts/CollectionContext.js +1 -35
  143. package/dist/esm/contexts/ModalContext.js +1 -44
  144. package/dist/esm/contexts/ProductContext.js +1 -146
  145. package/dist/esm/contexts/ProductListContext.js +1 -28
  146. package/dist/esm/contexts/SectionContext.js +1 -49
  147. package/dist/esm/contexts/ShopContext.js +1 -67
  148. package/dist/esm/graphql/fragments/analytic.generated.js +2 -4
  149. package/dist/esm/graphql/fragments/collection-detail.generated.js +2 -4
  150. package/dist/esm/graphql/fragments/collection-product.generated.js +2 -4
  151. package/dist/esm/graphql/fragments/collection.generated.js +2 -4
  152. package/dist/esm/graphql/fragments/custom-code.generated.js +2 -4
  153. package/dist/esm/graphql/fragments/data-seo.generated.js +2 -4
  154. package/dist/esm/graphql/fragments/media.generated.js +3 -4
  155. package/dist/esm/graphql/fragments/product-little.generated.js +2 -4
  156. package/dist/esm/graphql/fragments/product-option-value.generated.js +2 -4
  157. package/dist/esm/graphql/fragments/product-option.generated.js +2 -4
  158. package/dist/esm/graphql/fragments/product.generated.js +2 -4
  159. package/dist/esm/graphql/fragments/published-custom-section.generated.js +2 -4
  160. package/dist/esm/graphql/fragments/published-page-section.generated.js +2 -4
  161. package/dist/esm/graphql/fragments/published-theme-page.generated.js +2 -4
  162. package/dist/esm/graphql/fragments/published-theme-style.generated.js +2 -4
  163. package/dist/esm/graphql/fragments/selected-option.generated.js +2 -4
  164. package/dist/esm/graphql/fragments/variant.generated.js +2 -4
  165. package/dist/esm/graphql/mutations/page-view-up.generated.js +3 -5
  166. package/dist/esm/graphql/queries/collection-detail-filter.generated.js +10 -22
  167. package/dist/esm/graphql/queries/collection.generated.js +8 -18
  168. package/dist/esm/graphql/queries/collections.generated.js +3 -8
  169. package/dist/esm/graphql/queries/preview-page.generated.js +8 -18
  170. package/dist/esm/graphql/queries/product-little-detail.generated.js +5 -12
  171. package/dist/esm/graphql/queries/product-medias.generated.js +2 -6
  172. package/dist/esm/graphql/queries/product-value-label.generated.js +7 -0
  173. package/dist/esm/graphql/queries/product-variants.generated.js +4 -10
  174. package/dist/esm/graphql/queries/products.generated.js +9 -20
  175. package/dist/esm/graphql/queries/published-theme-pages.generated.js +8 -18
  176. package/dist/esm/graphql/queries/store-property.generated.js +2 -4
  177. package/dist/esm/helpers/GlobalEvent.js +1 -15
  178. package/dist/esm/helpers/background.js +1 -106
  179. package/dist/esm/helpers/borders.js +4 -175
  180. package/dist/esm/helpers/clone-deep.js +1 -3
  181. package/dist/esm/helpers/cls.js +1 -14
  182. package/dist/esm/helpers/colors.js +1 -168
  183. package/dist/esm/helpers/compose-advance-style.js +1 -185
  184. package/dist/esm/helpers/constant.js +1 -19
  185. package/dist/esm/helpers/convert.js +1 -4
  186. package/dist/esm/helpers/css-variable.js +1 -5
  187. package/dist/esm/helpers/email.js +1 -6
  188. package/dist/esm/helpers/flatten-connection.js +1 -7
  189. package/dist/esm/helpers/get-resonsive-value.js +1 -27
  190. package/dist/esm/helpers/get-shortname.js +1 -90
  191. package/dist/esm/helpers/is-browser.js +1 -5
  192. package/dist/esm/helpers/is-defined.js +1 -5
  193. package/dist/esm/helpers/is-empty-children.js +1 -7
  194. package/dist/esm/helpers/is-safari.js +1 -5
  195. package/dist/esm/helpers/layout.js +1 -54
  196. package/dist/esm/helpers/load-script.js +1 -29
  197. package/dist/esm/helpers/make-style.js +1 -117
  198. package/dist/esm/helpers/normalize-builder-data.js +1 -21
  199. package/dist/esm/helpers/prefetch-queries.js +1 -76
  200. package/dist/esm/helpers/product.js +1 -41
  201. package/dist/esm/helpers/queries/get-collection.js +1 -217
  202. package/dist/esm/helpers/queries/get-collections.js +1 -19
  203. package/dist/esm/helpers/queries/get-product-by-slug.js +1 -123
  204. package/dist/esm/helpers/queries/get-product.js +1 -150
  205. package/dist/esm/helpers/queries/get-products.js +1 -159
  206. package/dist/esm/helpers/query.js +1 -25
  207. package/dist/esm/helpers/radius.js +6 -127
  208. package/dist/esm/helpers/render.js +1 -64
  209. package/dist/esm/helpers/shadow.js +1 -51
  210. package/dist/esm/helpers/size.js +4 -31
  211. package/dist/esm/helpers/spacing.js +1 -40
  212. package/dist/esm/helpers/tracking/fpixel.js +1 -24
  213. package/dist/esm/helpers/tracking/gtag.js +1 -87
  214. package/dist/esm/helpers/tracking/tiktokpixel.js +1 -15
  215. package/dist/esm/helpers/typography.js +17 -96
  216. package/dist/esm/helpers/variant.js +1 -6
  217. package/dist/esm/hooks/cart/use-add-to-cart.js +1 -18
  218. package/dist/esm/hooks/cart/use-cart-data.js +1 -26
  219. package/dist/esm/hooks/cart/use-cart-discount-codes-update.js +1 -18
  220. package/dist/esm/hooks/cart/use-cart-note-update.js +1 -18
  221. package/dist/esm/hooks/cart/use-create-cart.js +1 -20
  222. package/dist/esm/hooks/cart/use-remove-cart-item.js +1 -18
  223. package/dist/esm/hooks/cart/use-update-cart-item.js +1 -18
  224. package/dist/esm/hooks/shop/use-collection-query.js +1 -20
  225. package/dist/esm/hooks/shop/use-collections-query.js +1 -15
  226. package/dist/esm/hooks/shop/use-product-query.js +1 -20
  227. package/dist/esm/hooks/shop/use-products-query.js +1 -20
  228. package/dist/esm/hooks/shop.js +1 -111
  229. package/dist/esm/hooks/use-current-device.js +1 -19
  230. package/dist/esm/hooks/use-lazy-video.js +1 -13
  231. package/dist/esm/hooks/useCartId.js +1 -40
  232. package/dist/esm/hooks/useCartLine.js +1 -7
  233. package/dist/esm/hooks/useCartUI.js +1 -44
  234. package/dist/esm/hooks/useCollection.js +1 -7
  235. package/dist/esm/hooks/useFetchHandle.js +1 -11
  236. package/dist/esm/hooks/useFormatMoney.js +1 -56
  237. package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -0
  238. package/dist/esm/hooks/useIsomorphicLayoutEffect.js +1 -6
  239. package/dist/esm/hooks/useLoadScript.js +1 -28
  240. package/dist/esm/hooks/useMoney.js +1 -80
  241. package/dist/esm/hooks/usePrevious.js +1 -17
  242. package/dist/esm/hooks/useProduct.js +1 -111
  243. package/dist/esm/hooks/useProductList.js +1 -16
  244. package/dist/esm/hooks/useSuspenseFetch.js +1 -23
  245. package/dist/esm/hooks/useSwatchesOptions.js +1 -37
  246. package/dist/esm/index.js +1 -92
  247. package/dist/esm/types/global-style.js +1 -11
  248. package/dist/types/index.d.ts +1228 -1031
  249. package/package.json +3 -3
@@ -1,124 +1 @@
1
- 'use strict';
2
-
3
- var react = require('react');
4
- var ProductContext = require('../contexts/ProductContext.js');
5
- var flattenConnection = require('../helpers/flatten-connection.js');
6
- require('swr');
7
- var product = require('../helpers/product.js');
8
- require('../helpers/convert.js');
9
- var variant = require('../helpers/variant.js');
10
-
11
- const useUniqProductID = ()=>{
12
- return ProductContext.useProductStore((s)=>s.uiqueId);
13
- };
14
- const useProduct = ()=>{
15
- return ProductContext.useProductStore((s)=>s.product);
16
- };
17
- const useFeaturedImageGlobal = ()=>{
18
- return ProductContext.useProductStore((s)=>s.featuredImageGlobal);
19
- };
20
- const useProductProperties = ()=>{
21
- return ProductContext.useProductStore((s)=>s.properties);
22
- };
23
- const useQuantity = ()=>{
24
- const quantity = ProductContext.useProductStore((s)=>s.quantity);
25
- const decrement = ProductContext.useProductStore((s)=>s.decrementQuantity);
26
- const increment = ProductContext.useProductStore((s)=>s.incrementQuantity);
27
- const updateQuantity = ProductContext.useProductStore((s)=>s.setQuantity);
28
- const reset = react.useCallback(()=>{
29
- updateQuantity(1);
30
- }, [
31
- updateQuantity
32
- ]);
33
- return react.useMemo(()=>({
34
- quantity,
35
- increment,
36
- decrement,
37
- reset,
38
- setQuantity: updateQuantity
39
- }), [
40
- decrement,
41
- increment,
42
- quantity,
43
- reset,
44
- updateQuantity
45
- ]);
46
- };
47
- const useSelectedOption = ()=>{
48
- const setSelectedOption = ProductContext.useProductStore((s)=>s.setSelectedOption);
49
- const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
50
- const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
51
- const updateOption = react.useCallback((optionId, optionValue)=>{
52
- setSelectedOption(optionId, optionValue);
53
- }, [
54
- setSelectedOption
55
- ]);
56
- return react.useMemo(()=>({
57
- selectedOptions,
58
- setSelectedOption: updateOption,
59
- forceSelectedOption
60
- }), [
61
- selectedOptions,
62
- updateOption,
63
- forceSelectedOption
64
- ]);
65
- };
66
- const useVariants = ()=>{
67
- const variants = ProductContext.useProductStore((s)=>s.product?.variants);
68
- return flattenConnection.flattenConnection(variants);
69
- };
70
- const useVariant = (id)=>{
71
- const variants = useVariants();
72
- return react.useMemo(()=>variants?.find((v)=>v?.id === id), [
73
- id,
74
- variants
75
- ]);
76
- };
77
- const useCurrentVariant = ()=>{
78
- const { selectedOptions } = useSelectedOption();
79
- const variants = useVariants();
80
- return react.useMemo(()=>product.getSelectedVariant(variants, selectedOptions), [
81
- selectedOptions,
82
- variants
83
- ]);
84
- };
85
- const useCurrentVariantInStock = ()=>{
86
- const currentVariant = useCurrentVariant();
87
- const isInStock = variant.checkInStock(currentVariant);
88
- return isInStock;
89
- };
90
- const useVariantOutStock = (optionId, optionValue)=>{
91
- const { selectedOptions } = useSelectedOption();
92
- const variants = useVariants();
93
- const matchedVariant = product.getSelectedVariant(variants, {
94
- ...selectedOptions,
95
- [optionId]: optionValue
96
- });
97
- const isInStock = variant.checkInStock(matchedVariant);
98
- return !isInStock;
99
- };
100
- const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
101
- const variants = useVariants();
102
- return variants ? variants.some((item)=>{
103
- if (item) {
104
- const { selectedOptions } = item;
105
- const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
106
- const isInStock = variant.checkInStock(item);
107
- return opt && isInStock;
108
- }
109
- return false;
110
- }) : false;
111
- };
112
-
113
- exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;
114
- exports.useCurrentVariant = useCurrentVariant;
115
- exports.useCurrentVariantInStock = useCurrentVariantInStock;
116
- exports.useFeaturedImageGlobal = useFeaturedImageGlobal;
117
- exports.useProduct = useProduct;
118
- exports.useProductProperties = useProductProperties;
119
- exports.useQuantity = useQuantity;
120
- exports.useSelectedOption = useSelectedOption;
121
- exports.useUniqProductID = useUniqProductID;
122
- exports.useVariant = useVariant;
123
- exports.useVariantOutStock = useVariantOutStock;
124
- exports.useVariants = useVariants;
1
+ "use strict";var react=require("react"),ProductContext=require("../contexts/ProductContext.js"),flattenConnection=require("../helpers/flatten-connection.js");require("swr");var product=require("../helpers/product.js");require("../helpers/convert.js");var variant=require("../helpers/variant.js");const useUniqProductID=()=>ProductContext.useProductStore(e=>e.uiqueId),useProduct=()=>ProductContext.useProductStore(e=>e.product),useFeaturedImageGlobal=()=>ProductContext.useProductStore(e=>e.featuredImageGlobal),useProductProperties=()=>ProductContext.useProductStore(e=>e.properties),useIsSyncProduct=()=>ProductContext.useProductStore(e=>e.isSyncProduct),useQuantity=()=>{let e=ProductContext.useProductStore(e=>e.quantity),t=ProductContext.useProductStore(e=>e.decrementQuantity),r=ProductContext.useProductStore(e=>e.incrementQuantity),u=ProductContext.useProductStore(e=>e.setQuantity),o=ProductContext.useProductStore(e=>e.isSyncProduct),n=ProductContext.useProductStore(e=>e.product),s=n?.id,c=react.useCallback(()=>{u(1)},[u]);return react.useEffect(()=>{if(o){let t=new CustomEvent("set-product-quantity",{bubbles:!0,cancelable:!0,composed:!0,detail:{quantity:e,productId:s}});window.dispatchEvent(t)}},[e,o,s]),react.useMemo(()=>({quantity:e,increment:r,decrement:t,reset:c,setQuantity:u}),[t,r,e,c,u])},useSelectedOption=()=>{let e=ProductContext.useProductStore(e=>e.setSelectedOption),t=ProductContext.useProductStore(e=>e.selectedOptions),r=ProductContext.useProductStore(e=>e.forceSelectedOption),u=ProductContext.useProductStore(e=>e.isSyncProduct),o=react.useCallback((t,r,o,n)=>{if(!n&&u){let e=new CustomEvent("set-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{optionId:t,optionValue:r,productId:o}});window.dispatchEvent(e)}e(t,r)},[e,u]),n=react.useCallback((e,t,o)=>{if(!o&&u){let r=new CustomEvent("force-selected-option",{bubbles:!0,cancelable:!0,composed:!0,detail:{selectedOption:e,productId:t}});window.dispatchEvent(r)}r(e)},[r,u]);return react.useMemo(()=>({selectedOptions:t,setSelectedOption:o,forceSelectedOption:n}),[t,o,n])},useVariants=()=>{let e=ProductContext.useProductStore(e=>e.product?.variants);return flattenConnection.flattenConnection(e)},useVariant=e=>{let t=useVariants();return react.useMemo(()=>t?.find(t=>t?.id===e),[e,t])},useCurrentVariant=()=>{let{selectedOptions:e}=useSelectedOption(),t=useVariants();return react.useMemo(()=>product.getSelectedVariant(t,e),[e,t])},useCurrentVariantInStock=()=>{let e=useCurrentVariant();return variant.checkInStock(e)},useVariantOutStock=(e,t)=>{let{selectedOptions:r}=useSelectedOption(),u=useVariants(),o=product.getSelectedVariant(u,{...r,[e]:t}),n=variant.checkInStock(o);return!n},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:u}=r,o=u?.some(r=>r?.name===e&&r.value===t),n=variant.checkInStock(r);return o&&n}return!1})};exports.useCheckAvailableVariantInStock=useCheckAvailableVariantInStock,exports.useCurrentVariant=useCurrentVariant,exports.useCurrentVariantInStock=useCurrentVariantInStock,exports.useFeaturedImageGlobal=useFeaturedImageGlobal,exports.useIsSyncProduct=useIsSyncProduct,exports.useProduct=useProduct,exports.useProductProperties=useProductProperties,exports.useQuantity=useQuantity,exports.useSelectedOption=useSelectedOption,exports.useUniqProductID=useUniqProductID,exports.useVariant=useVariant,exports.useVariantOutStock=useVariantOutStock,exports.useVariants=useVariants;
@@ -1,21 +1 @@
1
- 'use strict';
2
-
3
- var ProductListContext = require('../contexts/ProductListContext.js');
4
-
5
- const useProductList = ()=>{
6
- return ProductListContext.useProductListStore((s)=>s.collection);
7
- };
8
- const useProductListProducts = ()=>{
9
- return ProductListContext.useProductListStore((s)=>s.products);
10
- };
11
- const useProductListSettings = ()=>{
12
- return ProductListContext.useProductListStore((s)=>s.settings);
13
- };
14
- const useProductListStyles = ()=>{
15
- return ProductListContext.useProductListStore((s)=>s.styles);
16
- };
17
-
18
- exports.useProductList = useProductList;
19
- exports.useProductListProducts = useProductListProducts;
20
- exports.useProductListSettings = useProductListSettings;
21
- exports.useProductListStyles = useProductListStyles;
1
+ "use strict";var ProductListContext=require("../contexts/ProductListContext.js");const useProductList=()=>ProductListContext.useProductListStore(t=>t.collection),useProductListProducts=()=>ProductListContext.useProductListStore(t=>t.products),useProductListSettings=()=>ProductListContext.useProductListStore(t=>t.settings),useProductListStyles=()=>ProductListContext.useProductListStore(t=>t.styles);exports.useProductList=useProductList,exports.useProductListProducts=useProductListProducts,exports.useProductListSettings=useProductListSettings,exports.useProductListStyles=useProductListStyles;
@@ -1,27 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const cache = new Map();
6
- const useSuspenseFetch = (key, promise)=>{
7
- const value = cache.get(key) || {
8
- status: 'new',
9
- data: null
10
- };
11
- if (value.status === 'resolved') {
12
- return {
13
- data: value.data
14
- };
15
- }
16
- promise().then((data)=>{
17
- value.status = 'resolved';
18
- value.data = data;
19
- cache.set(key, value);
20
- }).catch(()=>{
21
- value.status = 'error';
22
- value.data = null;
23
- });
24
- throw promise();
25
- };
26
-
27
- exports.default = useSuspenseFetch;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const cache=new Map,useSuspenseFetch=(e,t)=>{let s=cache.get(e)||{status:"new",data:null};if("resolved"===s.status)return{data:s.data};throw t().then(t=>{s.status="resolved",s.data=t,cache.set(e,s)}).catch(()=>{s.status="error",s.data=null}),t()};exports.default=useSuspenseFetch;
@@ -1,41 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var shop = require('./shop.js');
6
-
7
- const initialSwatchOptionValue = {
8
- label: '',
9
- colors: [],
10
- imageUrl: ''
11
- };
12
- const initialGlobalSwatchesData = {
13
- optionTitle: '',
14
- optionType: '',
15
- optionValues: []
16
- };
17
- const useSwatchesOptions = (options)=>{
18
- const { swatches } = shop.useSwatches();
19
- if (!options) return [];
20
- return options?.map((option)=>{
21
- const swatchOption = swatches?.find((sw)=>sw?.optionTitle === option?.name) || {
22
- ...initialGlobalSwatchesData
23
- };
24
- return {
25
- ...option,
26
- optionType: swatchOption ? swatchOption.optionType : '',
27
- values: option.values?.map((val)=>{
28
- const swatchValue = swatchOption && swatchOption?.optionValues?.find((swatOp)=>swatOp?.label === val?.label) || {
29
- ...initialSwatchOptionValue
30
- };
31
- return {
32
- ...val,
33
- colors: swatchValue?.colors || [],
34
- imageUrl: swatchValue?.imageUrl || ''
35
- };
36
- })
37
- };
38
- });
39
- };
40
-
41
- exports.default = useSwatchesOptions;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var shop=require("./shop.js");const initialSwatchOptionValue={label:"",colors:[],imageUrl:""},initialGlobalSwatchesData={optionTitle:"",optionType:"",optionValues:[]},useSwatchesOptions=e=>{let{swatches:t}=shop.useSwatches();return e?e?.map(e=>{let a=t?.find(t=>t?.optionTitle===e?.name)||{...initialGlobalSwatchesData};return{...e,optionType:a?a.optionType:"",values:e.values?.map(e=>{let t=a&&a?.optionValues?.find(t=>t?.label===e?.label)||{...initialSwatchOptionValue};return{...e,colors:t?.colors||[],imageUrl:t?.imageUrl||""}})}}):[]};exports.default=useSwatchesOptions;
package/dist/cjs/index.js CHANGED
@@ -1,291 +1 @@
1
- 'use strict';
2
-
3
- var AddOn = require('./components/AddOn.js');
4
- var Render = require('./components/Render.js');
5
- var RenderPreview = require('./components/RenderPreview.js');
6
- var Render_liquid = require('./components/Render.liquid.js');
7
- var AddonContext = require('./contexts/AddonContext.js');
8
- var BuilderComponent = require('./contexts/BuilderComponent.js');
9
- var BuilderContext = require('./contexts/BuilderContext.js');
10
- var BuilderPreviewContext = require('./contexts/BuilderPreviewContext.js');
11
- var CartLineContext = require('./contexts/CartLineContext.js');
12
- var ProductListContext = require('./contexts/ProductListContext.js');
13
- var ProductContext = require('./contexts/ProductContext.js');
14
- var SectionContext = require('./contexts/SectionContext.js');
15
- var ShopContext = require('./contexts/ShopContext.js');
16
- var CollectionContext = require('./contexts/CollectionContext.js');
17
- var ModalContext = require('./contexts/ModalContext.js');
18
- var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
19
- var collectionDetailFilter_generated = require('./graphql/queries/collection-detail-filter.generated.js');
20
- var collection_generated = require('./graphql/queries/collection.generated.js');
21
- var collections_generated = require('./graphql/queries/collections.generated.js');
22
- var publishedThemePages_generated = require('./graphql/queries/published-theme-pages.generated.js');
23
- var products_generated = require('./graphql/queries/products.generated.js');
24
- var storeProperty_generated = require('./graphql/queries/store-property.generated.js');
25
- var previewPage_generated = require('./graphql/queries/preview-page.generated.js');
26
- var borders = require('./helpers/borders.js');
27
- var cls = require('./helpers/cls.js');
28
- var flattenConnection = require('./helpers/flatten-connection.js');
29
- var getResonsiveValue = require('./helpers/get-resonsive-value.js');
30
- var getShortname = require('./helpers/get-shortname.js');
31
- var GlobalEvent = require('./helpers/GlobalEvent.js');
32
- var isBrowser = require('./helpers/is-browser.js');
33
- var isSafari = require('./helpers/is-safari.js');
34
- var isEmptyChildren = require('./helpers/is-empty-children.js');
35
- var makeStyle = require('./helpers/make-style.js');
36
- var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
37
- var prefetchQueries = require('./helpers/prefetch-queries.js');
38
- var spacing = require('./helpers/spacing.js');
39
- var loadScript = require('./helpers/load-script.js');
40
- var email = require('./helpers/email.js');
41
- var cssVariable = require('./helpers/css-variable.js');
42
- var layout = require('./helpers/layout.js');
43
- var isDefined = require('./helpers/is-defined.js');
44
- var colors = require('./helpers/colors.js');
45
- var typography = require('./helpers/typography.js');
46
- var radius = require('./helpers/radius.js');
47
- var product = require('./helpers/product.js');
48
- var fpixel = require('./helpers/tracking/fpixel.js');
49
- var gtag = require('./helpers/tracking/gtag.js');
50
- var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
51
- var render = require('./helpers/render.js');
52
- var convert = require('./helpers/convert.js');
53
- var size = require('./helpers/size.js');
54
- var shadow = require('./helpers/shadow.js');
55
- var background = require('./helpers/background.js');
56
- var query = require('./helpers/query.js');
57
- var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
58
- var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
59
- var useCartData = require('./hooks/cart/use-cart-data.js');
60
- var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
61
- var useCartNoteUpdate = require('./hooks/cart/use-cart-note-update.js');
62
- var useCreateCart = require('./hooks/cart/use-create-cart.js');
63
- var useRemoveCartItem = require('./hooks/cart/use-remove-cart-item.js');
64
- var useUpdateCartItem = require('./hooks/cart/use-update-cart-item.js');
65
- var shop = require('./hooks/shop.js');
66
- var useCollectionQuery = require('./hooks/shop/use-collection-query.js');
67
- var useCollectionsQuery = require('./hooks/shop/use-collections-query.js');
68
- var useProductQuery = require('./hooks/shop/use-product-query.js');
69
- var useProductsQuery = require('./hooks/shop/use-products-query.js');
70
- var useCurrentDevice = require('./hooks/use-current-device.js');
71
- var useFormatMoney = require('./hooks/useFormatMoney.js');
72
- var useLazyVideo = require('./hooks/use-lazy-video.js');
73
- var useCartId = require('./hooks/useCartId.js');
74
- var useCartLine = require('./hooks/useCartLine.js');
75
- var useCartUI = require('./hooks/useCartUI.js');
76
- var useCollection = require('./hooks/useCollection.js');
77
- var react = require('react');
78
- var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
79
- var useLoadScript = require('./hooks/useLoadScript.js');
80
- var useMoney = require('./hooks/useMoney.js');
81
- var usePrevious = require('./hooks/usePrevious.js');
82
- var useProduct = require('./hooks/useProduct.js');
83
- var useProductList = require('./hooks/useProductList.js');
84
- var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
85
- var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
86
- var shop$1 = require('./types/shop.js');
87
- var globalStyle = require('./types/global-style.js');
88
- var getCollection = require('./helpers/queries/get-collection.js');
89
- var getProduct = require('./helpers/queries/get-product.js');
90
- var getProductBySlug = require('./helpers/queries/get-product-by-slug.js');
91
-
92
-
93
-
94
- exports.AddOn = AddOn.default;
95
- exports.Render = Render.default;
96
- exports.RenderPreview = RenderPreview.default;
97
- exports.RenderChildren = Render_liquid.RenderChildren;
98
- exports.RenderLiquid = Render_liquid.default;
99
- exports.AddonProvider = AddonContext.AddonProvider;
100
- exports.useAddon = AddonContext.useAddon;
101
- exports.useAddons = AddonContext.useAddons;
102
- exports.BuilderComponentProvider = BuilderComponent.BuilderComponentProvider;
103
- exports.useBuilderComponent = BuilderComponent.useBuilderComponent;
104
- exports.BuilderProvider = BuilderContext.BuilderProvider;
105
- exports.useBuilderStore = BuilderContext.useBuilderStore;
106
- exports.BuilderPreviewProvider = BuilderPreviewContext.BuilderPreviewProvider;
107
- exports.useBuilderPreviewStore = BuilderPreviewContext.useBuilderPreviewStore;
108
- exports.CartLineProvider = CartLineContext.CartLineProvider;
109
- exports.useCartLineStore = CartLineContext.useCartLineStore;
110
- exports.ProductListProvider = ProductListContext.ProductListProvider;
111
- exports.useProductListStore = ProductListContext.useProductListStore;
112
- exports.ProductProvider = ProductContext.ProductProvider;
113
- exports.useProductStore = ProductContext.useProductStore;
114
- exports.SectionProvider = SectionContext.SectionProvider;
115
- exports.useSection = SectionContext.useSection;
116
- exports.useSectionStore = SectionContext.useSectionStore;
117
- exports.ShopProvider = ShopContext.ShopProvider;
118
- exports.useShopStore = ShopContext.useShopStore;
119
- exports.CollectionProvider = CollectionContext.CollectionProvider;
120
- exports.useCollectionStore = CollectionContext.useCollectionStore;
121
- exports.ModalProvider = ModalContext.ModalProvider;
122
- exports.useModalStore = ModalContext.useModalStore;
123
- exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
124
- exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
125
- exports.CollectionDocument = collection_generated.CollectionDocument;
126
- exports.CollectionsDocument = collections_generated.CollectionsDocument;
127
- exports.PublishedThemePagesDocument = publishedThemePages_generated.PublishedThemePagesDocument;
128
- exports.ProductsDocument = products_generated.ProductsDocument;
129
- exports.StorePropertyDocument = storeProperty_generated.StorePropertyDocument;
130
- exports.PreviewPageDocument = previewPage_generated.PreviewPageDocument;
131
- exports.composeBorderCss = borders.composeBorderCss;
132
- exports.getBorderStyle = borders.getBorderStyle;
133
- exports.handleConvertBorderColor = borders.handleConvertBorderColor;
134
- exports.handleConvertBorderStyle = borders.handleConvertBorderStyle;
135
- exports.handleConvertBorderWidth = borders.handleConvertBorderWidth;
136
- exports.handleConvertClassColor = borders.handleConvertClassColor;
137
- exports.handleConvertClassColorDynamicBtn = borders.handleConvertClassColorDynamicBtn;
138
- exports.cls = cls.cls;
139
- exports.flattenConnection = flattenConnection.flattenConnection;
140
- exports.getResponsiveStateValue = getResonsiveValue.getResponsiveStateValue;
141
- exports.getResponsiveValue = getResonsiveValue.getResponsiveValue;
142
- exports.getResponsiveValueByScreen = getResonsiveValue.getResponsiveValueByScreen;
143
- exports.getShortName = getShortname.getShortName;
144
- exports.globalEvent = GlobalEvent.default;
145
- exports.isBrowser = isBrowser.default;
146
- exports.isSafari = isSafari.default;
147
- exports.isEmptyChildren = isEmptyChildren.isEmptyChildren;
148
- exports.makeAspectRatio = makeStyle.makeAspectRatio;
149
- exports.makeHeight = makeStyle.makeHeight;
150
- exports.makeLineClamp = makeStyle.makeLineClamp;
151
- exports.makeStyle = makeStyle.makeStyle;
152
- exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
153
- exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
154
- exports.makeStyleState = makeStyle.makeStyleState;
155
- exports.makeWidth = makeStyle.makeWidth;
156
- exports.removeNullUndefined = makeStyle.removeNullUndefined;
157
- exports.normalizeBuilderData = normalizeBuilderData.normalizeBuilderData;
158
- exports.prefetchQueries = prefetchQueries.prefetchQueries;
159
- exports.composeSpacing = spacing.composeSpacing;
160
- exports.getSpacingVariable = spacing.getSpacingVariable;
161
- exports.loadScript = loadScript.loadScript;
162
- exports.validateEmail = email.validateEmail;
163
- exports.genVariable = cssVariable.genVariable;
164
- exports.composeGridLayout = layout.composeGridLayout;
165
- exports.convertOldLayout = layout.convertOldLayout;
166
- exports.gridToArrayRegex = layout.gridToArrayRegex;
167
- exports.optionLayoutStyle = layout.optionLayoutStyle;
168
- exports.isDefined = isDefined.isDefined;
169
- exports.composeTextColorCss = colors.composeTextColorCss;
170
- exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
171
- exports.getGlobalColorClass = colors.getGlobalColorClass;
172
- exports.getGlobalColorResponsiveClass = colors.getGlobalColorResponsiveClass;
173
- exports.getGlobalColorResponsiveStyle = colors.getGlobalColorResponsiveStyle;
174
- exports.getGlobalColorStateClass = colors.getGlobalColorStateClass;
175
- exports.getGlobalColorStateClassDynamicBtn = colors.getGlobalColorStateClassDynamicBtn;
176
- exports.getGlobalColorStateResponsiveClass = colors.getGlobalColorStateResponsiveClass;
177
- exports.getGlobalColorStateResponsiveClassDynamicBtn = colors.getGlobalColorStateResponsiveClassDynamicBtn;
178
- exports.getGlobalColorStateResponsiveStyle = colors.getGlobalColorStateResponsiveStyle;
179
- exports.getGlobalColorStateStyle = colors.getGlobalColorStateStyle;
180
- exports.getGlobalColorStyle = colors.getGlobalColorStyle;
181
- exports.getSingleColorVariable = colors.getSingleColorVariable;
182
- exports.isColor = colors.isColor;
183
- exports.composeTypography = typography.composeTypography;
184
- exports.composeTypographyAttr = typography.composeTypographyAttr;
185
- exports.composeTypographyClassName = typography.composeTypographyClassName;
186
- exports.composeTypographyCss = typography.composeTypographyCss;
187
- exports.composeTypographyStyle = typography.composeTypographyStyle;
188
- exports.composeTypographyV2 = typography.composeTypographyV2;
189
- exports.composeTypographyV2Css = typography.composeTypographyV2Css;
190
- exports.genTypoClass = typography.genTypoClass;
191
- exports.composeCornerCss = radius.composeCornerCss;
192
- exports.composeRadius = radius.composeRadius;
193
- exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
194
- exports.getCustomRadius = radius.getCustomRadius;
195
- exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;
196
- exports.getRadiusStyleActiveState = radius.getRadiusStyleActiveState;
197
- exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
198
- exports.getSelectedVariant = product.getSelectedVariant;
199
- exports.parseSelectedOption = product.parseSelectedOption;
200
- exports.fpixel = fpixel;
201
- exports.gtag = gtag;
202
- exports.tiktokpixel = tiktokpixel;
203
- exports.RenderIf = render.RenderIf;
204
- exports.composeMemo = render.composeMemo;
205
- exports.dataStringify = render.dataStringify;
206
- exports.props = render.props;
207
- exports.styles = render.styles;
208
- exports.template = render.template;
209
- exports.baseAssetURL = convert.baseAssetURL;
210
- exports.isLocalEnv = convert.isLocalEnv;
211
- exports.composeSize = size.composeSize;
212
- exports.composeSizeCss = size.composeSizeCss;
213
- exports.genSizeClass = size.genSizeClass;
214
- exports.composeShadowCss = shadow.composeShadowCss;
215
- exports.getStyleShadow = shadow.getStyleShadow;
216
- exports.getStyleShadowState = shadow.getStyleShadowState;
217
- exports.parseValueWithUnit = shadow.parseValueWithUnit;
218
- exports.composeBackgroundCss = background.composeBackgroundCss;
219
- exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
220
- exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
221
- exports.generateProductQueryKey = query.generateProductQueryKey;
222
- exports.generateProductsQueryKey = query.generateProductsQueryKey;
223
- exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
224
- exports.splitStyle = composeAdvanceStyle.splitStyle;
225
- exports.useAddToCart = useAddToCart.useAddToCart;
226
- exports.useCartData = useCartData.useCartData;
227
- exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;
228
- exports.useCartNoteUpdate = useCartNoteUpdate.useCartNoteUpdate;
229
- exports.useCreateCart = useCreateCart.useCreateCart;
230
- exports.useRemoveCartItem = useRemoveCartItem.useRemoveCartItem;
231
- exports.useUpdateCartItem = useUpdateCartItem.useUpdateCartItem;
232
- exports.useCheckoutUrl = shop.useCheckoutUrl;
233
- exports.useConnectedShopify = shop.useConnectedShopify;
234
- exports.useCurrency = shop.useCurrency;
235
- exports.useEditorMode = shop.useEditorMode;
236
- exports.useIsSampleProduct = shop.useIsSampleProduct;
237
- exports.useIsStorefrontProduct = shop.useIsStorefrontProduct;
238
- exports.useLocale = shop.useLocale;
239
- exports.useMatchMutate = shop.useMatchMutate;
240
- exports.useMobileOnly = shop.useMobileOnly;
241
- exports.useMoneyFormat = shop.useMoneyFormat;
242
- exports.usePageType = shop.usePageType;
243
- exports.usePluginEnable = shop.usePluginEnable;
244
- exports.useStoreFront = shop.useStoreFront;
245
- exports.useSwatches = shop.useSwatches;
246
- exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
247
- exports.useCollectionsQuery = useCollectionsQuery.useCollectionsQuery;
248
- exports.useProductQuery = useProductQuery.useProductQuery;
249
- exports.useProductsQuery = useProductsQuery.useProductsQuery;
250
- exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
251
- exports.useFormatMoney = useFormatMoney.useFormatMoney;
252
- exports.useLazyVideo = useLazyVideo.useLazyVideo;
253
- exports.useCartId = useCartId.default;
254
- exports.useCartLine = useCartLine.default;
255
- exports.useCartUI = useCartUI.default;
256
- exports.useCollection = useCollection.useCollection;
257
- Object.defineProperty(exports, 'useId', {
258
- enumerable: true,
259
- get: function () { return react.useId; }
260
- });
261
- exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
262
- exports.useLoadScript = useLoadScript.default;
263
- exports.useMoney = useMoney.default;
264
- exports.usePrevious = usePrevious.usePrevious;
265
- exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
266
- exports.useCurrentVariant = useProduct.useCurrentVariant;
267
- exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;
268
- exports.useFeaturedImageGlobal = useProduct.useFeaturedImageGlobal;
269
- exports.useProduct = useProduct.useProduct;
270
- exports.useProductProperties = useProduct.useProductProperties;
271
- exports.useQuantity = useProduct.useQuantity;
272
- exports.useSelectedOption = useProduct.useSelectedOption;
273
- exports.useUniqProductID = useProduct.useUniqProductID;
274
- exports.useVariant = useProduct.useVariant;
275
- exports.useVariantOutStock = useProduct.useVariantOutStock;
276
- exports.useVariants = useProduct.useVariants;
277
- exports.useProductList = useProductList.useProductList;
278
- exports.useProductListProducts = useProductList.useProductListProducts;
279
- exports.useProductListSettings = useProductList.useProductListSettings;
280
- exports.useProductListStyles = useProductList.useProductListStyles;
281
- exports.useSuspenseFetch = useSuspenseFetch.default;
282
- exports.useSwatchesOptions = useSwatchesOptions.default;
283
- exports.ShopType = shop$1;
284
- exports.OptionNormalStyle = globalStyle.OptionNormalStyle;
285
- exports.OptionSpecialStyle = globalStyle.OptionSpecialStyle;
286
- exports.calculateFirstProduct = getCollection.calculateFirstProduct;
287
- exports.getCollection = getCollection.getCollection;
288
- exports.fetchMedias = getProduct.fetchMedias;
289
- exports.fetchVariants = getProduct.fetchVariants;
290
- exports.getProduct = getProduct.getProduct;
291
- exports.getProductBySlug = getProductBySlug.getProductBySlug;
1
+ "use strict";var AddOn=require("./components/AddOn.js"),Render=require("./components/Render.js"),RenderPreview=require("./components/RenderPreview.js"),Render_liquid=require("./components/Render.liquid.js"),AddonContext=require("./contexts/AddonContext.js"),BuilderComponent=require("./contexts/BuilderComponent.js"),BuilderContext=require("./contexts/BuilderContext.js"),BuilderPreviewContext=require("./contexts/BuilderPreviewContext.js"),CartLineContext=require("./contexts/CartLineContext.js"),ProductListContext=require("./contexts/ProductListContext.js"),ProductContext=require("./contexts/ProductContext.js"),SectionContext=require("./contexts/SectionContext.js"),ShopContext=require("./contexts/ShopContext.js"),CollectionContext=require("./contexts/CollectionContext.js"),ModalContext=require("./contexts/ModalContext.js"),pageViewUp_generated=require("./graphql/mutations/page-view-up.generated.js"),collectionDetailFilter_generated=require("./graphql/queries/collection-detail-filter.generated.js"),collection_generated=require("./graphql/queries/collection.generated.js"),collections_generated=require("./graphql/queries/collections.generated.js"),publishedThemePages_generated=require("./graphql/queries/published-theme-pages.generated.js"),products_generated=require("./graphql/queries/products.generated.js"),storeProperty_generated=require("./graphql/queries/store-property.generated.js"),previewPage_generated=require("./graphql/queries/preview-page.generated.js"),borders=require("./helpers/borders.js"),cls=require("./helpers/cls.js"),flattenConnection=require("./helpers/flatten-connection.js"),getResonsiveValue=require("./helpers/get-resonsive-value.js"),getShortname=require("./helpers/get-shortname.js"),GlobalEvent=require("./helpers/GlobalEvent.js"),isBrowser=require("./helpers/is-browser.js"),isSafari=require("./helpers/is-safari.js"),isEmptyChildren=require("./helpers/is-empty-children.js"),makeStyle=require("./helpers/make-style.js"),normalizeBuilderData=require("./helpers/normalize-builder-data.js"),prefetchQueries=require("./helpers/prefetch-queries.js"),spacing=require("./helpers/spacing.js"),loadScript=require("./helpers/load-script.js"),email=require("./helpers/email.js"),cssVariable=require("./helpers/css-variable.js"),layout=require("./helpers/layout.js"),isDefined=require("./helpers/is-defined.js"),colors=require("./helpers/colors.js"),typography=require("./helpers/typography.js"),radius=require("./helpers/radius.js"),product=require("./helpers/product.js"),fpixel=require("./helpers/tracking/fpixel.js"),gtag=require("./helpers/tracking/gtag.js"),tiktokpixel=require("./helpers/tracking/tiktokpixel.js"),render=require("./helpers/render.js"),convert=require("./helpers/convert.js"),size=require("./helpers/size.js"),shadow=require("./helpers/shadow.js"),background=require("./helpers/background.js"),query=require("./helpers/query.js"),composeAdvanceStyle=require("./helpers/compose-advance-style.js"),useAddToCart=require("./hooks/cart/use-add-to-cart.js"),useCartData=require("./hooks/cart/use-cart-data.js"),useCartDiscountCodesUpdate=require("./hooks/cart/use-cart-discount-codes-update.js"),useCartNoteUpdate=require("./hooks/cart/use-cart-note-update.js"),useCreateCart=require("./hooks/cart/use-create-cart.js"),useRemoveCartItem=require("./hooks/cart/use-remove-cart-item.js"),useUpdateCartItem=require("./hooks/cart/use-update-cart-item.js"),shop=require("./hooks/shop.js"),useCollectionQuery=require("./hooks/shop/use-collection-query.js"),useCollectionsQuery=require("./hooks/shop/use-collections-query.js"),useProductQuery=require("./hooks/shop/use-product-query.js"),useProductsQuery=require("./hooks/shop/use-products-query.js"),useCurrentDevice=require("./hooks/use-current-device.js"),useFormatMoney=require("./hooks/useFormatMoney.js"),useLazyVideo=require("./hooks/use-lazy-video.js"),useCartId=require("./hooks/useCartId.js"),useCartLine=require("./hooks/useCartLine.js"),useCartUI=require("./hooks/useCartUI.js"),useCollection=require("./hooks/useCollection.js"),react=require("react"),useIsomorphicLayoutEffect=require("./hooks/useIsomorphicLayoutEffect.js"),useLoadScript=require("./hooks/useLoadScript.js"),useMoney=require("./hooks/useMoney.js"),usePrevious=require("./hooks/usePrevious.js"),useProduct=require("./hooks/useProduct.js"),useProductList=require("./hooks/useProductList.js"),useSuspenseFetch=require("./hooks/useSuspenseFetch.js"),useSwatchesOptions=require("./hooks/useSwatchesOptions.js"),useInitialSwatchesOptions=require("./hooks/useInitialSwatchesOptions.js"),shop$1=require("./types/shop.js"),globalStyle=require("./types/global-style.js"),getCollection=require("./helpers/queries/get-collection.js"),getProduct=require("./helpers/queries/get-product.js"),getProductBySlug=require("./helpers/queries/get-product-by-slug.js");exports.AddOn=AddOn.default,exports.Render=Render.default,exports.RenderPreview=RenderPreview.default,exports.RenderChildren=Render_liquid.RenderChildren,exports.RenderLiquid=Render_liquid.default,exports.WrapRenderChildren=Render_liquid.WrapRenderChildren,exports.AddonProvider=AddonContext.AddonProvider,exports.useAddon=AddonContext.useAddon,exports.useAddons=AddonContext.useAddons,exports.BuilderComponentProvider=BuilderComponent.BuilderComponentProvider,exports.useBuilderComponent=BuilderComponent.useBuilderComponent,exports.BuilderProvider=BuilderContext.BuilderProvider,exports.useBuilderStore=BuilderContext.useBuilderStore,exports.BuilderPreviewProvider=BuilderPreviewContext.BuilderPreviewProvider,exports.useBuilderPreviewStore=BuilderPreviewContext.useBuilderPreviewStore,exports.CartLineProvider=CartLineContext.CartLineProvider,exports.useCartLineStore=CartLineContext.useCartLineStore,exports.ProductListProvider=ProductListContext.ProductListProvider,exports.useProductListStore=ProductListContext.useProductListStore,exports.ProductProvider=ProductContext.ProductProvider,exports.useProductStore=ProductContext.useProductStore,exports.SectionProvider=SectionContext.SectionProvider,exports.useSection=SectionContext.useSection,exports.useSectionStore=SectionContext.useSectionStore,exports.ShopProvider=ShopContext.ShopProvider,exports.useShopStore=ShopContext.useShopStore,exports.CollectionProvider=CollectionContext.CollectionProvider,exports.useCollectionStore=CollectionContext.useCollectionStore,exports.ModalProvider=ModalContext.ModalProvider,exports.useModalStore=ModalContext.useModalStore,exports.PageViewUpDocument=pageViewUp_generated.PageViewUpDocument,exports.CollectionDetailFilterDocument=collectionDetailFilter_generated.CollectionDetailFilterDocument,exports.CollectionDocument=collection_generated.CollectionDocument,exports.CollectionsDocument=collections_generated.CollectionsDocument,exports.PublishedThemePagesDocument=publishedThemePages_generated.PublishedThemePagesDocument,exports.ProductsDocument=products_generated.ProductsDocument,exports.StorePropertyDocument=storeProperty_generated.StorePropertyDocument,exports.PreviewPageDocument=previewPage_generated.PreviewPageDocument,exports.composeBorderCss=borders.composeBorderCss,exports.getBorderStyle=borders.getBorderStyle,exports.handleConvertBorderColor=borders.handleConvertBorderColor,exports.handleConvertBorderStyle=borders.handleConvertBorderStyle,exports.handleConvertBorderWidth=borders.handleConvertBorderWidth,exports.handleConvertClassColor=borders.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=borders.handleConvertClassColorDynamicBtn,exports.cls=cls.cls,exports.flattenConnection=flattenConnection.flattenConnection,exports.getResponsiveStateValue=getResonsiveValue.getResponsiveStateValue,exports.getResponsiveValue=getResonsiveValue.getResponsiveValue,exports.getResponsiveValueByScreen=getResonsiveValue.getResponsiveValueByScreen,exports.isColumnDirectionExist=getResonsiveValue.isColumnDirectionExist,exports.getShortName=getShortname.getShortName,exports.globalEvent=GlobalEvent.default,exports.isBrowser=isBrowser.default,exports.isSafari=isSafari.default,exports.isEmptyChildren=isEmptyChildren.isEmptyChildren,exports.makeAspectRatio=makeStyle.makeAspectRatio,exports.makeGlobalSizeWidthResponsive=makeStyle.makeGlobalSizeWidthResponsive,exports.makeHeight=makeStyle.makeHeight,exports.makeLineClamp=makeStyle.makeLineClamp,exports.makeStyle=makeStyle.makeStyle,exports.makeStyleResponsive=makeStyle.makeStyleResponsive,exports.makeStyleResponsiveState=makeStyle.makeStyleResponsiveState,exports.makeStyleState=makeStyle.makeStyleState,exports.makeWidth=makeStyle.makeWidth,exports.removeNullUndefined=makeStyle.removeNullUndefined,exports.normalizeBuilderData=normalizeBuilderData.normalizeBuilderData,exports.prefetchQueries=prefetchQueries.prefetchQueries,exports.composeSpacing=spacing.composeSpacing,exports.getSpacingVariable=spacing.getSpacingVariable,exports.loadScript=loadScript.loadScript,exports.validateEmail=email.validateEmail,exports.genVariable=cssVariable.genVariable,exports.composeGridLayout=layout.composeGridLayout,exports.convertOldLayout=layout.convertOldLayout,exports.gridToArrayRegex=layout.gridToArrayRegex,exports.optionLayoutStyle=layout.optionLayoutStyle,exports.isDefined=isDefined.isDefined,exports.composeTextColorCss=colors.composeTextColorCss,exports.getGlobalColorCSSProp=colors.getGlobalColorCSSProp,exports.getGlobalColorClass=colors.getGlobalColorClass,exports.getGlobalColorResponsiveClass=colors.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=colors.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=colors.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=colors.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=colors.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=colors.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=colors.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=colors.getGlobalColorStateStyle,exports.getGlobalColorStyle=colors.getGlobalColorStyle,exports.getSingleColorVariable=colors.getSingleColorVariable,exports.isColor=colors.isColor,exports.composeTypography=typography.composeTypography,exports.composeTypographyAttr=typography.composeTypographyAttr,exports.composeTypographyClassName=typography.composeTypographyClassName,exports.composeTypographyCss=typography.composeTypographyCss,exports.composeTypographyStyle=typography.composeTypographyStyle,exports.composeTypographyV2=typography.composeTypographyV2,exports.composeTypographyV2Css=typography.composeTypographyV2Css,exports.genTypoClass=typography.genTypoClass,exports.composeCornerCss=radius.composeCornerCss,exports.composeRadius=radius.composeRadius,exports.composeRadiusResponsive=radius.composeRadiusResponsive,exports.getCornerCSSFromGlobal=radius.getCornerCSSFromGlobal,exports.getCustomRadius=radius.getCustomRadius,exports.getRadiusCSSFromGlobal=radius.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=radius.getRadiusStyleActiveState,exports.checkAvailableVariantInStock=product.checkAvailableVariantInStock,exports.getSelectedVariant=product.getSelectedVariant,exports.parseSelectedOption=product.parseSelectedOption,exports.fpixel=fpixel,exports.gtag=gtag,exports.tiktokpixel=tiktokpixel,exports.RenderIf=render.RenderIf,exports.composeMemo=render.composeMemo,exports.dataStringify=render.dataStringify,exports.props=render.props,exports.styles=render.styles,exports.template=render.template,exports.baseAssetURL=convert.baseAssetURL,exports.isLocalEnv=convert.isLocalEnv,exports.composeSize=size.composeSize,exports.composeSizeCss=size.composeSizeCss,exports.genSizeClass=size.genSizeClass,exports.getPaddingGlobalSize=size.getPaddingGlobalSize,exports.getWidthHeightGlobalSize=size.getWidthHeightGlobalSize,exports.makeGlobalSize=size.makeGlobalSize,exports.composeShadowCss=shadow.composeShadowCss,exports.getStyleShadow=shadow.getStyleShadow,exports.getStyleShadowState=shadow.getStyleShadowState,exports.parseValueWithUnit=shadow.parseValueWithUnit,exports.composeBackgroundCss=background.composeBackgroundCss,exports.getStyleBackgroundByDevice=background.getStyleBackgroundByDevice,exports.generateCollectionQueryKey=query.generateCollectionQueryKey,exports.generateProductQueryKey=query.generateProductQueryKey,exports.generateProductsQueryKey=query.generateProductsQueryKey,exports.composeAdvanceStyle=composeAdvanceStyle.composeAdvanceStyle,exports.splitStyle=composeAdvanceStyle.splitStyle,exports.useAddToCart=useAddToCart.useAddToCart,exports.useCartData=useCartData.useCartData,exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=useCartNoteUpdate.useCartNoteUpdate,exports.useCreateCart=useCreateCart.useCreateCart,exports.useRemoveCartItem=useRemoveCartItem.useRemoveCartItem,exports.useUpdateCartItem=useUpdateCartItem.useUpdateCartItem,exports.useCheckoutUrl=shop.useCheckoutUrl,exports.useConnectedShopify=shop.useConnectedShopify,exports.useCurrency=shop.useCurrency,exports.useEditorMode=shop.useEditorMode,exports.useIsSampleProduct=shop.useIsSampleProduct,exports.useIsStorefrontProduct=shop.useIsStorefrontProduct,exports.useLocale=shop.useLocale,exports.useMatchMutate=shop.useMatchMutate,exports.useMobileOnly=shop.useMobileOnly,exports.useMoneyFormat=shop.useMoneyFormat,exports.usePageType=shop.usePageType,exports.usePluginEnable=shop.usePluginEnable,exports.useStoreFront=shop.useStoreFront,exports.useSwatches=shop.useSwatches,exports.useCollectionQuery=useCollectionQuery.useCollectionQuery,exports.useCollectionsQuery=useCollectionsQuery.useCollectionsQuery,exports.useProductQuery=useProductQuery.useProductQuery,exports.useProductsQuery=useProductsQuery.useProductsQuery,exports.useCurrentDevice=useCurrentDevice.useCurrentDevice,exports.useFormatMoney=useFormatMoney.useFormatMoney,exports.useLazyVideo=useLazyVideo.useLazyVideo,exports.useCartId=useCartId.default,exports.useCartLine=useCartLine.default,exports.useCartUI=useCartUI.default,exports.useCollection=useCollection.useCollection,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return react.useId}}),exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect.default,exports.useLoadScript=useLoadScript.default,exports.useMoney=useMoney.default,exports.usePrevious=usePrevious.usePrevious,exports.useCheckAvailableVariantInStock=useProduct.useCheckAvailableVariantInStock,exports.useCurrentVariant=useProduct.useCurrentVariant,exports.useCurrentVariantInStock=useProduct.useCurrentVariantInStock,exports.useFeaturedImageGlobal=useProduct.useFeaturedImageGlobal,exports.useIsSyncProduct=useProduct.useIsSyncProduct,exports.useProduct=useProduct.useProduct,exports.useProductProperties=useProduct.useProductProperties,exports.useQuantity=useProduct.useQuantity,exports.useSelectedOption=useProduct.useSelectedOption,exports.useUniqProductID=useProduct.useUniqProductID,exports.useVariant=useProduct.useVariant,exports.useVariantOutStock=useProduct.useVariantOutStock,exports.useVariants=useProduct.useVariants,exports.useProductList=useProductList.useProductList,exports.useProductListProducts=useProductList.useProductListProducts,exports.useProductListSettings=useProductList.useProductListSettings,exports.useProductListStyles=useProductList.useProductListStyles,exports.useSuspenseFetch=useSuspenseFetch.default,exports.useSwatchesOptions=useSwatchesOptions.default,exports.useInitialSwatchesOptions=useInitialSwatchesOptions.default,exports.ShopType=shop$1,exports.OptionNormalStyle=globalStyle.OptionNormalStyle,exports.OptionSpecialStyle=globalStyle.OptionSpecialStyle,exports.calculateFirstProduct=getCollection.calculateFirstProduct,exports.getCollection=getCollection.getCollection,exports.fetchMedias=getProduct.fetchMedias,exports.fetchVariants=getProduct.fetchVariants,exports.getProduct=getProduct.getProduct,exports.getProductBySlug=getProductBySlug.getProductBySlug;
@@ -1,14 +1 @@
1
- 'use strict';
2
-
3
- const OptionNormalStyle = [
4
- 'radio_buttons',
5
- 'dropdown'
6
- ];
7
- const OptionSpecialStyle = [
8
- 'color',
9
- 'image',
10
- 'rectangle_list'
11
- ];
12
-
13
- exports.OptionNormalStyle = OptionNormalStyle;
14
- exports.OptionSpecialStyle = OptionSpecialStyle;
1
+ "use strict";const OptionNormalStyle=["radio_buttons","dropdown"],OptionSpecialStyle=["color","image","rectangle_list","image_shopify"];exports.OptionNormalStyle=OptionNormalStyle,exports.OptionSpecialStyle=OptionSpecialStyle;
@@ -1,2 +1 @@
1
- 'use strict';
2
-
1
+ "use strict";
@@ -1,14 +1 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { useAddon } from '../contexts/AddonContext.js';
3
- import { usePluginEnable } from '../hooks/shop.js';
4
-
5
- const AddOn = ({ name })=>{
6
- const Comp = useAddon(name);
7
- const plugins = usePluginEnable();
8
- if (!plugins?.includes(name)) {
9
- return null;
10
- }
11
- return /*#__PURE__*/ jsx(Comp, {});
12
- };
13
-
14
- export { AddOn as default };
1
+ import{jsx as t}from"react/jsx-runtime";import{useAddon as o}from"../contexts/AddonContext.js";import{usePluginEnable as r}from"../hooks/shop.js";let AddOn=({name:e})=>{let n=o(e),d=r();return d?.includes(e)?t(n,{}):null};export{AddOn as default};
@@ -1,24 +1 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { isValidElement } from 'react';
3
- import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
4
- import { disableWrap } from './constant.js';
5
-
6
- const ComponentWrapper = ({ children, ...props })=>{
7
- if (props.type === 'section') return null;
8
- const style = composeAdvanceStyle(props.advanced, props.tag);
9
- const advanced = props.advanced;
10
- if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
11
- return /*#__PURE__*/ jsx(children.type, {
12
- ...children.props,
13
- style,
14
- advanced
15
- });
16
- }
17
- return /*#__PURE__*/ jsx("div", {
18
- style: style,
19
- className: `${props.uid}`,
20
- children: children
21
- });
22
- };
23
-
24
- export { ComponentWrapper as default };
1
+ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{isValidElement as d}from"react";import{composeAdvanceStyle as o}from"../helpers/compose-advance-style.js";import{disableWrap as a}from"./constant.js";import n from"./RenderCustomCode.js";let ComponentWrapper=({children:i,...p})=>{if("section"===p.type)return null;let m=o(p.advanced,p.tag),s=p.advanced;return a.includes(p.tag)&&d(i)?e(r,{children:[t(n,{uid:p.uid,advanced:s}),t(i.type,{...i.props,style:m,advanced:s}),";"]}):e(r,{children:[t(n,{uid:p.uid,advanced:s}),t("div",{style:m,className:`${p.uid}`,children:i})]})};export{ComponentWrapper as default};