@gem-sdk/core 1.63.17 → 2.0.0-dev.156

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 (212) hide show
  1. package/dist/cjs/components/AddOn.js +1 -0
  2. package/dist/cjs/components/ComponentAnimation.js +1 -0
  3. package/dist/cjs/components/ComponentToolbarPreview.js +8 -7
  4. package/dist/cjs/components/ComponentWrapper.js +1 -0
  5. package/dist/cjs/components/ComponentWrapperPreview.js +3 -2
  6. package/dist/cjs/components/Empty.js +1 -0
  7. package/dist/cjs/components/InteractionSuffix.js +7 -6
  8. package/dist/cjs/components/Render.js +1 -0
  9. package/dist/cjs/components/Render.liquid.js +4 -1
  10. package/dist/cjs/components/RenderBlock.js +1 -0
  11. package/dist/cjs/components/RenderCustomCode.js +8 -7
  12. package/dist/cjs/components/RenderPreview.js +1 -0
  13. package/dist/cjs/components/RenderSection.js +1 -0
  14. package/dist/cjs/components/ai-generator/AIContentGenerator.js +5 -4
  15. package/dist/cjs/components/ai-generator/AIGenContentLoading.js +1 -0
  16. package/dist/cjs/components/ai-generator/components/PickProduct.js +5 -4
  17. package/dist/cjs/components/ai-generator/components/ToneAndVoice.js +1 -0
  18. package/dist/cjs/components/ai-generator/icons/AIIcon.js +1 -0
  19. package/dist/cjs/components/ai-generator/icons/CloseIcon.js +1 -0
  20. package/dist/cjs/components/ai-generator/icons/DropdownIcon.js +1 -0
  21. package/dist/cjs/components/ai-generator/icons/SearchIcon.js +1 -0
  22. package/dist/cjs/components/ai-generator/icons/ShowMoreIcon.js +1 -0
  23. package/dist/cjs/components/ai-generator/icons/UpgradeIcon.js +1 -0
  24. package/dist/cjs/components/ai-generator/icons/WarningIcon.js +1 -0
  25. package/dist/cjs/components/resize/Resize.js +1 -0
  26. package/dist/cjs/components/resize/Spacing.js +8 -7
  27. package/dist/cjs/components/theme-section/CreateThemeSection.js +5 -4
  28. package/dist/cjs/components/theme-section/ThemeSectionStatus.js +1 -0
  29. package/dist/cjs/components/theme-section/ThemeSectionTooltip.js +1 -0
  30. package/dist/cjs/components/toolbar/Tooltip.js +1 -0
  31. package/dist/cjs/contexts/AddonContext.js +1 -0
  32. package/dist/cjs/contexts/ArticleContext.js +1 -0
  33. package/dist/cjs/contexts/ArticleListContext.js +1 -0
  34. package/dist/cjs/contexts/BuilderComponent.js +1 -0
  35. package/dist/cjs/contexts/BuilderContext.js +1 -0
  36. package/dist/cjs/contexts/BuilderPreviewContext.js +1 -0
  37. package/dist/cjs/contexts/CartLineContext.js +1 -0
  38. package/dist/cjs/contexts/CollectionContext.js +1 -0
  39. package/dist/cjs/contexts/ModalContext.js +1 -0
  40. package/dist/cjs/contexts/PageContext.js +1 -0
  41. package/dist/cjs/contexts/ProductContext.js +12 -12
  42. package/dist/cjs/contexts/ProductListContext.js +1 -0
  43. package/dist/cjs/contexts/SectionContext.js +1 -0
  44. package/dist/cjs/contexts/ShopContext.js +1 -0
  45. package/dist/cjs/graphql/fragments/preview-theme-page.generated.js +0 -4
  46. package/dist/cjs/graphql/fragments/published-theme-page.generated.js +4 -0
  47. package/dist/cjs/graphql/queries/articles.generated.js +1 -0
  48. package/dist/cjs/graphql/queries/blogs.generated.js +1 -0
  49. package/dist/cjs/graphql/queries/shop-shopify.generated.js +11 -0
  50. package/dist/cjs/helpers/align.js +18 -0
  51. package/dist/cjs/helpers/background.js +6 -2
  52. package/dist/cjs/helpers/backgroundImage.js +184 -0
  53. package/dist/cjs/helpers/borders.js +17 -0
  54. package/dist/cjs/helpers/compose-advance-style.js +71 -1
  55. package/dist/cjs/helpers/filter-toolbar-preview.js +1 -0
  56. package/dist/cjs/helpers/interaction/index.js +7 -6
  57. package/dist/cjs/helpers/is-empty-children.js +1 -0
  58. package/dist/cjs/helpers/layout.js +17 -0
  59. package/dist/cjs/helpers/radius.js +13 -1
  60. package/dist/cjs/helpers/shadow.js +28 -2
  61. package/dist/cjs/helpers/size.js +22 -0
  62. package/dist/cjs/helpers/third-party/appConfig.js +63 -0
  63. package/dist/cjs/helpers/third-party/appSetting.js +187 -6
  64. package/dist/cjs/helpers/third-party/constant.js +10 -1
  65. package/dist/cjs/helpers/typography.js +10 -1
  66. package/dist/cjs/hooks/animation/useAnimationActions.js +1 -0
  67. package/dist/cjs/hooks/animation/useAnimationConfig.js +1 -0
  68. package/dist/cjs/hooks/animation/useAnimationPreview.js +1 -0
  69. package/dist/cjs/hooks/animation/useAnimationTarget.js +1 -0
  70. package/dist/cjs/hooks/animation/useApplyAnimation.js +1 -0
  71. package/dist/cjs/hooks/articles/useArticlesQuery.js +1 -0
  72. package/dist/cjs/hooks/cart/use-add-to-cart.js +1 -0
  73. package/dist/cjs/hooks/cart/use-cart-data.js +1 -0
  74. package/dist/cjs/hooks/cart/use-cart-discount-codes-update.js +1 -0
  75. package/dist/cjs/hooks/cart/use-cart-note-update.js +1 -0
  76. package/dist/cjs/hooks/cart/use-create-cart.js +1 -0
  77. package/dist/cjs/hooks/cart/use-remove-cart-item.js +1 -0
  78. package/dist/cjs/hooks/cart/use-update-cart-item.js +1 -0
  79. package/dist/cjs/hooks/shop/use-collection-query.js +1 -0
  80. package/dist/cjs/hooks/shop/use-collections-query.js +1 -0
  81. package/dist/cjs/hooks/shop/use-product-query.js +1 -0
  82. package/dist/cjs/hooks/shop/use-products-query.js +1 -0
  83. package/dist/cjs/hooks/shop/useShopifyLink.js +47 -0
  84. package/dist/cjs/hooks/shop.js +10 -0
  85. package/dist/cjs/hooks/use-current-device.js +2 -1
  86. package/dist/cjs/hooks/use-lazy-video.js +1 -0
  87. package/dist/cjs/hooks/useAnimations.js +1 -0
  88. package/dist/cjs/hooks/useCartId.js +1 -0
  89. package/dist/cjs/hooks/useCartLine.js +1 -0
  90. package/dist/cjs/hooks/useCartUI.js +1 -0
  91. package/dist/cjs/hooks/useCollection.js +1 -0
  92. package/dist/cjs/hooks/useFetchHandle.js +1 -0
  93. package/dist/cjs/hooks/useFormatMoney.js +1 -0
  94. package/dist/cjs/hooks/useInitialSwatchesOptions.js +1 -0
  95. package/dist/cjs/hooks/useInteraction.js +1 -0
  96. package/dist/cjs/hooks/useIsomorphicLayoutEffect.js +1 -0
  97. package/dist/cjs/hooks/useLoadScript.js +1 -0
  98. package/dist/cjs/hooks/useMoney.js +1 -0
  99. package/dist/cjs/hooks/usePrevious.js +1 -0
  100. package/dist/cjs/hooks/useProduct.js +18 -0
  101. package/dist/cjs/hooks/useProductList.js +1 -0
  102. package/dist/cjs/hooks/useSuspenseFetch.js +1 -0
  103. package/dist/cjs/hooks/useSwatchesOptions.js +1 -0
  104. package/dist/cjs/hooks/useToolbarPostPurchase.js +1 -0
  105. package/dist/cjs/index.js +18 -0
  106. package/dist/esm/components/AddOn.js +1 -0
  107. package/dist/esm/components/ComponentAnimation.js +1 -0
  108. package/dist/esm/components/ComponentToolbarPreview.js +8 -7
  109. package/dist/esm/components/ComponentWrapper.js +1 -0
  110. package/dist/esm/components/ComponentWrapperPreview.js +3 -2
  111. package/dist/esm/components/Empty.js +1 -0
  112. package/dist/esm/components/InteractionSuffix.js +7 -6
  113. package/dist/esm/components/Render.js +1 -0
  114. package/dist/esm/components/Render.liquid.js +4 -1
  115. package/dist/esm/components/RenderBlock.js +1 -0
  116. package/dist/esm/components/RenderCustomCode.js +8 -7
  117. package/dist/esm/components/RenderPreview.js +1 -0
  118. package/dist/esm/components/RenderSection.js +1 -0
  119. package/dist/esm/components/ai-generator/AIContentGenerator.js +5 -4
  120. package/dist/esm/components/ai-generator/AIGenContentLoading.js +1 -0
  121. package/dist/esm/components/ai-generator/components/PickProduct.js +5 -4
  122. package/dist/esm/components/ai-generator/components/ToneAndVoice.js +1 -0
  123. package/dist/esm/components/ai-generator/icons/AIIcon.js +1 -0
  124. package/dist/esm/components/ai-generator/icons/CloseIcon.js +1 -0
  125. package/dist/esm/components/ai-generator/icons/DropdownIcon.js +1 -0
  126. package/dist/esm/components/ai-generator/icons/SearchIcon.js +1 -0
  127. package/dist/esm/components/ai-generator/icons/ShowMoreIcon.js +1 -0
  128. package/dist/esm/components/ai-generator/icons/UpgradeIcon.js +1 -0
  129. package/dist/esm/components/ai-generator/icons/WarningIcon.js +1 -0
  130. package/dist/esm/components/resize/Resize.js +1 -0
  131. package/dist/esm/components/resize/Spacing.js +8 -7
  132. package/dist/esm/components/theme-section/CreateThemeSection.js +5 -4
  133. package/dist/esm/components/theme-section/ThemeSectionStatus.js +1 -0
  134. package/dist/esm/components/theme-section/ThemeSectionTooltip.js +1 -0
  135. package/dist/esm/components/toolbar/Tooltip.js +1 -0
  136. package/dist/esm/contexts/AddonContext.js +1 -0
  137. package/dist/esm/contexts/ArticleContext.js +1 -0
  138. package/dist/esm/contexts/ArticleListContext.js +1 -0
  139. package/dist/esm/contexts/BuilderComponent.js +1 -0
  140. package/dist/esm/contexts/BuilderContext.js +1 -0
  141. package/dist/esm/contexts/BuilderPreviewContext.js +1 -0
  142. package/dist/esm/contexts/CartLineContext.js +1 -0
  143. package/dist/esm/contexts/CollectionContext.js +1 -0
  144. package/dist/esm/contexts/ModalContext.js +1 -0
  145. package/dist/esm/contexts/PageContext.js +1 -0
  146. package/dist/esm/contexts/ProductContext.js +12 -12
  147. package/dist/esm/contexts/ProductListContext.js +1 -0
  148. package/dist/esm/contexts/SectionContext.js +1 -0
  149. package/dist/esm/contexts/ShopContext.js +1 -0
  150. package/dist/esm/graphql/fragments/preview-theme-page.generated.js +0 -4
  151. package/dist/esm/graphql/fragments/published-theme-page.generated.js +4 -0
  152. package/dist/esm/graphql/queries/articles.generated.js +1 -0
  153. package/dist/esm/graphql/queries/blogs.generated.js +1 -0
  154. package/dist/esm/graphql/queries/shop-shopify.generated.js +9 -0
  155. package/dist/esm/helpers/align.js +18 -1
  156. package/dist/esm/helpers/background.js +6 -2
  157. package/dist/esm/helpers/backgroundImage.js +179 -0
  158. package/dist/esm/helpers/borders.js +17 -1
  159. package/dist/esm/helpers/compose-advance-style.js +71 -1
  160. package/dist/esm/helpers/filter-toolbar-preview.js +1 -0
  161. package/dist/esm/helpers/interaction/index.js +7 -6
  162. package/dist/esm/helpers/is-empty-children.js +1 -0
  163. package/dist/esm/helpers/layout.js +17 -1
  164. package/dist/esm/helpers/radius.js +13 -1
  165. package/dist/esm/helpers/shadow.js +28 -3
  166. package/dist/esm/helpers/size.js +21 -1
  167. package/dist/esm/helpers/third-party/appConfig.js +55 -1
  168. package/dist/esm/helpers/third-party/appSetting.js +187 -6
  169. package/dist/esm/helpers/third-party/constant.js +11 -2
  170. package/dist/esm/helpers/typography.js +10 -2
  171. package/dist/esm/hooks/animation/useAnimationActions.js +1 -0
  172. package/dist/esm/hooks/animation/useAnimationConfig.js +1 -0
  173. package/dist/esm/hooks/animation/useAnimationPreview.js +1 -0
  174. package/dist/esm/hooks/animation/useAnimationTarget.js +1 -0
  175. package/dist/esm/hooks/animation/useApplyAnimation.js +1 -0
  176. package/dist/esm/hooks/articles/useArticlesQuery.js +1 -0
  177. package/dist/esm/hooks/cart/use-add-to-cart.js +1 -0
  178. package/dist/esm/hooks/cart/use-cart-data.js +1 -0
  179. package/dist/esm/hooks/cart/use-cart-discount-codes-update.js +1 -0
  180. package/dist/esm/hooks/cart/use-cart-note-update.js +1 -0
  181. package/dist/esm/hooks/cart/use-create-cart.js +1 -0
  182. package/dist/esm/hooks/cart/use-remove-cart-item.js +1 -0
  183. package/dist/esm/hooks/cart/use-update-cart-item.js +1 -0
  184. package/dist/esm/hooks/shop/use-collection-query.js +1 -0
  185. package/dist/esm/hooks/shop/use-collections-query.js +1 -0
  186. package/dist/esm/hooks/shop/use-product-query.js +1 -0
  187. package/dist/esm/hooks/shop/use-products-query.js +1 -0
  188. package/dist/esm/hooks/shop/useShopifyLink.js +45 -0
  189. package/dist/esm/hooks/shop.js +10 -1
  190. package/dist/esm/hooks/use-current-device.js +2 -1
  191. package/dist/esm/hooks/use-lazy-video.js +1 -0
  192. package/dist/esm/hooks/useAnimations.js +1 -0
  193. package/dist/esm/hooks/useCartId.js +1 -0
  194. package/dist/esm/hooks/useCartLine.js +1 -0
  195. package/dist/esm/hooks/useCartUI.js +1 -0
  196. package/dist/esm/hooks/useCollection.js +1 -0
  197. package/dist/esm/hooks/useFetchHandle.js +1 -0
  198. package/dist/esm/hooks/useFormatMoney.js +1 -0
  199. package/dist/esm/hooks/useInitialSwatchesOptions.js +1 -0
  200. package/dist/esm/hooks/useInteraction.js +1 -0
  201. package/dist/esm/hooks/useIsomorphicLayoutEffect.js +1 -0
  202. package/dist/esm/hooks/useLoadScript.js +1 -0
  203. package/dist/esm/hooks/useMoney.js +1 -0
  204. package/dist/esm/hooks/usePrevious.js +1 -0
  205. package/dist/esm/hooks/useProduct.js +18 -1
  206. package/dist/esm/hooks/useProductList.js +1 -0
  207. package/dist/esm/hooks/useSuspenseFetch.js +1 -0
  208. package/dist/esm/hooks/useSwatchesOptions.js +1 -0
  209. package/dist/esm/hooks/useToolbarPostPurchase.js +1 -0
  210. package/dist/esm/index.js +11 -8
  211. package/dist/types/index.d.ts +728 -253
  212. package/package.json +4 -4
package/dist/cjs/index.js CHANGED
@@ -27,6 +27,7 @@ var publishedThemePages_generated = require('./graphql/queries/published-theme-p
27
27
  var products_generated = require('./graphql/queries/products.generated.js');
28
28
  var storeProperty_generated = require('./graphql/queries/store-property.generated.js');
29
29
  var previewPage_generated = require('./graphql/queries/preview-page.generated.js');
30
+ var shopShopify_generated = require('./graphql/queries/shop-shopify.generated.js');
30
31
  var LibraryTemplate_generated = require('./graphql-app-api/queries/LibraryTemplate.generated.js');
31
32
  var ThemePage_generated = require('./graphql-app-api/queries/ThemePage.generated.js');
32
33
  var SaleFunnelDiscounts_generated = require('./graphql-app-api/queries/SaleFunnelDiscounts.generated.js');
@@ -54,6 +55,7 @@ var fpixel = require('./helpers/tracking/fpixel.js');
54
55
  var gtag = require('./helpers/tracking/gtag.js');
55
56
  var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
56
57
  var background = require('./helpers/background.js');
58
+ var backgroundImage = require('./helpers/backgroundImage.js');
57
59
  var colors = require('./helpers/colors.js');
58
60
  var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
59
61
  var convert = require('./helpers/convert.js');
@@ -98,6 +100,7 @@ var useLoadScript = require('./hooks/useLoadScript.js');
98
100
  var useMoney = require('./hooks/useMoney.js');
99
101
  var usePrevious = require('./hooks/usePrevious.js');
100
102
  var useProduct = require('./hooks/useProduct.js');
103
+ var useShopifyLink = require('./hooks/shop/useShopifyLink.js');
101
104
  var useProductList = require('./hooks/useProductList.js');
102
105
  var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
103
106
  var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
@@ -160,12 +163,14 @@ exports.PublishedThemePagesDocument = publishedThemePages_generated.PublishedThe
160
163
  exports.ProductsDocument = products_generated.ProductsDocument;
161
164
  exports.StorePropertyDocument = storeProperty_generated.StorePropertyDocument;
162
165
  exports.PreviewThemePageDocument = previewPage_generated.PreviewThemePageDocument;
166
+ exports.ShopShopifyDocument = shopShopify_generated.ShopShopifyDocument;
163
167
  exports.LibraryTemplateDocument = LibraryTemplate_generated.LibraryTemplateDocument;
164
168
  exports.ThemePageDocument = ThemePage_generated.ThemePageDocument;
165
169
  exports.SaleFunnelDiscountsDocument = SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument;
166
170
  exports.LibrarySaleFunnelDocument = LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument;
167
171
  exports.ShopLibraryPageDocument = ShopLibraryPage_generated.ShopLibraryPageDocument;
168
172
  exports.composeBorderCss = borders.composeBorderCss;
173
+ exports.composeBorderResponsive = borders.composeBorderResponsive;
169
174
  exports.getBorderRadiusStyle = borders.getBorderRadiusStyle;
170
175
  exports.getBorderStyle = borders.getBorderStyle;
171
176
  exports.handleConvertBorderColor = borders.handleConvertBorderColor;
@@ -207,6 +212,10 @@ exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
207
212
  exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
208
213
  exports.getStyleBgColor = background.getStyleBgColor;
209
214
  exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
215
+ exports.composeBackgroundImageCss = backgroundImage.composeBackgroundImageCss;
216
+ exports.getBgImageSourceByDevice = backgroundImage.getBgImageSourceByDevice;
217
+ exports.getStyleBackgroundImageByDevice = backgroundImage.getStyleBackgroundImageByDevice;
218
+ exports.getStyleBgImageSource = backgroundImage.getStyleBgImageSource;
210
219
  exports.composeTextColorCss = colors.composeTextColorCss;
211
220
  exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
212
221
  exports.getGlobalColorClass = colors.getGlobalColorClass;
@@ -236,6 +245,7 @@ exports.composePostionIconList = iconList.composePostionIconList;
236
245
  exports.isDefined = isDefined.isDefined;
237
246
  exports.composeGridLayout = layout.composeGridLayout;
238
247
  exports.convertOldLayout = layout.convertOldLayout;
248
+ exports.getLayoutClasses = layout.getLayoutClasses;
239
249
  exports.gridToArrayRegex = layout.gridToArrayRegex;
240
250
  exports.optionLayoutStyle = layout.optionLayoutStyle;
241
251
  exports.makeAspectRatio = makeStyle.makeAspectRatio;
@@ -252,6 +262,7 @@ exports.makeStyleState = makeStyle.makeStyleState;
252
262
  exports.makeWidth = makeStyle.makeWidth;
253
263
  exports.removeNullUndefined = makeStyle.removeNullUndefined;
254
264
  exports.convertTextAlignToJustify = align.convertTextAlignToJustify;
265
+ exports.getAlignmentClasses = align.getAlignmentClasses;
255
266
  exports.checkInStock = variant.checkInStock;
256
267
  exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
257
268
  exports.getSelectedVariant = product.getSelectedVariant;
@@ -275,6 +286,7 @@ exports.styles = render.styles;
275
286
  exports.template = render.template;
276
287
  exports.composeShadowCss = shadow.composeShadowCss;
277
288
  exports.getResponsiveStyleShadow = shadow.getResponsiveStyleShadow;
289
+ exports.getResponsiveStyleShadowWithoutState = shadow.getResponsiveStyleShadowWithoutState;
278
290
  exports.getStyleShadow = shadow.getStyleShadow;
279
291
  exports.getStyleShadowState = shadow.getStyleShadowState;
280
292
  exports.parseValueWithUnit = shadow.parseValueWithUnit;
@@ -285,6 +297,8 @@ exports.getAspectRatioGlobalSize = size.getAspectRatioGlobalSize;
285
297
  exports.getGlobalSizeGap = size.getGlobalSizeGap;
286
298
  exports.getHeightByShapeGlobalSize = size.getHeightByShapeGlobalSize;
287
299
  exports.getPaddingGlobalSize = size.getPaddingGlobalSize;
300
+ exports.getPaddingStyleByDevice = size.getPaddingStyleByDevice;
301
+ exports.getResponsiveStylePadding = size.getResponsiveStylePadding;
288
302
  exports.getValueByDevice = size.getValueByDevice;
289
303
  exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
290
304
  exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
@@ -293,6 +307,7 @@ exports.makeGlobalSizeIcon = size.makeGlobalSizeIcon;
293
307
  exports.makeStyleWithDefault = size.makeStyleWithDefault;
294
308
  exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
295
309
  exports.composeFontFamilyTypographyV2 = typography.composeFontFamilyTypographyV2;
310
+ exports.composeTextHoverColorCss = typography.composeTextHoverColorCss;
296
311
  exports.composeTypography = typography.composeTypography;
297
312
  exports.composeTypographyAttr = typography.composeTypographyAttr;
298
313
  exports.composeTypographyClassName = typography.composeTypographyClassName;
@@ -324,6 +339,7 @@ exports.usePageType = shop.usePageType;
324
339
  exports.usePluginEnable = shop.usePluginEnable;
325
340
  exports.useStoreFront = shop.useStoreFront;
326
341
  exports.useSwatches = shop.useSwatches;
342
+ exports.useTimezone = shop.useTimezone;
327
343
  exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
328
344
  exports.useCollectionsQuery = useCollectionsQuery.useCollectionsQuery;
329
345
  exports.useProductQuery = useProductQuery.useProductQuery;
@@ -357,12 +373,14 @@ exports.useProduct = useProduct.useProduct;
357
373
  exports.useProductBundleDiscount = useProduct.useProductBundleDiscount;
358
374
  exports.useProductOfferDiscount = useProduct.useProductOfferDiscount;
359
375
  exports.useProductProperties = useProduct.useProductProperties;
376
+ exports.useProductShopifyEditLink = useProduct.useProductShopifyEditLink;
360
377
  exports.useQuantity = useProduct.useQuantity;
361
378
  exports.useSelectedOption = useProduct.useSelectedOption;
362
379
  exports.useUniqProductID = useProduct.useUniqProductID;
363
380
  exports.useVariant = useProduct.useVariant;
364
381
  exports.useVariantOutStock = useProduct.useVariantOutStock;
365
382
  exports.useVariants = useProduct.useVariants;
383
+ exports.useShopifyLink = useShopifyLink.useShopifyLink;
366
384
  exports.useProductList = useProductList.useProductList;
367
385
  exports.useProductListProducts = useProductList.useProductListProducts;
368
386
  exports.useProductListSettings = useProductList.useProductListSettings;
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useAddon } from '../contexts/AddonContext.js';
3
4
  import { usePluginEnable } from '../hooks/shop.js';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, Fragment } from 'react/jsx-runtime';
2
3
  import { memo } from 'react';
3
4
  import useApplyAnimation from '../hooks/animation/useApplyAnimation.js';
@@ -1,8 +1,16 @@
1
+ 'use client';
1
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
3
  import { memo, useState, useMemo, useCallback, useEffect } from 'react';
3
4
  import 'zustand';
4
5
  import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
5
6
  import { usePageStore } from '../contexts/PageContext.js';
7
+ import { useShopStore } from '../contexts/ShopContext.js';
8
+ import 'swr';
9
+ import '@gem-sdk/adapter-shopify';
10
+ import 'swr/mutation';
11
+ import 'swr/infinite';
12
+ import 'vanilla-lazyload';
13
+ import '../hooks/useCartUI.js';
6
14
  import { CreateThemeSection } from './theme-section/CreateThemeSection.js';
7
15
  import Tooltip from './toolbar/Tooltip.js';
8
16
  import { ThemeSectionStatusWrapper } from './theme-section/ThemeSectionStatus.js';
@@ -12,14 +20,7 @@ import { ableGenerateContentElements } from './constant.js';
12
20
  import { AIContentGenerator } from './ai-generator/AIContentGenerator.js';
13
21
  import { AIGenContentLoading } from './ai-generator/AIGenContentLoading.js';
14
22
  import { InteractionSuffix } from './InteractionSuffix.js';
15
- import 'swr';
16
23
  import '../helpers/convert.js';
17
- import { useShopStore } from '../contexts/ShopContext.js';
18
- import '@gem-sdk/adapter-shopify';
19
- import 'swr/mutation';
20
- import 'swr/infinite';
21
- import 'vanilla-lazyload';
22
- import '../hooks/useCartUI.js';
23
24
 
24
25
  const SECTION_LIMIT = 25;
25
26
  const notVisible = (el)=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
3
  import { isValidElement } from 'react';
3
4
  import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
3
  import { memo, useEffect, isValidElement } from 'react';
3
4
  import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
@@ -6,15 +7,15 @@ import { disableWrap, excludeApplyStyle } from './constant.js';
6
7
  import RenderCustomCode from './RenderCustomCode.js';
7
8
  import ComponentToolbarPreview from './ComponentToolbarPreview.js';
8
9
  import 'zustand';
9
- import { cls } from '../helpers/cls.js';
10
10
  import 'swr';
11
- import '../helpers/convert.js';
12
11
  import '@gem-sdk/adapter-shopify';
13
12
  import 'swr/mutation';
14
13
  import { usePageType } from '../hooks/shop.js';
15
14
  import 'swr/infinite';
16
15
  import 'vanilla-lazyload';
17
16
  import '../hooks/useCartUI.js';
17
+ import { cls } from '../helpers/cls.js';
18
+ import '../helpers/convert.js';
18
19
  import ComponentAnimation from './ComponentAnimation.js';
19
20
 
20
21
  const ComponentWrapperPreview = ({ children, ...props })=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  const Empty = ()=>null;
2
3
 
3
4
  export { Empty as default };
@@ -1,19 +1,20 @@
1
+ 'use client';
1
2
  import { jsx, Fragment } from 'react/jsx-runtime';
2
3
  import 'zustand';
3
4
  import 'react';
4
5
  import { usePageStore } from '../contexts/PageContext.js';
5
- import 'react-transition-group';
6
- import '@gem-sdk/core';
7
6
  import 'swr';
7
+ import '@gem-sdk/adapter-shopify';
8
+ import 'swr/mutation';
8
9
  import 'swr/infinite';
10
+ import 'vanilla-lazyload';
11
+ import '../hooks/useCartUI.js';
12
+ import 'react-transition-group';
13
+ import '@gem-sdk/core';
9
14
  import 'classnames';
10
15
  import 'dayjs';
11
16
  import { useInteraction } from '../helpers/interaction/index.js';
12
17
  import '../helpers/convert.js';
13
- import '@gem-sdk/adapter-shopify';
14
- import 'swr/mutation';
15
- import 'vanilla-lazyload';
16
- import '../hooks/useCartUI.js';
17
18
 
18
19
  const InteractionSuffix = ({ uid })=>{
19
20
  const { closeSelectOnPage, selectInteractionElement } = useInteraction();
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
3
  import { memo, useMemo } from 'react';
3
4
  import { ErrorBoundary } from 'react-error-boundary';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { makeStyleResponsive } from '../helpers/make-style.js';
2
3
  import 'react';
3
4
  import 'react/jsx-runtime';
@@ -29,7 +30,8 @@ const componentIconList = [
29
30
  'IconList'
30
31
  ];
31
32
  const componentUsingAdvanced = [
32
- 'IconList'
33
+ 'IconList',
34
+ 'ProductVariants'
33
35
  ];
34
36
  const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyloadImage, ...passProps })=>{
35
37
  const item = builder[uid];
@@ -172,6 +174,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
172
174
  styles: item.styles,
173
175
  setting: item.settings,
174
176
  advanced: {
177
+ ...componentUsingAdvanced.includes(item.tag) ? item?.advanced : {},
175
178
  cssClass: item?.advanced?.cssClass
176
179
  },
177
180
  pageContext,
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, jsxs } from 'react/jsx-runtime';
2
3
  import { memo } from 'react';
3
4
  import { ErrorBoundary } from 'react-error-boundary';
@@ -1,20 +1,21 @@
1
+ 'use client';
1
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
3
  import Head from 'next/head';
3
4
  import Script from 'next/script';
4
5
  import { useMemo } from 'react';
5
6
  import 'zustand';
6
- import 'react-transition-group';
7
- import '@gem-sdk/core';
8
7
  import 'swr';
9
- import 'swr/infinite';
10
- import { useEditorMode } from '../hooks/shop.js';
11
- import 'classnames';
12
- import 'dayjs';
13
- import '../helpers/convert.js';
14
8
  import '@gem-sdk/adapter-shopify';
15
9
  import 'swr/mutation';
10
+ import { useEditorMode } from '../hooks/shop.js';
11
+ import 'swr/infinite';
16
12
  import 'vanilla-lazyload';
17
13
  import '../hooks/useCartUI.js';
14
+ import 'react-transition-group';
15
+ import '@gem-sdk/core';
16
+ import 'classnames';
17
+ import 'dayjs';
18
+ import '../helpers/convert.js';
18
19
 
19
20
  const RenderCustomCode = ({ uid, advanced })=>{
20
21
  const mode = useEditorMode();
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, jsxs } from 'react/jsx-runtime';
2
3
  import { memo } from 'react';
3
4
  import { ErrorBoundary } from 'react-error-boundary';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { memo } from 'react';
3
4
  import { BuilderProvider } from '../contexts/BuilderContext.js';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
3
  import { useState, useRef, useCallback, useEffect } from 'react';
3
4
  import { AIIcon } from './icons/AIIcon.js';
@@ -13,17 +14,17 @@ import { useGettingGenerateRequest } from './hooks/useGettingGenerateRequest.js'
13
14
  import { useFlipPopup } from './hooks/useFlipPopup.js';
14
15
  import { useCheckingProductInside } from './hooks/useCheckingProductInside.js';
15
16
  import 'zustand';
16
- import 'react-transition-group';
17
- import '@gem-sdk/core';
18
17
  import { useShopStore } from '../../contexts/ShopContext.js';
19
- import dayjs from 'dayjs';
20
18
  import 'swr';
21
- import '../../helpers/convert.js';
22
19
  import '@gem-sdk/adapter-shopify';
23
20
  import 'swr/mutation';
24
21
  import 'swr/infinite';
25
22
  import 'vanilla-lazyload';
26
23
  import '../../hooks/useCartUI.js';
24
+ import 'react-transition-group';
25
+ import '@gem-sdk/core';
26
+ import dayjs from 'dayjs';
27
+ import '../../helpers/convert.js';
27
28
 
28
29
  const AIContentGenerator = ({ ...props })=>{
29
30
  const [isShowPopup, setIsShowPopup] = useState(false);
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { useState, useRef, useCallback, useEffect } from 'react';
3
4
  import { AIIcon } from './icons/AIIcon.js';
@@ -1,19 +1,20 @@
1
+ 'use client';
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { useState, useRef, useMemo, useEffect } from 'react';
3
4
  import { SearchIcon } from '../icons/SearchIcon.js';
4
5
  import { useListProductQuery } from '../../../hooks/shop/use-products-query.js';
5
6
  import classNames from 'classnames';
6
7
  import 'zustand';
7
- import 'react-transition-group';
8
- import '@gem-sdk/core';
9
8
  import 'swr';
10
- import 'dayjs';
11
- import '../../../helpers/convert.js';
12
9
  import '@gem-sdk/adapter-shopify';
13
10
  import 'swr/mutation';
14
11
  import { useProductQuery } from '../../../hooks/shop/use-product-query.js';
15
12
  import 'vanilla-lazyload';
16
13
  import '../../../hooks/useCartUI.js';
14
+ import 'react-transition-group';
15
+ import '@gem-sdk/core';
16
+ import 'dayjs';
17
+ import '../../../helpers/convert.js';
17
18
 
18
19
  const PickProduct = (props)=>{
19
20
  const LIMIT_PRODUCTS = 8;
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, jsxs } from 'react/jsx-runtime';
2
3
  import { useState, useEffect } from 'react';
3
4
  import { DropdownIcon, TickIcon } from '../icons/DropdownIcon.js';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
 
3
4
  const AIIcon = ()=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  const CloseIcon = ()=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  const DropdownIcon = ()=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  const SearchIcon = ()=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
 
3
4
  const ShowMoreIcon = ()=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
 
3
4
  const UpgradeIcon = ()=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
 
3
4
  const WarningIcon = ()=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, Fragment } from 'react/jsx-runtime';
2
3
  import Spacing from './Spacing.js';
3
4
 
@@ -1,19 +1,20 @@
1
+ 'use client';
1
2
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
3
  import { useRef, useState, useCallback, useEffect } from 'react';
3
4
  import 'zustand';
4
5
  import { useBuilderPreviewStore } from '../../contexts/BuilderPreviewContext.js';
5
- import 'react-transition-group';
6
- import '@gem-sdk/core';
7
6
  import 'swr';
8
- import 'swr/infinite';
9
- import { usePageType } from '../../hooks/shop.js';
10
- import 'classnames';
11
- import 'dayjs';
12
- import '../../helpers/convert.js';
13
7
  import '@gem-sdk/adapter-shopify';
14
8
  import 'swr/mutation';
9
+ import { usePageType } from '../../hooks/shop.js';
10
+ import 'swr/infinite';
15
11
  import 'vanilla-lazyload';
16
12
  import '../../hooks/useCartUI.js';
13
+ import 'react-transition-group';
14
+ import '@gem-sdk/core';
15
+ import 'classnames';
16
+ import 'dayjs';
17
+ import '../../helpers/convert.js';
17
18
 
18
19
  function Spacing(props) {
19
20
  const isThemeSectionEditor = useBuilderPreviewStore((s)=>s.isThemeSectionEditor);
@@ -1,17 +1,18 @@
1
+ 'use client';
1
2
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
3
  import { useRef, useState } from 'react';
3
4
  import { ThemeSectionTooltip } from './ThemeSectionTooltip.js';
4
5
  import 'zustand';
5
6
  import { useShopStore } from '../../contexts/ShopContext.js';
6
7
  import 'swr';
7
- import 'swr/infinite';
8
- import 'classnames';
9
- import 'dayjs';
10
- import '../../helpers/convert.js';
11
8
  import '@gem-sdk/adapter-shopify';
12
9
  import 'swr/mutation';
10
+ import 'swr/infinite';
13
11
  import 'vanilla-lazyload';
14
12
  import '../../hooks/useCartUI.js';
13
+ import 'classnames';
14
+ import 'dayjs';
15
+ import '../../helpers/convert.js';
15
16
 
16
17
  const SHOW_TOOLTIP_TIMEOUT = 600;
17
18
  const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
3
 
3
4
  const getStatusMessage = (status)=>{
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
3
  import { useRef } from 'react';
3
4
  import { Transition } from 'react-transition-group';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
3
 
3
4
  function Tooltip({ children, enable, text = 'Tooltip Text', position = 'right', width, ...props }) {
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useContext, useMemo, createContext } from 'react';
3
4
  import Empty from '../components/Empty.js';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx, Fragment } from 'react/jsx-runtime';
2
3
  import { useStore, createStore } from 'zustand';
3
4
  import { useId, useMemo, useContext, createContext } from 'react';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useContext, createContext } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useStore, createStore } from 'zustand';
3
4
  import { useContext, createContext } from 'react';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useContext, createContext, Suspense, Fragment } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useMemo, useContext, createContext, Suspense, Fragment } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useStore, createStore } from 'zustand';
3
4
  import { useContext, createContext } from 'react';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useMemo, useContext, createContext } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useContext, createContext } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useMemo, useContext, createContext } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
@@ -1,19 +1,9 @@
1
+ 'use client';
1
2
  import { jsx, Fragment } from 'react/jsx-runtime';
2
3
  import { useId, useMemo, useContext, createContext } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
4
- import 'swr';
5
- import '@gem-sdk/adapter-shopify';
6
- import 'swr/mutation';
7
- import 'swr/infinite';
8
- import 'vanilla-lazyload';
9
- import '../hooks/useCartUI.js';
10
- import { checkInStock } from '../helpers/variant.js';
11
- import 'react-transition-group';
12
- import '@gem-sdk/core';
13
- import 'classnames';
14
- import 'dayjs';
15
5
  import { flattenConnection } from '../helpers/flatten-connection.js';
16
- import '../helpers/convert.js';
6
+ import { checkInStock } from '../helpers/variant.js';
17
7
 
18
8
  // const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
19
9
  const ProductContext = /*#__PURE__*/ createContext(null);
@@ -39,6 +29,16 @@ const createProductStoreProvider = (data)=>createStore((set, get)=>({
39
29
  useProductCompareAtPrice: value
40
30
  });
41
31
  },
32
+ setShouldRequireUploadMessage: (value)=>{
33
+ set({
34
+ shouldRequireUploadMessage: value
35
+ });
36
+ },
37
+ setRequireUpload: (value)=>{
38
+ set({
39
+ requireUpload: value
40
+ });
41
+ },
42
42
  addProperty: (data)=>{
43
43
  const properties = get().properties;
44
44
  if (!properties?.some((v)=>v.key === data.key)) {
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useContext, createContext } from 'react';
3
4
  import { useStore, createStore } from 'zustand';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { useStore, createStore } from 'zustand';
3
4
  import { useContext, createContext } from 'react';
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { SWRConfig } from 'swr';
3
4
  import { useStore, createStore } from 'zustand';
@@ -27,10 +27,6 @@
27
27
  customFonts {
28
28
  ...CustomFontSelect
29
29
  }
30
- interaction {
31
- id
32
- value
33
- }
34
30
  }
35
31
  `;
36
32
 
@@ -30,6 +30,10 @@
30
30
  id
31
31
  value
32
32
  }
33
+ metafields {
34
+ key
35
+ value
36
+ }
33
37
  }
34
38
  `;
35
39
 
@@ -25,6 +25,7 @@ const ArticlesDocument = `
25
25
  }
26
26
  isSample
27
27
  platformCreatedAt
28
+ platformUpdatedAt
28
29
  author
29
30
  content {
30
31
  excerptHtml