@gem-sdk/components 2.1.13-staging.1 → 2.1.13-staging.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/cjs/article/components/ArticleList.liquid.js +6 -2
  2. package/dist/cjs/banner/components/hero-banner/index.liquid.js +12 -10
  3. package/dist/cjs/builder.js +21 -1
  4. package/dist/cjs/common/const.js +1 -1
  5. package/dist/cjs/image/components/AdaptiveImage.liquid.js +6 -5
  6. package/dist/cjs/image/components/Image.js +22 -3
  7. package/dist/cjs/image/components/Image.liquid.js +6 -5
  8. package/dist/cjs/image/components/NextImage.liquid.js +4 -3
  9. package/dist/cjs/image/components/NoDataImage.js +133 -0
  10. package/dist/cjs/image-comparison/components/CompareImage.liquid.js +7 -3
  11. package/dist/cjs/index.js +20 -0
  12. package/dist/cjs/index.liquid.js +22 -2
  13. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +4 -4
  14. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductGalleryCarousel.liquid.js +2 -2
  15. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductGalleryGrid.liquid.js +4 -4
  16. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductImages.liquid.js +4 -4
  17. package/dist/cjs/tab/hooks/useTabInteraction.js +13 -9
  18. package/dist/cjs/text/components/Text.js +0 -1
  19. package/dist/cjs/third-party/components/AlsoBoughtCbb.js +32 -0
  20. package/dist/cjs/third-party/components/AlsoBoughtCbb.liquid.js +21 -0
  21. package/dist/cjs/third-party/components/BfSizeChartSizeGuide.js +32 -0
  22. package/dist/cjs/third-party/components/BfSizeChartSizeGuide.liquid.js +12 -0
  23. package/dist/cjs/third-party/components/EssentialAnnouncementBar.js +32 -0
  24. package/dist/cjs/third-party/components/EssentialAnnouncementBar.liquid.js +12 -0
  25. package/dist/cjs/third-party/components/EssentialCountdownTimerBar.js +32 -0
  26. package/dist/cjs/third-party/components/EssentialCountdownTimerBar.liquid.js +12 -0
  27. package/dist/cjs/third-party/components/EstimatedDeliveryDatePlus.js +32 -0
  28. package/dist/cjs/third-party/components/EstimatedDeliveryDatePlus.liquid.js +12 -0
  29. package/dist/cjs/third-party/components/GloColorSwatchvariantImage.js +32 -0
  30. package/dist/cjs/third-party/components/GloColorSwatchvariantImage.liquid.js +12 -0
  31. package/dist/cjs/third-party/components/HextomFreeShippingBar.js +32 -0
  32. package/dist/cjs/third-party/components/HextomFreeShippingBar.liquid.js +12 -0
  33. package/dist/cjs/third-party/components/OkendoReviewsLoyalty.js +32 -0
  34. package/dist/cjs/third-party/components/OkendoReviewsLoyalty.liquid.js +12 -0
  35. package/dist/cjs/third-party/components/StellarDeliveryDatePickup.js +32 -0
  36. package/dist/cjs/third-party/components/StellarDeliveryDatePickup.liquid.js +21 -0
  37. package/dist/cjs/third-party/components/TrustedsiteTrustBadges.js +32 -0
  38. package/dist/cjs/third-party/components/TrustedsiteTrustBadges.liquid.js +12 -0
  39. package/dist/cjs/third-party/configs/AlsoBoughtCbb.js +12 -0
  40. package/dist/cjs/third-party/configs/BfSizeChartSizeGuide.js +12 -0
  41. package/dist/cjs/third-party/configs/EssentialAnnouncementBar.js +12 -0
  42. package/dist/cjs/third-party/configs/EssentialCountdownTimerBar.js +12 -0
  43. package/dist/cjs/third-party/configs/EstimatedDeliveryDatePlus.js +12 -0
  44. package/dist/cjs/third-party/configs/GloColorSwatchvariantImage.js +12 -0
  45. package/dist/cjs/third-party/configs/HextomFreeShippingBar.js +12 -0
  46. package/dist/cjs/third-party/configs/OkendoReviewsLoyalty.js +12 -0
  47. package/dist/cjs/third-party/configs/StellarDeliveryDatePickup.js +12 -0
  48. package/dist/cjs/third-party/configs/TrustedsiteTrustBadges.js +12 -0
  49. package/dist/cjs/third-party/helpers/thirdParty.js +1 -1
  50. package/dist/cjs/third-party/next.js +51 -1
  51. package/dist/cjs/third-party/setting/AlsoBoughtCbb.js +127 -0
  52. package/dist/cjs/third-party/setting/BfSizeChartSizeGuide.js +131 -0
  53. package/dist/cjs/third-party/setting/EssentialAnnouncementBar.js +142 -0
  54. package/dist/cjs/third-party/setting/EssentialCountdownTimerBar.js +142 -0
  55. package/dist/cjs/third-party/setting/EstimatedDeliveryDatePlus.js +128 -0
  56. package/dist/cjs/third-party/setting/GloColorSwatchvariantImage.js +152 -0
  57. package/dist/cjs/third-party/setting/HextomFreeShippingBar.js +128 -0
  58. package/dist/cjs/third-party/setting/OkendoReviewsLoyalty.js +171 -0
  59. package/dist/cjs/third-party/setting/StellarDeliveryDatePickup.js +127 -0
  60. package/dist/cjs/third-party/setting/TrustedsiteTrustBadges.js +177 -0
  61. package/dist/cjs/third-party/setting/index.js +21 -1
  62. package/dist/cjs/video/components/HTML5Embed.js +2 -2
  63. package/dist/cjs/video/components/HTML5Embed.liquid.js +6 -3
  64. package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js +4 -2
  65. package/dist/esm/article/components/ArticleList.liquid.js +6 -2
  66. package/dist/esm/banner/components/hero-banner/index.liquid.js +12 -10
  67. package/dist/esm/builder.js +21 -1
  68. package/dist/esm/common/const.js +1 -1
  69. package/dist/esm/image/components/AdaptiveImage.liquid.js +6 -5
  70. package/dist/esm/image/components/Image.js +23 -4
  71. package/dist/esm/image/components/Image.liquid.js +6 -5
  72. package/dist/esm/image/components/NextImage.liquid.js +4 -3
  73. package/dist/esm/image/components/NoDataImage.js +129 -0
  74. package/dist/esm/image-comparison/components/CompareImage.liquid.js +7 -3
  75. package/dist/esm/index.js +10 -0
  76. package/dist/esm/index.liquid.js +11 -1
  77. package/dist/esm/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +4 -4
  78. package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryCarousel.liquid.js +2 -2
  79. package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryGrid.liquid.js +4 -4
  80. package/dist/esm/product/components/ProductImagesV2/liquid/ProductImages.liquid.js +4 -4
  81. package/dist/esm/tab/hooks/useTabInteraction.js +14 -10
  82. package/dist/esm/text/components/Text.js +0 -1
  83. package/dist/esm/third-party/components/AlsoBoughtCbb.js +28 -0
  84. package/dist/esm/third-party/components/AlsoBoughtCbb.liquid.js +17 -0
  85. package/dist/esm/third-party/components/BfSizeChartSizeGuide.js +28 -0
  86. package/dist/esm/third-party/components/BfSizeChartSizeGuide.liquid.js +8 -0
  87. package/dist/esm/third-party/components/EssentialAnnouncementBar.js +28 -0
  88. package/dist/esm/third-party/components/EssentialAnnouncementBar.liquid.js +8 -0
  89. package/dist/esm/third-party/components/EssentialCountdownTimerBar.js +28 -0
  90. package/dist/esm/third-party/components/EssentialCountdownTimerBar.liquid.js +8 -0
  91. package/dist/esm/third-party/components/EstimatedDeliveryDatePlus.js +28 -0
  92. package/dist/esm/third-party/components/EstimatedDeliveryDatePlus.liquid.js +8 -0
  93. package/dist/esm/third-party/components/GloColorSwatchvariantImage.js +28 -0
  94. package/dist/esm/third-party/components/GloColorSwatchvariantImage.liquid.js +8 -0
  95. package/dist/esm/third-party/components/HextomFreeShippingBar.js +28 -0
  96. package/dist/esm/third-party/components/HextomFreeShippingBar.liquid.js +8 -0
  97. package/dist/esm/third-party/components/OkendoReviewsLoyalty.js +28 -0
  98. package/dist/esm/third-party/components/OkendoReviewsLoyalty.liquid.js +8 -0
  99. package/dist/esm/third-party/components/StellarDeliveryDatePickup.js +28 -0
  100. package/dist/esm/third-party/components/StellarDeliveryDatePickup.liquid.js +17 -0
  101. package/dist/esm/third-party/components/TrustedsiteTrustBadges.js +28 -0
  102. package/dist/esm/third-party/components/TrustedsiteTrustBadges.liquid.js +8 -0
  103. package/dist/esm/third-party/configs/AlsoBoughtCbb.js +8 -0
  104. package/dist/esm/third-party/configs/BfSizeChartSizeGuide.js +8 -0
  105. package/dist/esm/third-party/configs/EssentialAnnouncementBar.js +8 -0
  106. package/dist/esm/third-party/configs/EssentialCountdownTimerBar.js +8 -0
  107. package/dist/esm/third-party/configs/EstimatedDeliveryDatePlus.js +8 -0
  108. package/dist/esm/third-party/configs/GloColorSwatchvariantImage.js +8 -0
  109. package/dist/esm/third-party/configs/HextomFreeShippingBar.js +8 -0
  110. package/dist/esm/third-party/configs/OkendoReviewsLoyalty.js +8 -0
  111. package/dist/esm/third-party/configs/StellarDeliveryDatePickup.js +8 -0
  112. package/dist/esm/third-party/configs/TrustedsiteTrustBadges.js +8 -0
  113. package/dist/esm/third-party/helpers/thirdParty.js +1 -1
  114. package/dist/esm/third-party/next.js +51 -1
  115. package/dist/esm/third-party/setting/AlsoBoughtCbb.js +123 -0
  116. package/dist/esm/third-party/setting/BfSizeChartSizeGuide.js +127 -0
  117. package/dist/esm/third-party/setting/EssentialAnnouncementBar.js +138 -0
  118. package/dist/esm/third-party/setting/EssentialCountdownTimerBar.js +138 -0
  119. package/dist/esm/third-party/setting/EstimatedDeliveryDatePlus.js +124 -0
  120. package/dist/esm/third-party/setting/GloColorSwatchvariantImage.js +148 -0
  121. package/dist/esm/third-party/setting/HextomFreeShippingBar.js +124 -0
  122. package/dist/esm/third-party/setting/OkendoReviewsLoyalty.js +167 -0
  123. package/dist/esm/third-party/setting/StellarDeliveryDatePickup.js +123 -0
  124. package/dist/esm/third-party/setting/TrustedsiteTrustBadges.js +173 -0
  125. package/dist/esm/third-party/setting/index.js +224 -204
  126. package/dist/esm/video/components/HTML5Embed.js +2 -2
  127. package/dist/esm/video/components/HTML5Embed.liquid.js +6 -3
  128. package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js +4 -2
  129. package/dist/types/index.d.ts +171 -7
  130. package/package.json +2 -2
@@ -12,7 +12,7 @@ var Modal3d_liquid = require('../../../../image/components/Modal3d.liquid.js');
12
12
  var Video_liquid = require('../../../../image/components/Video.liquid.js');
13
13
  var HTML5Embed_liquid = require('../../../../video/components/HTML5Embed.liquid.js');
14
14
 
15
- const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazyloadImage, ...setting })=>{
15
+ const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazyLoadImage, ...setting })=>{
16
16
  const getGridDisplay = ()=>{
17
17
  const isDisplayGrid = (type, position, device)=>{
18
18
  const layout = core.getResponsiveValueByScreen(position, device);
@@ -101,7 +101,7 @@ const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazy
101
101
  style: style,
102
102
  className: '!gp-rounded-none',
103
103
  customLazyload: false,
104
- enableLazyloadImage
104
+ enableLazyLoadImage
105
105
  })}
106
106
  ${setting?.galleryHoverEffect !== 'none' ? `<div class="${core.cls('zoom-element !gp-max-w-none', productFeaturedImage.getZoomImageClass())}">
107
107
  ${NextImage_liquid.default({
@@ -115,7 +115,7 @@ const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazy
115
115
  style: style,
116
116
  className: '!gp-rounded-none gp-w-full gp-h-full',
117
117
  customLazyload: false,
118
- enableLazyloadImage
118
+ enableLazyLoadImage
119
119
  })}
120
120
  </div>` : ''}
121
121
  ${setting?.galleryHoverEffect == 'zoom' && setting?.galleryZoomType == 'glasses' ? `
@@ -298,7 +298,7 @@ const ProductGalleryGrid = ({ builderPropUID, wrapperStyle, children, enableLazy
298
298
  },
299
299
  className: '!gp-rounded-none',
300
300
  customLazyload: false,
301
- enableLazyloadImage
301
+ enableLazyLoadImage
302
302
  })}`;
303
303
  };
304
304
  return core.template`
@@ -11,7 +11,7 @@ var helpers = require('../../../../helpers.js');
11
11
  var productGallery = require('../common/productGallery.js');
12
12
 
13
13
  const ProductImages = (productImageProps)=>{
14
- const { setting, styles, builderProps, style, advanced, rawChildren, pageContext, enableLazyloadImage } = productImageProps;
14
+ const { setting, styles, builderProps, style, advanced, rawChildren, pageContext, enableLazyLoadImage } = productImageProps;
15
15
  const settings = {
16
16
  ...setting,
17
17
  ...styles
@@ -116,7 +116,7 @@ const ProductImages = (productImageProps)=>{
116
116
  builderPropUID: `gp-carousel-${builderProps?.uid}`,
117
117
  ...settings,
118
118
  children: renderProductBadge(),
119
- enableLazyloadImage
119
+ enableLazyLoadImage
120
120
  })}
121
121
  ${common.shouldSkipLiquidRenderForSingleImage(settings?.position, core.template`
122
122
  <div
@@ -132,7 +132,7 @@ const ProductImages = (productImageProps)=>{
132
132
  ${ProductGalleryCarousel_liquid.default({
133
133
  builderPropUID: `gp-gallery-${builderProps?.uid}`,
134
134
  ...settings,
135
- enableLazyloadImage
135
+ enableLazyLoadImage
136
136
  })}
137
137
  </div>
138
138
  ${ProductGalleryGrid_liquid.default({
@@ -142,7 +142,7 @@ const ProductImages = (productImageProps)=>{
142
142
  },
143
143
  children: renderProductBadge(),
144
144
  ...settings,
145
- enableLazyloadImage
145
+ enableLazyLoadImage
146
146
  })}
147
147
  `)}
148
148
  </div>
@@ -4,19 +4,18 @@ var core = require('@gem-sdk/core');
4
4
  var React = require('react');
5
5
 
6
6
  const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, componentUid })=>{
7
- const [previousTab, setPreviousTab] = React.useState(activeKey || 1);
8
- const { trigger, onListener, interactionListenerLoaded } = core.useInteraction();
7
+ const { trigger, onListener, interactionListenerLoaded, saveToElementInteractionData, findElementIncludingSelf } = core.useInteraction();
9
8
  const mode = core.useEditorMode();
10
9
  const changeOpenTabInteraction = (params)=>{
11
- const { data, isRollback } = params || {};
12
- if (data === undefined && isRollback === undefined) return;
10
+ const { data, isRollback, element, key } = params || {};
11
+ if (data === undefined && isRollback) return;
12
+ const newData = Number(data) + 1;
13
13
  if (isRollback) {
14
- setActiveKey(previousTab);
15
- setPreviousTab(activeTab);
14
+ setActiveKey(newData);
16
15
  return;
17
16
  }
18
- setPreviousTab(activeTab);
19
- setActiveKey(data + 1);
17
+ saveToElementInteractionData(element, key, String(activeKey));
18
+ setActiveKey(newData);
20
19
  };
21
20
  const dispatchEventTabActive = (index)=>{
22
21
  trigger({
@@ -37,11 +36,16 @@ const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, c
37
36
  dispatchEventTabActive(activeTab - 1);
38
37
  });
39
38
  const selector = `[data-id="${componentUid}"]`;
39
+ const element = findElementIncludingSelf(document, selector);
40
40
  const removeListener = onListener({
41
41
  event: 'gp:change-open-tab',
42
42
  selector
43
43
  }, (params)=>{
44
- changeOpenTabInteraction(params);
44
+ changeOpenTabInteraction({
45
+ ...params,
46
+ element,
47
+ key: params?.uniqueStorageKey
48
+ });
45
49
  });
46
50
  return ()=>{
47
51
  removeListener?.();
@@ -9,7 +9,6 @@ var React = require('react');
9
9
  const Text = /*#__PURE__*/ React.forwardRef(({ styles, builderAttrs, style, setting, advanced, builderProps, className, children, ...props }, ref)=>{
10
10
  const { text, htmlTag: Element = 'div', options, tagWidth, excludeFlex } = setting ?? {};
11
11
  const composeGlobalSize = core.makeGlobalSize(setting?.globalSize);
12
- console.log('Text: ', text);
13
12
  const mode = core.useEditorMode();
14
13
  const getPlaceHolderWhenContentNone = ()=>{
15
14
  let classList = '';
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var AlsoBoughtCbb$1 = require('../configs/AlsoBoughtCbb.js');
9
+
10
+ const AlsoBoughtCbbContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'Also Bought • CBB',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AlsoBoughtCbb$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const AlsoBoughtCbb = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(AlsoBoughtCbbContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = AlsoBoughtCbb;
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var core = require('@gem-sdk/core');
6
+
7
+ const AlsoBoughtCbb = ({ setting, advanced })=>{
8
+ const { align } = setting ?? {};
9
+ return core.template`
10
+ <div
11
+ class="${advanced?.cssClass}"
12
+ style="${{
13
+ ...core.makeStyleResponsive('ta', align)
14
+ }}"
15
+ >
16
+ <div class="gp-integration-also-bought__position" />
17
+ </div>
18
+ `;
19
+ };
20
+
21
+ exports.default = AlsoBoughtCbb;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var BfSizeChartSizeGuide$1 = require('../configs/BfSizeChartSizeGuide.js');
9
+
10
+ const BfSizeChartSizeGuideContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'BF Size Chart & Size Guide',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${BfSizeChartSizeGuide$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const BfSizeChartSizeGuide = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(BfSizeChartSizeGuideContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = BfSizeChartSizeGuide;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const BfSizeChartSizeGuide = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, advanced?.cssClass);
10
+ };
11
+
12
+ exports.default = BfSizeChartSizeGuide;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var EssentialAnnouncementBar$1 = require('../configs/EssentialAnnouncementBar.js');
9
+
10
+ const EssentialAnnouncementBarContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'Essential Announcement Bar',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EssentialAnnouncementBar$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const EssentialAnnouncementBar = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(EssentialAnnouncementBarContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = EssentialAnnouncementBar;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const EssentialAnnouncementBar = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block `);
10
+ };
11
+
12
+ exports.default = EssentialAnnouncementBar;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var EssentialCountdownTimerBar$1 = require('../configs/EssentialCountdownTimerBar.js');
9
+
10
+ const EssentialCountdownTimerBarContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'Essential Countdown Timer Bar',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EssentialCountdownTimerBar$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const EssentialCountdownTimerBar = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(EssentialCountdownTimerBarContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = EssentialCountdownTimerBar;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const EssentialCountdownTimerBar = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block `);
10
+ };
11
+
12
+ exports.default = EssentialCountdownTimerBar;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var EstimatedDeliveryDatePlus$1 = require('../configs/EstimatedDeliveryDatePlus.js');
9
+
10
+ const EstimatedDeliveryDatePlusContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'Estimated Delivery Date ‑ Plus',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EstimatedDeliveryDatePlus$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const EstimatedDeliveryDatePlus = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(EstimatedDeliveryDatePlusContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = EstimatedDeliveryDatePlus;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const EstimatedDeliveryDatePlus = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
10
+ };
11
+
12
+ exports.default = EstimatedDeliveryDatePlus;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var GloColorSwatchvariantImage$1 = require('../configs/GloColorSwatchvariantImage.js');
9
+
10
+ const GloColorSwatchvariantImageContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'GLO Color Swatch,Variant Image',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${GloColorSwatchvariantImage$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const GloColorSwatchvariantImage = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(GloColorSwatchvariantImageContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = GloColorSwatchvariantImage;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const GloColorSwatchvariantImage = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
10
+ };
11
+
12
+ exports.default = GloColorSwatchvariantImage;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var HextomFreeShippingBar$1 = require('../configs/HextomFreeShippingBar.js');
9
+
10
+ const HextomFreeShippingBarContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'Hextom: Free Shipping Bar',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${HextomFreeShippingBar$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const HextomFreeShippingBar = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(HextomFreeShippingBarContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = HextomFreeShippingBar;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const HextomFreeShippingBar = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
10
+ };
11
+
12
+ exports.default = HextomFreeShippingBar;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var OkendoReviewsLoyalty$1 = require('../configs/OkendoReviewsLoyalty.js');
9
+
10
+ const OkendoReviewsLoyaltyContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'Okendo: Reviews & Loyalty',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${OkendoReviewsLoyalty$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const OkendoReviewsLoyalty = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(OkendoReviewsLoyaltyContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = OkendoReviewsLoyalty;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const OkendoReviewsLoyalty = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block [&_*]:gp-max-w-none`);
10
+ };
11
+
12
+ exports.default = OkendoReviewsLoyalty;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var StellarDeliveryDatePickup$1 = require('../configs/StellarDeliveryDatePickup.js');
9
+
10
+ const StellarDeliveryDatePickupContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'Stellar Delivery Date & Pickup',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${StellarDeliveryDatePickup$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const StellarDeliveryDatePickup = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(StellarDeliveryDatePickupContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = StellarDeliveryDatePickup;
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var core = require('@gem-sdk/core');
6
+
7
+ const StellarDeliveryDatePickup = ({ setting, advanced })=>{
8
+ const { align } = setting ?? {};
9
+ return core.template`
10
+ <div
11
+ class="${advanced?.cssClass}"
12
+ style="${{
13
+ ...core.makeStyleResponsive('ta', align)
14
+ }}"
15
+ >
16
+ <div class="gp-integration-stellar-delivery__position" ></div>
17
+ </div>
18
+ `;
19
+ };
20
+
21
+ exports.default = StellarDeliveryDatePickup;
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var core = require('@gem-sdk/core');
7
+ var ThirdPartyPreview = require('./ThirdPartyPreview.js');
8
+ var TrustedsiteTrustBadges$1 = require('../configs/TrustedsiteTrustBadges.js');
9
+
10
+ const TrustedsiteTrustBadgesContent = ()=>{
11
+ return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
12
+ children: /*#__PURE__*/ jsxRuntime.jsx("div", {
13
+ className: "gp-p-2",
14
+ children: /*#__PURE__*/ jsxRuntime.jsx(ThirdPartyPreview.default, {
15
+ setting: {
16
+ label: 'TrustedSite ‑ Trust Badges',
17
+ iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${TrustedsiteTrustBadges$1.default.logoUrl}">`
18
+ }
19
+ })
20
+ })
21
+ });
22
+ };
23
+ const TrustedsiteTrustBadges = ({ setting })=>{
24
+ return /*#__PURE__*/ jsxRuntime.jsx("div", {
25
+ style: {
26
+ ...core.makeStyleResponsive('ta', setting?.align)
27
+ },
28
+ children: /*#__PURE__*/ jsxRuntime.jsx(TrustedsiteTrustBadgesContent, {})
29
+ });
30
+ };
31
+
32
+ exports.default = TrustedsiteTrustBadges;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var thirdParty = require('../helpers/thirdParty.js');
6
+
7
+ const TrustedsiteTrustBadges = ({ setting, advanced })=>{
8
+ const { align, appBlockId } = setting ?? {};
9
+ return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
10
+ };
11
+
12
+ exports.default = TrustedsiteTrustBadges;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var AppConfig = {
6
+ id: 'also-bought-cbb',
7
+ label: 'Also Bought • CBB',
8
+ logoUrl: 'https://cdn.shopify.com/app-store/listing_images/55a595d2413473dd0c6e6a315690886a/icon/CITkod-6vf0CEAE=.png',
9
+ tag: 'AlsoBoughtCbb'
10
+ };
11
+
12
+ exports.default = AppConfig;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var AppConfig = {
6
+ id: 'bf-size-chart-size-guide',
7
+ label: 'BF Size Chart & Size Guide',
8
+ logoUrl: 'https://cdn.shopify.com/app-store/listing_images/022ba73148820196cc39ae7ac1667ec0/icon/CLqQkc30lu8CEAE=.png',
9
+ tag: 'BfSizeChartSizeGuide'
10
+ };
11
+
12
+ exports.default = AppConfig;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var AppConfig = {
6
+ id: 'essential-announcement-bar',
7
+ label: 'Essential Announcement Bar',
8
+ logoUrl: 'https://cdn.shopify.com/app-store/listing_images/15e8255158a042a1eab34a4c45c72aa5/icon/CMK1jPv9uoADEAE=.png',
9
+ tag: 'EssentialAnnouncementBar'
10
+ };
11
+
12
+ exports.default = AppConfig;