@gem-sdk/core 1.53.1 → 1.54.0-staging.49

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.
@@ -104,11 +104,11 @@ const AIContentGenerator = ({ ...props })=>{
104
104
  onActiveComponent
105
105
  ]);
106
106
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
107
- className: "gp-relative",
107
+ className: "gp-gen-content-toolbar-wrapper gp-relative",
108
108
  ref: genTool,
109
109
  children: [
110
110
  /*#__PURE__*/ jsxRuntime.jsx("div", {
111
- className: "gp-gen-content-toolbar gp-border-r gp-pr-1 gp-mr-1",
111
+ className: "gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",
112
112
  children: /*#__PURE__*/ jsxRuntime.jsxs("button", {
113
113
  className: classNames({
114
114
  'gp-toolbar-ai-active': isShowPopup
@@ -25,7 +25,9 @@ const LIMIT_PLANS = [
25
25
  const CreateThemeSection = ({ ...props })=>{
26
26
  const shopPlan = ShopContext.useShopStore((s)=>s.plan);
27
27
  const createThemeSectionCount = ShopContext.useShopStore((s)=>s.createThemeSectionCount);
28
- const isLimit = LIMIT_PLANS.includes(shopPlan ?? '');
28
+ const limitCreateThemeSection = ShopContext.useShopStore((s)=>s.limitCreateThemeSection);
29
+ const isFreeLimit = LIMIT_PLANS.includes(shopPlan ?? '');
30
+ const isLimit = isFreeLimit || limitCreateThemeSection?.isLimit;
29
31
  const isRenderTooltip = isLimit || createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
30
32
  const timeoutRef = react.useRef();
31
33
  const [isShowTooltip, setIsShowTooltip] = react.useState(false);
@@ -66,7 +68,8 @@ const CreateThemeSection = ({ ...props })=>{
66
68
  };
67
69
  return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
68
70
  children: /*#__PURE__*/ jsxRuntime.jsxs(ThemeSectionTooltip.ThemeSectionTooltip, {
69
- isLimit: isLimit,
71
+ isFreeLimit: isFreeLimit,
72
+ limitCreateThemeSection: limitCreateThemeSection,
70
73
  isShow: isShowTooltip,
71
74
  isRender: isRenderTooltip,
72
75
  onActions: onActions,
@@ -82,7 +85,7 @@ const CreateThemeSection = ({ ...props })=>{
82
85
  children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
83
86
  "data-toolbar-active-create-theme-section": true,
84
87
  onClick: (e)=>onActions(e, {
85
- disabled: isLimit
88
+ disabled: !!isLimit
86
89
  }),
87
90
  "aria-hidden": "true",
88
91
  children: [
@@ -27,9 +27,9 @@ const transitions = {
27
27
  opacity: 0
28
28
  }
29
29
  };
30
- const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter, onMouseLeave, onActions })=>{
30
+ const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
31
31
  const nodeRef = react.useRef(null);
32
- const actionBtnLabel = isLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
32
+ const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
33
33
  const openHelpCenter = ()=>{
34
34
  const url = 'https://help.gempages.net/articles/theme-section';
35
35
  window.open(url, '_blank');
@@ -46,52 +46,76 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
46
46
  timeout: TRANSITION_DURATION,
47
47
  nodeRef: nodeRef,
48
48
  unmountOnExit: true,
49
- children: (state)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
49
+ children: (state)=>/*#__PURE__*/ jsxRuntime.jsx("div", {
50
50
  className: "theme-section-tooltip",
51
51
  ref: nodeRef,
52
52
  style: {
53
53
  ...defaultStyles,
54
54
  ...transitions[state]
55
55
  },
56
- children: [
57
- /*#__PURE__*/ jsxRuntime.jsx("div", {
58
- className: "theme-section-tooltip__image",
59
- children: /*#__PURE__*/ jsxRuntime.jsx("img", {
60
- src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
61
- alt: ""
56
+ children: limitCreateThemeSection?.isLimit && !isFreeLimit ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
57
+ className: "theme-section-tooltip__body theme-section-tooltip__body-limit",
58
+ children: [
59
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
60
+ className: "theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",
61
+ children: "Upgrade plan"
62
+ }),
63
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
64
+ className: "theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",
65
+ children: [
66
+ "You’ve reached the maximum number of theme sections on your plan (",
67
+ limitCreateThemeSection.total,
68
+ "/",
69
+ limitCreateThemeSection.limit,
70
+ ")"
71
+ ]
72
+ }),
73
+ /*#__PURE__*/ jsxRuntime.jsx("button", {
74
+ onClick: (e)=>onActions(e),
75
+ children: "Upgrade plan to create more"
62
76
  })
63
- }),
64
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
65
- className: "theme-section-tooltip__body",
66
- children: [
67
- /*#__PURE__*/ jsxRuntime.jsx("div", {
68
- className: "theme-section-tooltip__body-title",
69
- children: "Create once, use everywhere with Theme Section"
70
- }),
71
- /*#__PURE__*/ jsxRuntime.jsx("div", {
72
- className: "theme-section-tooltip__body-desc",
73
- children: "A global section that can be used on all your GemPages & Shopify pages."
77
+ ]
78
+ }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
79
+ children: [
80
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
81
+ className: "theme-section-tooltip__image",
82
+ children: /*#__PURE__*/ jsxRuntime.jsx("img", {
83
+ src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
84
+ alt: ""
74
85
  })
75
- ]
76
- }),
77
- /*#__PURE__*/ jsxRuntime.jsxs("div", {
78
- className: core.cls('theme-section-tooltip__action', {
79
- 'theme-section-tooltip__action-limit': isLimit
80
86
  }),
81
- children: [
82
- /*#__PURE__*/ jsxRuntime.jsx("button", {
83
- onClick: (e)=>onActions(e),
84
- children: actionBtnLabel
87
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
88
+ className: "theme-section-tooltip__body",
89
+ children: [
90
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
91
+ className: "theme-section-tooltip__body-title",
92
+ children: "Create once, use everywhere with Theme Section"
93
+ }),
94
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
95
+ className: "theme-section-tooltip__body-desc",
96
+ children: "A global section that can be used on all your GemPages & Shopify pages."
97
+ })
98
+ ]
99
+ }),
100
+ /*#__PURE__*/ jsxRuntime.jsxs("div", {
101
+ className: core.cls('theme-section-tooltip__action', {
102
+ 'theme-section-tooltip__action-limit': isFreeLimit
85
103
  }),
86
- isLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
87
- onClick: openHelpCenter,
88
- "aria-hidden": true,
89
- className: "theme-section-tooltip__action-learn-more",
90
- children: "Learn more about Theme Section"
91
- })
92
- ]
93
- })
94
- ]
104
+ children: [
105
+ /*#__PURE__*/ jsxRuntime.jsx("button", {
106
+ onClick: (e)=>onActions(e),
107
+ children: actionBtnLabel
108
+ }),
109
+ isFreeLimit && /*#__PURE__*/ jsxRuntime.jsx("div", {
110
+ onClick: openHelpCenter,
111
+ "aria-hidden": true,
112
+ className: "theme-section-tooltip__action-learn-more",
113
+ children: "Learn more about Theme Section"
114
+ })
115
+ ]
116
+ })
117
+ ]
118
+ })
95
119
  })
96
120
  })
97
121
  ]
@@ -47,6 +47,11 @@ const createShopStoreProvider = (data)=>zustand.createStore((set)=>({
47
47
  set({
48
48
  plan
49
49
  });
50
+ },
51
+ changeLimitCreateThemeSection: (data)=>{
52
+ set({
53
+ limitCreateThemeSection: data
54
+ });
50
55
  }
51
56
  }));
52
57
  const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{
@@ -108,6 +108,24 @@ const PreorderNowWodPresaleConfig = {
108
108
  appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
109
109
  }
110
110
  };
111
+ const YotpoReviewsV3UgcConfig = {
112
+ YotpoReviews: {
113
+ appName: 'yotpo-product-reviews-ugc',
114
+ appId: 'eb7dfd7d-db44-4334-bc49-c893b51b36cf'
115
+ }
116
+ };
117
+ const WhatmoreShoppableVideosreelConfig = {
118
+ WhatmoreShoppableVideosreel: {
119
+ appName: 'whatmore-shoppable-videos',
120
+ appId: '20db8a72-315a-4364-8885-64219ee48303'
121
+ }
122
+ };
123
+ const ProductOptionsCustomizerConfig = {
124
+ ProductOptionsCustomizer: {
125
+ appName: 'product-options-customizer',
126
+ appId: '6857ca6c-35eb-4b6f-9d58-a039f31d9406'
127
+ }
128
+ };
111
129
 
112
130
  exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
113
131
  exports.EasyBundleBuilderSkailamaConfig = EasyBundleBuilderSkailamaConfig;
@@ -118,6 +136,7 @@ exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
118
136
  exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
119
137
  exports.PreorderNowPreOrderPqConfig = PreorderNowPreOrderPqConfig;
120
138
  exports.PreorderNowWodPresaleConfig = PreorderNowWodPresaleConfig;
139
+ exports.ProductOptionsCustomizerConfig = ProductOptionsCustomizerConfig;
121
140
  exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
122
141
  exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
123
142
  exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;
@@ -127,3 +146,5 @@ exports.SimpleBundlesKitsConfig = SimpleBundlesKitsConfig;
127
146
  exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;
128
147
  exports.SubifySubscriptionsConfig = SubifySubscriptionsConfig;
129
148
  exports.UnlimitedBundlesDiscountsConfig = UnlimitedBundlesDiscountsConfig;
149
+ exports.WhatmoreShoppableVideosreelConfig = WhatmoreShoppableVideosreelConfig;
150
+ exports.YotpoReviewsV3UgcConfig = YotpoReviewsV3UgcConfig;
@@ -88,6 +88,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
88
88
  bundle_id: appSetting?.['customBundleId']
89
89
  };
90
90
  }
91
+ case 'PumperBundlesVolumeDiscount':
92
+ {
93
+ return {
94
+ ...currentSetting,
95
+ selected_product: appSetting?.['productHandle'] || '{{ product }}'
96
+ };
97
+ }
91
98
  default:
92
99
  return currentSetting;
93
100
  }
@@ -107,7 +114,7 @@ const ReviewxpoProductReviewsApp = {
107
114
  const PumperBundlesVolumeDiscount = {
108
115
  PumperBundlesVolumeDiscount: {
109
116
  'app-block': {
110
- selected_product: '{{product}}',
117
+ selected_product: '{{ product }}',
111
118
  using_page_builder: false
112
119
  }
113
120
  }
@@ -197,7 +204,96 @@ const PreorderNowWodPresale = {
197
204
  'popups-block': null
198
205
  }
199
206
  };
207
+ const YotpoReviews = {
208
+ YotpoReviews: {
209
+ reviews: {
210
+ product: '{{ product }}'
211
+ },
212
+ 'star-rating': {
213
+ product: '{{ product }}'
214
+ }
215
+ }
216
+ };
217
+ const WhatmoreShoppableVideosreel = {
218
+ WhatmoreShoppableVideosreel: {
219
+ 'app-block': {
220
+ "heading": "Watch and Buy",
221
+ "template-type": "template-f",
222
+ "show-views": "show",
223
+ "ui-theme": "round",
224
+ "color-primary": "#343434",
225
+ "color-secondary": "#343434",
226
+ "title-font": "poppins_n4",
227
+ "primary-font": "poppins_n4",
228
+ "title-font-size": 40,
229
+ "title-font-size-portrait": 24,
230
+ "landscape-padding": 40,
231
+ "top-bottom-padding": 20,
232
+ "scroll-video-tile-size": 80,
233
+ "scroll-video-tile-size-portrait": 80,
234
+ "min-height": 380
235
+ },
236
+ 'app-block-banner': {
237
+ "template-type": "template-banner-a",
238
+ "ui-theme": "round",
239
+ "banner-video-tile-size": 80
240
+ },
241
+ 'app-block-collections': {
242
+ "collectionHeading": "W",
243
+ "template-type": "template-collections-b",
244
+ "ui-theme": "round",
245
+ "color-secondary": "#343434",
246
+ "primary-font": "poppins_n4",
247
+ "tile-size": 60,
248
+ "tile-size-portrait": 60,
249
+ "min-height": 250
250
+ },
251
+ 'app-block-stories': {
252
+ "template-type": "template-stories-a",
253
+ "ui-theme": "round",
254
+ "color-primary": "#343434",
255
+ "color-secondary": "#343434",
256
+ "primary-font": "poppins_n4",
257
+ "stories-top-bottom-padding": 0,
258
+ "story-tile-size": 40,
259
+ "story-tile-size-desktop": 40
260
+ }
261
+ }
262
+ };
263
+ const ProductOptionsCustomizer = {
264
+ ProductOptionsCustomizer: {
265
+ 'product-page-customizer': {
266
+ "pc_container_size": 100,
267
+ "pc_show_options_total": "initial",
268
+ "pc_customizations_total_text": "Customizations Total:",
269
+ "pc_show_preloader": "hide",
270
+ "pc_preloader_color": "",
271
+ "pc_ignore_redirect_command": true,
272
+ "pc_basic_label_text_color": "#000000",
273
+ "pc_basic_label_font_size": 14,
274
+ "pc_basic_label_bolden": "unset",
275
+ "pc_basic_label_space_above": 0,
276
+ "pc_basic_option_background_color": "#FFFFFF",
277
+ "pc_basic_option_text_color": "#000000",
278
+ "pc_basic_option_border_color": "#000000",
279
+ "pc_basic_option_border_style": "solid",
280
+ "pc_basic_option_border_width": 1,
281
+ "pc_basic_option_curve_the_corners": "none",
282
+ "pc_basic_option_font_size": 14,
283
+ "pc_basic_option_bolden": "none",
284
+ "pc_basic_option_width": 100,
285
+ "pc_basic_option_space_above": 0,
286
+ "pc_basic_option_space_below": 0,
287
+ "pc_basic_option_space_inside": 10,
288
+ "pc_advanced_custom_css": "",
289
+ "pc_advanced_custom_js": "",
290
+ "pc_show_image_swatch_preview": false
291
+ }
292
+ }
293
+ };
200
294
  const composeSettingsByWidgetType = {
295
+ ...ProductOptionsCustomizer,
296
+ ...WhatmoreShoppableVideosreel,
201
297
  ...JunipProductReviewsUgc,
202
298
  ...FlyBundlesUpsellsFbt,
203
299
  ...PreorderNowWodPresale,
@@ -215,7 +311,8 @@ const composeSettingsByWidgetType = {
215
311
  ...RechargeSubscriptions,
216
312
  ...LoyaltyRewardsReferrals,
217
313
  ...SubifySubscriptions,
218
- ...SelleasyWidget
314
+ ...SelleasyWidget,
315
+ ...YotpoReviews
219
316
  };
220
317
 
221
318
  exports.composeSettingsByWidgetType = composeSettingsByWidgetType;
@@ -20,7 +20,10 @@ const mapShopifyAppMeta = {
20
20
  ...appConfig.PreorderNowPreOrderPqConfig,
21
21
  ...appConfig.FlyBundlesUpsellsFbtConfig,
22
22
  ...appConfig.JunipProductReviewsUgcConfig,
23
- ...appConfig.PreorderNowWodPresaleConfig
23
+ ...appConfig.PreorderNowWodPresaleConfig,
24
+ ...appConfig.YotpoReviewsV3UgcConfig,
25
+ ...appConfig.WhatmoreShoppableVideosreelConfig,
26
+ ...appConfig.ProductOptionsCustomizerConfig
24
27
  };
25
28
  const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
26
29
 
@@ -58,6 +58,7 @@ const useInitialSwatchesOptions = (options)=>{
58
58
  }), '*');
59
59
  changeSwatches(swatches);
60
60
  }
61
+ swatchChange = false;
61
62
  };
62
63
  const getColorDefault = (label, color)=>{
63
64
  const colorByLabel = label ? variantPresets.colorPreset[label.toLocaleLowerCase()] : undefined;
@@ -102,11 +102,11 @@ const AIContentGenerator = ({ ...props })=>{
102
102
  onActiveComponent
103
103
  ]);
104
104
  return /*#__PURE__*/ jsxs("div", {
105
- className: "gp-relative",
105
+ className: "gp-gen-content-toolbar-wrapper gp-relative",
106
106
  ref: genTool,
107
107
  children: [
108
108
  /*#__PURE__*/ jsx("div", {
109
- className: "gp-gen-content-toolbar gp-border-r gp-pr-1 gp-mr-1",
109
+ className: "gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",
110
110
  children: /*#__PURE__*/ jsxs("button", {
111
111
  className: classNames({
112
112
  'gp-toolbar-ai-active': isShowPopup
@@ -23,7 +23,9 @@ const LIMIT_PLANS = [
23
23
  const CreateThemeSection = ({ ...props })=>{
24
24
  const shopPlan = useShopStore((s)=>s.plan);
25
25
  const createThemeSectionCount = useShopStore((s)=>s.createThemeSectionCount);
26
- const isLimit = LIMIT_PLANS.includes(shopPlan ?? '');
26
+ const limitCreateThemeSection = useShopStore((s)=>s.limitCreateThemeSection);
27
+ const isFreeLimit = LIMIT_PLANS.includes(shopPlan ?? '');
28
+ const isLimit = isFreeLimit || limitCreateThemeSection?.isLimit;
27
29
  const isRenderTooltip = isLimit || createThemeSectionCount === undefined || createThemeSectionCount < NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP;
28
30
  const timeoutRef = useRef();
29
31
  const [isShowTooltip, setIsShowTooltip] = useState(false);
@@ -64,7 +66,8 @@ const CreateThemeSection = ({ ...props })=>{
64
66
  };
65
67
  return /*#__PURE__*/ jsx(Fragment, {
66
68
  children: /*#__PURE__*/ jsxs(ThemeSectionTooltip, {
67
- isLimit: isLimit,
69
+ isFreeLimit: isFreeLimit,
70
+ limitCreateThemeSection: limitCreateThemeSection,
68
71
  isShow: isShowTooltip,
69
72
  isRender: isRenderTooltip,
70
73
  onActions: onActions,
@@ -80,7 +83,7 @@ const CreateThemeSection = ({ ...props })=>{
80
83
  children: /*#__PURE__*/ jsxs("div", {
81
84
  "data-toolbar-active-create-theme-section": true,
82
85
  onClick: (e)=>onActions(e, {
83
- disabled: isLimit
86
+ disabled: !!isLimit
84
87
  }),
85
88
  "aria-hidden": "true",
86
89
  children: [
@@ -25,9 +25,9 @@ const transitions = {
25
25
  opacity: 0
26
26
  }
27
27
  };
28
- const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter, onMouseLeave, onActions })=>{
28
+ const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
29
29
  const nodeRef = useRef(null);
30
- const actionBtnLabel = isLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
30
+ const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
31
31
  const openHelpCenter = ()=>{
32
32
  const url = 'https://help.gempages.net/articles/theme-section';
33
33
  window.open(url, '_blank');
@@ -44,52 +44,76 @@ const ThemeSectionTooltip = ({ isShow, isLimit, isRender, children, onMouseEnter
44
44
  timeout: TRANSITION_DURATION,
45
45
  nodeRef: nodeRef,
46
46
  unmountOnExit: true,
47
- children: (state)=>/*#__PURE__*/ jsxs("div", {
47
+ children: (state)=>/*#__PURE__*/ jsx("div", {
48
48
  className: "theme-section-tooltip",
49
49
  ref: nodeRef,
50
50
  style: {
51
51
  ...defaultStyles,
52
52
  ...transitions[state]
53
53
  },
54
- children: [
55
- /*#__PURE__*/ jsx("div", {
56
- className: "theme-section-tooltip__image",
57
- children: /*#__PURE__*/ jsx("img", {
58
- src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
59
- alt: ""
54
+ children: limitCreateThemeSection?.isLimit && !isFreeLimit ? /*#__PURE__*/ jsxs("div", {
55
+ className: "theme-section-tooltip__body theme-section-tooltip__body-limit",
56
+ children: [
57
+ /*#__PURE__*/ jsx("div", {
58
+ className: "theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",
59
+ children: "Upgrade plan"
60
+ }),
61
+ /*#__PURE__*/ jsxs("div", {
62
+ className: "theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",
63
+ children: [
64
+ "You’ve reached the maximum number of theme sections on your plan (",
65
+ limitCreateThemeSection.total,
66
+ "/",
67
+ limitCreateThemeSection.limit,
68
+ ")"
69
+ ]
70
+ }),
71
+ /*#__PURE__*/ jsx("button", {
72
+ onClick: (e)=>onActions(e),
73
+ children: "Upgrade plan to create more"
60
74
  })
61
- }),
62
- /*#__PURE__*/ jsxs("div", {
63
- className: "theme-section-tooltip__body",
64
- children: [
65
- /*#__PURE__*/ jsx("div", {
66
- className: "theme-section-tooltip__body-title",
67
- children: "Create once, use everywhere with Theme Section"
68
- }),
69
- /*#__PURE__*/ jsx("div", {
70
- className: "theme-section-tooltip__body-desc",
71
- children: "A global section that can be used on all your GemPages & Shopify pages."
75
+ ]
76
+ }) : /*#__PURE__*/ jsxs(Fragment, {
77
+ children: [
78
+ /*#__PURE__*/ jsx("div", {
79
+ className: "theme-section-tooltip__image",
80
+ children: /*#__PURE__*/ jsx("img", {
81
+ src: "https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",
82
+ alt: ""
72
83
  })
73
- ]
74
- }),
75
- /*#__PURE__*/ jsxs("div", {
76
- className: cls('theme-section-tooltip__action', {
77
- 'theme-section-tooltip__action-limit': isLimit
78
84
  }),
79
- children: [
80
- /*#__PURE__*/ jsx("button", {
81
- onClick: (e)=>onActions(e),
82
- children: actionBtnLabel
85
+ /*#__PURE__*/ jsxs("div", {
86
+ className: "theme-section-tooltip__body",
87
+ children: [
88
+ /*#__PURE__*/ jsx("div", {
89
+ className: "theme-section-tooltip__body-title",
90
+ children: "Create once, use everywhere with Theme Section"
91
+ }),
92
+ /*#__PURE__*/ jsx("div", {
93
+ className: "theme-section-tooltip__body-desc",
94
+ children: "A global section that can be used on all your GemPages & Shopify pages."
95
+ })
96
+ ]
97
+ }),
98
+ /*#__PURE__*/ jsxs("div", {
99
+ className: cls('theme-section-tooltip__action', {
100
+ 'theme-section-tooltip__action-limit': isFreeLimit
83
101
  }),
84
- isLimit && /*#__PURE__*/ jsx("div", {
85
- onClick: openHelpCenter,
86
- "aria-hidden": true,
87
- className: "theme-section-tooltip__action-learn-more",
88
- children: "Learn more about Theme Section"
89
- })
90
- ]
91
- })
92
- ]
102
+ children: [
103
+ /*#__PURE__*/ jsx("button", {
104
+ onClick: (e)=>onActions(e),
105
+ children: actionBtnLabel
106
+ }),
107
+ isFreeLimit && /*#__PURE__*/ jsx("div", {
108
+ onClick: openHelpCenter,
109
+ "aria-hidden": true,
110
+ className: "theme-section-tooltip__action-learn-more",
111
+ children: "Learn more about Theme Section"
112
+ })
113
+ ]
114
+ })
115
+ ]
116
+ })
93
117
  })
94
118
  })
95
119
  ]
@@ -45,6 +45,11 @@ const createShopStoreProvider = (data)=>createStore((set)=>({
45
45
  set({
46
46
  plan
47
47
  });
48
+ },
49
+ changeLimitCreateThemeSection: (data)=>{
50
+ set({
51
+ limitCreateThemeSection: data
52
+ });
48
53
  }
49
54
  }));
50
55
  const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps })=>{
@@ -106,5 +106,23 @@ const PreorderNowWodPresaleConfig = {
106
106
  appId: 'fdf17d17-ef12-4a7b-8383-20cc1fc2a4b6'
107
107
  }
108
108
  };
109
+ const YotpoReviewsV3UgcConfig = {
110
+ YotpoReviews: {
111
+ appName: 'yotpo-product-reviews-ugc',
112
+ appId: 'eb7dfd7d-db44-4334-bc49-c893b51b36cf'
113
+ }
114
+ };
115
+ const WhatmoreShoppableVideosreelConfig = {
116
+ WhatmoreShoppableVideosreel: {
117
+ appName: 'whatmore-shoppable-videos',
118
+ appId: '20db8a72-315a-4364-8885-64219ee48303'
119
+ }
120
+ };
121
+ const ProductOptionsCustomizerConfig = {
122
+ ProductOptionsCustomizer: {
123
+ appName: 'product-options-customizer',
124
+ appId: '6857ca6c-35eb-4b6f-9d58-a039f31d9406'
125
+ }
126
+ };
109
127
 
110
- export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };
128
+ export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, YotpoReviewsV3UgcConfig };
@@ -86,6 +86,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
86
86
  bundle_id: appSetting?.['customBundleId']
87
87
  };
88
88
  }
89
+ case 'PumperBundlesVolumeDiscount':
90
+ {
91
+ return {
92
+ ...currentSetting,
93
+ selected_product: appSetting?.['productHandle'] || '{{ product }}'
94
+ };
95
+ }
89
96
  default:
90
97
  return currentSetting;
91
98
  }
@@ -105,7 +112,7 @@ const ReviewxpoProductReviewsApp = {
105
112
  const PumperBundlesVolumeDiscount = {
106
113
  PumperBundlesVolumeDiscount: {
107
114
  'app-block': {
108
- selected_product: '{{product}}',
115
+ selected_product: '{{ product }}',
109
116
  using_page_builder: false
110
117
  }
111
118
  }
@@ -195,7 +202,96 @@ const PreorderNowWodPresale = {
195
202
  'popups-block': null
196
203
  }
197
204
  };
205
+ const YotpoReviews = {
206
+ YotpoReviews: {
207
+ reviews: {
208
+ product: '{{ product }}'
209
+ },
210
+ 'star-rating': {
211
+ product: '{{ product }}'
212
+ }
213
+ }
214
+ };
215
+ const WhatmoreShoppableVideosreel = {
216
+ WhatmoreShoppableVideosreel: {
217
+ 'app-block': {
218
+ "heading": "Watch and Buy",
219
+ "template-type": "template-f",
220
+ "show-views": "show",
221
+ "ui-theme": "round",
222
+ "color-primary": "#343434",
223
+ "color-secondary": "#343434",
224
+ "title-font": "poppins_n4",
225
+ "primary-font": "poppins_n4",
226
+ "title-font-size": 40,
227
+ "title-font-size-portrait": 24,
228
+ "landscape-padding": 40,
229
+ "top-bottom-padding": 20,
230
+ "scroll-video-tile-size": 80,
231
+ "scroll-video-tile-size-portrait": 80,
232
+ "min-height": 380
233
+ },
234
+ 'app-block-banner': {
235
+ "template-type": "template-banner-a",
236
+ "ui-theme": "round",
237
+ "banner-video-tile-size": 80
238
+ },
239
+ 'app-block-collections': {
240
+ "collectionHeading": "W",
241
+ "template-type": "template-collections-b",
242
+ "ui-theme": "round",
243
+ "color-secondary": "#343434",
244
+ "primary-font": "poppins_n4",
245
+ "tile-size": 60,
246
+ "tile-size-portrait": 60,
247
+ "min-height": 250
248
+ },
249
+ 'app-block-stories': {
250
+ "template-type": "template-stories-a",
251
+ "ui-theme": "round",
252
+ "color-primary": "#343434",
253
+ "color-secondary": "#343434",
254
+ "primary-font": "poppins_n4",
255
+ "stories-top-bottom-padding": 0,
256
+ "story-tile-size": 40,
257
+ "story-tile-size-desktop": 40
258
+ }
259
+ }
260
+ };
261
+ const ProductOptionsCustomizer = {
262
+ ProductOptionsCustomizer: {
263
+ 'product-page-customizer': {
264
+ "pc_container_size": 100,
265
+ "pc_show_options_total": "initial",
266
+ "pc_customizations_total_text": "Customizations Total:",
267
+ "pc_show_preloader": "hide",
268
+ "pc_preloader_color": "",
269
+ "pc_ignore_redirect_command": true,
270
+ "pc_basic_label_text_color": "#000000",
271
+ "pc_basic_label_font_size": 14,
272
+ "pc_basic_label_bolden": "unset",
273
+ "pc_basic_label_space_above": 0,
274
+ "pc_basic_option_background_color": "#FFFFFF",
275
+ "pc_basic_option_text_color": "#000000",
276
+ "pc_basic_option_border_color": "#000000",
277
+ "pc_basic_option_border_style": "solid",
278
+ "pc_basic_option_border_width": 1,
279
+ "pc_basic_option_curve_the_corners": "none",
280
+ "pc_basic_option_font_size": 14,
281
+ "pc_basic_option_bolden": "none",
282
+ "pc_basic_option_width": 100,
283
+ "pc_basic_option_space_above": 0,
284
+ "pc_basic_option_space_below": 0,
285
+ "pc_basic_option_space_inside": 10,
286
+ "pc_advanced_custom_css": "",
287
+ "pc_advanced_custom_js": "",
288
+ "pc_show_image_swatch_preview": false
289
+ }
290
+ }
291
+ };
198
292
  const composeSettingsByWidgetType = {
293
+ ...ProductOptionsCustomizer,
294
+ ...WhatmoreShoppableVideosreel,
199
295
  ...JunipProductReviewsUgc,
200
296
  ...FlyBundlesUpsellsFbt,
201
297
  ...PreorderNowWodPresale,
@@ -213,7 +309,8 @@ const composeSettingsByWidgetType = {
213
309
  ...RechargeSubscriptions,
214
310
  ...LoyaltyRewardsReferrals,
215
311
  ...SubifySubscriptions,
216
- ...SelleasyWidget
312
+ ...SelleasyWidget,
313
+ ...YotpoReviews
217
314
  };
218
315
 
219
316
  export { composeSettingsByWidgetType, overrideSettings };
@@ -1,4 +1,4 @@
1
- import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig } from './appConfig.js';
1
+ import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig } from './appConfig.js';
2
2
 
3
3
  const mapShopifyAppMeta = {
4
4
  ...RechargeSubscriptionsConfig,
@@ -18,7 +18,10 @@ const mapShopifyAppMeta = {
18
18
  ...PreorderNowPreOrderPqConfig,
19
19
  ...FlyBundlesUpsellsFbtConfig,
20
20
  ...JunipProductReviewsUgcConfig,
21
- ...PreorderNowWodPresaleConfig
21
+ ...PreorderNowWodPresaleConfig,
22
+ ...YotpoReviewsV3UgcConfig,
23
+ ...WhatmoreShoppableVideosreelConfig,
24
+ ...ProductOptionsCustomizerConfig
22
25
  };
23
26
  const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
24
27
 
@@ -54,6 +54,7 @@ const useInitialSwatchesOptions = (options)=>{
54
54
  }), '*');
55
55
  changeSwatches(swatches);
56
56
  }
57
+ swatchChange = false;
57
58
  };
58
59
  const getColorDefault = (label, color)=>{
59
60
  const colorByLabel = label ? colorPreset[label.toLocaleLowerCase()] : undefined;
@@ -6890,7 +6890,7 @@ type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'rec
6890
6890
  type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
6891
6891
  type FeraReviewsV3WidgetType = 'allReviews' | 'testimonialCarousel' | 'mediaGallery' | 'productDetailRating' | 'productReviews' | 'productCollectionRating' | 'otherWidget';
6892
6892
  type GrowaveWidgetType = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';
6893
- type AliReviewsWidgetType = 'section' | 'starRating' | 'starBadge' | 'starBadgeCollection' | 'carouselSlider';
6893
+ type AliReviewsWidgetType = 'starRating' | 'reviewBox';
6894
6894
  type OpinewWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'allReviews' | 'allReviewsBadge';
6895
6895
  type OpinewDesignWidgetType = 'opinew_badge_wide_average' | 'opinew_badge_wide' | 'opinew_badge_small';
6896
6896
  type UltimateSalesBoostWidgetType = 'sticker' | 'message' | 'getItByTimer' | 'buyXGetTY' | 'countdownTimer' | 'stockInventoryNumber' | 'trustBadge' | 'advancedTrustBadge';
@@ -6913,10 +6913,11 @@ type InstantKlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget
6913
6913
  type StampedWidgetType = 'main-widget' | 'carousel' | 'full-page' | 'visual-gallery' | 'wall-photos' | 'site-badge' | 'instagram-feed' | 'checkout-reviews' | 'single-highlight' | 'top-rated' | 'badge-single' | 'badge-double' | 'badge-ribbon' | 'product-rating';
6914
6914
  type LaiProductReviewsWidgetType = 'reviews_widget' | 'star_ratings' | 'homepage_reviews' | 'happy_customer_reviews' | 'star_ratings_in_list' | 'advanced_widget';
6915
6915
  type LaiProductReviewsAdvancedWidgetType = 'cardCarousel' | 'testimonialCarousel' | 'mediaGallery' | 'cardGrid';
6916
- type YotpoReviewsWidgetType = 'reviews' | 'badge' | 'reviewHighlights';
6916
+ type YotpoReviewsWidgetType = 'reviews' | 'star-rating' | 'reviewHighlights';
6917
6917
  type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break';
6918
6918
  type PreOrderNowWodWidgetType = 'app-block' | 'popups-block';
6919
6919
  type TagShopWidgetType = 'homeLandingGalleries' | 'productGalleries' | 'tagGalleries';
6920
+ type AirProductReview = 'review_box' | 'star_rating' | 'review_carousel';
6920
6921
 
6921
6922
  type ResponsiveConfig<T> = {
6922
6923
  desktop: {
@@ -7758,6 +7759,7 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
7758
7759
  hiddenSetting?: {
7759
7760
  color?: boolean;
7760
7761
  transform?: boolean;
7762
+ fontWeight?: boolean;
7761
7763
  };
7762
7764
  disableCollapse?: boolean;
7763
7765
  };
@@ -8141,7 +8143,11 @@ type SelectProductBundleControlType<T> = SharedControlType<T> & {
8141
8143
  hide?: boolean;
8142
8144
  };
8143
8145
 
8144
- type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T>;
8146
+ type ProductHandleType<T> = SharedControlType<T> & {
8147
+ type: 'product-handle';
8148
+ };
8149
+
8150
+ type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T>;
8145
8151
  type ControlTriggerAction = {
8146
8152
  controlId: string;
8147
8153
  newValue?: any;
@@ -31174,6 +31180,11 @@ type ShopContextProps = {
31174
31180
  maxGenerateCount?: number;
31175
31181
  nextQuota?: number;
31176
31182
  };
31183
+ limitCreateThemeSection?: {
31184
+ isLimit?: boolean;
31185
+ total?: number;
31186
+ limit?: number;
31187
+ };
31177
31188
  changeLocale: (locale: string) => void;
31178
31189
  changeStorefrontInfo: (args: {
31179
31190
  url?: string;
@@ -31184,12 +31195,17 @@ type ShopContextProps = {
31184
31195
  changeLayoutSettings: (layoutSettings: LayoutSettings) => void;
31185
31196
  changeCreateThemeSectionCount: (count: number) => void;
31186
31197
  changeShopPlan: (plan: string) => void;
31198
+ changeLimitCreateThemeSection: (data: {
31199
+ isLimit?: boolean;
31200
+ total?: number;
31201
+ limit?: number;
31202
+ }) => void;
31187
31203
  };
31188
31204
  type ShopProviderProps = {
31189
31205
  children: React.ReactNode;
31190
31206
  key?: React.Key;
31191
31207
  addons: AddonContextProps['components'];
31192
- storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan'>;
31208
+ storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan' | 'changeLimitCreateThemeSection'>;
31193
31209
  queryOption?: React.ComponentProps<typeof SWRConfig>['value'];
31194
31210
  };
31195
31211
  declare const ShopProvider: React.FC<ShopProviderProps>;
@@ -31726,6 +31742,7 @@ declare namespace tiktokpixel {
31726
31742
  };
31727
31743
  }
31728
31744
 
31745
+ type CSSStateKey<T extends ShortHandProperty> = `--${T}` | `--hvr-${T}` | `--focus-${T}`;
31729
31746
  type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
31730
31747
  declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
31731
31748
  declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
@@ -41418,4 +41435,4 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
41418
41435
 
41419
41436
  declare const addAppBlockId: (component: Component) => Component;
41420
41437
 
41421
- export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResonsiveStyleShadow, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
41438
+ export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResonsiveStyleShadow, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.53.1",
3
+ "version": "1.54.0-staging.49",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
27
27
  "type-check": "yarn tsc --noEmit"
28
28
  },
29
29
  "devDependencies": {
30
- "@gem-sdk/adapter-shopify": "1.53.0",
31
- "@gem-sdk/styles": "1.53.0",
30
+ "@gem-sdk/adapter-shopify": "1.53.0-staging.0",
31
+ "@gem-sdk/styles": "1.54.0-staging.49",
32
32
  "@types/classnames": "^2.3.1"
33
33
  },
34
34
  "dependencies": {