@gem-sdk/components 2.1.37 → 2.1.40
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.
- package/dist/cjs/builder.js +3 -1
- package/dist/cjs/carousel/components/plugins/AutoPlayPlugin.js +58 -17
- package/dist/cjs/image/components/AdaptiveImage.js +4 -3
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.liquid.js +2 -0
- package/dist/cjs/third-party/components/EcoboostifyShoppableReelUgc.js +32 -0
- package/dist/cjs/third-party/components/EcoboostifyShoppableReelUgc.liquid.js +12 -0
- package/dist/cjs/third-party/configs/EcoboostifyShoppableReelUgc.js +12 -0
- package/dist/cjs/third-party/next.js +5 -0
- package/dist/cjs/third-party/setting/EcoboostifyShoppableReelUgc.js +142 -0
- package/dist/cjs/third-party/setting/index.js +3 -1
- package/dist/esm/builder.js +3 -1
- package/dist/esm/carousel/components/plugins/AutoPlayPlugin.js +58 -17
- package/dist/esm/image/components/AdaptiveImage.js +4 -3
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.liquid.js +1 -0
- package/dist/esm/third-party/components/EcoboostifyShoppableReelUgc.js +28 -0
- package/dist/esm/third-party/components/EcoboostifyShoppableReelUgc.liquid.js +8 -0
- package/dist/esm/third-party/configs/EcoboostifyShoppableReelUgc.js +8 -0
- package/dist/esm/third-party/next.js +5 -0
- package/dist/esm/third-party/setting/EcoboostifyShoppableReelUgc.js +138 -0
- package/dist/esm/third-party/setting/index.js +3 -1
- package/dist/types/index.d.ts +18 -1
- package/package.json +2 -2
package/dist/cjs/builder.js
CHANGED
|
@@ -123,6 +123,7 @@ var GloColorSwatchvariantImage = require('./third-party/components/GloColorSwatc
|
|
|
123
123
|
var BfSizeChartSizeGuide = require('./third-party/components/BfSizeChartSizeGuide.js');
|
|
124
124
|
var AlsoBoughtCbb = require('./third-party/components/AlsoBoughtCbb.js');
|
|
125
125
|
var HextomFreeShippingBar = require('./third-party/components/HextomFreeShippingBar.js');
|
|
126
|
+
var EcoboostifyShoppableReelUgc = require('./third-party/components/EcoboostifyShoppableReelUgc.js');
|
|
126
127
|
var CartLineVariant = require('./cart/components/CartLineVariant.js');
|
|
127
128
|
var Cart = require('./cart/components/Cart.js');
|
|
128
129
|
var CartList = require('./cart/components/CartList.js');
|
|
@@ -503,7 +504,8 @@ var builder = {
|
|
|
503
504
|
GloColorSwatchvariantImage: GloColorSwatchvariantImage.default,
|
|
504
505
|
BfSizeChartSizeGuide: BfSizeChartSizeGuide.default,
|
|
505
506
|
AlsoBoughtCbb: AlsoBoughtCbb.default,
|
|
506
|
-
HextomFreeShippingBar: HextomFreeShippingBar.default
|
|
507
|
+
HextomFreeShippingBar: HextomFreeShippingBar.default,
|
|
508
|
+
EcoboostifyShoppableReelUgc: EcoboostifyShoppableReelUgc.default
|
|
507
509
|
};
|
|
508
510
|
|
|
509
511
|
exports.default = builder;
|
|
@@ -4,15 +4,41 @@ const AutoPlayPlugin = (slider)=>{
|
|
|
4
4
|
let autoplay = slider.options.autoplay ?? {};
|
|
5
5
|
let timeout;
|
|
6
6
|
let mouseOver = false;
|
|
7
|
+
let inViewport = false;
|
|
8
|
+
let observer = null;
|
|
9
|
+
// Thêm sự kiện cho dot nếu có
|
|
10
|
+
const $dots = slider?.container?.closest('[data-component-type="component"]')?.querySelector('.carousel-dots');
|
|
11
|
+
// Callback của IntersectionObserver
|
|
12
|
+
function handleIntersection(entries) {
|
|
13
|
+
entries.forEach((entry)=>{
|
|
14
|
+
// Với threshold 0, chỉ cần một phần bất kỳ hiển thị sẽ đánh dấu isIntersecting
|
|
15
|
+
inViewport = entry.isIntersecting;
|
|
16
|
+
if (inViewport) {
|
|
17
|
+
nextTimeout();
|
|
18
|
+
} else {
|
|
19
|
+
clearNextTimeout();
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
function initIntersectionObserver() {
|
|
24
|
+
// Nếu đã có observer hoặc không có container thì không khởi tạo lại
|
|
25
|
+
if (observer || !slider.container) return;
|
|
26
|
+
observer = new IntersectionObserver(handleIntersection, {
|
|
27
|
+
root: null,
|
|
28
|
+
threshold: 0
|
|
29
|
+
});
|
|
30
|
+
observer.observe(slider.container);
|
|
31
|
+
}
|
|
7
32
|
function clearNextTimeout() {
|
|
8
33
|
clearTimeout(timeout);
|
|
9
34
|
}
|
|
10
35
|
function nextTimeout() {
|
|
11
|
-
|
|
36
|
+
clearNextTimeout();
|
|
12
37
|
timeout = setTimeout(()=>{
|
|
13
|
-
|
|
38
|
+
// Nếu đang hover, autoplay bị tắt hoặc slider không trong viewport thì không chuyển slide
|
|
39
|
+
if (mouseOver || !autoplay.enable || !inViewport) return;
|
|
14
40
|
slider.next();
|
|
15
|
-
}, autoplay
|
|
41
|
+
}, autoplay.delay ?? 2000);
|
|
16
42
|
}
|
|
17
43
|
function onMouseOver() {
|
|
18
44
|
mouseOver = true;
|
|
@@ -23,11 +49,15 @@ const AutoPlayPlugin = (slider)=>{
|
|
|
23
49
|
nextTimeout();
|
|
24
50
|
}
|
|
25
51
|
slider.on('created', ()=>{
|
|
26
|
-
|
|
52
|
+
$dots?.addEventListener('mouseover', onMouseOver);
|
|
53
|
+
$dots?.addEventListener('mouseout', onMouseOut);
|
|
54
|
+
// Nếu tùy chọn pauseOnHover bật thì thêm sự kiện hover cho container slider
|
|
55
|
+
if (autoplay.pauseOnHover && slider.container) {
|
|
27
56
|
slider.container.addEventListener('mouseover', onMouseOver);
|
|
28
57
|
slider.container.addEventListener('mouseout', onMouseOut);
|
|
29
58
|
}
|
|
30
|
-
if (
|
|
59
|
+
if (autoplay.enable) {
|
|
60
|
+
initIntersectionObserver();
|
|
31
61
|
nextTimeout();
|
|
32
62
|
}
|
|
33
63
|
});
|
|
@@ -35,29 +65,40 @@ const AutoPlayPlugin = (slider)=>{
|
|
|
35
65
|
slider.on('animationEnded', nextTimeout);
|
|
36
66
|
slider.on('updated', (newOptions)=>{
|
|
37
67
|
autoplay = newOptions.options?.autoplay ?? {};
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
slider.container.removeEventListener('mouseout', onMouseOut);
|
|
68
|
+
if (autoplay.enable) {
|
|
69
|
+
initIntersectionObserver();
|
|
70
|
+
nextTimeout();
|
|
71
|
+
}
|
|
43
72
|
});
|
|
44
73
|
slider.on('optionsChanged', (newOptions)=>{
|
|
45
|
-
|
|
46
|
-
$dots?.addEventListener('mouseover', onMouseOver);
|
|
47
|
-
$dots?.addEventListener('mouseout', onMouseOut);
|
|
48
|
-
if (newOptions.options.autoplay?.pauseOnHover !== autoplay.pauseOnHover) {
|
|
74
|
+
if (newOptions.options.autoplay?.pauseOnHover !== autoplay.pauseOnHover && slider.container) {
|
|
49
75
|
if (newOptions.options.autoplay?.pauseOnHover) {
|
|
50
76
|
slider.container.addEventListener('mouseover', onMouseOver);
|
|
51
77
|
slider.container.addEventListener('mouseout', onMouseOut);
|
|
52
|
-
}
|
|
53
|
-
if (!newOptions.options.autoplay?.pauseOnHover) {
|
|
78
|
+
} else {
|
|
54
79
|
slider.container.removeEventListener('mouseover', onMouseOver);
|
|
55
80
|
slider.container.removeEventListener('mouseout', onMouseOut);
|
|
56
81
|
mouseOver = false;
|
|
57
82
|
}
|
|
58
83
|
}
|
|
59
|
-
nextTimeout();
|
|
60
84
|
autoplay = newOptions.options.autoplay ?? {};
|
|
85
|
+
if (autoplay.enable) {
|
|
86
|
+
initIntersectionObserver();
|
|
87
|
+
nextTimeout();
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
slider.on('destroyed', ()=>{
|
|
91
|
+
if (slider.container) {
|
|
92
|
+
slider.container.removeEventListener('mouseover', onMouseOver);
|
|
93
|
+
slider.container.removeEventListener('mouseout', onMouseOut);
|
|
94
|
+
}
|
|
95
|
+
$dots?.removeEventListener('mouseover', onMouseOver);
|
|
96
|
+
$dots?.removeEventListener('mouseout', onMouseOut);
|
|
97
|
+
clearNextTimeout();
|
|
98
|
+
if (observer) {
|
|
99
|
+
observer.disconnect();
|
|
100
|
+
observer = null;
|
|
101
|
+
}
|
|
61
102
|
});
|
|
62
103
|
};
|
|
63
104
|
|
|
@@ -7,6 +7,7 @@ var Head = require('next/head');
|
|
|
7
7
|
var Img = require('./Img.js');
|
|
8
8
|
|
|
9
9
|
const AdaptiveImage = ({ srcSet, priority, pictureClass, imagePlaceholder, ...rest })=>{
|
|
10
|
+
const fallBackImage = 'https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif';
|
|
10
11
|
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
11
12
|
children: [
|
|
12
13
|
/*#__PURE__*/ jsxRuntime.jsxs(Head, {
|
|
@@ -36,17 +37,17 @@ const AdaptiveImage = ({ srcSet, priority, pictureClass, imagePlaceholder, ...re
|
|
|
36
37
|
children: [
|
|
37
38
|
!!srcSet?.mobile?.src && /*#__PURE__*/ jsxRuntime.jsx("source", {
|
|
38
39
|
media: "(max-width: 767px)",
|
|
39
|
-
srcSet: srcSet.mobile.src
|
|
40
|
+
srcSet: srcSet.mobile.src || fallBackImage
|
|
40
41
|
}),
|
|
41
42
|
!!srcSet?.tablet?.src && /*#__PURE__*/ jsxRuntime.jsx("source", {
|
|
42
43
|
media: "(max-width: 1024px)",
|
|
43
|
-
srcSet: srcSet?.tablet?.src
|
|
44
|
+
srcSet: srcSet?.tablet?.src || fallBackImage
|
|
44
45
|
}),
|
|
45
46
|
/*#__PURE__*/ jsxRuntime.jsx(Img.default, {
|
|
46
47
|
...rest,
|
|
47
48
|
loading: priority ? 'eager' : 'lazy',
|
|
48
49
|
image: {
|
|
49
|
-
src: srcSet?.desktop?.src || imagePlaceholder?.['desktop']
|
|
50
|
+
src: srcSet?.desktop?.src || imagePlaceholder?.['desktop'] || fallBackImage
|
|
50
51
|
}
|
|
51
52
|
})
|
|
52
53
|
]
|
package/dist/cjs/index.js
CHANGED
|
@@ -219,6 +219,7 @@ var GloColorSwatchvariantImage = require('./third-party/components/GloColorSwatc
|
|
|
219
219
|
var BfSizeChartSizeGuide = require('./third-party/components/BfSizeChartSizeGuide.js');
|
|
220
220
|
var AlsoBoughtCbb = require('./third-party/components/AlsoBoughtCbb.js');
|
|
221
221
|
var HextomFreeShippingBar = require('./third-party/components/HextomFreeShippingBar.js');
|
|
222
|
+
var EcoboostifyShoppableReelUgc = require('./third-party/components/EcoboostifyShoppableReelUgc.js');
|
|
222
223
|
var index$x = require('./third-party-instant/setting/index.js');
|
|
223
224
|
var InstantJudgemeReviews = require('./third-party-instant/components/InstantJudgemeReviews.js');
|
|
224
225
|
var InstantLooxReviews = require('./third-party-instant/components/InstantLooxReviews.js');
|
|
@@ -534,6 +535,7 @@ exports.GloColorSwatchvariantImage = GloColorSwatchvariantImage.default;
|
|
|
534
535
|
exports.BfSizeChartSizeGuide = BfSizeChartSizeGuide.default;
|
|
535
536
|
exports.AlsoBoughtCbb = AlsoBoughtCbb.default;
|
|
536
537
|
exports.HextomFreeShippingBar = HextomFreeShippingBar.default;
|
|
538
|
+
exports.EcoboostifyShoppableReelUgc = EcoboostifyShoppableReelUgc.default;
|
|
537
539
|
exports.thirdPartyInstantSetting = index$x.default;
|
|
538
540
|
exports.InstantJudgemeReviews = InstantJudgemeReviews.default;
|
|
539
541
|
exports.InstantLooxReviews = InstantLooxReviews.default;
|
package/dist/cjs/index.liquid.js
CHANGED
|
@@ -174,6 +174,7 @@ var GloColorSwatchvariantImage_liquid = require('./third-party/components/GloCol
|
|
|
174
174
|
var BfSizeChartSizeGuide_liquid = require('./third-party/components/BfSizeChartSizeGuide.liquid.js');
|
|
175
175
|
var AlsoBoughtCbb_liquid = require('./third-party/components/AlsoBoughtCbb.liquid.js');
|
|
176
176
|
var HextomFreeShippingBar_liquid = require('./third-party/components/HextomFreeShippingBar.liquid.js');
|
|
177
|
+
var EcoboostifyShoppableReelUgc_liquid = require('./third-party/components/EcoboostifyShoppableReelUgc.liquid.js');
|
|
177
178
|
var ImageComparison_liquid = require('./image-comparison/components/ImageComparison.liquid.js');
|
|
178
179
|
var ThirdPartySlot_liquid = require('./third-party-slot/components/ThirdPartySlot.liquid.js');
|
|
179
180
|
var Sticky_liquid = require('./sticky/components/Sticky.liquid.js');
|
|
@@ -370,6 +371,7 @@ exports.GloColorSwatchvariantImage = GloColorSwatchvariantImage_liquid.default;
|
|
|
370
371
|
exports.BfSizeChartSizeGuide = BfSizeChartSizeGuide_liquid.default;
|
|
371
372
|
exports.AlsoBoughtCbb = AlsoBoughtCbb_liquid.default;
|
|
372
373
|
exports.HextomFreeShippingBar = HextomFreeShippingBar_liquid.default;
|
|
374
|
+
exports.EcoboostifyShoppableReelUgc = EcoboostifyShoppableReelUgc_liquid.default;
|
|
373
375
|
exports.ImageComparison = ImageComparison_liquid.default;
|
|
374
376
|
exports.ThirdPartySlot = ThirdPartySlot_liquid.default;
|
|
375
377
|
exports.Sticky = Sticky_liquid.default;
|
|
@@ -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 EcoboostifyShoppableReelUgc$1 = require('../configs/EcoboostifyShoppableReelUgc.js');
|
|
9
|
+
|
|
10
|
+
const EcoboostifyShoppableReelUgcContent = ()=>{
|
|
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: 'EcoBoostify Shoppable Reel UGC',
|
|
17
|
+
iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${EcoboostifyShoppableReelUgc$1.default.logoUrl}">`
|
|
18
|
+
}
|
|
19
|
+
})
|
|
20
|
+
})
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
const EcoboostifyShoppableReelUgc = ({ setting })=>{
|
|
24
|
+
return /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
25
|
+
style: {
|
|
26
|
+
...core.makeStyleResponsive('ta', setting?.align)
|
|
27
|
+
},
|
|
28
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(EcoboostifyShoppableReelUgcContent, {})
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
exports.default = EcoboostifyShoppableReelUgc;
|
|
@@ -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 EcoboostifyShoppableReelUgc = ({ setting, advanced })=>{
|
|
8
|
+
const { align, appBlockId } = setting ?? {};
|
|
9
|
+
return thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
exports.default = EcoboostifyShoppableReelUgc;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var AppConfig = {
|
|
6
|
+
id: 'ecoboostify-shoppable-reel-ugc',
|
|
7
|
+
label: 'EcoBoostify Shoppable Reel UGC',
|
|
8
|
+
logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png',
|
|
9
|
+
tag: 'EcoboostifyShoppableReelUgc'
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
exports.default = AppConfig;
|
|
@@ -458,7 +458,12 @@ const HextomFreeShippingBar = dynamic(()=>Promise.resolve().then(function () { r
|
|
|
458
458
|
ssr: false,
|
|
459
459
|
loading: Loading.default
|
|
460
460
|
});
|
|
461
|
+
const EcoboostifyShoppableReelUgc = dynamic(()=>Promise.resolve().then(function () { return require('./components/EcoboostifyShoppableReelUgc.js'); }), {
|
|
462
|
+
ssr: false,
|
|
463
|
+
loading: Loading.default
|
|
464
|
+
});
|
|
461
465
|
var thirdParty = {
|
|
466
|
+
EcoboostifyShoppableReelUgc,
|
|
462
467
|
EstimatedDeliveryDatePlus,
|
|
463
468
|
OkendoReviewsLoyalty,
|
|
464
469
|
EssentialAnnouncementBar,
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var EcoboostifyShoppableReelUgc = require('../configs/EcoboostifyShoppableReelUgc.js');
|
|
6
|
+
|
|
7
|
+
const config = {
|
|
8
|
+
tag: EcoboostifyShoppableReelUgc.default.tag,
|
|
9
|
+
label: EcoboostifyShoppableReelUgc.default.label,
|
|
10
|
+
icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">',
|
|
11
|
+
editorConfigs: {
|
|
12
|
+
component: {
|
|
13
|
+
isThirdParty: true
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
presets: [
|
|
17
|
+
{
|
|
18
|
+
id: EcoboostifyShoppableReelUgc.default.id,
|
|
19
|
+
name: {
|
|
20
|
+
en: EcoboostifyShoppableReelUgc.default.label
|
|
21
|
+
},
|
|
22
|
+
hideTextContent: true,
|
|
23
|
+
icon: {
|
|
24
|
+
desktop: `<div class="w-full flex flex-col items-center">
|
|
25
|
+
<img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">
|
|
26
|
+
<span class="preset-item-title">EcoBoostify Shoppable Reel UGC</span>
|
|
27
|
+
</div>`
|
|
28
|
+
},
|
|
29
|
+
components: [
|
|
30
|
+
{
|
|
31
|
+
tag: EcoboostifyShoppableReelUgc.default.tag
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
],
|
|
36
|
+
settings: [
|
|
37
|
+
{
|
|
38
|
+
id: 'setting',
|
|
39
|
+
controls: [
|
|
40
|
+
{
|
|
41
|
+
id: 'appBlockId',
|
|
42
|
+
type: 'input',
|
|
43
|
+
default: ''
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
id: 'widgetType',
|
|
47
|
+
label: 'Choose widget',
|
|
48
|
+
type: 'select',
|
|
49
|
+
options: [
|
|
50
|
+
{
|
|
51
|
+
label: 'Reel Playlist',
|
|
52
|
+
value: 'reel-playlist'
|
|
53
|
+
}
|
|
54
|
+
],
|
|
55
|
+
default: 'reel-playlist'
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
id: 'playlistId',
|
|
59
|
+
label: 'Playlist ID',
|
|
60
|
+
type: 'input'
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
id: 'install',
|
|
64
|
+
type: 'open-link',
|
|
65
|
+
target: '_blank',
|
|
66
|
+
linkType: 'install',
|
|
67
|
+
href: 'https://apps.shopify.com/ecoboostify?utm_source=gempages',
|
|
68
|
+
appName: EcoboostifyShoppableReelUgc.default.label
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
id: 'openApp',
|
|
72
|
+
type: 'open-link',
|
|
73
|
+
target: '_blank',
|
|
74
|
+
linkType: 'openApp',
|
|
75
|
+
href: 'https://admin.shopify.com/?redirect=/apps/ecoboostify',
|
|
76
|
+
appName: EcoboostifyShoppableReelUgc.default.label
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
id: 'align',
|
|
80
|
+
label: 'Alignment',
|
|
81
|
+
type: 'segment',
|
|
82
|
+
options: [
|
|
83
|
+
{
|
|
84
|
+
label: 'Left',
|
|
85
|
+
value: 'left',
|
|
86
|
+
type: 'align'
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
label: 'Center',
|
|
90
|
+
value: 'center',
|
|
91
|
+
type: 'align'
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
label: 'Right',
|
|
95
|
+
value: 'right',
|
|
96
|
+
type: 'align'
|
|
97
|
+
}
|
|
98
|
+
],
|
|
99
|
+
devices: {
|
|
100
|
+
desktop: {
|
|
101
|
+
default: 'left'
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
|
+
],
|
|
108
|
+
ui: [
|
|
109
|
+
{
|
|
110
|
+
type: 'control',
|
|
111
|
+
setting: {
|
|
112
|
+
id: 'install'
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
type: 'control',
|
|
117
|
+
setting: {
|
|
118
|
+
id: 'playlistId'
|
|
119
|
+
},
|
|
120
|
+
label: {
|
|
121
|
+
en: 'Playlist ID'
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
type: 'control',
|
|
126
|
+
setting: {
|
|
127
|
+
id: 'openApp'
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
type: 'control',
|
|
132
|
+
label: {
|
|
133
|
+
en: 'Align'
|
|
134
|
+
},
|
|
135
|
+
setting: {
|
|
136
|
+
id: 'align'
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
]
|
|
140
|
+
};
|
|
141
|
+
|
|
142
|
+
exports.default = config;
|
|
@@ -115,6 +115,7 @@ var GloColorSwatchvariantImage = require('./GloColorSwatchvariantImage.js');
|
|
|
115
115
|
var BfSizeChartSizeGuide = require('./BfSizeChartSizeGuide.js');
|
|
116
116
|
var AlsoBoughtCbb = require('./AlsoBoughtCbb.js');
|
|
117
117
|
var HextomFreeShippingBar = require('./HextomFreeShippingBar.js');
|
|
118
|
+
var EcoboostifyShoppableReelUgc = require('./EcoboostifyShoppableReelUgc.js');
|
|
118
119
|
|
|
119
120
|
var index = {
|
|
120
121
|
HextomCountdownTimerBar: HextomCountdownTimerBar.default,
|
|
@@ -229,7 +230,8 @@ var index = {
|
|
|
229
230
|
GloColorSwatchvariantImage: GloColorSwatchvariantImage.default,
|
|
230
231
|
BfSizeChartSizeGuide: BfSizeChartSizeGuide.default,
|
|
231
232
|
AlsoBoughtCbb: AlsoBoughtCbb.default,
|
|
232
|
-
HextomFreeShippingBar: HextomFreeShippingBar.default
|
|
233
|
+
HextomFreeShippingBar: HextomFreeShippingBar.default,
|
|
234
|
+
EcoboostifyShoppableReelUgc: EcoboostifyShoppableReelUgc.default
|
|
233
235
|
};
|
|
234
236
|
|
|
235
237
|
exports.default = index;
|
package/dist/esm/builder.js
CHANGED
|
@@ -119,6 +119,7 @@ import GloColorSwatchvariantImage from './third-party/components/GloColorSwatchv
|
|
|
119
119
|
import BfSizeChartSizeGuide from './third-party/components/BfSizeChartSizeGuide.js';
|
|
120
120
|
import AlsoBoughtCbb from './third-party/components/AlsoBoughtCbb.js';
|
|
121
121
|
import HextomFreeShippingBar from './third-party/components/HextomFreeShippingBar.js';
|
|
122
|
+
import EcoboostifyShoppableReelUgc from './third-party/components/EcoboostifyShoppableReelUgc.js';
|
|
122
123
|
import CartLineVariant from './cart/components/CartLineVariant.js';
|
|
123
124
|
import Cart from './cart/components/Cart.js';
|
|
124
125
|
import CartList from './cart/components/CartList.js';
|
|
@@ -499,7 +500,8 @@ var builder = {
|
|
|
499
500
|
GloColorSwatchvariantImage,
|
|
500
501
|
BfSizeChartSizeGuide,
|
|
501
502
|
AlsoBoughtCbb,
|
|
502
|
-
HextomFreeShippingBar
|
|
503
|
+
HextomFreeShippingBar,
|
|
504
|
+
EcoboostifyShoppableReelUgc
|
|
503
505
|
};
|
|
504
506
|
|
|
505
507
|
export { builder as default };
|
|
@@ -2,15 +2,41 @@ const AutoPlayPlugin = (slider)=>{
|
|
|
2
2
|
let autoplay = slider.options.autoplay ?? {};
|
|
3
3
|
let timeout;
|
|
4
4
|
let mouseOver = false;
|
|
5
|
+
let inViewport = false;
|
|
6
|
+
let observer = null;
|
|
7
|
+
// Thêm sự kiện cho dot nếu có
|
|
8
|
+
const $dots = slider?.container?.closest('[data-component-type="component"]')?.querySelector('.carousel-dots');
|
|
9
|
+
// Callback của IntersectionObserver
|
|
10
|
+
function handleIntersection(entries) {
|
|
11
|
+
entries.forEach((entry)=>{
|
|
12
|
+
// Với threshold 0, chỉ cần một phần bất kỳ hiển thị sẽ đánh dấu isIntersecting
|
|
13
|
+
inViewport = entry.isIntersecting;
|
|
14
|
+
if (inViewport) {
|
|
15
|
+
nextTimeout();
|
|
16
|
+
} else {
|
|
17
|
+
clearNextTimeout();
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function initIntersectionObserver() {
|
|
22
|
+
// Nếu đã có observer hoặc không có container thì không khởi tạo lại
|
|
23
|
+
if (observer || !slider.container) return;
|
|
24
|
+
observer = new IntersectionObserver(handleIntersection, {
|
|
25
|
+
root: null,
|
|
26
|
+
threshold: 0
|
|
27
|
+
});
|
|
28
|
+
observer.observe(slider.container);
|
|
29
|
+
}
|
|
5
30
|
function clearNextTimeout() {
|
|
6
31
|
clearTimeout(timeout);
|
|
7
32
|
}
|
|
8
33
|
function nextTimeout() {
|
|
9
|
-
|
|
34
|
+
clearNextTimeout();
|
|
10
35
|
timeout = setTimeout(()=>{
|
|
11
|
-
|
|
36
|
+
// Nếu đang hover, autoplay bị tắt hoặc slider không trong viewport thì không chuyển slide
|
|
37
|
+
if (mouseOver || !autoplay.enable || !inViewport) return;
|
|
12
38
|
slider.next();
|
|
13
|
-
}, autoplay
|
|
39
|
+
}, autoplay.delay ?? 2000);
|
|
14
40
|
}
|
|
15
41
|
function onMouseOver() {
|
|
16
42
|
mouseOver = true;
|
|
@@ -21,11 +47,15 @@ const AutoPlayPlugin = (slider)=>{
|
|
|
21
47
|
nextTimeout();
|
|
22
48
|
}
|
|
23
49
|
slider.on('created', ()=>{
|
|
24
|
-
|
|
50
|
+
$dots?.addEventListener('mouseover', onMouseOver);
|
|
51
|
+
$dots?.addEventListener('mouseout', onMouseOut);
|
|
52
|
+
// Nếu tùy chọn pauseOnHover bật thì thêm sự kiện hover cho container slider
|
|
53
|
+
if (autoplay.pauseOnHover && slider.container) {
|
|
25
54
|
slider.container.addEventListener('mouseover', onMouseOver);
|
|
26
55
|
slider.container.addEventListener('mouseout', onMouseOut);
|
|
27
56
|
}
|
|
28
|
-
if (
|
|
57
|
+
if (autoplay.enable) {
|
|
58
|
+
initIntersectionObserver();
|
|
29
59
|
nextTimeout();
|
|
30
60
|
}
|
|
31
61
|
});
|
|
@@ -33,29 +63,40 @@ const AutoPlayPlugin = (slider)=>{
|
|
|
33
63
|
slider.on('animationEnded', nextTimeout);
|
|
34
64
|
slider.on('updated', (newOptions)=>{
|
|
35
65
|
autoplay = newOptions.options?.autoplay ?? {};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
slider.container.removeEventListener('mouseout', onMouseOut);
|
|
66
|
+
if (autoplay.enable) {
|
|
67
|
+
initIntersectionObserver();
|
|
68
|
+
nextTimeout();
|
|
69
|
+
}
|
|
41
70
|
});
|
|
42
71
|
slider.on('optionsChanged', (newOptions)=>{
|
|
43
|
-
|
|
44
|
-
$dots?.addEventListener('mouseover', onMouseOver);
|
|
45
|
-
$dots?.addEventListener('mouseout', onMouseOut);
|
|
46
|
-
if (newOptions.options.autoplay?.pauseOnHover !== autoplay.pauseOnHover) {
|
|
72
|
+
if (newOptions.options.autoplay?.pauseOnHover !== autoplay.pauseOnHover && slider.container) {
|
|
47
73
|
if (newOptions.options.autoplay?.pauseOnHover) {
|
|
48
74
|
slider.container.addEventListener('mouseover', onMouseOver);
|
|
49
75
|
slider.container.addEventListener('mouseout', onMouseOut);
|
|
50
|
-
}
|
|
51
|
-
if (!newOptions.options.autoplay?.pauseOnHover) {
|
|
76
|
+
} else {
|
|
52
77
|
slider.container.removeEventListener('mouseover', onMouseOver);
|
|
53
78
|
slider.container.removeEventListener('mouseout', onMouseOut);
|
|
54
79
|
mouseOver = false;
|
|
55
80
|
}
|
|
56
81
|
}
|
|
57
|
-
nextTimeout();
|
|
58
82
|
autoplay = newOptions.options.autoplay ?? {};
|
|
83
|
+
if (autoplay.enable) {
|
|
84
|
+
initIntersectionObserver();
|
|
85
|
+
nextTimeout();
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
slider.on('destroyed', ()=>{
|
|
89
|
+
if (slider.container) {
|
|
90
|
+
slider.container.removeEventListener('mouseover', onMouseOver);
|
|
91
|
+
slider.container.removeEventListener('mouseout', onMouseOut);
|
|
92
|
+
}
|
|
93
|
+
$dots?.removeEventListener('mouseover', onMouseOver);
|
|
94
|
+
$dots?.removeEventListener('mouseout', onMouseOut);
|
|
95
|
+
clearNextTimeout();
|
|
96
|
+
if (observer) {
|
|
97
|
+
observer.disconnect();
|
|
98
|
+
observer = null;
|
|
99
|
+
}
|
|
59
100
|
});
|
|
60
101
|
};
|
|
61
102
|
|
|
@@ -3,6 +3,7 @@ import Head from 'next/head';
|
|
|
3
3
|
import Img from './Img.js';
|
|
4
4
|
|
|
5
5
|
const AdaptiveImage = ({ srcSet, priority, pictureClass, imagePlaceholder, ...rest })=>{
|
|
6
|
+
const fallBackImage = 'https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif';
|
|
6
7
|
return /*#__PURE__*/ jsxs(Fragment, {
|
|
7
8
|
children: [
|
|
8
9
|
/*#__PURE__*/ jsxs(Head, {
|
|
@@ -32,17 +33,17 @@ const AdaptiveImage = ({ srcSet, priority, pictureClass, imagePlaceholder, ...re
|
|
|
32
33
|
children: [
|
|
33
34
|
!!srcSet?.mobile?.src && /*#__PURE__*/ jsx("source", {
|
|
34
35
|
media: "(max-width: 767px)",
|
|
35
|
-
srcSet: srcSet.mobile.src
|
|
36
|
+
srcSet: srcSet.mobile.src || fallBackImage
|
|
36
37
|
}),
|
|
37
38
|
!!srcSet?.tablet?.src && /*#__PURE__*/ jsx("source", {
|
|
38
39
|
media: "(max-width: 1024px)",
|
|
39
|
-
srcSet: srcSet?.tablet?.src
|
|
40
|
+
srcSet: srcSet?.tablet?.src || fallBackImage
|
|
40
41
|
}),
|
|
41
42
|
/*#__PURE__*/ jsx(Img, {
|
|
42
43
|
...rest,
|
|
43
44
|
loading: priority ? 'eager' : 'lazy',
|
|
44
45
|
image: {
|
|
45
|
-
src: srcSet?.desktop?.src || imagePlaceholder?.['desktop']
|
|
46
|
+
src: srcSet?.desktop?.src || imagePlaceholder?.['desktop'] || fallBackImage
|
|
46
47
|
}
|
|
47
48
|
})
|
|
48
49
|
]
|
package/dist/esm/index.js
CHANGED
|
@@ -217,6 +217,7 @@ export { default as GloColorSwatchvariantImage } from './third-party/components/
|
|
|
217
217
|
export { default as BfSizeChartSizeGuide } from './third-party/components/BfSizeChartSizeGuide.js';
|
|
218
218
|
export { default as AlsoBoughtCbb } from './third-party/components/AlsoBoughtCbb.js';
|
|
219
219
|
export { default as HextomFreeShippingBar } from './third-party/components/HextomFreeShippingBar.js';
|
|
220
|
+
export { default as EcoboostifyShoppableReelUgc } from './third-party/components/EcoboostifyShoppableReelUgc.js';
|
|
220
221
|
export { default as thirdPartyInstantSetting } from './third-party-instant/setting/index.js';
|
|
221
222
|
export { default as InstantJudgemeReviews } from './third-party-instant/components/InstantJudgemeReviews.js';
|
|
222
223
|
export { default as InstantLooxReviews } from './third-party-instant/components/InstantLooxReviews.js';
|
package/dist/esm/index.liquid.js
CHANGED
|
@@ -172,6 +172,7 @@ export { default as GloColorSwatchvariantImage } from './third-party/components/
|
|
|
172
172
|
export { default as BfSizeChartSizeGuide } from './third-party/components/BfSizeChartSizeGuide.liquid.js';
|
|
173
173
|
export { default as AlsoBoughtCbb } from './third-party/components/AlsoBoughtCbb.liquid.js';
|
|
174
174
|
export { default as HextomFreeShippingBar } from './third-party/components/HextomFreeShippingBar.liquid.js';
|
|
175
|
+
export { default as EcoboostifyShoppableReelUgc } from './third-party/components/EcoboostifyShoppableReelUgc.liquid.js';
|
|
175
176
|
export { default as ImageComparison } from './image-comparison/components/ImageComparison.liquid.js';
|
|
176
177
|
export { default as ThirdPartySlot } from './third-party-slot/components/ThirdPartySlot.liquid.js';
|
|
177
178
|
export { default as Sticky } from './sticky/components/Sticky.liquid.js';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { makeStyleResponsive } from '@gem-sdk/core';
|
|
3
|
+
import ThirdPartyPreview from './ThirdPartyPreview.js';
|
|
4
|
+
import AppConfig from '../configs/EcoboostifyShoppableReelUgc.js';
|
|
5
|
+
|
|
6
|
+
const EcoboostifyShoppableReelUgcContent = ()=>{
|
|
7
|
+
return /*#__PURE__*/ jsx(Fragment, {
|
|
8
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
9
|
+
className: "gp-p-2",
|
|
10
|
+
children: /*#__PURE__*/ jsx(ThirdPartyPreview, {
|
|
11
|
+
setting: {
|
|
12
|
+
label: 'EcoBoostify Shoppable Reel UGC',
|
|
13
|
+
iconSvg: `<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="${AppConfig.logoUrl}">`
|
|
14
|
+
}
|
|
15
|
+
})
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
const EcoboostifyShoppableReelUgc = ({ setting })=>{
|
|
20
|
+
return /*#__PURE__*/ jsx("div", {
|
|
21
|
+
style: {
|
|
22
|
+
...makeStyleResponsive('ta', setting?.align)
|
|
23
|
+
},
|
|
24
|
+
children: /*#__PURE__*/ jsx(EcoboostifyShoppableReelUgcContent, {})
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export { EcoboostifyShoppableReelUgc as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
|
|
2
|
+
|
|
3
|
+
const EcoboostifyShoppableReelUgc = ({ setting, advanced })=>{
|
|
4
|
+
const { align, appBlockId } = setting ?? {};
|
|
5
|
+
return getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''} !gp-block`);
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { EcoboostifyShoppableReelUgc as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
var AppConfig = {
|
|
2
|
+
id: 'ecoboostify-shoppable-reel-ugc',
|
|
3
|
+
label: 'EcoBoostify Shoppable Reel UGC',
|
|
4
|
+
logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png',
|
|
5
|
+
tag: 'EcoboostifyShoppableReelUgc'
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { AppConfig as default };
|
|
@@ -454,7 +454,12 @@ const HextomFreeShippingBar = dynamic(()=>import('./components/HextomFreeShippin
|
|
|
454
454
|
ssr: false,
|
|
455
455
|
loading: Loading
|
|
456
456
|
});
|
|
457
|
+
const EcoboostifyShoppableReelUgc = dynamic(()=>import('./components/EcoboostifyShoppableReelUgc.js'), {
|
|
458
|
+
ssr: false,
|
|
459
|
+
loading: Loading
|
|
460
|
+
});
|
|
457
461
|
var thirdParty = {
|
|
462
|
+
EcoboostifyShoppableReelUgc,
|
|
458
463
|
EstimatedDeliveryDatePlus,
|
|
459
464
|
OkendoReviewsLoyalty,
|
|
460
465
|
EssentialAnnouncementBar,
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import AppConfig from '../configs/EcoboostifyShoppableReelUgc.js';
|
|
2
|
+
|
|
3
|
+
const config = {
|
|
4
|
+
tag: AppConfig.tag,
|
|
5
|
+
label: AppConfig.label,
|
|
6
|
+
icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">',
|
|
7
|
+
editorConfigs: {
|
|
8
|
+
component: {
|
|
9
|
+
isThirdParty: true
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
presets: [
|
|
13
|
+
{
|
|
14
|
+
id: AppConfig.id,
|
|
15
|
+
name: {
|
|
16
|
+
en: AppConfig.label
|
|
17
|
+
},
|
|
18
|
+
hideTextContent: true,
|
|
19
|
+
icon: {
|
|
20
|
+
desktop: `<div class="w-full flex flex-col items-center">
|
|
21
|
+
<img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">
|
|
22
|
+
<span class="preset-item-title">EcoBoostify Shoppable Reel UGC</span>
|
|
23
|
+
</div>`
|
|
24
|
+
},
|
|
25
|
+
components: [
|
|
26
|
+
{
|
|
27
|
+
tag: AppConfig.tag
|
|
28
|
+
}
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
],
|
|
32
|
+
settings: [
|
|
33
|
+
{
|
|
34
|
+
id: 'setting',
|
|
35
|
+
controls: [
|
|
36
|
+
{
|
|
37
|
+
id: 'appBlockId',
|
|
38
|
+
type: 'input',
|
|
39
|
+
default: ''
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
id: 'widgetType',
|
|
43
|
+
label: 'Choose widget',
|
|
44
|
+
type: 'select',
|
|
45
|
+
options: [
|
|
46
|
+
{
|
|
47
|
+
label: 'Reel Playlist',
|
|
48
|
+
value: 'reel-playlist'
|
|
49
|
+
}
|
|
50
|
+
],
|
|
51
|
+
default: 'reel-playlist'
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
id: 'playlistId',
|
|
55
|
+
label: 'Playlist ID',
|
|
56
|
+
type: 'input'
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
id: 'install',
|
|
60
|
+
type: 'open-link',
|
|
61
|
+
target: '_blank',
|
|
62
|
+
linkType: 'install',
|
|
63
|
+
href: 'https://apps.shopify.com/ecoboostify?utm_source=gempages',
|
|
64
|
+
appName: AppConfig.label
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
id: 'openApp',
|
|
68
|
+
type: 'open-link',
|
|
69
|
+
target: '_blank',
|
|
70
|
+
linkType: 'openApp',
|
|
71
|
+
href: 'https://admin.shopify.com/?redirect=/apps/ecoboostify',
|
|
72
|
+
appName: AppConfig.label
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
id: 'align',
|
|
76
|
+
label: 'Alignment',
|
|
77
|
+
type: 'segment',
|
|
78
|
+
options: [
|
|
79
|
+
{
|
|
80
|
+
label: 'Left',
|
|
81
|
+
value: 'left',
|
|
82
|
+
type: 'align'
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
label: 'Center',
|
|
86
|
+
value: 'center',
|
|
87
|
+
type: 'align'
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
label: 'Right',
|
|
91
|
+
value: 'right',
|
|
92
|
+
type: 'align'
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
devices: {
|
|
96
|
+
desktop: {
|
|
97
|
+
default: 'left'
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
]
|
|
102
|
+
}
|
|
103
|
+
],
|
|
104
|
+
ui: [
|
|
105
|
+
{
|
|
106
|
+
type: 'control',
|
|
107
|
+
setting: {
|
|
108
|
+
id: 'install'
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
type: 'control',
|
|
113
|
+
setting: {
|
|
114
|
+
id: 'playlistId'
|
|
115
|
+
},
|
|
116
|
+
label: {
|
|
117
|
+
en: 'Playlist ID'
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
type: 'control',
|
|
122
|
+
setting: {
|
|
123
|
+
id: 'openApp'
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
type: 'control',
|
|
128
|
+
label: {
|
|
129
|
+
en: 'Align'
|
|
130
|
+
},
|
|
131
|
+
setting: {
|
|
132
|
+
id: 'align'
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
export { config as default };
|
|
@@ -111,6 +111,7 @@ import config$1J from './GloColorSwatchvariantImage.js';
|
|
|
111
111
|
import config$1K from './BfSizeChartSizeGuide.js';
|
|
112
112
|
import config$1L from './AlsoBoughtCbb.js';
|
|
113
113
|
import config$1M from './HextomFreeShippingBar.js';
|
|
114
|
+
import config$1N from './EcoboostifyShoppableReelUgc.js';
|
|
114
115
|
|
|
115
116
|
var index = {
|
|
116
117
|
HextomCountdownTimerBar: config,
|
|
@@ -225,7 +226,8 @@ var index = {
|
|
|
225
226
|
GloColorSwatchvariantImage: config$1J,
|
|
226
227
|
BfSizeChartSizeGuide: config$1K,
|
|
227
228
|
AlsoBoughtCbb: config$1L,
|
|
228
|
-
HextomFreeShippingBar: config$1M
|
|
229
|
+
HextomFreeShippingBar: config$1M,
|
|
230
|
+
EcoboostifyShoppableReelUgc: config$1N
|
|
229
231
|
};
|
|
230
232
|
|
|
231
233
|
export { index as default };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2435,6 +2435,7 @@ declare const _default$r: {
|
|
|
2435
2435
|
BfSizeChartSizeGuide: _gem_sdk_core.ComponentSetting<BfSizeChartSizeGuideProps>;
|
|
2436
2436
|
AlsoBoughtCbb: _gem_sdk_core.ComponentSetting<AlsoBoughtCbbProps>;
|
|
2437
2437
|
HextomFreeShippingBar: _gem_sdk_core.ComponentSetting<HextomFreeShippingBarProps>;
|
|
2438
|
+
EcoboostifyShoppableReelUgc: _gem_sdk_core.ComponentSetting<EcoboostifyShoppableReelUgcProps>;
|
|
2438
2439
|
};
|
|
2439
2440
|
|
|
2440
2441
|
type RechargeSubscriptionsProps = BaseProps<{
|
|
@@ -3505,6 +3506,16 @@ type HextomFreeShippingBarProps = BaseProps<{
|
|
|
3505
3506
|
}>;
|
|
3506
3507
|
declare const HextomFreeShippingBar$1: React.FC<HextomFreeShippingBarProps>;
|
|
3507
3508
|
|
|
3509
|
+
type EcoboostifyShoppableReelUgcProps = BaseProps<{
|
|
3510
|
+
align?: ObjectDevices<AlignProp>;
|
|
3511
|
+
openApp?: any;
|
|
3512
|
+
install?: any;
|
|
3513
|
+
appBlockId?: string;
|
|
3514
|
+
widgetType?: string;
|
|
3515
|
+
playlistId?: string;
|
|
3516
|
+
}>;
|
|
3517
|
+
declare const EcoboostifyShoppableReelUgc$1: React.FC<EcoboostifyShoppableReelUgcProps>;
|
|
3518
|
+
|
|
3508
3519
|
declare const _default$q: {
|
|
3509
3520
|
InstantJudgemeReviews: _gem_sdk_core.ComponentSetting<InstantJudgemeReviewsProps>;
|
|
3510
3521
|
InstantLooxReviews: _gem_sdk_core.ComponentSetting<InstantLooxReviewsProps>;
|
|
@@ -5136,6 +5147,7 @@ declare const _default$1: {
|
|
|
5136
5147
|
InstantLooxReviews: React.ComponentType<InstantLooxReviewsProps>;
|
|
5137
5148
|
InstantKlaviyo: React.ComponentType<InstantKlaviyoProps>;
|
|
5138
5149
|
InstantYotpoLoyalty: React.ComponentType<InstantYotpoLoyaltyProps>;
|
|
5150
|
+
EcoboostifyShoppableReelUgc: React.ComponentType<EcoboostifyShoppableReelUgcProps>;
|
|
5139
5151
|
EstimatedDeliveryDatePlus: React.ComponentType<EstimatedDeliveryDatePlusProps>;
|
|
5140
5152
|
OkendoReviewsLoyalty: React.ComponentType<OkendoReviewsLoyaltyProps>;
|
|
5141
5153
|
EssentialAnnouncementBar: React.ComponentType<EssentialAnnouncementBarProps>;
|
|
@@ -6900,6 +6912,8 @@ declare const AlsoBoughtCbb: ({ setting, advanced }: AlsoBoughtCbbProps) => stri
|
|
|
6900
6912
|
|
|
6901
6913
|
declare const HextomFreeShippingBar: ({ setting, advanced }: HextomFreeShippingBarProps) => string;
|
|
6902
6914
|
|
|
6915
|
+
declare const EcoboostifyShoppableReelUgc: ({ setting, advanced }: EcoboostifyShoppableReelUgcProps) => string;
|
|
6916
|
+
|
|
6903
6917
|
declare const ImageComparison: ({ setting, styles, builderProps, advanced, ...props }: ImageComparisonProps) => string;
|
|
6904
6918
|
|
|
6905
6919
|
declare const ThirdPartySlot: ({ setting, advanced }: ThirdPartySlotProps) => string;
|
|
@@ -7099,6 +7113,7 @@ declare const index_liquid_DynamicCheckout: typeof DynamicCheckout;
|
|
|
7099
7113
|
declare const index_liquid_EasifyProductOptions: typeof EasifyProductOptions;
|
|
7100
7114
|
declare const index_liquid_EasyBundleBuilderSkailama: typeof EasyBundleBuilderSkailama;
|
|
7101
7115
|
declare const index_liquid_EasySellCOD: typeof EasySellCOD;
|
|
7116
|
+
declare const index_liquid_EcoboostifyShoppableReelUgc: typeof EcoboostifyShoppableReelUgc;
|
|
7102
7117
|
declare const index_liquid_EssentialAnnouncementBar: typeof EssentialAnnouncementBar;
|
|
7103
7118
|
declare const index_liquid_EssentialCountdownTimerBar: typeof EssentialCountdownTimerBar;
|
|
7104
7119
|
declare const index_liquid_EstimateDate: typeof EstimateDate;
|
|
@@ -7289,6 +7304,7 @@ declare namespace index_liquid {
|
|
|
7289
7304
|
index_liquid_EasifyProductOptions as EasifyProductOptions,
|
|
7290
7305
|
index_liquid_EasyBundleBuilderSkailama as EasyBundleBuilderSkailama,
|
|
7291
7306
|
index_liquid_EasySellCOD as EasySellCOD,
|
|
7307
|
+
index_liquid_EcoboostifyShoppableReelUgc as EcoboostifyShoppableReelUgc,
|
|
7292
7308
|
index_liquid_EssentialAnnouncementBar as EssentialAnnouncementBar,
|
|
7293
7309
|
index_liquid_EssentialCountdownTimerBar as EssentialCountdownTimerBar,
|
|
7294
7310
|
index_liquid_EstimateDate as EstimateDate,
|
|
@@ -7776,6 +7792,7 @@ declare const _default: {
|
|
|
7776
7792
|
BfSizeChartSizeGuide: React.FC<BfSizeChartSizeGuideProps>;
|
|
7777
7793
|
AlsoBoughtCbb: React.FC<AlsoBoughtCbbProps>;
|
|
7778
7794
|
HextomFreeShippingBar: React.FC<HextomFreeShippingBarProps>;
|
|
7795
|
+
EcoboostifyShoppableReelUgc: React.FC<EcoboostifyShoppableReelUgcProps>;
|
|
7779
7796
|
};
|
|
7780
7797
|
|
|
7781
7798
|
declare const ELEMENT_Z_INDEX: {
|
|
@@ -7821,4 +7838,4 @@ declare const replaceLinkData: (text?: string, isTranslate?: boolean) => string
|
|
|
7821
7838
|
declare const getAllHrefFromString: (htmlString: string) => string[];
|
|
7822
7839
|
declare const replaceAllHrefFromString: (htmlString: string, hrefs: string[]) => string;
|
|
7823
7840
|
|
|
7824
|
-
export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, AccordionItemProps, AccordionProps, AftershipEmailMarketingsms$1 as AftershipEmailMarketingsms, AftershipEmailMarketingsmsProps, AirProductReviewsAppUgc$1 as AirProductReviewsAppUgc, AirProductReviewsAppUgcProps, AliReviews$1 as AliReviews, AliReviewsProps, AlsoBoughtCbb$1 as AlsoBoughtCbb, AlsoBoughtCbbProps, AppointmentBookingCowlendar$1 as AppointmentBookingCowlendar, AppointmentBookingCowlendarProps, AppstleSubscriptions$1 as AppstleSubscriptions, AppstleSubscriptionsProps, ArticleAuthor$1 as ArticleAuthor, ArticleCategory$1 as ArticleCategory, ArticleContent$1 as ArticleContent, ArticleDate$1 as ArticleDate, ArticleExcerpt$1 as ArticleExcerpt, ArticleImage$1 as ArticleImage, ArticleList$1 as ArticleList, ArticlePagination$1 as ArticlePagination, ArticleReadMore$1 as ArticleReadMore, ArticleTag$1 as ArticleTag, ArticleTitle$1 as ArticleTitle, BgImage as BackgroundImage, BackgroundImageProps, BasicHeader, BestBuyFulfillment$1 as BestBuyFulfillment, BestBuyFulfillmentProps, BfSizeChartSizeGuide$1 as BfSizeChartSizeGuide, BfSizeChartSizeGuideProps, BirdChime$1 as BirdChime, BirdChimeProps, Bogos$1 as Bogos, BogosProps, BoldProductOptions$1 as BoldProductOptions, BoldProductOptionsProps, BoldSubscriptions$1 as BoldSubscriptions, BoldSubscriptionsProps, BonLoyaltyRewardsReferrals$1 as BonLoyaltyRewardsReferrals, BonLoyaltyRewardsReferralsProps, BoostAISearchDiscovery$1 as BoostAISearchDiscovery, BoostAISearchDiscoveryProps, Breadcrumb$1 as Breadcrumb, Breadcrumb$1 as BreadcrumbProps, Bundler$1 as Bundler, BundlerProps, Button$2 as Button, ButtonProps, CSSCode$1 as CSSCode, CSSCodeProps, Carousel$1 as Carousel, CarouselItem$1 as CarouselItem, CarouselItemProps, CarouselProps, CarouselSettings, CarouselStyles, Cart, CartCheckout, CartDiscount, CartLineAttribute, CartLineImage, CartLinePrice, CartLineVariant, CartList, CartOrderNote, CartProps, CartTotalItem, CartTotalPrice, CheckoutNow, CleanSizeChartProps, CleanSizeCharts$1 as CleanSizeCharts, Column$1 as Col, ColProps$1 as ColProps, CollectionBanner$1 as CollectionBanner, CollectionBannerProps, CollectionDescription$1 as CollectionDescription, CollectionDescriptionProps, CollectionPaginator$1 as CollectionPaginator, CollectionPaginatorProps, CollectionTitle$1 as CollectionTitle, CollectionTitleProps, CollectionToolbar$1 as CollectionToolbar, CollectionToolbarProps, ContactForm$1 as ContactForm, Countdown$1 as Countdown, CountdownProps, Coupon$1 as Coupon, CouponList, CouponProps, CrossSellCartUpsell$1 as CrossSellCartUpsell, CrossSellCartUpsellProps, CustomProductOptionsVariant$1 as CustomProductOptionsVariant, CustomProductOptionsVariantProps, DataVideoType, DesktopMenu, Dialog$1 as Dialog, DiscountInput, DiscountyBulkDiscountSales$1 as DiscountyBulkDiscountSales, DiscountyBulkDiscountSalesProps, DynamicCheckout$1 as DynamicCheckout, DynamicCheckoutProps, ELEMENT_Z_INDEX, EasifyProductOptions$1 as EasifyProductOptions, EasifyProductOptionsProps, EasyBundleBuilderSkailama$1 as EasyBundleBuilderSkailama, EasyBundleBuilderSkailamaProps, EasySell as EasySellCOD, EasySellProps, EssentialAnnouncementBar$1 as EssentialAnnouncementBar, EssentialAnnouncementBarProps, EssentialCountdownTimerBar$1 as EssentialCountdownTimerBar, EssentialCountdownTimerBarProps, EstimateDate$1 as EstimateDate, EstimateDateProps, EstimatedDeliveryDatePlus$1 as EstimatedDeliveryDatePlus, EstimatedDeliveryDatePlusProps, FastBundleBundlesDiscounts$1 as FastBundleBundlesDiscounts, FastBundleBundlesDiscountsProps, FeraReviews$1 as FeraReviews, FeraReviewsProps, FileUpload$1 as FileUpload, FileUploadProps, FirePush$1 as FirePush, FirePushProps, FlyBundlesUpsellsFbt$1 as FlyBundlesUpsellsFbt, FlyBundlesUpsellsFbtProps, FordeerProductLabels$1 as FordeerProductLabels, FordeerProductLabelsProps, FormCheckbox, FormCheckboxProps, FormDropdown$1 as FormDropdown, FormDropdownProps, FormEmail$1 as FormEmail, FormEmailProps, FormTextArea as FormTextarea, FrequentlyBoughtTogether$1 as FrequentlyBoughtTogether, FrequentlyBoughtTogetherProps, GloColorSwatchvariantImage$1 as GloColorSwatchvariantImage, GloColorSwatchvariantImageProps, GloboProductOptionsVariant$1 as GloboProductOptionsVariant, GloboProductOptionsVariantProps, GoogleReviewsByReputon$1 as GoogleReviewsByReputon, GoogleReviewsByReputonProps, Growave$1 as Growave, GrowaveProps, Header, HeaderProps, Heading$1 as Heading, HeadingProps, HeroBanner$1 as HeroBanner, HeroBannerProps, HextomCountdownTimerBar$1 as HextomCountdownTimerBar, HextomCountdownTimerBarProps, HextomFreeShippingBar$1 as HextomFreeShippingBar, HextomFreeShippingBarProps, HulkFormBuilder$1 as HulkFormBuilder, HulkFormBuilderProps, HulkProductOptions$1 as HulkProductOptions, HulkProductOptionsProps, Icon$1 as Icon, IconList$1 as IconList, IconListHoz$1 as IconListHoz, IconListHozItem, IconListHozProps, IconListItem$1 as IconListItem, IconListItemProps$3 as IconListItemProps, IconListProps$2 as IconListProps, IconListV2$1 as IconListV2, IconProps$1 as IconProps, Image$1 as Image, ImageComparison$1 as ImageComparison, ImageDetection, ImageDetectionProps, ImageProps, InfiniteOptions$1 as InfiniteOptions, InfiniteOptionsProps, Input, InputProps, Instafeed$1 as Instafeed, InstafeedProps, InstantJudgemeReviews, InstantJudgemeReviewsProps, InstantKlaviyo, InstantKlaviyoProps, InstantLooxReviews, InstantLooxReviewsProps, InstantYotpoLoyalty, InstantYotpoLoyaltyProps, InstasellShoppableInstagram$1 as InstasellShoppableInstagram, InstasellShoppableInstagramProps, JudgemeReviews$1 as JudgemeReviews, JudgemeReviewsProps, JunipProductReviewsUgc$1 as JunipProductReviewsUgc, JunipProductReviewsUgcProps, KachingBundles$1 as KachingBundles, KachingBundlesProps, KingProductOptions$1 as KingProductOptions, KingProductOptionsProps, KiteFreeGiftDiscount$1 as KiteFreeGiftDiscount, KiteFreeGiftDiscountProps, KlarnaMessaging$1 as KlarnaMessaging, KlarnaMessagingProps, Klaviyo$1 as Klaviyo, KlaviyoProps, KoalaBundleQuantityDiscount$1 as KoalaBundleQuantityDiscount, KoalaBundleQuantityDiscountProps, LaiProductReviews$1 as LaiProductReviews, LaiProductReviewsProps, Line$2 as Line, LineProps$1 as LineProps, Link, LinkProps$1 as LinkProps, LoloyalLoyaltyReferrals$1 as LoloyalLoyaltyReferrals, LoloyalLoyaltyReferralsProps, LoopSubscriptions$1 as LoopSubscriptions, LoopSubscriptionsProps, LooxReviews$1 as LooxReviews, LooxReviewsProps, Marquee$1 as Marquee, _default$2 as MarqueeItem, MarqueeItemProps, MarqueeProps, MaxbundleProductBundles$1 as MaxbundleProductBundles, MaxbundleProductBundlesProps, MbcBundleVolumeDiscount$1 as MbcBundleVolumeDiscount, MbcBundleVolumeDiscountProps, Menu, MenuProps, MobileMenu, Modal, ModernHeader, MyappgurusProductReviews$1 as MyappgurusProductReviews, MyappgurusProductReviewsProps, Newsletter$1 as Newsletter, NewsletterProps, Notify as Notice, NotificationAPI, NotificationConfig, NotifyBackInStockPreOrder$1 as NotifyBackInStockPreOrder, NotifyBackInStockPreOrderProps, OkendoReviewsLoyalty$1 as OkendoReviewsLoyalty, OkendoReviewsLoyaltyProps, Omnisend$1 as Omnisend, OmnisendProps, Opinew$1 as Opinew, OpinewProps, Pagination, PaginationProps, ParcelPanel$1 as ParcelPanel, ParcelPanelProps, PickyStory$1 as PickyStory, PickyStoryProps, PostPurchaseAcceptButton, PostPurchaseAcceptButtonProps, PostPurchaseAdvancedList, PostPurchaseAdvancedListItem, PostPurchaseAdvancedListProps, Button$1 as PostPurchaseButton, PostPurchaseButtonProps, CalloutBox as PostPurchaseCalloutBox, CalloutText as PostPurchaseCalloutText, PostPurchaseCountdownTimer, PostPurchaseHeading, PostPurchaseImage, PostPurchaseImageProps, Line$1 as PostPurchaseLine, PostPurchaseLineProps, PostPurchaseProductDescription, PostPurchaseProductDescriptionProps, PostPurchaseProductDiscountTag, PostPurchaseProductDiscountTagProps, PostPurchaseProductImages, PostPurchaseProductImagesProps, PostPurchaseProductOffer, PostPurchaseProductOfferProps, PostPurchaseProductPrice, PostPurchaseProductPriceBreakdown, PostPurchaseProductPriceBreakdownProps, PostPurchaseProductPriceProps, PostPurchaseProductQuantity, PostPurchaseProductQuantityProps, PostPurchaseProductTitle, PostPurchaseProductTitleProps, PostPurchaseProductVariants, PostPurchaseProductVariantsProps, Text$1 as PostPurchaseText, PostPurchaseTextProps, PowerfulContactFormBuilder$1 as PowerfulContactFormBuilder, PowerfulContactFormBuilderProps, PowrContactFormBuilder$1 as PowrContactFormBuilder, PowrContactFormBuilderProps, PreorderNowPreOrderPq$1 as PreorderNowPreOrderPq, PreorderNowPreOrderPqProps, PreorderNowWodPresale$1 as PreorderNowWodPresale, PreorderNowWodPresaleProps, Product$1 as Product, ProductBadge$1 as ProductBadge, ProductBadgeProps, ProductBundleDiscount$1 as ProductBundleDiscount, ProductBundleDiscountItem$1 as ProductBundleDiscountItem, ProductButton$1 as ProductButton, ProductButtonProps, ProductDescription$1 as ProductDescription, ProductDescriptionProps, ProductImages$2 as ProductImages, ProductImagesProps, ProductImagesV2, ProductList$1 as ProductList, ProductList$1 as ProductListProps, ProductOptionsCustomizer$1 as ProductOptionsCustomizer, ProductOptionsCustomizerProps, ProductOptionsVariantOption$1 as ProductOptionsVariantOption, ProductOptionsVariantOptionProps, ProductPrice$1 as ProductPrice, ProductPriceProps, ProductPropertiesProps, ProductProperties$1 as ProductPropertyInput, ProductProps, ProductQuantity$1 as ProductQuantity, ProductQuantityBreakItemProps, ProductQuantityBreakProps, ProductQuantityProps, QuickView as ProductQuickView, ProductReviews$1 as ProductReviews, ProductReviewsProps, ProductSku$1 as ProductSku, ProductTag$1 as ProductTag, ProductTagProps, ProductTitle$1 as ProductTitle, ProductTitleProps, ProductVariants$1 as ProductVariants, ProductVariantsProps, ProductVendor$1 as ProductVendor, ProductViewMore$1 as ProductViewMore, ProductViewMoreProps, PumperBundlesVolumeDiscount$1 as PumperBundlesVolumeDiscount, PumperBundlesVolumeDiscountProps, PushOwl$1 as PushOwl, PushOwlProps, QikifyUpsell$1 as QikifyUpsell, QikifyUpsellProps, Radio, RadioProps, RapiBundleQuantityBreaks$1 as RapiBundleQuantityBreaks, RapiBundleQuantityBreaksProps, RechargeSubscriptions$1 as RechargeSubscriptions, RechargeSubscriptionsProps, RecurpaySubscriptionApp$1 as RecurpaySubscriptionApp, RecurpaySubscriptionAppProps, Releasit$1 as Releasit, ReleasitProps, RequestQuoteHidePrice$1 as RequestQuoteHidePrice, RequestQuoteHidePriceProps, ReviewxpoProductReviewsApp$1 as ReviewxpoProductReviewsApp, ReviewxpoProductReviewsAppProps, Rivyo$1 as Rivyo, RivyoProps, Root$1 as Root, RootProps$1 as RootProps, Row$1 as Row, RowProps$1 as RowProps, Ryviu$1 as Ryviu, RyviuProps, SealSubscriptions$1 as SealSubscriptions, SealSubscriptionsProps, Section$1 as Section, SegunoEmailMarketing$1 as SegunoEmailMarketing, SegunoEmailMarketingProps, Select, SelectProps, Selleasy$1 as Selleasy, SelleasyProps, SeoantTrustBadgesIcon$1 as SeoantTrustBadgesIcon, SeoantTrustBadgesIconProps, ShopPayButton$1 as ShopPayButton, ShopPayButtonProps, ShopifyForms$1 as ShopifyForms, ShopifyFormsProps, ShopifySubscriptions$1 as ShopifySubscriptions, ShopifySubscriptionsProps, SimpleBundlesKits$1 as SimpleBundlesKits, SimpleBundlesKitsProps, SkioSubscriptionsYcS20$1 as SkioSubscriptionsYcS20, SkioSubscriptionsYcS20Props, SkuProps, SmartSearchBarAndFilters$1 as SmartSearchBarAndFilters, SmartSearchBarAndFiltersProps, SproutPlantTreesGrowSales$1 as SproutPlantTreesGrowSales, SproutPlantTreesGrowSalesProps, Stamped$1 as Stamped, StampedProps, StellarDeliveryDatePickup$1 as StellarDeliveryDatePickup, StellarDeliveryDatePickupProps, Sticky$1 as Sticky, StickyProps, StockCounter$1 as StockCounter, StockCounterProps, SubifySubscriptionsApp$1 as SubifySubscriptionsApp, SubifySubscriptionsAppProps, SubmitButton$1 as SubmitButton, SubmitButtonProps, TabItem$1 as TabItem, TabItemProps, Tabs$1 as Tabs, TabsProps, TagembedSocialPostReview$1 as TagembedSocialPostReview, TagembedSocialPostReviewProps, TagshopShoppableVideosUgc$1 as TagshopShoppableVideosUgc, TagshopShoppableVideosUgcProps, TeeinblueProductPersonalizer$1 as TeeinblueProductPersonalizer, TeeinblueProductPersonalizerProps, Text$2 as Text, TextAreaProps, TextField$1 as TextField, TextFieldProps, TextProps$1 as TextProps, TextArea as Textarea, TextareaProps, ThirdPartySlot$1 as ThirdPartySlot, TrustBadgesBear$1 as TrustBadgesBear, TrustBadgesBearProps, TrustMe$1 as TrustMe, TrustMeProps, TrustedsiteTrustBadges$1 as TrustedsiteTrustBadges, TrustedsiteTrustBadgesProps, Trustoo$1 as Trustoo, TrustooProps, TrustreviewsProductReviews$1 as TrustreviewsProductReviews, TrustreviewsProductReviewsProps, TrustshopProductReviews$1 as TrustshopProductReviews, TrustshopProductReviewsProps, UltimateSalesBoost$1 as UltimateSalesBoost, UltimateSalesBoostProps, UnlimitedBundlesDiscounts$1 as UnlimitedBundlesDiscounts, UnlimitedBundlesDiscountsProps, VendorProps, Video$1 as Video, Vitals$1 as Vitals, VitalsProps, WhatmoreShoppableVideosreel$1 as WhatmoreShoppableVideosreel, WhatmoreShoppableVideosreelProps, WideBundle$1 as WideBundle, WideBundleProps, Wiser$1 as Wiser, WiserProps, WishlistKing$1 as WishlistKing, WishlistKingProps, WishlistPlus$1 as WishlistPlus, WishlistPlusProps, YotpoLoyalty, YotpoLoyaltyProps, YotpoReviews$1 as YotpoReviews, YotpoReviewsProps, _default$R as accordionSetting, _default$4 as articleListSetting, _default$p as bannerSetting, _default$Q as breadcrumbSetting, _default as builderComponent, _default$P as buttonSetting, _default$N as carouselSetting, _default$K as cartSetting, _default$n as codeSetting, _default$J as collectionSetting, _default$j as contactFormSetting, convertSizeToWidth, _default$I as countdownSetting, _default$O as couponSetting, _default$k as dialogSetting, _default$5 as estimateDeliverySetting, getAllHrefFromString, getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale, _default$L as gridSetting, _default$G as headerSetting, _default$H as headingSetting, _default$m as iconListHozSetting, _default$o as iconListSetting, _default$e as iconListSettingV2, _default$F as iconSetting, _default$h as imageComparisonSetting, _default$i as imageDetectionSetting, _default$M as imageSetting, _default$E as inputSetting, isHexTransparent, isTransparentColor, isTransparentRGBA, _default$D as lineSetting, _default$C as linkSetting, index_liquid as liquidComponents, _default$3 as marqueeSetting, _default$s as menuSetting, _default$B as modalSetting, _default$1 as nextComponent, openConfirm, _default$A as paginationSetting, _default$7 as postPurchaseAdvancedListSetting, _default$b as postPurchaseButtonSetting, _default$9 as postPurchaseCalloutBoxSetting, _default$6 as postPurchaseCountdownTimerSetting, _default$c as postPurchaseImageSetting, _default$8 as postPurchaseLineSetting, postPurchaseProduct1Col, postPurchaseProduct2Col, postPurchaseProductDefault, _default$a as postPurchaseProductSetting, _default$d as postPurchaseTextSetting, _default$z as productSetting, _default$x as radioSetting, replaceAllHrefFromString, replaceLinkData, _default$w as selectSetting, _default$f as stickySetting, _default$l as stockCounterSetting, _default$v as tabSetting, _default$y as textSetting, _default$u as textareaSetting, _default$q as thirdPartyInstantSetting, _default$r as thirdPartySetting, _default$g as thirdPartySlotSetting, transformHighlighTag, transformNumberTag, useInView, useNotification, _default$t as videoSetting, youtubeShortsRegex };
|
|
7841
|
+
export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, AccordionItemProps, AccordionProps, AftershipEmailMarketingsms$1 as AftershipEmailMarketingsms, AftershipEmailMarketingsmsProps, AirProductReviewsAppUgc$1 as AirProductReviewsAppUgc, AirProductReviewsAppUgcProps, AliReviews$1 as AliReviews, AliReviewsProps, AlsoBoughtCbb$1 as AlsoBoughtCbb, AlsoBoughtCbbProps, AppointmentBookingCowlendar$1 as AppointmentBookingCowlendar, AppointmentBookingCowlendarProps, AppstleSubscriptions$1 as AppstleSubscriptions, AppstleSubscriptionsProps, ArticleAuthor$1 as ArticleAuthor, ArticleCategory$1 as ArticleCategory, ArticleContent$1 as ArticleContent, ArticleDate$1 as ArticleDate, ArticleExcerpt$1 as ArticleExcerpt, ArticleImage$1 as ArticleImage, ArticleList$1 as ArticleList, ArticlePagination$1 as ArticlePagination, ArticleReadMore$1 as ArticleReadMore, ArticleTag$1 as ArticleTag, ArticleTitle$1 as ArticleTitle, BgImage as BackgroundImage, BackgroundImageProps, BasicHeader, BestBuyFulfillment$1 as BestBuyFulfillment, BestBuyFulfillmentProps, BfSizeChartSizeGuide$1 as BfSizeChartSizeGuide, BfSizeChartSizeGuideProps, BirdChime$1 as BirdChime, BirdChimeProps, Bogos$1 as Bogos, BogosProps, BoldProductOptions$1 as BoldProductOptions, BoldProductOptionsProps, BoldSubscriptions$1 as BoldSubscriptions, BoldSubscriptionsProps, BonLoyaltyRewardsReferrals$1 as BonLoyaltyRewardsReferrals, BonLoyaltyRewardsReferralsProps, BoostAISearchDiscovery$1 as BoostAISearchDiscovery, BoostAISearchDiscoveryProps, Breadcrumb$1 as Breadcrumb, Breadcrumb$1 as BreadcrumbProps, Bundler$1 as Bundler, BundlerProps, Button$2 as Button, ButtonProps, CSSCode$1 as CSSCode, CSSCodeProps, Carousel$1 as Carousel, CarouselItem$1 as CarouselItem, CarouselItemProps, CarouselProps, CarouselSettings, CarouselStyles, Cart, CartCheckout, CartDiscount, CartLineAttribute, CartLineImage, CartLinePrice, CartLineVariant, CartList, CartOrderNote, CartProps, CartTotalItem, CartTotalPrice, CheckoutNow, CleanSizeChartProps, CleanSizeCharts$1 as CleanSizeCharts, Column$1 as Col, ColProps$1 as ColProps, CollectionBanner$1 as CollectionBanner, CollectionBannerProps, CollectionDescription$1 as CollectionDescription, CollectionDescriptionProps, CollectionPaginator$1 as CollectionPaginator, CollectionPaginatorProps, CollectionTitle$1 as CollectionTitle, CollectionTitleProps, CollectionToolbar$1 as CollectionToolbar, CollectionToolbarProps, ContactForm$1 as ContactForm, Countdown$1 as Countdown, CountdownProps, Coupon$1 as Coupon, CouponList, CouponProps, CrossSellCartUpsell$1 as CrossSellCartUpsell, CrossSellCartUpsellProps, CustomProductOptionsVariant$1 as CustomProductOptionsVariant, CustomProductOptionsVariantProps, DataVideoType, DesktopMenu, Dialog$1 as Dialog, DiscountInput, DiscountyBulkDiscountSales$1 as DiscountyBulkDiscountSales, DiscountyBulkDiscountSalesProps, DynamicCheckout$1 as DynamicCheckout, DynamicCheckoutProps, ELEMENT_Z_INDEX, EasifyProductOptions$1 as EasifyProductOptions, EasifyProductOptionsProps, EasyBundleBuilderSkailama$1 as EasyBundleBuilderSkailama, EasyBundleBuilderSkailamaProps, EasySell as EasySellCOD, EasySellProps, EcoboostifyShoppableReelUgc$1 as EcoboostifyShoppableReelUgc, EcoboostifyShoppableReelUgcProps, EssentialAnnouncementBar$1 as EssentialAnnouncementBar, EssentialAnnouncementBarProps, EssentialCountdownTimerBar$1 as EssentialCountdownTimerBar, EssentialCountdownTimerBarProps, EstimateDate$1 as EstimateDate, EstimateDateProps, EstimatedDeliveryDatePlus$1 as EstimatedDeliveryDatePlus, EstimatedDeliveryDatePlusProps, FastBundleBundlesDiscounts$1 as FastBundleBundlesDiscounts, FastBundleBundlesDiscountsProps, FeraReviews$1 as FeraReviews, FeraReviewsProps, FileUpload$1 as FileUpload, FileUploadProps, FirePush$1 as FirePush, FirePushProps, FlyBundlesUpsellsFbt$1 as FlyBundlesUpsellsFbt, FlyBundlesUpsellsFbtProps, FordeerProductLabels$1 as FordeerProductLabels, FordeerProductLabelsProps, FormCheckbox, FormCheckboxProps, FormDropdown$1 as FormDropdown, FormDropdownProps, FormEmail$1 as FormEmail, FormEmailProps, FormTextArea as FormTextarea, FrequentlyBoughtTogether$1 as FrequentlyBoughtTogether, FrequentlyBoughtTogetherProps, GloColorSwatchvariantImage$1 as GloColorSwatchvariantImage, GloColorSwatchvariantImageProps, GloboProductOptionsVariant$1 as GloboProductOptionsVariant, GloboProductOptionsVariantProps, GoogleReviewsByReputon$1 as GoogleReviewsByReputon, GoogleReviewsByReputonProps, Growave$1 as Growave, GrowaveProps, Header, HeaderProps, Heading$1 as Heading, HeadingProps, HeroBanner$1 as HeroBanner, HeroBannerProps, HextomCountdownTimerBar$1 as HextomCountdownTimerBar, HextomCountdownTimerBarProps, HextomFreeShippingBar$1 as HextomFreeShippingBar, HextomFreeShippingBarProps, HulkFormBuilder$1 as HulkFormBuilder, HulkFormBuilderProps, HulkProductOptions$1 as HulkProductOptions, HulkProductOptionsProps, Icon$1 as Icon, IconList$1 as IconList, IconListHoz$1 as IconListHoz, IconListHozItem, IconListHozProps, IconListItem$1 as IconListItem, IconListItemProps$3 as IconListItemProps, IconListProps$2 as IconListProps, IconListV2$1 as IconListV2, IconProps$1 as IconProps, Image$1 as Image, ImageComparison$1 as ImageComparison, ImageDetection, ImageDetectionProps, ImageProps, InfiniteOptions$1 as InfiniteOptions, InfiniteOptionsProps, Input, InputProps, Instafeed$1 as Instafeed, InstafeedProps, InstantJudgemeReviews, InstantJudgemeReviewsProps, InstantKlaviyo, InstantKlaviyoProps, InstantLooxReviews, InstantLooxReviewsProps, InstantYotpoLoyalty, InstantYotpoLoyaltyProps, InstasellShoppableInstagram$1 as InstasellShoppableInstagram, InstasellShoppableInstagramProps, JudgemeReviews$1 as JudgemeReviews, JudgemeReviewsProps, JunipProductReviewsUgc$1 as JunipProductReviewsUgc, JunipProductReviewsUgcProps, KachingBundles$1 as KachingBundles, KachingBundlesProps, KingProductOptions$1 as KingProductOptions, KingProductOptionsProps, KiteFreeGiftDiscount$1 as KiteFreeGiftDiscount, KiteFreeGiftDiscountProps, KlarnaMessaging$1 as KlarnaMessaging, KlarnaMessagingProps, Klaviyo$1 as Klaviyo, KlaviyoProps, KoalaBundleQuantityDiscount$1 as KoalaBundleQuantityDiscount, KoalaBundleQuantityDiscountProps, LaiProductReviews$1 as LaiProductReviews, LaiProductReviewsProps, Line$2 as Line, LineProps$1 as LineProps, Link, LinkProps$1 as LinkProps, LoloyalLoyaltyReferrals$1 as LoloyalLoyaltyReferrals, LoloyalLoyaltyReferralsProps, LoopSubscriptions$1 as LoopSubscriptions, LoopSubscriptionsProps, LooxReviews$1 as LooxReviews, LooxReviewsProps, Marquee$1 as Marquee, _default$2 as MarqueeItem, MarqueeItemProps, MarqueeProps, MaxbundleProductBundles$1 as MaxbundleProductBundles, MaxbundleProductBundlesProps, MbcBundleVolumeDiscount$1 as MbcBundleVolumeDiscount, MbcBundleVolumeDiscountProps, Menu, MenuProps, MobileMenu, Modal, ModernHeader, MyappgurusProductReviews$1 as MyappgurusProductReviews, MyappgurusProductReviewsProps, Newsletter$1 as Newsletter, NewsletterProps, Notify as Notice, NotificationAPI, NotificationConfig, NotifyBackInStockPreOrder$1 as NotifyBackInStockPreOrder, NotifyBackInStockPreOrderProps, OkendoReviewsLoyalty$1 as OkendoReviewsLoyalty, OkendoReviewsLoyaltyProps, Omnisend$1 as Omnisend, OmnisendProps, Opinew$1 as Opinew, OpinewProps, Pagination, PaginationProps, ParcelPanel$1 as ParcelPanel, ParcelPanelProps, PickyStory$1 as PickyStory, PickyStoryProps, PostPurchaseAcceptButton, PostPurchaseAcceptButtonProps, PostPurchaseAdvancedList, PostPurchaseAdvancedListItem, PostPurchaseAdvancedListProps, Button$1 as PostPurchaseButton, PostPurchaseButtonProps, CalloutBox as PostPurchaseCalloutBox, CalloutText as PostPurchaseCalloutText, PostPurchaseCountdownTimer, PostPurchaseHeading, PostPurchaseImage, PostPurchaseImageProps, Line$1 as PostPurchaseLine, PostPurchaseLineProps, PostPurchaseProductDescription, PostPurchaseProductDescriptionProps, PostPurchaseProductDiscountTag, PostPurchaseProductDiscountTagProps, PostPurchaseProductImages, PostPurchaseProductImagesProps, PostPurchaseProductOffer, PostPurchaseProductOfferProps, PostPurchaseProductPrice, PostPurchaseProductPriceBreakdown, PostPurchaseProductPriceBreakdownProps, PostPurchaseProductPriceProps, PostPurchaseProductQuantity, PostPurchaseProductQuantityProps, PostPurchaseProductTitle, PostPurchaseProductTitleProps, PostPurchaseProductVariants, PostPurchaseProductVariantsProps, Text$1 as PostPurchaseText, PostPurchaseTextProps, PowerfulContactFormBuilder$1 as PowerfulContactFormBuilder, PowerfulContactFormBuilderProps, PowrContactFormBuilder$1 as PowrContactFormBuilder, PowrContactFormBuilderProps, PreorderNowPreOrderPq$1 as PreorderNowPreOrderPq, PreorderNowPreOrderPqProps, PreorderNowWodPresale$1 as PreorderNowWodPresale, PreorderNowWodPresaleProps, Product$1 as Product, ProductBadge$1 as ProductBadge, ProductBadgeProps, ProductBundleDiscount$1 as ProductBundleDiscount, ProductBundleDiscountItem$1 as ProductBundleDiscountItem, ProductButton$1 as ProductButton, ProductButtonProps, ProductDescription$1 as ProductDescription, ProductDescriptionProps, ProductImages$2 as ProductImages, ProductImagesProps, ProductImagesV2, ProductList$1 as ProductList, ProductList$1 as ProductListProps, ProductOptionsCustomizer$1 as ProductOptionsCustomizer, ProductOptionsCustomizerProps, ProductOptionsVariantOption$1 as ProductOptionsVariantOption, ProductOptionsVariantOptionProps, ProductPrice$1 as ProductPrice, ProductPriceProps, ProductPropertiesProps, ProductProperties$1 as ProductPropertyInput, ProductProps, ProductQuantity$1 as ProductQuantity, ProductQuantityBreakItemProps, ProductQuantityBreakProps, ProductQuantityProps, QuickView as ProductQuickView, ProductReviews$1 as ProductReviews, ProductReviewsProps, ProductSku$1 as ProductSku, ProductTag$1 as ProductTag, ProductTagProps, ProductTitle$1 as ProductTitle, ProductTitleProps, ProductVariants$1 as ProductVariants, ProductVariantsProps, ProductVendor$1 as ProductVendor, ProductViewMore$1 as ProductViewMore, ProductViewMoreProps, PumperBundlesVolumeDiscount$1 as PumperBundlesVolumeDiscount, PumperBundlesVolumeDiscountProps, PushOwl$1 as PushOwl, PushOwlProps, QikifyUpsell$1 as QikifyUpsell, QikifyUpsellProps, Radio, RadioProps, RapiBundleQuantityBreaks$1 as RapiBundleQuantityBreaks, RapiBundleQuantityBreaksProps, RechargeSubscriptions$1 as RechargeSubscriptions, RechargeSubscriptionsProps, RecurpaySubscriptionApp$1 as RecurpaySubscriptionApp, RecurpaySubscriptionAppProps, Releasit$1 as Releasit, ReleasitProps, RequestQuoteHidePrice$1 as RequestQuoteHidePrice, RequestQuoteHidePriceProps, ReviewxpoProductReviewsApp$1 as ReviewxpoProductReviewsApp, ReviewxpoProductReviewsAppProps, Rivyo$1 as Rivyo, RivyoProps, Root$1 as Root, RootProps$1 as RootProps, Row$1 as Row, RowProps$1 as RowProps, Ryviu$1 as Ryviu, RyviuProps, SealSubscriptions$1 as SealSubscriptions, SealSubscriptionsProps, Section$1 as Section, SegunoEmailMarketing$1 as SegunoEmailMarketing, SegunoEmailMarketingProps, Select, SelectProps, Selleasy$1 as Selleasy, SelleasyProps, SeoantTrustBadgesIcon$1 as SeoantTrustBadgesIcon, SeoantTrustBadgesIconProps, ShopPayButton$1 as ShopPayButton, ShopPayButtonProps, ShopifyForms$1 as ShopifyForms, ShopifyFormsProps, ShopifySubscriptions$1 as ShopifySubscriptions, ShopifySubscriptionsProps, SimpleBundlesKits$1 as SimpleBundlesKits, SimpleBundlesKitsProps, SkioSubscriptionsYcS20$1 as SkioSubscriptionsYcS20, SkioSubscriptionsYcS20Props, SkuProps, SmartSearchBarAndFilters$1 as SmartSearchBarAndFilters, SmartSearchBarAndFiltersProps, SproutPlantTreesGrowSales$1 as SproutPlantTreesGrowSales, SproutPlantTreesGrowSalesProps, Stamped$1 as Stamped, StampedProps, StellarDeliveryDatePickup$1 as StellarDeliveryDatePickup, StellarDeliveryDatePickupProps, Sticky$1 as Sticky, StickyProps, StockCounter$1 as StockCounter, StockCounterProps, SubifySubscriptionsApp$1 as SubifySubscriptionsApp, SubifySubscriptionsAppProps, SubmitButton$1 as SubmitButton, SubmitButtonProps, TabItem$1 as TabItem, TabItemProps, Tabs$1 as Tabs, TabsProps, TagembedSocialPostReview$1 as TagembedSocialPostReview, TagembedSocialPostReviewProps, TagshopShoppableVideosUgc$1 as TagshopShoppableVideosUgc, TagshopShoppableVideosUgcProps, TeeinblueProductPersonalizer$1 as TeeinblueProductPersonalizer, TeeinblueProductPersonalizerProps, Text$2 as Text, TextAreaProps, TextField$1 as TextField, TextFieldProps, TextProps$1 as TextProps, TextArea as Textarea, TextareaProps, ThirdPartySlot$1 as ThirdPartySlot, TrustBadgesBear$1 as TrustBadgesBear, TrustBadgesBearProps, TrustMe$1 as TrustMe, TrustMeProps, TrustedsiteTrustBadges$1 as TrustedsiteTrustBadges, TrustedsiteTrustBadgesProps, Trustoo$1 as Trustoo, TrustooProps, TrustreviewsProductReviews$1 as TrustreviewsProductReviews, TrustreviewsProductReviewsProps, TrustshopProductReviews$1 as TrustshopProductReviews, TrustshopProductReviewsProps, UltimateSalesBoost$1 as UltimateSalesBoost, UltimateSalesBoostProps, UnlimitedBundlesDiscounts$1 as UnlimitedBundlesDiscounts, UnlimitedBundlesDiscountsProps, VendorProps, Video$1 as Video, Vitals$1 as Vitals, VitalsProps, WhatmoreShoppableVideosreel$1 as WhatmoreShoppableVideosreel, WhatmoreShoppableVideosreelProps, WideBundle$1 as WideBundle, WideBundleProps, Wiser$1 as Wiser, WiserProps, WishlistKing$1 as WishlistKing, WishlistKingProps, WishlistPlus$1 as WishlistPlus, WishlistPlusProps, YotpoLoyalty, YotpoLoyaltyProps, YotpoReviews$1 as YotpoReviews, YotpoReviewsProps, _default$R as accordionSetting, _default$4 as articleListSetting, _default$p as bannerSetting, _default$Q as breadcrumbSetting, _default as builderComponent, _default$P as buttonSetting, _default$N as carouselSetting, _default$K as cartSetting, _default$n as codeSetting, _default$J as collectionSetting, _default$j as contactFormSetting, convertSizeToWidth, _default$I as countdownSetting, _default$O as couponSetting, _default$k as dialogSetting, _default$5 as estimateDeliverySetting, getAllHrefFromString, getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale, _default$L as gridSetting, _default$G as headerSetting, _default$H as headingSetting, _default$m as iconListHozSetting, _default$o as iconListSetting, _default$e as iconListSettingV2, _default$F as iconSetting, _default$h as imageComparisonSetting, _default$i as imageDetectionSetting, _default$M as imageSetting, _default$E as inputSetting, isHexTransparent, isTransparentColor, isTransparentRGBA, _default$D as lineSetting, _default$C as linkSetting, index_liquid as liquidComponents, _default$3 as marqueeSetting, _default$s as menuSetting, _default$B as modalSetting, _default$1 as nextComponent, openConfirm, _default$A as paginationSetting, _default$7 as postPurchaseAdvancedListSetting, _default$b as postPurchaseButtonSetting, _default$9 as postPurchaseCalloutBoxSetting, _default$6 as postPurchaseCountdownTimerSetting, _default$c as postPurchaseImageSetting, _default$8 as postPurchaseLineSetting, postPurchaseProduct1Col, postPurchaseProduct2Col, postPurchaseProductDefault, _default$a as postPurchaseProductSetting, _default$d as postPurchaseTextSetting, _default$z as productSetting, _default$x as radioSetting, replaceAllHrefFromString, replaceLinkData, _default$w as selectSetting, _default$f as stickySetting, _default$l as stockCounterSetting, _default$v as tabSetting, _default$y as textSetting, _default$u as textareaSetting, _default$q as thirdPartyInstantSetting, _default$r as thirdPartySetting, _default$g as thirdPartySlotSetting, transformHighlighTag, transformNumberTag, useInView, useNotification, _default$t as videoSetting, youtubeShortsRegex };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.40",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"format": "prettier --write \"./src/**/*.{ts,tsx}\""
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@gem-sdk/core": "2.1.
|
|
24
|
+
"@gem-sdk/core": "2.1.40",
|
|
25
25
|
"@gem-sdk/styles": "2.1.31",
|
|
26
26
|
"@types/react-transition-group": "^4.4.5"
|
|
27
27
|
},
|