@gem-sdk/core 1.41.0-dev.20 → 1.41.0-staging.13

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.
@@ -30,7 +30,6 @@ const isSection = (el)=>{
30
30
  };
31
31
  const ComponentToolbarPreview = (props)=>{
32
32
  const isThemeSection = props.isThemeSection;
33
- const isShopifySection = props.isShopifySection;
34
33
  const editingPageType = ShopContext.useShopStore((s)=>s.pageType);
35
34
  const getParents = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getParents);
36
35
  const root = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem('ROOT'));
@@ -176,8 +175,7 @@ const ComponentToolbarPreview = (props)=>{
176
175
  bubbles: true,
177
176
  detail: {
178
177
  componentUid: props.uid,
179
- isThemeSection,
180
- isShopifySection
178
+ isThemeSection: isThemeSection
181
179
  }
182
180
  });
183
181
  window.dispatchEvent(event);
@@ -193,8 +191,7 @@ const ComponentToolbarPreview = (props)=>{
193
191
  bubbles: true,
194
192
  detail: {
195
193
  componentUid: props.uid,
196
- isThemeSection,
197
- isShopifySection
194
+ isThemeSection: isThemeSection
198
195
  }
199
196
  });
200
197
  window.dispatchEvent(event);
@@ -243,9 +240,6 @@ const ComponentToolbarPreview = (props)=>{
243
240
  return false;
244
241
  };
245
242
  const getSectionName = ()=>{
246
- if (isShopifySection) {
247
- return `Shopify section: ${props.name}`;
248
- }
249
243
  const checkRenamedSection = props.name && props.name === `Section ${props.uid}`;
250
244
  if (getSectionNumber() >= SECTION_LIMIT - 5) {
251
245
  return `${checkRenamedSection ? 'Section' : props?.name} ${getIndexSection() + 1}/${SECTION_LIMIT}`;
@@ -262,7 +256,6 @@ const ComponentToolbarPreview = (props)=>{
262
256
  "data-toolbar": true,
263
257
  "data-toolbar-section": props.tag == 'Section',
264
258
  "data-toolbar-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
265
- "data-toolbar-shopify-section": props.tag == 'Section' && !!isShopifySection,
266
259
  "data-toolbar-limit": getIndexSection() >= SECTION_LIMIT,
267
260
  children: [
268
261
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -305,39 +298,9 @@ const ComponentToolbarPreview = (props)=>{
305
298
  ]
306
299
  })
307
300
  }),
308
- props.tag == 'Section' ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
301
+ props.tag == 'Section' ? /*#__PURE__*/ jsxRuntime.jsx("div", {
309
302
  "data-toolbar-name": true,
310
- children: [
311
- getSectionName(),
312
- props.isShopifySection && !props.isShopifyVisibility && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
313
- "data-toolbar-visibility": true,
314
- width: "20",
315
- height: "20",
316
- viewBox: "0 0 20 20",
317
- fill: "none",
318
- xmlns: "http://www.w3.org/2000/svg",
319
- children: [
320
- /*#__PURE__*/ jsxRuntime.jsx("path", {
321
- fillRule: "evenodd",
322
- clipRule: "evenodd",
323
- d: "M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",
324
- fill: "#F9F9F9"
325
- }),
326
- /*#__PURE__*/ jsxRuntime.jsx("path", {
327
- fillRule: "evenodd",
328
- clipRule: "evenodd",
329
- d: "M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",
330
- fill: "#F9F9F9"
331
- }),
332
- /*#__PURE__*/ jsxRuntime.jsx("path", {
333
- fillRule: "evenodd",
334
- clipRule: "evenodd",
335
- d: "M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",
336
- fill: "#F9F9F9"
337
- })
338
- ]
339
- })
340
- ]
303
+ children: getSectionName()
341
304
  }) : /*#__PURE__*/ jsxRuntime.jsx("div", {
342
305
  "data-toolbar-name": true,
343
306
  children: toolbarName()
@@ -417,7 +380,7 @@ const ComponentToolbarPreview = (props)=>{
417
380
  ]
418
381
  }, parent.uid);
419
382
  }),
420
- props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && !props.isShopifySection && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
383
+ props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
421
384
  ...props
422
385
  }),
423
386
  props.tag == 'Sticky' && /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -491,7 +454,6 @@ const ComponentToolbarPreview = (props)=>{
491
454
  "data-outline": true,
492
455
  "data-outline-section": props.tag == 'Section',
493
456
  "data-outline-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
494
- "data-outline-shopify-section": props.tag == 'Section' && !!isShopifySection,
495
457
  "data-outline-limit": getIndexSection() >= SECTION_LIMIT
496
458
  }, 'outline-' + props.uid),
497
459
  props.tag == 'Section' && !isThemeSectionEditor && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -544,6 +506,6 @@ const ComponentToolbarPreview = (props)=>{
544
506
  ]
545
507
  });
546
508
  };
547
- var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
509
+ var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview);
548
510
 
549
511
  exports.default = ComponentToolbarPreview$1;
@@ -16,7 +16,6 @@ require('swr/mutation');
16
16
  var shop = require('../hooks/shop.js');
17
17
  require('vanilla-lazyload');
18
18
  require('../hooks/useCartUI.js');
19
- var cls = require('../helpers/cls.js');
20
19
  require('../helpers/convert.js');
21
20
 
22
21
  const ComponentWrapperPreview = ({ children, ...props })=>{
@@ -42,10 +41,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
42
41
  if (props.tag === 'Section' && props.isThemeSection) {
43
42
  customProps['data-theme-section'] = true;
44
43
  }
45
- if (props.tag === 'Section' && props.isShopifySection) {
46
- customProps['data-shopify-section'] = true;
47
- customProps['data-toolbar-wrap'] = true;
48
- }
49
44
  // Build editor configs
50
45
  if (props.editorConfigs) {
51
46
  const editorConfigs = props.editorConfigs;
@@ -100,40 +95,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
100
95
  'data-component-label': props.label,
101
96
  'data-not-droppable': isNotDroppable(props.tag)
102
97
  };
103
- const ShopifySection = ({ name, visibility })=>{
104
- return /*#__PURE__*/ jsxRuntime.jsxs("div", {
105
- className: cls.cls('gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]', {
106
- 'gp-opacity-60': !visibility
107
- }),
108
- children: [
109
- /*#__PURE__*/ jsxRuntime.jsxs("svg", {
110
- width: "24",
111
- height: "24",
112
- viewBox: "0 0 24 24",
113
- fill: "none",
114
- xmlns: "http://www.w3.org/2000/svg",
115
- children: [
116
- /*#__PURE__*/ jsxRuntime.jsx("path", {
117
- d: "M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",
118
- fill: "#95BF47"
119
- }),
120
- /*#__PURE__*/ jsxRuntime.jsx("path", {
121
- d: "M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",
122
- fill: "#5E8E3E"
123
- }),
124
- /*#__PURE__*/ jsxRuntime.jsx("path", {
125
- d: "M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",
126
- fill: "white"
127
- })
128
- ]
129
- }),
130
- /*#__PURE__*/ jsxRuntime.jsx("span", {
131
- className: "gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",
132
- children: name
133
- })
134
- ]
135
- });
136
- };
137
98
  if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
138
99
  return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
139
100
  children: [
@@ -148,10 +109,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
148
109
  builderAttrs,
149
110
  advanced,
150
111
  children: [
151
- props.isShopifySection ? /*#__PURE__*/ jsxRuntime.jsx(ShopifySection, {
152
- name: props.name ?? '',
153
- visibility: !!props.isShopifyVisibility
154
- }) : children.props['children'],
112
+ children.props['children'],
155
113
  /*#__PURE__*/ jsxRuntime.jsx(ComponentToolbarPreview.default, {
156
114
  ...props
157
115
  })
@@ -36,9 +36,7 @@ const disableWrap = [
36
36
  'ProductImagesV2',
37
37
  'PostPurchaseProductImages',
38
38
  'Sticky',
39
- 'Heading',
40
- 'ProductBadge',
41
- 'Marquee'
39
+ 'Heading'
42
40
  ];
43
41
  const customRenderChildren = [
44
42
  'Accordion',
@@ -49,8 +47,7 @@ const customRenderChildren = [
49
47
  ];
50
48
  const excludeApplyStyle = [
51
49
  'IconListV2',
52
- 'IconList',
53
- 'ProductBadge'
50
+ 'IconList'
54
51
  ];
55
52
  const postPurchaseRequiredElements = [
56
53
  'PostPurchaseProductOffer',
@@ -253,11 +253,7 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
253
253
  }
254
254
  },
255
255
  getItem: (id)=>{
256
- const item = get().state[id];
257
- return {
258
- ...item,
259
- rawChildrens: item?.childrens?.map((v)=>get().state[v])
260
- };
256
+ return get().state[id];
261
257
  },
262
258
  removeItem: (id)=>{
263
259
  if (id === 'ROOT') {
@@ -432,16 +428,15 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
432
428
  updateItemAttribute: (id, value, attr)=>{
433
429
  if (!attr || ![
434
430
  'label',
435
- 'customLabel',
436
- 'isShopifyVisibility'
431
+ 'customLabel'
437
432
  ].includes(attr)) return;
438
433
  const state = get().state;
439
434
  const item = state[id];
435
+ // Ignore section
436
+ if (item?.type === 'section') return;
440
437
  if (item) {
441
- if (item.type !== 'section') {
442
- const dateModified = Date.now();
443
- item.dateModified = dateModified;
444
- }
438
+ const dateModified = Date.now();
439
+ item.dateModified = dateModified;
445
440
  const updatedItem = {
446
441
  ...item,
447
442
  [attr]: value
@@ -10,7 +10,6 @@ const SectionContext = /*#__PURE__*/ react.createContext(null);
10
10
  const createSectionProvider = (data)=>zustand.createStore((set, get)=>({
11
11
  data: data ?? {},
12
12
  getSection: (id)=>{
13
- console.log('get().data', get().data);
14
13
  const section = get().data[id];
15
14
  return section ?? undefined;
16
15
  },
@@ -29,7 +29,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
29
29
  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
30
30
  ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
31
31
  ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
32
- ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant};` : ''}
32
+ ${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
33
33
  ${italic ? `font-style: italic ${composeImportant};` : ''}
34
34
  ${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
35
35
  ${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
@@ -63,10 +63,10 @@ const composeTypographyV2 = (value, attrs)=>{
63
63
  fs: !attrs?.italic ? value?.fontStyle : undefined,
64
64
  ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
65
65
  weight: !attrs?.bold ? value?.fontWeight : undefined,
66
- ls: value?.letterSpacing
66
+ ls: value?.letterSpacing,
67
+ lh: value?.lineHeight
67
68
  }),
68
- ...makeStyle.makeStyleResponsive('size', value?.fontSize),
69
- ...makeStyle.makeStyleResponsive('lh', value?.lineHeight)
69
+ ...makeStyle.makeStyleResponsive('size', value?.fontSize)
70
70
  });
71
71
  };
72
72
  const composeTypographyAttr = (attrs)=>{
@@ -26,7 +26,6 @@ const isSection = (el)=>{
26
26
  };
27
27
  const ComponentToolbarPreview = (props)=>{
28
28
  const isThemeSection = props.isThemeSection;
29
- const isShopifySection = props.isShopifySection;
30
29
  const editingPageType = useShopStore((s)=>s.pageType);
31
30
  const getParents = useBuilderPreviewStore((s)=>s.getParents);
32
31
  const root = useBuilderPreviewStore((s)=>s.getItem('ROOT'));
@@ -172,8 +171,7 @@ const ComponentToolbarPreview = (props)=>{
172
171
  bubbles: true,
173
172
  detail: {
174
173
  componentUid: props.uid,
175
- isThemeSection,
176
- isShopifySection
174
+ isThemeSection: isThemeSection
177
175
  }
178
176
  });
179
177
  window.dispatchEvent(event);
@@ -189,8 +187,7 @@ const ComponentToolbarPreview = (props)=>{
189
187
  bubbles: true,
190
188
  detail: {
191
189
  componentUid: props.uid,
192
- isThemeSection,
193
- isShopifySection
190
+ isThemeSection: isThemeSection
194
191
  }
195
192
  });
196
193
  window.dispatchEvent(event);
@@ -239,9 +236,6 @@ const ComponentToolbarPreview = (props)=>{
239
236
  return false;
240
237
  };
241
238
  const getSectionName = ()=>{
242
- if (isShopifySection) {
243
- return `Shopify section: ${props.name}`;
244
- }
245
239
  const checkRenamedSection = props.name && props.name === `Section ${props.uid}`;
246
240
  if (getSectionNumber() >= SECTION_LIMIT - 5) {
247
241
  return `${checkRenamedSection ? 'Section' : props?.name} ${getIndexSection() + 1}/${SECTION_LIMIT}`;
@@ -258,7 +252,6 @@ const ComponentToolbarPreview = (props)=>{
258
252
  "data-toolbar": true,
259
253
  "data-toolbar-section": props.tag == 'Section',
260
254
  "data-toolbar-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
261
- "data-toolbar-shopify-section": props.tag == 'Section' && !!isShopifySection,
262
255
  "data-toolbar-limit": getIndexSection() >= SECTION_LIMIT,
263
256
  children: [
264
257
  /*#__PURE__*/ jsxs("div", {
@@ -301,39 +294,9 @@ const ComponentToolbarPreview = (props)=>{
301
294
  ]
302
295
  })
303
296
  }),
304
- props.tag == 'Section' ? /*#__PURE__*/ jsxs("div", {
297
+ props.tag == 'Section' ? /*#__PURE__*/ jsx("div", {
305
298
  "data-toolbar-name": true,
306
- children: [
307
- getSectionName(),
308
- props.isShopifySection && !props.isShopifyVisibility && /*#__PURE__*/ jsxs("svg", {
309
- "data-toolbar-visibility": true,
310
- width: "20",
311
- height: "20",
312
- viewBox: "0 0 20 20",
313
- fill: "none",
314
- xmlns: "http://www.w3.org/2000/svg",
315
- children: [
316
- /*#__PURE__*/ jsx("path", {
317
- fillRule: "evenodd",
318
- clipRule: "evenodd",
319
- d: "M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",
320
- fill: "#F9F9F9"
321
- }),
322
- /*#__PURE__*/ jsx("path", {
323
- fillRule: "evenodd",
324
- clipRule: "evenodd",
325
- d: "M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",
326
- fill: "#F9F9F9"
327
- }),
328
- /*#__PURE__*/ jsx("path", {
329
- fillRule: "evenodd",
330
- clipRule: "evenodd",
331
- d: "M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",
332
- fill: "#F9F9F9"
333
- })
334
- ]
335
- })
336
- ]
299
+ children: getSectionName()
337
300
  }) : /*#__PURE__*/ jsx("div", {
338
301
  "data-toolbar-name": true,
339
302
  children: toolbarName()
@@ -413,7 +376,7 @@ const ComponentToolbarPreview = (props)=>{
413
376
  ]
414
377
  }, parent.uid);
415
378
  }),
416
- props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && !props.isShopifySection && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(CreateThemeSection, {
379
+ props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(CreateThemeSection, {
417
380
  ...props
418
381
  }),
419
382
  props.tag == 'Sticky' && /*#__PURE__*/ jsx("div", {
@@ -487,7 +450,6 @@ const ComponentToolbarPreview = (props)=>{
487
450
  "data-outline": true,
488
451
  "data-outline-section": props.tag == 'Section',
489
452
  "data-outline-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
490
- "data-outline-shopify-section": props.tag == 'Section' && !!isShopifySection,
491
453
  "data-outline-limit": getIndexSection() >= SECTION_LIMIT
492
454
  }, 'outline-' + props.uid),
493
455
  props.tag == 'Section' && !isThemeSectionEditor && /*#__PURE__*/ jsxs(Fragment, {
@@ -540,6 +502,6 @@ const ComponentToolbarPreview = (props)=>{
540
502
  ]
541
503
  });
542
504
  };
543
- var ComponentToolbarPreview$1 = /*#__PURE__*/ memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
505
+ var ComponentToolbarPreview$1 = /*#__PURE__*/ memo(ComponentToolbarPreview);
544
506
 
545
507
  export { ComponentToolbarPreview$1 as default };
@@ -12,7 +12,6 @@ import 'swr/mutation';
12
12
  import { usePageType } from '../hooks/shop.js';
13
13
  import 'vanilla-lazyload';
14
14
  import '../hooks/useCartUI.js';
15
- import { cls } from '../helpers/cls.js';
16
15
  import '../helpers/convert.js';
17
16
 
18
17
  const ComponentWrapperPreview = ({ children, ...props })=>{
@@ -38,10 +37,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
38
37
  if (props.tag === 'Section' && props.isThemeSection) {
39
38
  customProps['data-theme-section'] = true;
40
39
  }
41
- if (props.tag === 'Section' && props.isShopifySection) {
42
- customProps['data-shopify-section'] = true;
43
- customProps['data-toolbar-wrap'] = true;
44
- }
45
40
  // Build editor configs
46
41
  if (props.editorConfigs) {
47
42
  const editorConfigs = props.editorConfigs;
@@ -96,40 +91,6 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
96
91
  'data-component-label': props.label,
97
92
  'data-not-droppable': isNotDroppable(props.tag)
98
93
  };
99
- const ShopifySection = ({ name, visibility })=>{
100
- return /*#__PURE__*/ jsxs("div", {
101
- className: cls('gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]', {
102
- 'gp-opacity-60': !visibility
103
- }),
104
- children: [
105
- /*#__PURE__*/ jsxs("svg", {
106
- width: "24",
107
- height: "24",
108
- viewBox: "0 0 24 24",
109
- fill: "none",
110
- xmlns: "http://www.w3.org/2000/svg",
111
- children: [
112
- /*#__PURE__*/ jsx("path", {
113
- d: "M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",
114
- fill: "#95BF47"
115
- }),
116
- /*#__PURE__*/ jsx("path", {
117
- d: "M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",
118
- fill: "#5E8E3E"
119
- }),
120
- /*#__PURE__*/ jsx("path", {
121
- d: "M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",
122
- fill: "white"
123
- })
124
- ]
125
- }),
126
- /*#__PURE__*/ jsx("span", {
127
- className: "gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",
128
- children: name
129
- })
130
- ]
131
- });
132
- };
133
94
  if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
134
95
  return /*#__PURE__*/ jsxs(Fragment, {
135
96
  children: [
@@ -144,10 +105,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
144
105
  builderAttrs,
145
106
  advanced,
146
107
  children: [
147
- props.isShopifySection ? /*#__PURE__*/ jsx(ShopifySection, {
148
- name: props.name ?? '',
149
- visibility: !!props.isShopifyVisibility
150
- }) : children.props['children'],
108
+ children.props['children'],
151
109
  /*#__PURE__*/ jsx(ComponentToolbarPreview, {
152
110
  ...props
153
111
  })
@@ -34,9 +34,7 @@ const disableWrap = [
34
34
  'ProductImagesV2',
35
35
  'PostPurchaseProductImages',
36
36
  'Sticky',
37
- 'Heading',
38
- 'ProductBadge',
39
- 'Marquee'
37
+ 'Heading'
40
38
  ];
41
39
  const customRenderChildren = [
42
40
  'Accordion',
@@ -47,8 +45,7 @@ const customRenderChildren = [
47
45
  ];
48
46
  const excludeApplyStyle = [
49
47
  'IconListV2',
50
- 'IconList',
51
- 'ProductBadge'
48
+ 'IconList'
52
49
  ];
53
50
  const postPurchaseRequiredElements = [
54
51
  'PostPurchaseProductOffer',
@@ -251,11 +251,7 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
251
251
  }
252
252
  },
253
253
  getItem: (id)=>{
254
- const item = get().state[id];
255
- return {
256
- ...item,
257
- rawChildrens: item?.childrens?.map((v)=>get().state[v])
258
- };
254
+ return get().state[id];
259
255
  },
260
256
  removeItem: (id)=>{
261
257
  if (id === 'ROOT') {
@@ -430,16 +426,15 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
430
426
  updateItemAttribute: (id, value, attr)=>{
431
427
  if (!attr || ![
432
428
  'label',
433
- 'customLabel',
434
- 'isShopifyVisibility'
429
+ 'customLabel'
435
430
  ].includes(attr)) return;
436
431
  const state = get().state;
437
432
  const item = state[id];
433
+ // Ignore section
434
+ if (item?.type === 'section') return;
438
435
  if (item) {
439
- if (item.type !== 'section') {
440
- const dateModified = Date.now();
441
- item.dateModified = dateModified;
442
- }
436
+ const dateModified = Date.now();
437
+ item.dateModified = dateModified;
443
438
  const updatedItem = {
444
439
  ...item,
445
440
  [attr]: value
@@ -8,7 +8,6 @@ const SectionContext = /*#__PURE__*/ createContext(null);
8
8
  const createSectionProvider = (data)=>createStore((set, get)=>({
9
9
  data: data ?? {},
10
10
  getSection: (id)=>{
11
- console.log('get().data', get().data);
12
11
  const section = get().data[id];
13
12
  return section ?? undefined;
14
13
  },
@@ -27,7 +27,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
27
27
  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
28
28
  ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
29
29
  ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
30
- ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant};` : ''}
30
+ ${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
31
31
  ${italic ? `font-style: italic ${composeImportant};` : ''}
32
32
  ${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
33
33
  ${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
@@ -61,10 +61,10 @@ const composeTypographyV2 = (value, attrs)=>{
61
61
  fs: !attrs?.italic ? value?.fontStyle : undefined,
62
62
  ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
63
63
  weight: !attrs?.bold ? value?.fontWeight : undefined,
64
- ls: value?.letterSpacing
64
+ ls: value?.letterSpacing,
65
+ lh: value?.lineHeight
65
66
  }),
66
- ...makeStyleResponsive('size', value?.fontSize),
67
- ...makeStyleResponsive('lh', value?.lineHeight)
67
+ ...makeStyleResponsive('size', value?.fontSize)
68
68
  });
69
69
  };
70
70
  const composeTypographyAttr = (attrs)=>{
@@ -6471,7 +6471,6 @@ type BlockEntity = {
6471
6471
  name?: string;
6472
6472
  dateModified?: string | number;
6473
6473
  childrens?: string[];
6474
- rawChildrens?: BlockEntity[];
6475
6474
  settings?: Record<string, any>;
6476
6475
  advanced?: Record<string, any>;
6477
6476
  styles?: Record<string, any>;
@@ -6479,8 +6478,6 @@ type BlockEntity = {
6479
6478
  type?: 'component';
6480
6479
  isThemeSection?: boolean;
6481
6480
  needPublishing?: boolean;
6482
- isShopifySection?: boolean;
6483
- isShopifyVisibility?: boolean;
6484
6481
  };
6485
6482
  type SectionEntity = {
6486
6483
  uid: string;
@@ -6490,8 +6487,6 @@ type SectionEntity = {
6490
6487
  name?: string;
6491
6488
  isThemeSection?: boolean;
6492
6489
  needPublishing?: boolean;
6493
- isShopifySection?: boolean;
6494
- isShopifyVisibility?: boolean;
6495
6490
  };
6496
6491
  type BuilderEntity = BlockEntity | SectionEntity;
6497
6492
  type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -6542,15 +6537,9 @@ type SaleFunnelDiscountEdge$1 = {
6542
6537
  cursor: Scalars$1['Cursor'];
6543
6538
  node?: Maybe$1<SaleFunnelDiscount$1>;
6544
6539
  };
6545
- type ProductOffer = Maybe$1<Pick<SaleFunnelDiscountEdge$1, 'cursor'> & {
6546
- node?: Maybe$1<Pick<SaleFunnelDiscount$1, 'id' | 'value' | 'type' | 'position' | 'objectBaseID' | 'objectType' | 'title' | 'valueType' | 'isEnabled'>>;
6540
+ type ProductOffer = Maybe$1<Pick<SaleFunnelDiscountEdge$1, "cursor"> & {
6541
+ node?: Maybe$1<Pick<SaleFunnelDiscount$1, "id" | "value" | "type" | "position" | "objectBaseID" | "objectType" | "title" | "valueType" | "isEnabled">>;
6547
6542
  }>;
6548
- type RawChild = {
6549
- uid: string;
6550
- builder: Record<string, any>;
6551
- components: Record<string, any>;
6552
- [key: string]: any;
6553
- };
6554
6543
 
6555
6544
  type InitComponentType<T = any> = {
6556
6545
  [K in keyof T]-?: {
@@ -6616,7 +6605,7 @@ type Component = InitComponentType & {
6616
6605
  };
6617
6606
  type NameDevices$1 = 'desktop' | 'tablet' | 'mobile';
6618
6607
  type ObjectDevices<T> = Partial<Record<NameDevices$1, T>>;
6619
- type StateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
6608
+ type StateType = 'normal' | 'hover' | 'focus' | 'active';
6620
6609
  type StateProp<T> = Partial<Record<StateType, T>>;
6621
6610
  type ResponsiveStateProp<T> = ObjectDevices<StateProp<T>>;
6622
6611
  type AlignItemProp = 'left' | 'center' | 'right';
@@ -6737,8 +6726,6 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
6737
6726
  hover?: boolean;
6738
6727
  focus?: boolean;
6739
6728
  active?: boolean;
6740
- price?: boolean;
6741
- compareAtPrice?: boolean;
6742
6729
  };
6743
6730
  emptyOnClear?: boolean;
6744
6731
  showVideo?: boolean;
@@ -6970,7 +6957,6 @@ type PositionControlType<T> = SharedControlType<T> & {
6970
6957
 
6971
6958
  type PositionSquareControlType<T> = SharedControlType<T> & {
6972
6959
  type: 'position:square';
6973
- ignoreValue?: string[];
6974
6960
  };
6975
6961
 
6976
6962
  type RadioGroupControlType = {
@@ -6991,7 +6977,6 @@ type RangeControlType<T> = SharedControlType<T> & {
6991
6977
  disableOnChange?: boolean;
6992
6978
  useOnlyUnitInit?: boolean;
6993
6979
  hideUnit?: boolean;
6994
- hideInput?: boolean;
6995
6980
  };
6996
6981
 
6997
6982
  type Option$3<T> = {
@@ -7241,8 +7226,6 @@ type Background = {
7241
7226
  repeat?: BgRepeat;
7242
7227
  attachment?: BgAttachment;
7243
7228
  video?: string;
7244
- videoHtml5?: string;
7245
- videoType?: 'youtube' | 'html5';
7246
7229
  loop?: boolean;
7247
7230
  lazyLoad?: boolean;
7248
7231
  };
@@ -7461,7 +7444,6 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
7461
7444
  color?: boolean;
7462
7445
  transform?: boolean;
7463
7446
  };
7464
- disableCollapse?: boolean;
7465
7447
  };
7466
7448
 
7467
7449
  type StickyDisplayControlType<T> = SharedControlType<T> & {
@@ -7704,7 +7686,6 @@ type ProductOffersControlType<T> = SharedControlType<T> & {
7704
7686
 
7705
7687
  type DiscountAndShippingFee<T> = SharedControlType<T> & {
7706
7688
  type: 'discount-and-shipping-fee-product-offer';
7707
- multiple: boolean;
7708
7689
  };
7709
7690
 
7710
7691
  type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
@@ -7727,11 +7708,7 @@ type NotesControlType<T> = SharedControlType<T> & {
7727
7708
  value?: string;
7728
7709
  };
7729
7710
 
7730
- type ButtonLayoutType<T> = SharedControlType<T> & {
7731
- type: 'button-layout';
7732
- };
7733
-
7734
- type ControlProp<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> | 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> | 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> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | NotesControlType<T> | ButtonLayoutType<T>;
7711
+ type ControlProp<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> | 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> | 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> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T>;
7735
7712
  type ControlTriggerAction = {
7736
7713
  controlId: string;
7737
7714
  newValue?: any;
@@ -7866,7 +7843,6 @@ type ComponentPreset = {
7866
7843
  };
7867
7844
  components: InitComponentType[];
7868
7845
  hideTextContent?: boolean;
7869
- flowTagComponents?: Record<string, InitComponentType[]>;
7870
7846
  };
7871
7847
 
7872
7848
  type PageContext = {
@@ -27034,7 +27010,7 @@ type TypographyProps = {
27034
27010
  };
27035
27011
  type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
27036
27012
  fontSize?: ObjectDevices<string>;
27037
- lineHeight?: ObjectDevices<string>;
27013
+ lineHeight?: string;
27038
27014
  };
27039
27015
  type TypographyV2Attrs = {
27040
27016
  bold?: boolean;
@@ -35911,11 +35887,11 @@ declare const useSelectedOption: () => {
35911
35887
  setSelectedOption: (optionId?: Maybe$1<string>, optionValue?: Maybe$1<string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
35912
35888
  forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
35913
35889
  };
35914
- declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
35890
+ declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
35915
35891
  selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
35916
35892
  media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
35917
35893
  }>[];
35918
- declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
35894
+ declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
35919
35895
  selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
35920
35896
  media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
35921
35897
  }>;
@@ -35970,4 +35946,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
35970
35946
 
35971
35947
  declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
35972
35948
 
35973
- 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, 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, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, 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, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, 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, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, 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, 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, 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 };
35949
+ 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, 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, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, 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, 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, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, 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, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, 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, 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, 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.41.0-dev.20",
3
+ "version": "1.41.0-staging.13",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "devDependencies": {
30
30
  "@gem-sdk/adapter-shopify": "1.41.0-staging.13",
31
- "@gem-sdk/styles": "1.41.0-dev.16"
31
+ "@gem-sdk/styles": "1.41.0-staging.13"
32
32
  },
33
33
  "dependencies": {
34
34
  "react-error-boundary": "4.0.10",