@gem-sdk/core 1.13.38 → 1.14.0-moon.208

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 (243) 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/contexts/AddonContext.js +1 -36
  13. package/dist/cjs/contexts/BuilderComponent.js +1 -34
  14. package/dist/cjs/contexts/BuilderContext.js +1 -35
  15. package/dist/cjs/contexts/BuilderPreviewContext.js +1 -370
  16. package/dist/cjs/contexts/CartLineContext.js +1 -29
  17. package/dist/cjs/contexts/CollectionContext.js +1 -38
  18. package/dist/cjs/contexts/ModalContext.js +1 -47
  19. package/dist/cjs/contexts/ProductContext.js +1 -149
  20. package/dist/cjs/contexts/ProductListContext.js +1 -32
  21. package/dist/cjs/contexts/SectionContext.js +1 -53
  22. package/dist/cjs/contexts/ShopContext.js +1 -70
  23. package/dist/cjs/graphql/fragments/analytic.generated.js +2 -6
  24. package/dist/cjs/graphql/fragments/collection-detail.generated.js +2 -6
  25. package/dist/cjs/graphql/fragments/collection-product.generated.js +2 -6
  26. package/dist/cjs/graphql/fragments/collection.generated.js +2 -6
  27. package/dist/cjs/graphql/fragments/custom-code.generated.js +2 -6
  28. package/dist/cjs/graphql/fragments/data-seo.generated.js +2 -6
  29. package/dist/cjs/graphql/fragments/media.generated.js +3 -6
  30. package/dist/cjs/graphql/fragments/product-little.generated.js +2 -6
  31. package/dist/cjs/graphql/fragments/product-option-value.generated.js +2 -6
  32. package/dist/cjs/graphql/fragments/product-option.generated.js +2 -6
  33. package/dist/cjs/graphql/fragments/product.generated.js +2 -6
  34. package/dist/cjs/graphql/fragments/published-custom-section.generated.js +2 -6
  35. package/dist/cjs/graphql/fragments/published-page-section.generated.js +2 -6
  36. package/dist/cjs/graphql/fragments/published-theme-page.generated.js +2 -6
  37. package/dist/cjs/graphql/fragments/published-theme-style.generated.js +2 -6
  38. package/dist/cjs/graphql/fragments/selected-option.generated.js +2 -6
  39. package/dist/cjs/graphql/fragments/variant.generated.js +2 -6
  40. package/dist/cjs/graphql/mutations/page-view-up.generated.js +3 -7
  41. package/dist/cjs/graphql/queries/collection-detail-filter.generated.js +2 -16
  42. package/dist/cjs/graphql/queries/collection.generated.js +2 -14
  43. package/dist/cjs/graphql/queries/collections.generated.js +2 -9
  44. package/dist/cjs/graphql/queries/preview-page.generated.js +2 -14
  45. package/dist/cjs/graphql/queries/product-little-detail.generated.js +2 -11
  46. package/dist/cjs/graphql/queries/product-medias.generated.js +2 -8
  47. package/dist/cjs/graphql/queries/product-variants.generated.js +2 -10
  48. package/dist/cjs/graphql/queries/products.generated.js +3 -17
  49. package/dist/cjs/graphql/queries/published-theme-pages.generated.js +2 -14
  50. package/dist/cjs/graphql/queries/store-property.generated.js +2 -6
  51. package/dist/cjs/helpers/GlobalEvent.js +1 -19
  52. package/dist/cjs/helpers/background.js +1 -109
  53. package/dist/cjs/helpers/borders.js +4 -183
  54. package/dist/cjs/helpers/clone-deep.js +1 -5
  55. package/dist/cjs/helpers/cls.js +1 -16
  56. package/dist/cjs/helpers/colors.js +1 -183
  57. package/dist/cjs/helpers/compose-advance-style.js +1 -188
  58. package/dist/cjs/helpers/constant.js +1 -23
  59. package/dist/cjs/helpers/convert.js +1 -7
  60. package/dist/cjs/helpers/css-variable.js +1 -7
  61. package/dist/cjs/helpers/email.js +1 -11
  62. package/dist/cjs/helpers/flatten-connection.js +1 -9
  63. package/dist/cjs/helpers/get-resonsive-value.js +1 -31
  64. package/dist/cjs/helpers/get-shortname.js +1 -92
  65. package/dist/cjs/helpers/is-browser.js +1 -9
  66. package/dist/cjs/helpers/is-defined.js +1 -7
  67. package/dist/cjs/helpers/is-empty-children.js +1 -12
  68. package/dist/cjs/helpers/is-safari.js +1 -9
  69. package/dist/cjs/helpers/layout.js +1 -59
  70. package/dist/cjs/helpers/load-script.js +1 -31
  71. package/dist/cjs/helpers/make-style.js +1 -128
  72. package/dist/cjs/helpers/normalize-builder-data.js +1 -23
  73. package/dist/cjs/helpers/prefetch-queries.js +1 -78
  74. package/dist/cjs/helpers/product.js +1 -31
  75. package/dist/cjs/helpers/queries/get-collection.js +1 -220
  76. package/dist/cjs/helpers/queries/get-collections.js +1 -21
  77. package/dist/cjs/helpers/queries/get-product-by-slug.js +1 -125
  78. package/dist/cjs/helpers/queries/get-product.js +1 -154
  79. package/dist/cjs/helpers/queries/get-products.js +1 -161
  80. package/dist/cjs/helpers/query.js +1 -29
  81. package/dist/cjs/helpers/radius.js +6 -134
  82. package/dist/cjs/helpers/render.js +1 -71
  83. package/dist/cjs/helpers/shadow.js +1 -56
  84. package/dist/cjs/helpers/size.js +4 -35
  85. package/dist/cjs/helpers/spacing.js +1 -43
  86. package/dist/cjs/helpers/tracking/fpixel.js +1 -28
  87. package/dist/cjs/helpers/tracking/gtag.js +1 -93
  88. package/dist/cjs/helpers/tracking/tiktokpixel.js +1 -17
  89. package/dist/cjs/helpers/typography.js +17 -105
  90. package/dist/cjs/helpers/variant.js +1 -8
  91. package/dist/cjs/hooks/cart/use-add-to-cart.js +1 -20
  92. package/dist/cjs/hooks/cart/use-cart-data.js +1 -28
  93. package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js +1 -20
  94. package/dist/cjs/hooks/cart/use-cart-note-update.js +1 -20
  95. package/dist/cjs/hooks/cart/use-create-cart.js +1 -22
  96. package/dist/cjs/hooks/cart/use-remove-cart-item.js +1 -20
  97. package/dist/cjs/hooks/cart/use-update-cart-item.js +1 -20
  98. package/dist/cjs/hooks/shop/use-collection-query.js +1 -22
  99. package/dist/cjs/hooks/shop/use-collections-query.js +1 -17
  100. package/dist/cjs/hooks/shop/use-product-query.js +1 -22
  101. package/dist/cjs/hooks/shop/use-products-query.js +1 -22
  102. package/dist/cjs/hooks/shop.js +1 -126
  103. package/dist/cjs/hooks/use-current-device.js +1 -21
  104. package/dist/cjs/hooks/use-lazy-video.js +1 -15
  105. package/dist/cjs/hooks/useCartId.js +1 -44
  106. package/dist/cjs/hooks/useCartLine.js +1 -11
  107. package/dist/cjs/hooks/useCartUI.js +1 -48
  108. package/dist/cjs/hooks/useCollection.js +1 -9
  109. package/dist/cjs/hooks/useFetchHandle.js +1 -13
  110. package/dist/cjs/hooks/useFormatMoney.js +1 -58
  111. package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -10
  112. package/dist/cjs/hooks/useLoadScript.js +1 -32
  113. package/dist/cjs/hooks/useMoney.js +1 -84
  114. package/dist/cjs/hooks/usePrevious.js +1 -19
  115. package/dist/cjs/hooks/useProduct.js +1 -127
  116. package/dist/cjs/hooks/useProductList.js +1 -21
  117. package/dist/cjs/hooks/useSuspenseFetch.js +1 -27
  118. package/dist/cjs/hooks/useSwatchesOptions.js +1 -41
  119. package/dist/cjs/index.js +1 -290
  120. package/dist/cjs/types/global-style.js +1 -14
  121. package/dist/cjs/types/shop.js +1 -2
  122. package/dist/esm/components/AddOn.js +1 -14
  123. package/dist/esm/components/ComponentWrapper.js +1 -24
  124. package/dist/esm/components/ComponentWrapperPreview.js +1 -68
  125. package/dist/esm/components/Empty.js +1 -3
  126. package/dist/esm/components/Render.js +1 -61
  127. package/dist/esm/components/Render.liquid.js +15 -153
  128. package/dist/esm/components/RenderBlock.js +1 -50
  129. package/dist/esm/components/RenderCustomCode.js +5 -0
  130. package/dist/esm/components/RenderPreview.js +1 -62
  131. package/dist/esm/components/RenderSection.js +1 -19
  132. package/dist/esm/components/constant.js +1 -37
  133. package/dist/esm/contexts/AddonContext.js +1 -32
  134. package/dist/esm/contexts/BuilderComponent.js +1 -31
  135. package/dist/esm/contexts/BuilderContext.js +1 -32
  136. package/dist/esm/contexts/BuilderPreviewContext.js +1 -367
  137. package/dist/esm/contexts/CartLineContext.js +1 -26
  138. package/dist/esm/contexts/CollectionContext.js +1 -35
  139. package/dist/esm/contexts/ModalContext.js +1 -44
  140. package/dist/esm/contexts/ProductContext.js +1 -146
  141. package/dist/esm/contexts/ProductListContext.js +1 -28
  142. package/dist/esm/contexts/SectionContext.js +1 -49
  143. package/dist/esm/contexts/ShopContext.js +1 -67
  144. package/dist/esm/graphql/fragments/analytic.generated.js +2 -4
  145. package/dist/esm/graphql/fragments/collection-detail.generated.js +2 -4
  146. package/dist/esm/graphql/fragments/collection-product.generated.js +2 -4
  147. package/dist/esm/graphql/fragments/collection.generated.js +2 -4
  148. package/dist/esm/graphql/fragments/custom-code.generated.js +2 -4
  149. package/dist/esm/graphql/fragments/data-seo.generated.js +2 -4
  150. package/dist/esm/graphql/fragments/media.generated.js +3 -4
  151. package/dist/esm/graphql/fragments/product-little.generated.js +2 -4
  152. package/dist/esm/graphql/fragments/product-option-value.generated.js +2 -4
  153. package/dist/esm/graphql/fragments/product-option.generated.js +2 -4
  154. package/dist/esm/graphql/fragments/product.generated.js +2 -4
  155. package/dist/esm/graphql/fragments/published-custom-section.generated.js +2 -4
  156. package/dist/esm/graphql/fragments/published-page-section.generated.js +2 -4
  157. package/dist/esm/graphql/fragments/published-theme-page.generated.js +2 -4
  158. package/dist/esm/graphql/fragments/published-theme-style.generated.js +2 -4
  159. package/dist/esm/graphql/fragments/selected-option.generated.js +2 -4
  160. package/dist/esm/graphql/fragments/variant.generated.js +2 -4
  161. package/dist/esm/graphql/mutations/page-view-up.generated.js +3 -5
  162. package/dist/esm/graphql/queries/collection-detail-filter.generated.js +10 -22
  163. package/dist/esm/graphql/queries/collection.generated.js +8 -18
  164. package/dist/esm/graphql/queries/collections.generated.js +3 -8
  165. package/dist/esm/graphql/queries/preview-page.generated.js +8 -18
  166. package/dist/esm/graphql/queries/product-little-detail.generated.js +5 -12
  167. package/dist/esm/graphql/queries/product-medias.generated.js +2 -6
  168. package/dist/esm/graphql/queries/product-variants.generated.js +4 -10
  169. package/dist/esm/graphql/queries/products.generated.js +9 -20
  170. package/dist/esm/graphql/queries/published-theme-pages.generated.js +8 -18
  171. package/dist/esm/graphql/queries/store-property.generated.js +2 -4
  172. package/dist/esm/helpers/GlobalEvent.js +1 -15
  173. package/dist/esm/helpers/background.js +1 -106
  174. package/dist/esm/helpers/borders.js +4 -175
  175. package/dist/esm/helpers/clone-deep.js +1 -3
  176. package/dist/esm/helpers/cls.js +1 -14
  177. package/dist/esm/helpers/colors.js +1 -168
  178. package/dist/esm/helpers/compose-advance-style.js +1 -185
  179. package/dist/esm/helpers/constant.js +1 -19
  180. package/dist/esm/helpers/convert.js +1 -4
  181. package/dist/esm/helpers/css-variable.js +1 -5
  182. package/dist/esm/helpers/email.js +1 -6
  183. package/dist/esm/helpers/flatten-connection.js +1 -7
  184. package/dist/esm/helpers/get-resonsive-value.js +1 -27
  185. package/dist/esm/helpers/get-shortname.js +1 -90
  186. package/dist/esm/helpers/is-browser.js +1 -5
  187. package/dist/esm/helpers/is-defined.js +1 -5
  188. package/dist/esm/helpers/is-empty-children.js +1 -7
  189. package/dist/esm/helpers/is-safari.js +1 -5
  190. package/dist/esm/helpers/layout.js +1 -54
  191. package/dist/esm/helpers/load-script.js +1 -29
  192. package/dist/esm/helpers/make-style.js +1 -117
  193. package/dist/esm/helpers/normalize-builder-data.js +1 -21
  194. package/dist/esm/helpers/prefetch-queries.js +1 -76
  195. package/dist/esm/helpers/product.js +1 -28
  196. package/dist/esm/helpers/queries/get-collection.js +1 -217
  197. package/dist/esm/helpers/queries/get-collections.js +1 -19
  198. package/dist/esm/helpers/queries/get-product-by-slug.js +1 -123
  199. package/dist/esm/helpers/queries/get-product.js +1 -150
  200. package/dist/esm/helpers/queries/get-products.js +1 -159
  201. package/dist/esm/helpers/query.js +1 -25
  202. package/dist/esm/helpers/radius.js +6 -127
  203. package/dist/esm/helpers/render.js +1 -64
  204. package/dist/esm/helpers/shadow.js +1 -51
  205. package/dist/esm/helpers/size.js +4 -31
  206. package/dist/esm/helpers/spacing.js +1 -40
  207. package/dist/esm/helpers/tracking/fpixel.js +1 -24
  208. package/dist/esm/helpers/tracking/gtag.js +1 -87
  209. package/dist/esm/helpers/tracking/tiktokpixel.js +1 -15
  210. package/dist/esm/helpers/typography.js +17 -96
  211. package/dist/esm/helpers/variant.js +1 -6
  212. package/dist/esm/hooks/cart/use-add-to-cart.js +1 -18
  213. package/dist/esm/hooks/cart/use-cart-data.js +1 -26
  214. package/dist/esm/hooks/cart/use-cart-discount-codes-update.js +1 -18
  215. package/dist/esm/hooks/cart/use-cart-note-update.js +1 -18
  216. package/dist/esm/hooks/cart/use-create-cart.js +1 -20
  217. package/dist/esm/hooks/cart/use-remove-cart-item.js +1 -18
  218. package/dist/esm/hooks/cart/use-update-cart-item.js +1 -18
  219. package/dist/esm/hooks/shop/use-collection-query.js +1 -20
  220. package/dist/esm/hooks/shop/use-collections-query.js +1 -15
  221. package/dist/esm/hooks/shop/use-product-query.js +1 -20
  222. package/dist/esm/hooks/shop/use-products-query.js +1 -20
  223. package/dist/esm/hooks/shop.js +1 -111
  224. package/dist/esm/hooks/use-current-device.js +1 -19
  225. package/dist/esm/hooks/use-lazy-video.js +1 -13
  226. package/dist/esm/hooks/useCartId.js +1 -40
  227. package/dist/esm/hooks/useCartLine.js +1 -7
  228. package/dist/esm/hooks/useCartUI.js +1 -44
  229. package/dist/esm/hooks/useCollection.js +1 -7
  230. package/dist/esm/hooks/useFetchHandle.js +1 -11
  231. package/dist/esm/hooks/useFormatMoney.js +1 -56
  232. package/dist/esm/hooks/useIsomorphicLayoutEffect.js +1 -6
  233. package/dist/esm/hooks/useLoadScript.js +1 -28
  234. package/dist/esm/hooks/useMoney.js +1 -80
  235. package/dist/esm/hooks/usePrevious.js +1 -17
  236. package/dist/esm/hooks/useProduct.js +1 -114
  237. package/dist/esm/hooks/useProductList.js +1 -16
  238. package/dist/esm/hooks/useSuspenseFetch.js +1 -23
  239. package/dist/esm/hooks/useSwatchesOptions.js +1 -37
  240. package/dist/esm/index.js +1 -92
  241. package/dist/esm/types/global-style.js +1 -11
  242. package/dist/types/index.d.ts +1091 -1015
  243. package/package.json +4 -4
@@ -1,96 +1,17 @@
1
- import { getSingleColorVariable } from './colors.js';
2
- import { removeNullUndefined, makeStyle, makeStyleResponsive } from './make-style.js';
3
-
4
- const genTypoClass = (name)=>{
5
- return `g-${name}`;
6
- };
7
- const composeTypographyCss = (typography)=>{
8
- const typographyCustom = typography?.custom;
9
- const { fontFamily , fontSize , fontStyle , fontWeight , lineHeight , letterSpacing } = typographyCustom?.desktop ?? {};
10
- return `
11
- ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
12
- ${fontSize ? `font-size: ${fontSize};` : ''}
13
- ${fontStyle ? `font-style: ${fontStyle};` : ''}
14
- ${fontWeight ? `font-weight: ${fontWeight};` : ''}
15
- ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
16
- ${lineHeight ? `line-height: ${lineHeight};` : ''}
17
- `;
18
- };
19
- const composeTypographyV2Css = (typography)=>{
20
- const typographyCustom = typography?.custom;
21
- const { fontFamily , fontSize , fontWeight , lineHeight , letterSpacing } = typographyCustom ?? {};
22
- const typographyAttrs = typography?.attrs;
23
- const { bold , italic , underline , transform } = typographyAttrs ?? {};
24
- return `
25
- ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
26
- ${fontSize?.desktop ? `font-size: ${fontSize?.desktop};` : ''}
27
- ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight};` : ''}
28
- ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
29
- ${lineHeight ? `line-height: ${lineHeight};` : ''}
30
- ${italic ? `font-style: italic;` : ''}
31
- ${underline ? `text-decoration-line: underline;` : ''}
32
- ${transform ? `text-transform: ${transform};` : ''}
33
- `;
34
- };
35
- function getCustomCSSByDevice(typography, device) {
36
- if (!typography || !device) return {};
37
- const suffix = device === 'desktop' || !device ? '' : `-${device}`;
38
- const { fontFamily } = typography?.[device] ?? {};
39
- return {
40
- [`--size${suffix}`]: typography?.[device]?.fontSize,
41
- [`--lh${suffix}`]: typography?.[device]?.lineHeight,
42
- [`--fs${suffix}`]: typography?.[device]?.fontStyle,
43
- [`--ff${suffix}`]: fontFamily ? `var(--g-font-${fontFamily}, ${fontFamily})` : undefined,
44
- [`--weight${suffix}`]: typography?.[device]?.fontWeight,
45
- [`--ls${suffix}`]: typography?.[device]?.letterSpacing
46
- };
47
- }
48
- const composeTypography = (typography)=>{
49
- if (!typography) return {};
50
- return removeNullUndefined({
51
- ...getCustomCSSByDevice(typography, 'desktop'),
52
- ...getCustomCSSByDevice(typography, 'tablet'),
53
- ...getCustomCSSByDevice(typography, 'mobile')
54
- });
55
- };
56
- const composeTypographyV2 = (value, attrs)=>{
57
- if (!value) return {};
58
- return removeNullUndefined({
59
- ...makeStyle({
60
- fs: !attrs?.italic ? value?.fontStyle : undefined,
61
- ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, ${value.fontFamily})` : undefined,
62
- weight: !attrs?.bold ? value?.fontWeight : undefined,
63
- ls: value?.letterSpacing,
64
- lh: value?.lineHeight
65
- }),
66
- ...makeStyleResponsive('size', value?.fontSize)
67
- });
68
- };
69
- const composeTypographyAttr = (attrs)=>{
70
- if (!attrs) return {};
71
- return removeNullUndefined({
72
- ...makeStyle({
73
- fs: attrs?.italic ? 'italic' : undefined,
74
- weight: attrs?.bold ? 'bold' : undefined,
75
- c: getSingleColorVariable(attrs?.color),
76
- tt: attrs?.transform,
77
- tdl: attrs?.underline ? 'underline' : undefined
78
- })
79
- });
80
- };
81
- const composeTypographyClassName = (typo, typography)=>{
82
- return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
83
- };
84
- const composeTypographyStyle = (typo, typography, disableAttr)=>{
85
- if (typo) {
86
- return {
87
- ...composeTypographyV2(typo.custom, typo.attrs),
88
- ...!disableAttr && composeTypographyAttr(typo.attrs)
89
- };
90
- }
91
- return {
92
- ...!typography?.type ? composeTypography(typography?.custom) : {}
93
- };
94
- };
95
-
96
- export { composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };
1
+ import{getSingleColorVariable as o}from"./colors.js";import{removeNullUndefined as t,makeStyle as e,makeStyleResponsive as p}from"./make-style.js";let genTypoClass=o=>`g-${o}`,composeTypographyCss=o=>{let t=o?.custom,{fontFamily:e,fontSize:p,fontStyle:s,fontWeight:i,lineHeight:y,letterSpacing:r}=t?.desktop??{};return`
2
+ ${e?`font-family: var(--g-font-${e}, ${e});`:""}
3
+ ${p?`font-size: ${p};`:""}
4
+ ${s?`font-style: ${s};`:""}
5
+ ${i?`font-weight: ${i};`:""}
6
+ ${r?`letter-spacing: ${r};`:""}
7
+ ${y?`line-height: ${y};`:""}
8
+ `},composeTypographyV2Css=o=>{let t=o?.custom,{fontFamily:e,fontSize:p,fontWeight:s,lineHeight:i,letterSpacing:y}=t??{},r=o?.attrs,{bold:l,italic:a,underline:n,transform:g}=r??{};return`
9
+ ${e?`font-family: var(--g-font-${e}, ${e});`:""}
10
+ ${p?.desktop?`font-size: ${p?.desktop};`:""}
11
+ ${l?"font-weight: bold;":s?`font-weight: ${s};`:""}
12
+ ${y?`letter-spacing: ${y};`:""}
13
+ ${i?`line-height: ${i};`:""}
14
+ ${a?"font-style: italic;":""}
15
+ ${n?"text-decoration-line: underline;":""}
16
+ ${g?`text-transform: ${g};`:""}
17
+ `};function getCustomCSSByDevice(o,t){if(!o||!t)return{};let e="desktop"!==t&&t?`-${t}`:"",{fontFamily:p}=o?.[t]??{};return{[`--size${e}`]:o?.[t]?.fontSize,[`--lh${e}`]:o?.[t]?.lineHeight,[`--fs${e}`]:o?.[t]?.fontStyle,[`--ff${e}`]:p?`var(--g-font-${p}, ${p})`:void 0,[`--weight${e}`]:o?.[t]?.fontWeight,[`--ls${e}`]:o?.[t]?.letterSpacing}}let composeTypography=o=>o?t({...getCustomCSSByDevice(o,"desktop"),...getCustomCSSByDevice(o,"tablet"),...getCustomCSSByDevice(o,"mobile")}):{},composeTypographyV2=(o,s)=>o?t({...e({fs:s?.italic?void 0:o?.fontStyle,ff:o?.fontFamily?`var(--g-font-${o.fontFamily.replace(/ /g,"-")}, ${o.fontFamily})`:void 0,weight:s?.bold?void 0:o?.fontWeight,ls:o?.letterSpacing,lh:o?.lineHeight}),...p("size",o?.fontSize)}):{},composeTypographyAttr=p=>p?t({...e({fs:p?.italic?"italic":void 0,weight:p?.bold?"bold":void 0,c:o(p?.color),tt:p?.transform,tdl:p?.underline?"underline":void 0})}):{},composeTypographyClassName=(o,t)=>o?o?.type&&!o.custom?genTypoClass(o.type):"":t?.type&&genTypoClass(t?.type),composeTypographyStyle=(o,t,e)=>o?{...composeTypographyV2(o.custom,o.attrs),...!e&&composeTypographyAttr(o.attrs)}:{...t?.type?{}:composeTypography(t?.custom)};export{composeTypography,composeTypographyAttr,composeTypographyClassName,composeTypographyCss,composeTypographyStyle,composeTypographyV2,composeTypographyV2Css,genTypoClass};
@@ -1,6 +1 @@
1
- function checkInStock(variant) {
2
- if (!variant) return false;
3
- return variant?.inventoryQuantity && variant.inventoryQuantity > 0 || !variant?.manageInventory || variant.inventoryPolicy === 'CONTINUE';
4
- }
5
-
6
- export { checkInStock };
1
+ function checkInStock(n){return!!n&&(n?.inventoryQuantity&&n.inventoryQuantity>0||!n?.manageInventory||"CONTINUE"===n.inventoryPolicy)}export{checkInStock};
@@ -1,18 +1 @@
1
- import { addToCartOperation } from '@gem-sdk/adapter-shopify';
2
- import { useSWRConfig } from 'swr';
3
- import useSWRMutation from 'swr/mutation';
4
- import { useStoreFront } from '../shop.js';
5
-
6
- const useAddToCart = (options)=>{
7
- const shop = useStoreFront();
8
- const { mutate } = useSWRConfig();
9
- return useSWRMutation('add-to-cart', (_, { arg })=>addToCartOperation(shop)(arg), {
10
- ...options,
11
- onSuccess: (result, key, config)=>{
12
- mutate('cart', result, false);
13
- options?.onSuccess?.(result, key, config);
14
- }
15
- });
16
- };
17
-
18
- export { useAddToCart };
1
+ import{addToCartOperation as r}from"@gem-sdk/adapter-shopify";import{useSWRConfig as o}from"swr";import t from"swr/mutation";import{useStoreFront as s}from"../shop.js";let useAddToCart=e=>{let m=s(),{mutate:a}=o();return t("add-to-cart",(o,{arg:t})=>r(m)(t),{...e,onSuccess:(r,o,t)=>{a("cart",r,!1),e?.onSuccess?.(r,o,t)}})};export{useAddToCart};
@@ -1,26 +1 @@
1
- import { getCartOperation } from '@gem-sdk/adapter-shopify';
2
- import useSWR from 'swr';
3
- import { useStoreFront } from '../shop.js';
4
- import useCartId from '../useCartId.js';
5
-
6
- const useCartData = (options)=>{
7
- const { cartId , clearCartId } = useCartId();
8
- const shop = useStoreFront();
9
- return useSWR(cartId ? 'cart' : null, ()=>getCartOperation(shop)({
10
- cartId: cartId
11
- }), {
12
- revalidateOnMount: true,
13
- revalidateOnFocus: true,
14
- keepPreviousData: false,
15
- dedupingInterval: 2000,
16
- ...options,
17
- onSuccess (data, key, config) {
18
- if (!data) {
19
- clearCartId();
20
- }
21
- options?.onSuccess?.(data, key, config);
22
- }
23
- });
24
- };
25
-
26
- export { useCartData };
1
+ import{getCartOperation as r}from"@gem-sdk/adapter-shopify";import e from"swr";import{useStoreFront as t}from"../shop.js";import a from"../useCartId.js";let useCartData=o=>{let{cartId:s,clearCartId:u}=a(),p=t();return e(s?"cart":null,()=>r(p)({cartId:s}),{revalidateOnMount:!0,revalidateOnFocus:!0,keepPreviousData:!1,dedupingInterval:2e3,...o,onSuccess(r,e,t){r||u(),o?.onSuccess?.(r,e,t)}})};export{useCartData};
@@ -1,18 +1 @@
1
- import { cartDiscountCodesUpdateOperation } from '@gem-sdk/adapter-shopify';
2
- import { useSWRConfig } from 'swr';
3
- import useSWRMutation from 'swr/mutation';
4
- import { useStoreFront } from '../shop.js';
5
-
6
- const useCartDiscountCodesUpdate = (options)=>{
7
- const shop = useStoreFront();
8
- const { mutate } = useSWRConfig();
9
- return useSWRMutation('cart-discount-codes-update', (_, { arg })=>cartDiscountCodesUpdateOperation(shop)(arg), {
10
- ...options,
11
- onSuccess: (result, key, config)=>{
12
- mutate('cart', result, false);
13
- options?.onSuccess?.(result, key, config);
14
- }
15
- });
16
- };
17
-
18
- export { useCartDiscountCodesUpdate };
1
+ import{cartDiscountCodesUpdateOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as o}from"swr";import r from"swr/mutation";import{useStoreFront as s}from"../shop.js";let useCartDiscountCodesUpdate=e=>{let p=s(),{mutate:a}=o();return r("cart-discount-codes-update",(o,{arg:r})=>t(p)(r),{...e,onSuccess:(t,o,r)=>{a("cart",t,!1),e?.onSuccess?.(t,o,r)}})};export{useCartDiscountCodesUpdate};
@@ -1,18 +1 @@
1
- import { cartNoteUpdateOperation } from '@gem-sdk/adapter-shopify';
2
- import { useSWRConfig } from 'swr';
3
- import useSWRMutation from 'swr/mutation';
4
- import { useStoreFront } from '../shop.js';
5
-
6
- const useCartNoteUpdate = (options)=>{
7
- const shop = useStoreFront();
8
- const { mutate } = useSWRConfig();
9
- return useSWRMutation('cart-note-update', (_, { arg })=>cartNoteUpdateOperation(shop)(arg), {
10
- ...options,
11
- onSuccess: (result, key, config)=>{
12
- mutate('cart', result, false);
13
- options?.onSuccess?.(result, key, config);
14
- }
15
- });
16
- };
17
-
18
- export { useCartNoteUpdate };
1
+ import{cartNoteUpdateOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import o from"swr/mutation";import{useStoreFront as e}from"../shop.js";let useCartNoteUpdate=s=>{let p=e(),{mutate:a}=r();return o("cart-note-update",(r,{arg:o})=>t(p)(o),{...s,onSuccess:(t,r,o)=>{a("cart",t,!1),s?.onSuccess?.(t,r,o)}})};export{useCartNoteUpdate};
@@ -1,20 +1 @@
1
- import { createCartOperation } from '@gem-sdk/adapter-shopify';
2
- import { useSWRConfig } from 'swr';
3
- import useSWRMutation from 'swr/mutation';
4
- import { useStoreFront } from '../shop.js';
5
-
6
- const useCreateCart = (options)=>{
7
- const shop = useStoreFront();
8
- const { mutate } = useSWRConfig();
9
- return useSWRMutation('create-cart', (_, { arg })=>{
10
- return createCartOperation(shop)(arg);
11
- }, {
12
- ...options,
13
- onSuccess: (result, key, config)=>{
14
- mutate('cart', result, false);
15
- options?.onSuccess?.(result, key, config);
16
- }
17
- });
18
- };
19
-
20
- export { useCreateCart };
1
+ import{createCartOperation as r}from"@gem-sdk/adapter-shopify";import{useSWRConfig as t}from"swr";import e from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useCreateCart=s=>{let a=o(),{mutate:m}=t();return e("create-cart",(t,{arg:e})=>r(a)(e),{...s,onSuccess:(r,t,e)=>{m("cart",r,!1),s?.onSuccess?.(r,t,e)}})};export{useCreateCart};
@@ -1,18 +1 @@
1
- import { removeCartItemOperation } from '@gem-sdk/adapter-shopify';
2
- import { useSWRConfig } from 'swr';
3
- import useSWRMutation from 'swr/mutation';
4
- import { useStoreFront } from '../shop.js';
5
-
6
- const useRemoveCartItem = (options)=>{
7
- const shop = useStoreFront();
8
- const { mutate } = useSWRConfig();
9
- return useSWRMutation('remove-cart-item', (_, { arg })=>removeCartItemOperation(shop)(arg), {
10
- ...options,
11
- onSuccess: (result, key, config)=>{
12
- mutate('cart', result, false);
13
- options?.onSuccess?.(result, key, config);
14
- }
15
- });
16
- };
17
-
18
- export { useRemoveCartItem };
1
+ import{removeCartItemOperation as e}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import t from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useRemoveCartItem=m=>{let s=o(),{mutate:p}=r();return t("remove-cart-item",(r,{arg:t})=>e(s)(t),{...m,onSuccess:(e,r,t)=>{p("cart",e,!1),m?.onSuccess?.(e,r,t)}})};export{useRemoveCartItem};
@@ -1,18 +1 @@
1
- import { updateCartLineOperation } from '@gem-sdk/adapter-shopify';
2
- import { useSWRConfig } from 'swr';
3
- import useSWRMutation from 'swr/mutation';
4
- import { useStoreFront } from '../shop.js';
5
-
6
- const useUpdateCartItem = (options)=>{
7
- const shop = useStoreFront();
8
- const { mutate } = useSWRConfig();
9
- return useSWRMutation('update-cart-item', (_, { arg })=>updateCartLineOperation(shop)(arg), {
10
- ...options,
11
- onSuccess: (result, key, config)=>{
12
- mutate('cart', result, false);
13
- options?.onSuccess?.(result, key, config);
14
- }
15
- });
16
- };
17
-
18
- export { useUpdateCartItem };
1
+ import{updateCartLineOperation as t}from"@gem-sdk/adapter-shopify";import{useSWRConfig as r}from"swr";import e from"swr/mutation";import{useStoreFront as o}from"../shop.js";let useUpdateCartItem=m=>{let s=o(),{mutate:p}=r();return e("update-cart-item",(r,{arg:e})=>t(s)(e),{...m,onSuccess:(t,r,e)=>{p("cart",t,!1),m?.onSuccess?.(t,r,e)}})};export{useUpdateCartItem};
@@ -1,20 +1 @@
1
- import useSWR from 'swr';
2
- import { getCollection } from '../../helpers/queries/get-collection.js';
3
- import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
4
- import { useFetchHandle } from '../useFetchHandle.js';
5
- import { generateCollectionQueryKey } from '../../helpers/query.js';
6
-
7
- const useCollectionQuery = (args, options)=>{
8
- const fetcher = useFetchHandle();
9
- const isSample = useIsSampleProduct();
10
- const isStorefront = useIsStorefrontProduct();
11
- return useSWR(args ? generateCollectionQueryKey({
12
- ...args,
13
- isSample,
14
- isStorefront
15
- }) : null, ([, arg])=>{
16
- return getCollection(fetcher, arg);
17
- }, options);
18
- };
19
-
20
- export { useCollectionQuery };
1
+ import e from"swr";import{getCollection as r}from"../../helpers/queries/get-collection.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as l}from"../useFetchHandle.js";import{generateCollectionQueryKey as s}from"../../helpers/query.js";let useCollectionQuery=(m,i)=>{let p=l(),u=o(),n=t();return e(m?s({...m,isSample:u,isStorefront:n}):null,([,e])=>r(p,e),i)};export{useCollectionQuery};
@@ -1,15 +1 @@
1
- import useSWR from 'swr';
2
- import { getCollections } from '../../helpers/queries/get-collections.js';
3
- import { useFetchHandle } from '../useFetchHandle.js';
4
-
5
- const useCollectionsQuery = (variable, options)=>{
6
- const fetcher = useFetchHandle();
7
- return useSWR(variable ? [
8
- 'query/collections',
9
- variable
10
- ] : null, async ([, arg])=>{
11
- return getCollections(fetcher, arg);
12
- }, options);
13
- };
14
-
15
- export { useCollectionsQuery };
1
+ import e from"swr";import{getCollections as o}from"../../helpers/queries/get-collections.js";import{useFetchHandle as r}from"../useFetchHandle.js";let useCollectionsQuery=(l,s)=>{let t=r();return e(l?["query/collections",l]:null,async([,e])=>o(t,e),s)};export{useCollectionsQuery};
@@ -1,20 +1 @@
1
- import useSWR from 'swr';
2
- import { getProduct } from '../../helpers/queries/get-product.js';
3
- import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
4
- import { useFetchHandle } from '../useFetchHandle.js';
5
- import { generateProductQueryKey } from '../../helpers/query.js';
6
-
7
- const useProductQuery = (productId, options)=>{
8
- const fetcher = useFetchHandle();
9
- const isSample = useIsSampleProduct();
10
- const isStorefront = useIsStorefrontProduct();
11
- return useSWR(productId ? generateProductQueryKey({
12
- id: productId,
13
- isSample,
14
- isStorefront
15
- }) : null, async ([, arg])=>{
16
- return getProduct(fetcher, arg);
17
- }, options);
18
- };
19
-
20
- export { useProductQuery };
1
+ import r from"swr";import{getProduct as e}from"../../helpers/queries/get-product.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as s}from"../useFetchHandle.js";import{generateProductQueryKey as u}from"../../helpers/query.js";let useProductQuery=(m,p)=>{let i=s(),l=o(),c=t();return r(m?u({id:m,isSample:l,isStorefront:c}):null,async([,r])=>e(i,r),p)};export{useProductQuery};
@@ -1,20 +1 @@
1
- import useSWR from 'swr';
2
- import { getProducts } from '../../helpers/queries/get-products.js';
3
- import { generateProductsQueryKey } from '../../helpers/query.js';
4
- import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
5
- import { useFetchHandle } from '../useFetchHandle.js';
6
-
7
- const useProductsQuery = (ids, options)=>{
8
- const fetcher = useFetchHandle();
9
- const isSample = useIsSampleProduct();
10
- const isStorefront = useIsStorefrontProduct();
11
- return useSWR(ids ? generateProductsQueryKey({
12
- ids,
13
- isSample,
14
- isStorefront
15
- }) : null, async ([, arg])=>{
16
- return getProducts(fetcher, arg);
17
- }, options);
18
- };
19
-
20
- export { useProductsQuery };
1
+ import r from"swr";import{getProducts as e}from"../../helpers/queries/get-products.js";import{generateProductsQueryKey as s}from"../../helpers/query.js";import{useIsSampleProduct as o,useIsStorefrontProduct as t}from"../shop.js";import{useFetchHandle as u}from"../useFetchHandle.js";let useProductsQuery=(m,p)=>{let l=u(),i=o(),c=t();return r(m?s({ids:m,isSample:i,isStorefront:c}):null,async([,r])=>e(l,r),p)};export{useProductsQuery};
@@ -1,111 +1 @@
1
- import { useMemo } from 'react';
2
- import { useSWRConfig } from 'swr';
3
- import { useShopStore } from '../contexts/ShopContext.js';
4
-
5
- const useLocale = ()=>{
6
- const locale = useShopStore((state)=>state.locale);
7
- const changeLocale = useShopStore((state)=>state.changeLocale);
8
- return useMemo(()=>({
9
- locale,
10
- changeLocale
11
- }), [
12
- locale,
13
- changeLocale
14
- ]);
15
- };
16
- const useCurrency = ()=>{
17
- const currency = useShopStore((state)=>state.currency);
18
- const changeCurrency = useShopStore((state)=>state.changeCurrency);
19
- return useMemo(()=>({
20
- currency,
21
- changeCurrency
22
- }), [
23
- currency,
24
- changeCurrency
25
- ]);
26
- };
27
- const useMoneyFormat = ()=>{
28
- const moneyFormat = useShopStore((state)=>state.moneyFormat);
29
- const moneyWithCurrencyFormat = useShopStore((state)=>state.moneyWithCurrencyFormat);
30
- return useMemo(()=>({
31
- moneyFormat,
32
- moneyWithCurrencyFormat
33
- }), [
34
- moneyFormat,
35
- moneyWithCurrencyFormat
36
- ]);
37
- };
38
- const useSwatches = ()=>{
39
- const swatches = useShopStore((state)=>state.swatches);
40
- const changeSwatches = useShopStore((state)=>state.changeSwatches);
41
- return useMemo(()=>({
42
- swatches,
43
- changeSwatches
44
- }), [
45
- swatches,
46
- changeSwatches
47
- ]);
48
- };
49
- const usePageType = ()=>{
50
- const pageType = useShopStore((state)=>state.pageType);
51
- return useMemo(()=>pageType || 'STATIC', [
52
- pageType
53
- ]);
54
- };
55
- const useStoreFront = ()=>{
56
- const provider = useShopStore((state)=>state.provider);
57
- const storefrontToken = useShopStore((state)=>state.storefrontToken);
58
- const storefrontUrl = useShopStore((state)=>state.storefrontUrl);
59
- return {
60
- provider,
61
- storefrontToken,
62
- storefrontUrl
63
- };
64
- };
65
- const usePluginEnable = ()=>{
66
- return useShopStore((state)=>state.plugins);
67
- };
68
- const useEditorMode = ()=>{
69
- return useShopStore((state)=>state.mode);
70
- };
71
- const useMobileOnly = ()=>{
72
- return useShopStore((state)=>state.mobileOnly);
73
- };
74
- const useMatchMutate = ()=>{
75
- const { cache , mutate } = useSWRConfig();
76
- return (matcher, opts)=>{
77
- if (!(cache instanceof Map)) {
78
- throw new Error('matchMutate requires the cache provider to be a Map instance');
79
- }
80
- const keys = [];
81
- cache.forEach((_, key)=>{
82
- if (matcher.test(key)) {
83
- keys.push(key);
84
- }
85
- });
86
- const mutations = keys.map((key)=>{
87
- const cacheData = cache.get(key);
88
- return mutate(key, cacheData?.data, opts);
89
- });
90
- return Promise.all(mutations);
91
- };
92
- };
93
- function useConnectedShopify() {
94
- const { storefrontToken } = useStoreFront();
95
- return !!storefrontToken;
96
- }
97
- function useIsSampleProduct() {
98
- const { storefrontToken } = useStoreFront();
99
- const isStorefront = useShopStore((state)=>state.isStorefront);
100
- return isStorefront && !storefrontToken;
101
- }
102
- function useIsStorefrontProduct() {
103
- return useShopStore((state)=>state.isStorefront);
104
- }
105
- function useCheckoutUrl(url) {
106
- const { storefrontToken } = useStoreFront();
107
- if (!url) return undefined;
108
- return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
109
- }
110
-
111
- export { useCheckoutUrl, useConnectedShopify, useCurrency, useEditorMode, useIsSampleProduct, useIsStorefrontProduct, useLocale, useMatchMutate, useMobileOnly, useMoneyFormat, usePageType, usePluginEnable, useStoreFront, useSwatches };
1
+ import{useMemo as e}from"react";import{useSWRConfig as t}from"swr";import{useShopStore as r}from"../contexts/ShopContext.js";let useLocale=()=>{let t=r(e=>e.locale),o=r(e=>e.changeLocale);return e(()=>({locale:t,changeLocale:o}),[t,o])},useCurrency=()=>{let t=r(e=>e.currency),o=r(e=>e.changeCurrency);return e(()=>({currency:t,changeCurrency:o}),[t,o])},useMoneyFormat=()=>{let t=r(e=>e.moneyFormat),o=r(e=>e.moneyWithCurrencyFormat);return e(()=>({moneyFormat:t,moneyWithCurrencyFormat:o}),[t,o])},useSwatches=()=>{let t=r(e=>e.swatches),o=r(e=>e.changeSwatches);return e(()=>({swatches:t,changeSwatches:o}),[t,o])},usePageType=()=>{let t=r(e=>e.pageType);return e(()=>t||"STATIC",[t])},useStoreFront=()=>{let e=r(e=>e.provider),t=r(e=>e.storefrontToken),o=r(e=>e.storefrontUrl);return{provider:e,storefrontToken:t,storefrontUrl:o}},usePluginEnable=()=>r(e=>e.plugins),useEditorMode=()=>r(e=>e.mode),useMobileOnly=()=>r(e=>e.mobileOnly),useMatchMutate=()=>{let{cache:e,mutate:r}=t();return(t,o)=>{if(!(e instanceof Map))throw Error("matchMutate requires the cache provider to be a Map instance");let u=[];e.forEach((e,r)=>{t.test(r)&&u.push(r)});let n=u.map(t=>{let u=e.get(t);return r(t,u?.data,o)});return Promise.all(n)}};function useConnectedShopify(){let{storefrontToken:e}=useStoreFront();return!!e}function useIsSampleProduct(){let{storefrontToken:e}=useStoreFront(),t=r(e=>e.isStorefront);return t&&!e}function useIsStorefrontProduct(){return r(e=>e.isStorefront)}function useCheckoutUrl(e){let{storefrontToken:t}=useStoreFront();if(e)return t?`${e}?access_token=${t}`:e}export{useCheckoutUrl,useConnectedShopify,useCurrency,useEditorMode,useIsSampleProduct,useIsStorefrontProduct,useLocale,useMatchMutate,useMobileOnly,useMoneyFormat,usePageType,usePluginEnable,useStoreFront,useSwatches};
@@ -1,19 +1 @@
1
- import { useSyncExternalStore } from 'react';
2
-
3
- function subscribe(callback) {
4
- window.addEventListener('resize', callback);
5
- return ()=>window.removeEventListener('resize', callback);
6
- }
7
- const useCurrentDevice = ()=>{
8
- return useSyncExternalStore(subscribe, ()=>{
9
- if (window.innerWidth < 768) {
10
- return 'mobile';
11
- } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {
12
- return 'tablet';
13
- } else {
14
- return 'desktop';
15
- }
16
- }, ()=>'desktop');
17
- };
18
-
19
- export { useCurrentDevice };
1
+ import{useSyncExternalStore as e}from"react";function subscribe(e){return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}let useCurrentDevice=()=>e(subscribe,()=>window.innerWidth<768?"mobile":window.innerWidth>=768&&window.innerWidth<1024?"tablet":"desktop",()=>"desktop");export{useCurrentDevice};
@@ -1,13 +1 @@
1
- import { useEffect } from 'react';
2
- import LazyLoad from 'vanilla-lazyload';
3
-
4
- const useLazyVideo = ()=>{
5
- useEffect(()=>{
6
- const lazyLoadInstance = new LazyLoad({
7
- use_native: true
8
- });
9
- lazyLoadInstance.update();
10
- }, []);
11
- };
12
-
13
- export { useLazyVideo };
1
+ import{useEffect as e}from"react";import a from"vanilla-lazyload";let useLazyVideo=()=>{e(()=>{let e=new a({use_native:!0});e.update()},[])};export{useLazyVideo};
@@ -1,40 +1 @@
1
- import { useSyncExternalStore, useCallback, useMemo } from 'react';
2
-
3
- const cartKey = 'cart-id';
4
- const getCartId = ()=>{
5
- return window.localStorage.getItem(cartKey);
6
- };
7
- const writeCartId = (value)=>{
8
- if (value) {
9
- window.localStorage.setItem(cartKey, value);
10
- }
11
- };
12
- const removeCartId = ()=>{
13
- window.localStorage.removeItem(cartKey);
14
- };
15
- const subscribeStorage = (callback)=>{
16
- window.addEventListener('storage', callback);
17
- return ()=>{
18
- window.removeEventListener('storage', callback);
19
- };
20
- };
21
- const useCartId = ()=>{
22
- const cartId = useSyncExternalStore(subscribeStorage, getCartId, ()=>undefined);
23
- const updateCartId = useCallback((val)=>{
24
- writeCartId(val);
25
- }, []);
26
- const clearCartId = useCallback(()=>{
27
- removeCartId();
28
- }, []);
29
- return useMemo(()=>({
30
- cartId,
31
- updateCartId,
32
- clearCartId
33
- }), [
34
- cartId,
35
- clearCartId,
36
- updateCartId
37
- ]);
38
- };
39
-
40
- export { useCartId as default };
1
+ import{useSyncExternalStore as e,useCallback as t,useMemo as r}from"react";let cartKey="cart-id",getCartId=()=>window.localStorage.getItem(cartKey),writeCartId=e=>{e&&window.localStorage.setItem(cartKey,e)},removeCartId=()=>{window.localStorage.removeItem(cartKey)},subscribeStorage=e=>(window.addEventListener("storage",e),()=>{window.removeEventListener("storage",e)}),useCartId=()=>{let a=e(subscribeStorage,getCartId,()=>void 0),o=t(e=>{writeCartId(e)},[]),d=t(()=>{removeCartId()},[]);return r(()=>({cartId:a,updateCartId:o,clearCartId:d}),[a,d,o])};export{useCartId as default};
@@ -1,7 +1 @@
1
- import { useCartLineStore } from '../contexts/CartLineContext.js';
2
-
3
- const useCartLine = ()=>{
4
- return useCartLineStore((s)=>s.line);
5
- };
6
-
7
- export { useCartLine as default };
1
+ import{useCartLineStore as e}from"../contexts/CartLineContext.js";let useCartLine=()=>e(e=>e.line);export{useCartLine as default};
@@ -1,44 +1 @@
1
- import { useCallback } from 'react';
2
- import { create } from 'zustand';
3
- import { usePluginEnable } from './shop.js';
4
-
5
- const useStore = create((set)=>({
6
- isCartOpen: false,
7
- setOpen: (isCartOpen)=>{
8
- const scrollBarGap = window.innerWidth - document.documentElement.clientWidth;
9
- const computedBodyPaddingRight = parseInt(window.getComputedStyle(document.body).getPropertyValue('padding-right'), 10);
10
- if (isCartOpen) {
11
- document.body.style.overflow = `hidden`;
12
- document.body.style.paddingRight = `${computedBodyPaddingRight + scrollBarGap}px`;
13
- } else {
14
- document.body.style.overflow = '';
15
- document.body.style.paddingRight = '';
16
- }
17
- set({
18
- isCartOpen
19
- });
20
- }
21
- }));
22
- function useCartUI() {
23
- const plugins = usePluginEnable();
24
- const isCartOpen = useStore((s)=>s.isCartOpen);
25
- const setOpen = useStore((s)=>s.setOpen);
26
- const openCart = useCallback(()=>{
27
- if (plugins?.includes('cart-drawer')) {
28
- setOpen(true);
29
- }
30
- }, [
31
- plugins,
32
- setOpen
33
- ]);
34
- const closeCart = useCallback(()=>setOpen(false), [
35
- setOpen
36
- ]);
37
- return {
38
- isCartOpen,
39
- openCart,
40
- closeCart
41
- };
42
- }
43
-
44
- export { useCartUI as default };
1
+ import{useCallback as e}from"react";import{create as t}from"zustand";import{usePluginEnable as o}from"./shop.js";let useStore=t(e=>({isCartOpen:!1,setOpen:t=>{let o=window.innerWidth-document.documentElement.clientWidth,d=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);t?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${d+o}px`):(document.body.style.overflow="",document.body.style.paddingRight=""),e({isCartOpen:t})}}));function useCartUI(){let t=o(),d=useStore(e=>e.isCartOpen),n=useStore(e=>e.setOpen),r=e(()=>{t?.includes("cart-drawer")&&n(!0)},[t,n]),i=e(()=>n(!1),[n]);return{isCartOpen:d,openCart:r,closeCart:i}}export{useCartUI as default};
@@ -1,7 +1 @@
1
- import { useCollectionStore } from '../contexts/CollectionContext.js';
2
-
3
- const useCollection = ()=>{
4
- return useCollectionStore((s)=>s.collection);
5
- };
6
-
7
- export { useCollection };
1
+ import{useCollectionStore as o}from"../contexts/CollectionContext.js";let useCollection=()=>o(o=>o.collection);export{useCollection};
@@ -1,11 +1 @@
1
- import { useSWRConfig } from 'swr';
2
-
3
- const useFetchHandle = ()=>{
4
- const { fetcher } = useSWRConfig();
5
- if (!fetcher) {
6
- throw new Error('Application must be init within a fetcher');
7
- }
8
- return fetcher;
9
- };
10
-
11
- export { useFetchHandle };
1
+ import{useSWRConfig as e}from"swr";let useFetchHandle=()=>{let{fetcher:t}=e();if(!t)throw Error("Application must be init within a fetcher");return t};export{useFetchHandle};