@gem-sdk/components 2.1.22 → 2.1.23
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/product/components/ProductBadge/index.liquid.js +13 -4
- package/dist/cjs/product/components/ProductBadge/utils/generateLiquidContent.js +2 -2
- package/dist/cjs/product/components/ProductDescription.liquid.js +21 -4
- package/dist/cjs/product/setting/ProductBadge.js +5 -0
- package/dist/cjs/product/setting/ProductDescription.js +5 -0
- package/dist/cjs/stock-counter/components/StockCounter.liquid.js +38 -6
- package/dist/cjs/stock-counter/setting/StockCounter.js +5 -0
- package/dist/esm/product/components/ProductBadge/index.liquid.js +14 -5
- package/dist/esm/product/components/ProductBadge/utils/generateLiquidContent.js +2 -2
- package/dist/esm/product/components/ProductDescription.liquid.js +22 -5
- package/dist/esm/product/setting/ProductBadge.js +5 -0
- package/dist/esm/product/setting/ProductDescription.js +5 -0
- package/dist/esm/stock-counter/components/StockCounter.liquid.js +39 -7
- package/dist/esm/stock-counter/setting/StockCounter.js +5 -0
- package/dist/types/index.d.ts +95 -60
- package/package.json +1 -1
|
@@ -14,7 +14,8 @@ var helpers = require('../../../helpers.js');
|
|
|
14
14
|
var renderBadgeLiquid = require('./utils/renderBadgeLiquid.js');
|
|
15
15
|
var getWhiteSpace = require('./utils/getWhiteSpace.js');
|
|
16
16
|
|
|
17
|
-
const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs, setting, style, imageData, dotData })=>{
|
|
17
|
+
const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs, setting, style, imageData, dotData, pageContext })=>{
|
|
18
|
+
const { displayContent, translate } = setting ?? {};
|
|
18
19
|
const isTextBadge = setting?.contentType === 'text';
|
|
19
20
|
const shape$1 = shape.getShape(setting?.shape);
|
|
20
21
|
const shapeAlignClass = common.getAlignShape(styles?.align, isInsideProductImage);
|
|
@@ -34,17 +35,24 @@ const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs
|
|
|
34
35
|
const paddingShape = common.getShapeWrapperPadding(shape$1?.ratio);
|
|
35
36
|
const composeGlobalSize = core.makeGlobalSize(badgeSize);
|
|
36
37
|
const isDropOutsideProductImage = setting?.positionWithImage === 'outside';
|
|
37
|
-
const isDiscountContent = common.checkDiscountContentProductBadge(
|
|
38
|
+
const isDiscountContent = common.checkDiscountContentProductBadge(displayContent);
|
|
39
|
+
const displayContentVal = helpers.getDynamicSourceLocales({
|
|
40
|
+
val: displayContent?.trim(),
|
|
41
|
+
uid: builderProps?.uid,
|
|
42
|
+
settingId: 'displayContent',
|
|
43
|
+
isLiquid: true,
|
|
44
|
+
pageContext,
|
|
45
|
+
translate
|
|
46
|
+
});
|
|
38
47
|
return core.template`
|
|
39
48
|
{% if product %}
|
|
40
|
-
${generateLiquidContent.generateBadgeContent(
|
|
49
|
+
${generateLiquidContent.generateBadgeContent(displayContentVal, pageContext?.isPreviewing)}
|
|
41
50
|
${renderBadgeLiquid.renderBadgeInFirstTime(setting?.displayTrigger, isDiscountContent, isTextBadge)}
|
|
42
51
|
<gp-product-badge
|
|
43
52
|
data-id="${builderProps?.uid}"
|
|
44
53
|
class="gp-product-badge !gp-max-w-none gp-shrink-0 ${builderProps?.uid} ${builderProps?.builderData?.advanced?.cssClass || ''} {{className}}"
|
|
45
54
|
id="g-product-badge-${builderProps?.uid}"
|
|
46
55
|
gp-data='${core.dataStringify({
|
|
47
|
-
displayContent: setting?.displayContent,
|
|
48
56
|
minPrice: '{{ minPriceValue }}',
|
|
49
57
|
variantIDs: '{{ product.variants | map: "id" | json | escape }}',
|
|
50
58
|
variantInventoryQuantities: '{{ product.variants | map: "inventory_quantity" | json | escape }}',
|
|
@@ -67,6 +75,7 @@ const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs
|
|
|
67
75
|
...sizeStyles
|
|
68
76
|
} : {}, style)
|
|
69
77
|
}}"
|
|
78
|
+
data-displayContent="${pageContext?.isPreviewing ? displayContentVal : `{{${displayContentVal}}}`}"
|
|
70
79
|
>
|
|
71
80
|
<div class="${shapeAlignClass} ${isDropOutsideProductImage && isTextBadge ? '' : 'gp-h-full'}">
|
|
72
81
|
<div
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const generateBadgeContent = (content)=>{
|
|
3
|
+
const generateBadgeContent = (content, isPreviewing)=>{
|
|
4
4
|
return `
|
|
5
|
-
{% assign content =
|
|
5
|
+
{% assign content = ${isPreviewing ? JSON.stringify(content) : content} %}
|
|
6
6
|
|
|
7
7
|
{%if content.size > 0 %}
|
|
8
8
|
{% if variant.compare_at_price and variant.compare_at_price > 0 %}
|
|
@@ -21,8 +21,8 @@ const getDisplayStyle = (fnCondition, defaultValue)=>{
|
|
|
21
21
|
});
|
|
22
22
|
return result;
|
|
23
23
|
};
|
|
24
|
-
const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
25
|
-
const { htmlTag } = setting ?? {};
|
|
24
|
+
const ProductDescription = ({ setting, advanced, builderProps, pageContext })=>{
|
|
25
|
+
const { htmlTag, translate, viewMoreText, viewLessText } = setting ?? {};
|
|
26
26
|
const appendTypoClass = core.composeTypographyClassName(setting?.typo, setting?.typography);
|
|
27
27
|
const appendTypoStyle = core.composeTypographyStyle(setting?.typo, setting?.typography);
|
|
28
28
|
const defaultStyle = {
|
|
@@ -47,6 +47,20 @@ const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
|
47
47
|
return getDisplayStyle((device)=>!!setting?.hasLineClamp && setting.hasLineClamp[device] !== undefined && !setting.hasLineClamp[device], 'block');
|
|
48
48
|
};
|
|
49
49
|
const Tag = htmlTag === 'html' ? 'div' : 'p';
|
|
50
|
+
const viewMoreTextDisplay = helpers.getDynamicSourceLocales({
|
|
51
|
+
val: viewMoreText,
|
|
52
|
+
uid: builderProps?.uid,
|
|
53
|
+
settingId: 'viewMoreText',
|
|
54
|
+
pageContext,
|
|
55
|
+
translate
|
|
56
|
+
});
|
|
57
|
+
const viewLessTextDisplay = helpers.getDynamicSourceLocales({
|
|
58
|
+
val: viewLessText,
|
|
59
|
+
uid: builderProps?.uid,
|
|
60
|
+
settingId: 'viewLessText',
|
|
61
|
+
pageContext,
|
|
62
|
+
translate
|
|
63
|
+
});
|
|
50
64
|
return core.template`
|
|
51
65
|
<gp-product-description data-id="${builderProps?.uid}" class="${advanced?.cssClass} gp-product-description" gp-data='${JSON.stringify({
|
|
52
66
|
setting: {
|
|
@@ -58,7 +72,10 @@ const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
|
58
72
|
},
|
|
59
73
|
defaultStyle,
|
|
60
74
|
collapseStyle
|
|
61
|
-
}).replaceAll("'", ''')}'
|
|
75
|
+
}).replaceAll("'", ''')}'
|
|
76
|
+
data-viewMoreText="${viewMoreTextDisplay}"
|
|
77
|
+
data-viewLessText="${viewLessTextDisplay}"
|
|
78
|
+
>
|
|
62
79
|
{%- unless product -%}
|
|
63
80
|
<p>Product not found</p>
|
|
64
81
|
{%- else -%}
|
|
@@ -87,7 +104,7 @@ const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
|
87
104
|
}}"
|
|
88
105
|
>
|
|
89
106
|
|
|
90
|
-
${
|
|
107
|
+
${viewMoreTextDisplay}
|
|
91
108
|
${setting?.enableViewMoreIcon ? `<svg
|
|
92
109
|
class="gp-ml-1 gp-inline-block"
|
|
93
110
|
style="display: inline-block; margin-left: 1px;"
|
|
@@ -7,9 +7,9 @@ var _const = require('../const.js');
|
|
|
7
7
|
var helpers = require('../helpers.js');
|
|
8
8
|
var helpers$1 = require('../../helpers.js');
|
|
9
9
|
|
|
10
|
-
const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
10
|
+
const StockCounter = ({ setting, styles, style, advanced, builderProps, pageContext })=>{
|
|
11
11
|
const { fullWidth, width, alignment, typography, typo, color, iconColor, textColor, displayProgressBar, progressBarHeight, roundedBorder, effect } = styles ?? {};
|
|
12
|
-
const { displayByDefault, scarcityThreshold = 0, remainingPercentage, showIcon, icon, template: templateString, outOfStockMessage, continueSelling, unlimitedQuantityMessage, hiddenCounterWhenOutOfStock } = setting ?? {};
|
|
12
|
+
const { displayByDefault, scarcityThreshold = 0, remainingPercentage, showIcon, icon, template: templateString, outOfStockMessage, continueSelling, unlimitedQuantityMessage, hiddenCounterWhenOutOfStock, translate } = setting ?? {};
|
|
13
13
|
const mainColor = textColor || 'brand';
|
|
14
14
|
const checkDisplay = ()=>{
|
|
15
15
|
if (displayByDefault) return true;
|
|
@@ -36,6 +36,34 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
|
36
36
|
]);
|
|
37
37
|
const appendTypoClass = core.composeTypographyClassName(styles?.typo, styles?.typography);
|
|
38
38
|
const appendTypoStyle = core.composeTypographyStyle(styles?.typo, styles?.typography);
|
|
39
|
+
const templateStringDisplay = helpers$1.getDynamicSourceLocales({
|
|
40
|
+
val: templateString,
|
|
41
|
+
uid: builderProps?.uid,
|
|
42
|
+
settingId: 'template',
|
|
43
|
+
pageContext,
|
|
44
|
+
translate
|
|
45
|
+
});
|
|
46
|
+
const outOfStockMessageDisplay = helpers$1.getDynamicSourceLocales({
|
|
47
|
+
val: outOfStockMessage,
|
|
48
|
+
uid: builderProps?.uid,
|
|
49
|
+
settingId: 'outOfStockMessage',
|
|
50
|
+
pageContext,
|
|
51
|
+
translate
|
|
52
|
+
});
|
|
53
|
+
const continueSellingDisplay = helpers$1.getDynamicSourceLocales({
|
|
54
|
+
val: continueSelling,
|
|
55
|
+
uid: builderProps?.uid,
|
|
56
|
+
settingId: 'continueSelling',
|
|
57
|
+
pageContext,
|
|
58
|
+
translate
|
|
59
|
+
});
|
|
60
|
+
const unlimitedQuantityMessageDisplay = helpers$1.getDynamicSourceLocales({
|
|
61
|
+
val: unlimitedQuantityMessage,
|
|
62
|
+
uid: builderProps?.uid,
|
|
63
|
+
settingId: 'unlimitedQuantityMessage',
|
|
64
|
+
pageContext,
|
|
65
|
+
translate
|
|
66
|
+
});
|
|
39
67
|
return core.template /* liquid */ `
|
|
40
68
|
{%- liquid
|
|
41
69
|
assign current_variant = variant
|
|
@@ -76,6 +104,10 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
|
76
104
|
data-id="${builderProps?.uid}"
|
|
77
105
|
data-visible="{{ should_display }}"
|
|
78
106
|
data-policy='{{ variant_policy_list }}'
|
|
107
|
+
data-template="${templateStringDisplay}"
|
|
108
|
+
data-outOfStockMessage="${outOfStockMessageDisplay}"
|
|
109
|
+
data-continueSelling="${continueSellingDisplay}"
|
|
110
|
+
data-unlimitedQuantityMessage="${unlimitedQuantityMessageDisplay}"
|
|
79
111
|
gp-setting='${JSON.stringify({
|
|
80
112
|
displayByDefault,
|
|
81
113
|
displayProgressBar,
|
|
@@ -121,13 +153,13 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
|
121
153
|
style="${appendTypoStyle}"
|
|
122
154
|
>
|
|
123
155
|
{% if inventory_management == null and inventory_quantity <= 0 %}
|
|
124
|
-
${helpers.transformHighlighTag(
|
|
156
|
+
${helpers.transformHighlighTag(unlimitedQuantityMessageDisplay ?? helpers$1.getStaticLocale('StockCounter', 'let_buy_now'), mainColor)}
|
|
125
157
|
{% elsif available == false %}
|
|
126
|
-
${helpers.transformHighlighTag(
|
|
158
|
+
${helpers.transformHighlighTag(outOfStockMessageDisplay || '', mainColor)}
|
|
127
159
|
{% elsif available and inventory_policy == '${_const.CONTINUE_SELLING_WHEN_OUT_OF_STOCK.toLowerCase()}' and inventory_quantity <= 0 %}
|
|
128
|
-
${helpers.transformHighlighTag(
|
|
160
|
+
${helpers.transformHighlighTag(continueSellingDisplay || '', mainColor)}
|
|
129
161
|
{% else %}
|
|
130
|
-
${helpers.transformHighlighTag(helpers.transformNumberTag(
|
|
162
|
+
${helpers.transformHighlighTag(helpers.transformNumberTag(templateStringDisplay || '', mainColor, `{{ inventory_quantity }}`), mainColor)}
|
|
131
163
|
{% endif %}
|
|
132
164
|
</p>
|
|
133
165
|
</div>
|
|
@@ -101,6 +101,11 @@ const config = {
|
|
|
101
101
|
type: 'textarea',
|
|
102
102
|
autoHeight: true,
|
|
103
103
|
default: '<mark>HURRY!</mark> LET BUY NOW'
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
id: 'translate',
|
|
107
|
+
type: 'input',
|
|
108
|
+
default: 'template,outOfStockMessage,continueSelling,unlimitedQuantityMessage'
|
|
104
109
|
}
|
|
105
110
|
]
|
|
106
111
|
},
|
|
@@ -6,11 +6,12 @@ import { getAlignShape, getSize, getShapeBorderStyle, getFilterDropShadow, conve
|
|
|
6
6
|
import { getShapePosition } from './utils/getShapePosition.js';
|
|
7
7
|
import { composeShapeStyleByPosition, composeTextStyleByPosition } from './utils/getRotateShape.js';
|
|
8
8
|
import { getStyleAdvanced } from './utils/getStyleAdvanced.js';
|
|
9
|
-
import { getSettingPreloadData } from '../../../helpers.js';
|
|
9
|
+
import { getDynamicSourceLocales, getSettingPreloadData } from '../../../helpers.js';
|
|
10
10
|
import { renderBadgeInFirstTime } from './utils/renderBadgeLiquid.js';
|
|
11
11
|
import { getWhiteSpaceStyle } from './utils/getWhiteSpace.js';
|
|
12
12
|
|
|
13
|
-
const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs, setting, style, imageData, dotData })=>{
|
|
13
|
+
const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs, setting, style, imageData, dotData, pageContext })=>{
|
|
14
|
+
const { displayContent, translate } = setting ?? {};
|
|
14
15
|
const isTextBadge = setting?.contentType === 'text';
|
|
15
16
|
const shape = getShape(setting?.shape);
|
|
16
17
|
const shapeAlignClass = getAlignShape(styles?.align, isInsideProductImage);
|
|
@@ -30,17 +31,24 @@ const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs
|
|
|
30
31
|
const paddingShape = getShapeWrapperPadding(shape?.ratio);
|
|
31
32
|
const composeGlobalSize = makeGlobalSize(badgeSize);
|
|
32
33
|
const isDropOutsideProductImage = setting?.positionWithImage === 'outside';
|
|
33
|
-
const isDiscountContent = checkDiscountContentProductBadge(
|
|
34
|
+
const isDiscountContent = checkDiscountContentProductBadge(displayContent);
|
|
35
|
+
const displayContentVal = getDynamicSourceLocales({
|
|
36
|
+
val: displayContent?.trim(),
|
|
37
|
+
uid: builderProps?.uid,
|
|
38
|
+
settingId: 'displayContent',
|
|
39
|
+
isLiquid: true,
|
|
40
|
+
pageContext,
|
|
41
|
+
translate
|
|
42
|
+
});
|
|
34
43
|
return template`
|
|
35
44
|
{% if product %}
|
|
36
|
-
${generateBadgeContent(
|
|
45
|
+
${generateBadgeContent(displayContentVal, pageContext?.isPreviewing)}
|
|
37
46
|
${renderBadgeInFirstTime(setting?.displayTrigger, isDiscountContent, isTextBadge)}
|
|
38
47
|
<gp-product-badge
|
|
39
48
|
data-id="${builderProps?.uid}"
|
|
40
49
|
class="gp-product-badge !gp-max-w-none gp-shrink-0 ${builderProps?.uid} ${builderProps?.builderData?.advanced?.cssClass || ''} {{className}}"
|
|
41
50
|
id="g-product-badge-${builderProps?.uid}"
|
|
42
51
|
gp-data='${dataStringify({
|
|
43
|
-
displayContent: setting?.displayContent,
|
|
44
52
|
minPrice: '{{ minPriceValue }}',
|
|
45
53
|
variantIDs: '{{ product.variants | map: "id" | json | escape }}',
|
|
46
54
|
variantInventoryQuantities: '{{ product.variants | map: "inventory_quantity" | json | escape }}',
|
|
@@ -63,6 +71,7 @@ const ProductBadge = ({ styles, builderProps, isInsideProductImage, builderAttrs
|
|
|
63
71
|
...sizeStyles
|
|
64
72
|
} : {}, style)
|
|
65
73
|
}}"
|
|
74
|
+
data-displayContent="${pageContext?.isPreviewing ? displayContentVal : `{{${displayContentVal}}}`}"
|
|
66
75
|
>
|
|
67
76
|
<div class="${shapeAlignClass} ${isDropOutsideProductImage && isTextBadge ? '' : 'gp-h-full'}">
|
|
68
77
|
<div
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
const generateBadgeContent = (content)=>{
|
|
1
|
+
const generateBadgeContent = (content, isPreviewing)=>{
|
|
2
2
|
return `
|
|
3
|
-
{% assign content =
|
|
3
|
+
{% assign content = ${isPreviewing ? JSON.stringify(content) : content} %}
|
|
4
4
|
|
|
5
5
|
{%if content.size > 0 %}
|
|
6
6
|
{% if variant.compare_at_price and variant.compare_at_price > 0 %}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { composeTypographyClassName, composeTypographyStyle, getStyleShadow, makeStyleResponsive, getGlobalColorStyle, makeStyle, makeLineClamp, template, cls, getGlobalColorClass, RenderIf, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
|
|
2
|
-
import { getSettingPreloadData } from '../../helpers.js';
|
|
2
|
+
import { getDynamicSourceLocales, getSettingPreloadData } from '../../helpers.js';
|
|
3
3
|
import { getMaxHeightStyleDefault } from './ProductDescription/common.js';
|
|
4
4
|
|
|
5
5
|
const devices = [
|
|
@@ -17,8 +17,8 @@ const getDisplayStyle = (fnCondition, defaultValue)=>{
|
|
|
17
17
|
});
|
|
18
18
|
return result;
|
|
19
19
|
};
|
|
20
|
-
const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
21
|
-
const { htmlTag } = setting ?? {};
|
|
20
|
+
const ProductDescription = ({ setting, advanced, builderProps, pageContext })=>{
|
|
21
|
+
const { htmlTag, translate, viewMoreText, viewLessText } = setting ?? {};
|
|
22
22
|
const appendTypoClass = composeTypographyClassName(setting?.typo, setting?.typography);
|
|
23
23
|
const appendTypoStyle = composeTypographyStyle(setting?.typo, setting?.typography);
|
|
24
24
|
const defaultStyle = {
|
|
@@ -43,6 +43,20 @@ const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
|
43
43
|
return getDisplayStyle((device)=>!!setting?.hasLineClamp && setting.hasLineClamp[device] !== undefined && !setting.hasLineClamp[device], 'block');
|
|
44
44
|
};
|
|
45
45
|
const Tag = htmlTag === 'html' ? 'div' : 'p';
|
|
46
|
+
const viewMoreTextDisplay = getDynamicSourceLocales({
|
|
47
|
+
val: viewMoreText,
|
|
48
|
+
uid: builderProps?.uid,
|
|
49
|
+
settingId: 'viewMoreText',
|
|
50
|
+
pageContext,
|
|
51
|
+
translate
|
|
52
|
+
});
|
|
53
|
+
const viewLessTextDisplay = getDynamicSourceLocales({
|
|
54
|
+
val: viewLessText,
|
|
55
|
+
uid: builderProps?.uid,
|
|
56
|
+
settingId: 'viewLessText',
|
|
57
|
+
pageContext,
|
|
58
|
+
translate
|
|
59
|
+
});
|
|
46
60
|
return template`
|
|
47
61
|
<gp-product-description data-id="${builderProps?.uid}" class="${advanced?.cssClass} gp-product-description" gp-data='${JSON.stringify({
|
|
48
62
|
setting: {
|
|
@@ -54,7 +68,10 @@ const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
|
54
68
|
},
|
|
55
69
|
defaultStyle,
|
|
56
70
|
collapseStyle
|
|
57
|
-
}).replaceAll("'", ''')}'
|
|
71
|
+
}).replaceAll("'", ''')}'
|
|
72
|
+
data-viewMoreText="${viewMoreTextDisplay}"
|
|
73
|
+
data-viewLessText="${viewLessTextDisplay}"
|
|
74
|
+
>
|
|
58
75
|
{%- unless product -%}
|
|
59
76
|
<p>Product not found</p>
|
|
60
77
|
{%- else -%}
|
|
@@ -83,7 +100,7 @@ const ProductDescription = ({ setting, advanced, builderProps })=>{
|
|
|
83
100
|
}}"
|
|
84
101
|
>
|
|
85
102
|
|
|
86
|
-
${
|
|
103
|
+
${viewMoreTextDisplay}
|
|
87
104
|
${setting?.enableViewMoreIcon ? `<svg
|
|
88
105
|
class="gp-ml-1 gp-inline-block"
|
|
89
106
|
style="display: inline-block; margin-left: 1px;"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { composeMemo, composeTypographyV2, composeTypography, genVariable, getShortName, composeTypographyClassName, composeTypographyStyle, template, makeStyleResponsive, makeWidth, makeStyle, getSingleColorVariable, RenderIf, cls, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
|
|
2
2
|
import { CONTINUE_SELLING_WHEN_OUT_OF_STOCK } from '../const.js';
|
|
3
3
|
import { convertSizeToWidth, transformHighlighTag, transformNumberTag } from '../helpers.js';
|
|
4
|
-
import { getSettingPreloadData, getStaticLocale } from '../../helpers.js';
|
|
4
|
+
import { getDynamicSourceLocales, getSettingPreloadData, getStaticLocale } from '../../helpers.js';
|
|
5
5
|
|
|
6
|
-
const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
6
|
+
const StockCounter = ({ setting, styles, style, advanced, builderProps, pageContext })=>{
|
|
7
7
|
const { fullWidth, width, alignment, typography, typo, color, iconColor, textColor, displayProgressBar, progressBarHeight, roundedBorder, effect } = styles ?? {};
|
|
8
|
-
const { displayByDefault, scarcityThreshold = 0, remainingPercentage, showIcon, icon, template: templateString, outOfStockMessage, continueSelling, unlimitedQuantityMessage, hiddenCounterWhenOutOfStock } = setting ?? {};
|
|
8
|
+
const { displayByDefault, scarcityThreshold = 0, remainingPercentage, showIcon, icon, template: templateString, outOfStockMessage, continueSelling, unlimitedQuantityMessage, hiddenCounterWhenOutOfStock, translate } = setting ?? {};
|
|
9
9
|
const mainColor = textColor || 'brand';
|
|
10
10
|
const checkDisplay = ()=>{
|
|
11
11
|
if (displayByDefault) return true;
|
|
@@ -32,6 +32,34 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
|
32
32
|
]);
|
|
33
33
|
const appendTypoClass = composeTypographyClassName(styles?.typo, styles?.typography);
|
|
34
34
|
const appendTypoStyle = composeTypographyStyle(styles?.typo, styles?.typography);
|
|
35
|
+
const templateStringDisplay = getDynamicSourceLocales({
|
|
36
|
+
val: templateString,
|
|
37
|
+
uid: builderProps?.uid,
|
|
38
|
+
settingId: 'template',
|
|
39
|
+
pageContext,
|
|
40
|
+
translate
|
|
41
|
+
});
|
|
42
|
+
const outOfStockMessageDisplay = getDynamicSourceLocales({
|
|
43
|
+
val: outOfStockMessage,
|
|
44
|
+
uid: builderProps?.uid,
|
|
45
|
+
settingId: 'outOfStockMessage',
|
|
46
|
+
pageContext,
|
|
47
|
+
translate
|
|
48
|
+
});
|
|
49
|
+
const continueSellingDisplay = getDynamicSourceLocales({
|
|
50
|
+
val: continueSelling,
|
|
51
|
+
uid: builderProps?.uid,
|
|
52
|
+
settingId: 'continueSelling',
|
|
53
|
+
pageContext,
|
|
54
|
+
translate
|
|
55
|
+
});
|
|
56
|
+
const unlimitedQuantityMessageDisplay = getDynamicSourceLocales({
|
|
57
|
+
val: unlimitedQuantityMessage,
|
|
58
|
+
uid: builderProps?.uid,
|
|
59
|
+
settingId: 'unlimitedQuantityMessage',
|
|
60
|
+
pageContext,
|
|
61
|
+
translate
|
|
62
|
+
});
|
|
35
63
|
return template /* liquid */ `
|
|
36
64
|
{%- liquid
|
|
37
65
|
assign current_variant = variant
|
|
@@ -72,6 +100,10 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
|
72
100
|
data-id="${builderProps?.uid}"
|
|
73
101
|
data-visible="{{ should_display }}"
|
|
74
102
|
data-policy='{{ variant_policy_list }}'
|
|
103
|
+
data-template="${templateStringDisplay}"
|
|
104
|
+
data-outOfStockMessage="${outOfStockMessageDisplay}"
|
|
105
|
+
data-continueSelling="${continueSellingDisplay}"
|
|
106
|
+
data-unlimitedQuantityMessage="${unlimitedQuantityMessageDisplay}"
|
|
75
107
|
gp-setting='${JSON.stringify({
|
|
76
108
|
displayByDefault,
|
|
77
109
|
displayProgressBar,
|
|
@@ -117,13 +149,13 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps })=>{
|
|
|
117
149
|
style="${appendTypoStyle}"
|
|
118
150
|
>
|
|
119
151
|
{% if inventory_management == null and inventory_quantity <= 0 %}
|
|
120
|
-
${transformHighlighTag(
|
|
152
|
+
${transformHighlighTag(unlimitedQuantityMessageDisplay ?? getStaticLocale('StockCounter', 'let_buy_now'), mainColor)}
|
|
121
153
|
{% elsif available == false %}
|
|
122
|
-
${transformHighlighTag(
|
|
154
|
+
${transformHighlighTag(outOfStockMessageDisplay || '', mainColor)}
|
|
123
155
|
{% elsif available and inventory_policy == '${CONTINUE_SELLING_WHEN_OUT_OF_STOCK.toLowerCase()}' and inventory_quantity <= 0 %}
|
|
124
|
-
${transformHighlighTag(
|
|
156
|
+
${transformHighlighTag(continueSellingDisplay || '', mainColor)}
|
|
125
157
|
{% else %}
|
|
126
|
-
${transformHighlighTag(transformNumberTag(
|
|
158
|
+
${transformHighlighTag(transformNumberTag(templateStringDisplay || '', mainColor, `{{ inventory_quantity }}`), mainColor)}
|
|
127
159
|
{% endif %}
|
|
128
160
|
</p>
|
|
129
161
|
</div>
|
|
@@ -97,6 +97,11 @@ const config = {
|
|
|
97
97
|
type: 'textarea',
|
|
98
98
|
autoHeight: true,
|
|
99
99
|
default: '<mark>HURRY!</mark> LET BUY NOW'
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
id: 'translate',
|
|
103
|
+
type: 'input',
|
|
104
|
+
default: 'template,outOfStockMessage,continueSelling,unlimitedQuantityMessage'
|
|
100
105
|
}
|
|
101
106
|
]
|
|
102
107
|
},
|
package/dist/types/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { KeenSliderInstance } from '@gem-sdk/keen-slider/react';
|
|
|
7
7
|
import React$1, { ReactNode } from 'react';
|
|
8
8
|
import * as next_image from 'next/image';
|
|
9
9
|
import { ImageProps as ImageProps$1 } from 'next/image';
|
|
10
|
+
import * as _gem_sdk_core_src_helpers_carousel from '@gem-sdk/core/src/helpers/carousel';
|
|
10
11
|
import { DotStyle as DotStyle$1 } from '@gem-sdk/core/src/helpers/carousel';
|
|
11
12
|
|
|
12
13
|
declare const _default$R: {
|
|
@@ -1337,7 +1338,7 @@ declare const _default$z: {
|
|
|
1337
1338
|
ProductVariants: _gem_sdk_core.ComponentSetting<ProductVariantsProps>;
|
|
1338
1339
|
ProductImages: _gem_sdk_core.ComponentSetting<ProductImagesProps>;
|
|
1339
1340
|
ProductImagesV2: _gem_sdk_core.ComponentSetting<ProductImagesProps$1>;
|
|
1340
|
-
ProductDescription: _gem_sdk_core.ComponentSetting<ProductDescriptionProps
|
|
1341
|
+
ProductDescription: _gem_sdk_core.ComponentSetting<ProductDescriptionProps>;
|
|
1341
1342
|
ProductProperties: _gem_sdk_core.ComponentSetting<ProductPropertiesProps>;
|
|
1342
1343
|
ProductTag: _gem_sdk_core.ComponentSetting<ProductTagProps>;
|
|
1343
1344
|
ProductList: _gem_sdk_core.ComponentSetting<ProductListProps>;
|
|
@@ -1515,7 +1516,7 @@ type ProductQuantityProps = BaseProps<{
|
|
|
1515
1516
|
}>;
|
|
1516
1517
|
declare const ProductQuantity$1: React.FC<ProductQuantityProps>;
|
|
1517
1518
|
|
|
1518
|
-
type ProductDescriptionProps
|
|
1519
|
+
type ProductDescriptionProps = BaseProps<{
|
|
1519
1520
|
htmlTag?: 'plaintext' | 'html';
|
|
1520
1521
|
hasLineClamp?: ObjectDevices<boolean>;
|
|
1521
1522
|
lineClamp?: ObjectDevices<number>;
|
|
@@ -1532,8 +1533,11 @@ type ProductDescriptionProps$1 = BaseProps<{
|
|
|
1532
1533
|
hasBoxShadow?: boolean;
|
|
1533
1534
|
boxShadow?: ShadowProps;
|
|
1534
1535
|
transform?: TransformProp;
|
|
1535
|
-
|
|
1536
|
-
|
|
1536
|
+
translate?: string;
|
|
1537
|
+
}> & {
|
|
1538
|
+
pageContext: PageContext;
|
|
1539
|
+
};
|
|
1540
|
+
declare const ProductDescription$1: React.FC<ProductDescriptionProps>;
|
|
1537
1541
|
|
|
1538
1542
|
type bundleItem = {
|
|
1539
1543
|
quantity: number;
|
|
@@ -1923,6 +1927,7 @@ declare const ProductViewMore$1: ({ setting, builderProps, builderAttrs, style,
|
|
|
1923
1927
|
type ProductBadgeProps = BasePropsWrap<{
|
|
1924
1928
|
contentType?: 'text' | 'image';
|
|
1925
1929
|
displayContent?: string;
|
|
1930
|
+
translate?: string;
|
|
1926
1931
|
displayTrigger?: TDisplayTrigger[];
|
|
1927
1932
|
positionWithImage?: 'inside' | 'outside';
|
|
1928
1933
|
shape?: string;
|
|
@@ -1958,6 +1963,7 @@ type ProductBadgeProps = BasePropsWrap<{
|
|
|
1958
1963
|
};
|
|
1959
1964
|
} & {
|
|
1960
1965
|
'bundle-item'?: bundleItem;
|
|
1966
|
+
pageContext: PageContext;
|
|
1961
1967
|
};
|
|
1962
1968
|
type PositionType = {
|
|
1963
1969
|
placement: PlacementType;
|
|
@@ -3656,7 +3662,7 @@ type IconListHozProps = BasePropsWrap<{
|
|
|
3656
3662
|
};
|
|
3657
3663
|
declare const IconListHoz$1: React$1.FC<IconListHozProps>;
|
|
3658
3664
|
|
|
3659
|
-
type StockCounterProps
|
|
3665
|
+
type StockCounterProps = BaseProps<{
|
|
3660
3666
|
displayByDefault?: boolean;
|
|
3661
3667
|
scarcityThreshold?: number;
|
|
3662
3668
|
remainingPercentage?: number;
|
|
@@ -3685,10 +3691,10 @@ type StockCounterProps$1 = BaseProps<{
|
|
|
3685
3691
|
roundedBorder?: boolean;
|
|
3686
3692
|
effect?: boolean;
|
|
3687
3693
|
}>;
|
|
3688
|
-
declare const StockCounter$1: React.FC<StockCounterProps
|
|
3694
|
+
declare const StockCounter$1: React.FC<StockCounterProps>;
|
|
3689
3695
|
|
|
3690
3696
|
declare const _default$l: {
|
|
3691
|
-
StockCounter: _gem_sdk_core.ComponentSetting<StockCounterProps
|
|
3697
|
+
StockCounter: _gem_sdk_core.ComponentSetting<StockCounterProps>;
|
|
3692
3698
|
};
|
|
3693
3699
|
|
|
3694
3700
|
type Setting$5 = {
|
|
@@ -5112,7 +5118,7 @@ declare const _default$1: {
|
|
|
5112
5118
|
FormDropdown: React.ComponentType<FormDropdownProps>;
|
|
5113
5119
|
FormCheckbox: React.ComponentType<FormCheckboxProps>;
|
|
5114
5120
|
Dialog: React.ComponentType<DialogProps$1>;
|
|
5115
|
-
StockCounter: React.ComponentType<StockCounterProps
|
|
5121
|
+
StockCounter: React.ComponentType<StockCounterProps>;
|
|
5116
5122
|
IconListHoz: React.ComponentType<IconListHozProps>;
|
|
5117
5123
|
IconListItemHoz: React.ComponentType<IconListItemProps$2>;
|
|
5118
5124
|
CSSCode: React.ComponentType<CSSCodeProps>;
|
|
@@ -5294,7 +5300,7 @@ declare const _default$1: {
|
|
|
5294
5300
|
ProductQuantity: React.ComponentType<ProductQuantityProps>;
|
|
5295
5301
|
ProductPrice: React.ComponentType<ProductPriceProps>;
|
|
5296
5302
|
ProductButton: React.ComponentType<ProductButtonProps>;
|
|
5297
|
-
ProductDescription: React.ComponentType<ProductDescriptionProps
|
|
5303
|
+
ProductDescription: React.ComponentType<ProductDescriptionProps>;
|
|
5298
5304
|
ProductVariants: React.ComponentType<ProductVariantsProps>;
|
|
5299
5305
|
ProductImages: React.ComponentType<ProductImagesProps>;
|
|
5300
5306
|
ProductImagesV2: React.ComponentType<ProductImagesProps$1>;
|
|
@@ -5715,25 +5721,7 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
|
|
|
5715
5721
|
pageContext?: PageContext | undefined;
|
|
5716
5722
|
}) => string;
|
|
5717
5723
|
|
|
5718
|
-
|
|
5719
|
-
htmlTag?: 'plaintext' | 'html';
|
|
5720
|
-
hasLineClamp?: ObjectDevices<boolean>;
|
|
5721
|
-
lineClamp?: ObjectDevices<number>;
|
|
5722
|
-
viewMoreText?: string;
|
|
5723
|
-
viewLessText?: string;
|
|
5724
|
-
enableViewMoreIcon?: boolean;
|
|
5725
|
-
showMoreColor?: ColorValueType;
|
|
5726
|
-
color?: ColorValueType;
|
|
5727
|
-
typography?: TypographySetting;
|
|
5728
|
-
typo?: TypographySettingV2;
|
|
5729
|
-
textAlign?: ObjectDevices<AlignProp>;
|
|
5730
|
-
hasTextShadow?: boolean;
|
|
5731
|
-
textShadow?: ShadowProps;
|
|
5732
|
-
hasBoxShadow?: boolean;
|
|
5733
|
-
boxShadow?: ShadowProps;
|
|
5734
|
-
transform?: TransformProp;
|
|
5735
|
-
}>;
|
|
5736
|
-
declare const ProductDescription: ({ setting, advanced, builderProps }: ProductDescriptionProps) => string;
|
|
5724
|
+
declare const ProductDescription: ({ setting, advanced, builderProps, pageContext, }: ProductDescriptionProps) => string;
|
|
5737
5725
|
|
|
5738
5726
|
declare const ProductImages$1: (productImageProps: ProductImagesProps) => string;
|
|
5739
5727
|
|
|
@@ -5981,8 +5969,51 @@ declare const ProductViewMore: ({ setting, builderProps, builderAttrs, style, st
|
|
|
5981
5969
|
pageContext?: PageContext | undefined;
|
|
5982
5970
|
}) => string;
|
|
5983
5971
|
|
|
5984
|
-
declare const ProductBadge: ({ styles, builderProps, isInsideProductImage, builderAttrs, setting, style, imageData, dotData, }:
|
|
5985
|
-
|
|
5972
|
+
declare const ProductBadge: ({ styles, builderProps, isInsideProductImage, builderAttrs, setting, style, imageData, dotData, pageContext, }: _gem_sdk_core.BaseProps<{
|
|
5973
|
+
contentType?: "image" | "text" | undefined;
|
|
5974
|
+
displayContent?: string | undefined;
|
|
5975
|
+
translate?: string | undefined;
|
|
5976
|
+
displayTrigger?: TDisplayTrigger[] | undefined;
|
|
5977
|
+
positionWithImage?: "inside" | "outside" | undefined;
|
|
5978
|
+
shape?: string | undefined;
|
|
5979
|
+
image?: {
|
|
5980
|
+
alt?: string | undefined;
|
|
5981
|
+
src?: string | undefined;
|
|
5982
|
+
} | undefined;
|
|
5983
|
+
}, {
|
|
5984
|
+
typo?: _gem_sdk_core.TypographySettingV2 | undefined;
|
|
5985
|
+
position?: Partial<Record<_gem_sdk_core.NameDevices, PositionType>> | undefined;
|
|
5986
|
+
badgeColor?: _gem_sdk_core.ColorValueType | undefined;
|
|
5987
|
+
textColor?: _gem_sdk_core.ColorValueType | undefined;
|
|
5988
|
+
wrapperBorder?: _gem_sdk_core.Border | undefined;
|
|
5989
|
+
borderRadius?: _gem_sdk_core.CornerRadius | undefined;
|
|
5990
|
+
hasShadow?: boolean | undefined;
|
|
5991
|
+
textSize?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
|
|
5992
|
+
imageSize?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
|
|
5993
|
+
align?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.AlignProp>> | undefined;
|
|
5994
|
+
shapeShadow: _gem_sdk_core.ShadowProps;
|
|
5995
|
+
}, Record<string, any>> & {
|
|
5996
|
+
builderAttrs?: Record<string, any> | undefined;
|
|
5997
|
+
style?: React.CSSProperties | undefined;
|
|
5998
|
+
} & {
|
|
5999
|
+
isInsideProductImage?: boolean | undefined;
|
|
6000
|
+
navigationPosition?: Partial<Record<_gem_sdk_core.NameDevices, "none" | "inside" | "outside">> | undefined;
|
|
6001
|
+
children?: React.ReactNode;
|
|
6002
|
+
imageData: {
|
|
6003
|
+
imageShape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
|
|
6004
|
+
imageAlign?: Partial<Record<_gem_sdk_core.NameDevices, csstype.Property.AlignItems>> | undefined;
|
|
6005
|
+
imageLayout?: Partial<Record<_gem_sdk_core.NameDevices, ProductImagesLayout$1>> | undefined;
|
|
6006
|
+
};
|
|
6007
|
+
dotData: {
|
|
6008
|
+
dotSize?: Partial<Record<_gem_sdk_core.NameDevices, number>> | undefined;
|
|
6009
|
+
dotGapToCarousel?: Partial<Record<_gem_sdk_core.NameDevices, string | number>> | undefined;
|
|
6010
|
+
dotStyle: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core_src_helpers_carousel.DotStyle>> | undefined;
|
|
6011
|
+
};
|
|
6012
|
+
} & {
|
|
6013
|
+
'bundle-item'?: bundleItem | undefined;
|
|
6014
|
+
pageContext: PageContext;
|
|
6015
|
+
} & {
|
|
6016
|
+
pageContext?: PageContext | undefined;
|
|
5986
6017
|
}) => string;
|
|
5987
6018
|
|
|
5988
6019
|
declare const ProductSku: ({ setting, styles, advanced, builderProps }: SkuProps) => string;
|
|
@@ -6386,35 +6417,39 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
|
|
|
6386
6417
|
|
|
6387
6418
|
declare const CSSCode: ({ setting, style, advanced, builderAttrs, builderProps }: CSSCodeProps) => string;
|
|
6388
6419
|
|
|
6389
|
-
|
|
6390
|
-
displayByDefault?: boolean;
|
|
6391
|
-
hiddenCounterWhenOutOfStock?: boolean;
|
|
6392
|
-
scarcityThreshold?: number;
|
|
6393
|
-
remainingPercentage?: number;
|
|
6394
|
-
remainingQuantity?: number;
|
|
6395
|
-
showIcon?: boolean;
|
|
6396
|
-
icon?: string;
|
|
6397
|
-
template?: string;
|
|
6398
|
-
outOfStockMessage?: string;
|
|
6399
|
-
continueSelling?: string;
|
|
6400
|
-
unlimitedQuantityMessage?: string;
|
|
6401
|
-
translate?: string;
|
|
6420
|
+
declare const StockCounter: ({ setting, styles, style, advanced, builderProps, pageContext, }: _gem_sdk_core.BaseProps<{
|
|
6421
|
+
displayByDefault?: boolean | undefined;
|
|
6422
|
+
hiddenCounterWhenOutOfStock?: boolean | undefined;
|
|
6423
|
+
scarcityThreshold?: number | undefined;
|
|
6424
|
+
remainingPercentage?: number | undefined;
|
|
6425
|
+
remainingQuantity?: number | undefined;
|
|
6426
|
+
showIcon?: boolean | undefined;
|
|
6427
|
+
icon?: string | undefined;
|
|
6428
|
+
template?: string | undefined;
|
|
6429
|
+
outOfStockMessage?: string | undefined;
|
|
6430
|
+
continueSelling?: string | undefined;
|
|
6431
|
+
unlimitedQuantityMessage?: string | undefined;
|
|
6432
|
+
translate?: string | undefined;
|
|
6402
6433
|
}, {
|
|
6403
|
-
fullWidth?:
|
|
6404
|
-
width?:
|
|
6405
|
-
alignment?:
|
|
6434
|
+
fullWidth?: Partial<Record<_gem_sdk_core.NameDevices, boolean>> | undefined;
|
|
6435
|
+
width?: Partial<Record<_gem_sdk_core.NameDevices, string>> | undefined;
|
|
6436
|
+
alignment?: Partial<Record<_gem_sdk_core.NameDevices, AlignProp>> | undefined;
|
|
6406
6437
|
/** deprecated */
|
|
6407
|
-
typography?: TypographySetting;
|
|
6408
|
-
typo?: TypographySettingV2;
|
|
6409
|
-
color?: ColorValueType;
|
|
6410
|
-
iconColor?: ColorValueType;
|
|
6411
|
-
textColor?: ColorValueType;
|
|
6412
|
-
displayProgressBar?: boolean;
|
|
6413
|
-
progressBarHeight?:
|
|
6414
|
-
roundedBorder?: boolean;
|
|
6415
|
-
effect?: boolean;
|
|
6416
|
-
}
|
|
6417
|
-
|
|
6438
|
+
typography?: TypographySetting | undefined;
|
|
6439
|
+
typo?: TypographySettingV2 | undefined;
|
|
6440
|
+
color?: ColorValueType | undefined;
|
|
6441
|
+
iconColor?: ColorValueType | undefined;
|
|
6442
|
+
textColor?: ColorValueType | undefined;
|
|
6443
|
+
displayProgressBar?: boolean | undefined;
|
|
6444
|
+
progressBarHeight?: Partial<Record<_gem_sdk_core.NameDevices, string>> | undefined;
|
|
6445
|
+
roundedBorder?: boolean | undefined;
|
|
6446
|
+
effect?: boolean | undefined;
|
|
6447
|
+
}, Record<string, any>> & {
|
|
6448
|
+
builderAttrs?: Record<string, any> | undefined;
|
|
6449
|
+
style?: React.CSSProperties | undefined;
|
|
6450
|
+
} & {
|
|
6451
|
+
pageContext: PageContext;
|
|
6452
|
+
}) => string;
|
|
6418
6453
|
|
|
6419
6454
|
/**
|
|
6420
6455
|
* The `ShopPayButton` component renders a button that redirects to the Shop Pay checkout.
|
|
@@ -7529,7 +7564,7 @@ declare const _default: {
|
|
|
7529
7564
|
ProductBundleDiscount: React.FC<ProductQuantityBreakProps>;
|
|
7530
7565
|
ProductBundleDiscountItem: React.FC<ProductQuantityBreakItemProps>;
|
|
7531
7566
|
ProductButton: React.FC<ProductButtonProps>;
|
|
7532
|
-
ProductDescription: React.FC<ProductDescriptionProps
|
|
7567
|
+
ProductDescription: React.FC<ProductDescriptionProps>;
|
|
7533
7568
|
ProductVariants: React.FC<ProductVariantsProps>;
|
|
7534
7569
|
ProductImages: React.FC<ProductImagesProps>;
|
|
7535
7570
|
ProductImagesV2: React.FC<ProductImagesProps$1>;
|
|
@@ -7645,7 +7680,7 @@ declare const _default: {
|
|
|
7645
7680
|
CSSCode: ({ setting, style, advanced, builderAttrs, builderProps, children, }: CSSCodeProps) => React.JSX.Element;
|
|
7646
7681
|
IconListHoz: React.FC<IconListHozProps>;
|
|
7647
7682
|
IconListItemHoz: React.FC<IconListItemProps$2>;
|
|
7648
|
-
StockCounter: React.FC<StockCounterProps
|
|
7683
|
+
StockCounter: React.FC<StockCounterProps>;
|
|
7649
7684
|
Dialog: ({ setting, children, builderProps, builderAttrs, style }: DialogProps$1) => React.JSX.Element;
|
|
7650
7685
|
Newsletter: ({ children }: NewsletterProps) => React.JSX.Element;
|
|
7651
7686
|
ContactForm: ({ children }: NewsletterProps) => React.JSX.Element;
|
|
@@ -7766,4 +7801,4 @@ declare const getInsertLinkData: (defaultWrap: string, setting?: {
|
|
|
7766
7801
|
};
|
|
7767
7802
|
declare const replaceLinkData: (text?: string, isTranslate?: boolean) => string | undefined;
|
|
7768
7803
|
|
|
7769
|
-
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$1 as 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$1 as 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, _default$I as countdownSetting, _default$O as couponSetting, _default$k as dialogSetting, _default$5 as estimateDeliverySetting, 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, 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, useInView, useNotification, _default$t as videoSetting, youtubeShortsRegex };
|
|
7804
|
+
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, _default$I as countdownSetting, _default$O as couponSetting, _default$k as dialogSetting, _default$5 as estimateDeliverySetting, 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, 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, useInView, useNotification, _default$t as videoSetting, youtubeShortsRegex };
|