@gem-sdk/components 2.5.3-staging.5 → 2.5.3
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/banner/components/hero-banner/index.liquid.js +2 -13
- package/dist/cjs/banner/setting/HeroBanner.js +6 -50
- package/dist/cjs/button/components/Button.liquid.js +2 -11
- package/dist/cjs/button/setting/Button.js +5 -112
- package/dist/cjs/icon/components/Icon.liquid.js +2 -10
- package/dist/cjs/icon/setting/Icon.js +5 -69
- package/dist/cjs/image/components/Image.liquid.js +3 -12
- package/dist/cjs/image/setting/Image.js +16 -207
- package/dist/cjs/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +1 -6
- package/dist/cjs/product/setting/product-image-v2/ProductFeatureImage.js +6 -11
- package/dist/cjs/third-party/components/Trustoo.liquid.js +7 -24
- package/dist/cjs/third-party/setting/Trustoo.js +111 -4
- package/dist/esm/banner/components/hero-banner/index.liquid.js +2 -13
- package/dist/esm/banner/setting/HeroBanner.js +6 -50
- package/dist/esm/button/components/Button.liquid.js +2 -11
- package/dist/esm/button/setting/Button.js +5 -112
- package/dist/esm/icon/components/Icon.liquid.js +2 -10
- package/dist/esm/icon/setting/Icon.js +5 -69
- package/dist/esm/image/components/Image.liquid.js +3 -12
- package/dist/esm/image/setting/Image.js +16 -207
- package/dist/esm/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +1 -6
- package/dist/esm/product/setting/product-image-v2/ProductFeatureImage.js +6 -11
- package/dist/esm/third-party/components/Trustoo.liquid.js +7 -24
- package/dist/esm/third-party/setting/Trustoo.js +111 -4
- package/dist/types/index.d.ts +2 -26
- package/package.json +2 -2
- package/dist/cjs/banner/setting/presets/heroBanner1ColPreSalesPage.js +0 -134
- package/dist/cjs/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +0 -154
- package/dist/cjs/banner/setting/presets/heroBannerContentRightPreSalesPage.js +0 -162
- package/dist/cjs/banner/setting/presets/heroBannerParallaxPreSalesPage.js +0 -134
- package/dist/cjs/banner/setting/presets/heroBannerVideoPreSalesPage.js +0 -130
- package/dist/cjs/constants.js +0 -5
- package/dist/esm/banner/setting/presets/heroBanner1ColPreSalesPage.js +0 -132
- package/dist/esm/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +0 -152
- package/dist/esm/banner/setting/presets/heroBannerContentRightPreSalesPage.js +0 -160
- package/dist/esm/banner/setting/presets/heroBannerParallaxPreSalesPage.js +0 -132
- package/dist/esm/banner/setting/presets/heroBannerVideoPreSalesPage.js +0 -128
- package/dist/esm/constants.js +0 -3
|
@@ -61,11 +61,76 @@ const config = {
|
|
|
61
61
|
href: 'https://admin.shopify.com/?redirect=/apps/sealapps-product-review',
|
|
62
62
|
appName: TrustooConfig.label
|
|
63
63
|
},
|
|
64
|
+
{
|
|
65
|
+
id: 'version',
|
|
66
|
+
label: 'Choose version',
|
|
67
|
+
type: 'select',
|
|
68
|
+
default: 'v1',
|
|
69
|
+
options: [
|
|
70
|
+
{
|
|
71
|
+
label: 'V1',
|
|
72
|
+
value: 'v1'
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
label: 'V2',
|
|
76
|
+
value: 'v2'
|
|
77
|
+
}
|
|
78
|
+
]
|
|
79
|
+
},
|
|
64
80
|
{
|
|
65
81
|
id: 'widgetType',
|
|
66
82
|
label: 'Choose widget',
|
|
67
83
|
type: 'select',
|
|
68
|
-
default: '
|
|
84
|
+
default: 'starRating',
|
|
85
|
+
options: [
|
|
86
|
+
{
|
|
87
|
+
label: 'Star Rating',
|
|
88
|
+
value: 'starRating',
|
|
89
|
+
hideOnPage: [
|
|
90
|
+
'GP_ARTICLE',
|
|
91
|
+
'GP_BLOG',
|
|
92
|
+
'GP_COLLECTION',
|
|
93
|
+
'GP_INDEX',
|
|
94
|
+
'GP_STATIC'
|
|
95
|
+
],
|
|
96
|
+
flowTag: [
|
|
97
|
+
'Product'
|
|
98
|
+
],
|
|
99
|
+
condition: 'or'
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
label: 'Star Rating List',
|
|
103
|
+
value: 'starRatingInList',
|
|
104
|
+
hideOnPage: [
|
|
105
|
+
'GP_ARTICLE',
|
|
106
|
+
'GP_BLOG',
|
|
107
|
+
'GP_COLLECTION',
|
|
108
|
+
'GP_INDEX',
|
|
109
|
+
'GP_STATIC'
|
|
110
|
+
],
|
|
111
|
+
flowTag: [
|
|
112
|
+
'ProductList'
|
|
113
|
+
],
|
|
114
|
+
condition: 'or'
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
label: 'Reviews',
|
|
118
|
+
value: 'reviews',
|
|
119
|
+
hideOnPage: [
|
|
120
|
+
'GP_ARTICLE',
|
|
121
|
+
'GP_BLOG',
|
|
122
|
+
'GP_COLLECTION',
|
|
123
|
+
'GP_INDEX',
|
|
124
|
+
'GP_STATIC'
|
|
125
|
+
]
|
|
126
|
+
}
|
|
127
|
+
]
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
id: 'widgetTypeV2',
|
|
131
|
+
label: 'Choose widget',
|
|
132
|
+
type: 'select',
|
|
133
|
+
default: 'barrage-carousel',
|
|
69
134
|
options: [
|
|
70
135
|
{
|
|
71
136
|
label: 'Testimonials',
|
|
@@ -81,11 +146,33 @@ const config = {
|
|
|
81
146
|
},
|
|
82
147
|
{
|
|
83
148
|
label: 'Review Widget',
|
|
84
|
-
value: 'review-widget'
|
|
149
|
+
value: 'review-widget',
|
|
150
|
+
hideOnPage: [
|
|
151
|
+
'ARTICLE',
|
|
152
|
+
'BLOG',
|
|
153
|
+
'COLLECTION',
|
|
154
|
+
'GP_ARTICLE',
|
|
155
|
+
'GP_BLOG',
|
|
156
|
+
'GP_COLLECTION',
|
|
157
|
+
'GP_INDEX',
|
|
158
|
+
'GP_STATIC',
|
|
159
|
+
'STATIC'
|
|
160
|
+
]
|
|
85
161
|
},
|
|
86
162
|
{
|
|
87
163
|
label: 'Star Rating Widget',
|
|
88
|
-
value: 'star-rating-widget'
|
|
164
|
+
value: 'star-rating-widget',
|
|
165
|
+
hideOnPage: [
|
|
166
|
+
'ARTICLE',
|
|
167
|
+
'BLOG',
|
|
168
|
+
'COLLECTION',
|
|
169
|
+
'GP_ARTICLE',
|
|
170
|
+
'GP_BLOG',
|
|
171
|
+
'GP_COLLECTION',
|
|
172
|
+
'GP_INDEX',
|
|
173
|
+
'GP_STATIC',
|
|
174
|
+
'STATIC'
|
|
175
|
+
]
|
|
89
176
|
},
|
|
90
177
|
{
|
|
91
178
|
label: 'Text Carousel',
|
|
@@ -135,6 +222,15 @@ const config = {
|
|
|
135
222
|
id: 'install'
|
|
136
223
|
}
|
|
137
224
|
},
|
|
225
|
+
{
|
|
226
|
+
type: 'control',
|
|
227
|
+
label: {
|
|
228
|
+
en: 'Choose version'
|
|
229
|
+
},
|
|
230
|
+
setting: {
|
|
231
|
+
id: 'version'
|
|
232
|
+
}
|
|
233
|
+
},
|
|
138
234
|
{
|
|
139
235
|
type: 'control',
|
|
140
236
|
label: {
|
|
@@ -142,7 +238,18 @@ const config = {
|
|
|
142
238
|
},
|
|
143
239
|
setting: {
|
|
144
240
|
id: 'widgetType'
|
|
145
|
-
}
|
|
241
|
+
},
|
|
242
|
+
condition: 'version === "v1"'
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
type: 'control',
|
|
246
|
+
label: {
|
|
247
|
+
en: 'Choose widget'
|
|
248
|
+
},
|
|
249
|
+
setting: {
|
|
250
|
+
id: 'widgetTypeV2'
|
|
251
|
+
},
|
|
252
|
+
condition: 'version === "v2"'
|
|
146
253
|
},
|
|
147
254
|
{
|
|
148
255
|
type: 'control',
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _gem_sdk_core from '@gem-sdk/core';
|
|
2
|
-
import { BaseProps, TypographySettingV2, ObjectDevices, Background, SizeSettingGlobal, StateProp, ColorValueType, TypographySetting, Border, SizeSetting, CornerRadius, ShadowProps, BasePropsWrap, AlignProp, NameDevices, ResponsiveStateProp, Ratio, ObjectLayoutValue, TransformProp, PageContext, ProductProviderProps, JudgeMeReviewsWidgetType, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, ProductReviewsWidgetType, RyviuWidgetType, RivyoWidgetType, VitalsWidgetType, OmnisendWidgetType, TrustooWidgetType, FeraReviewsWidgetType, FeraReviewsV3WidgetType, BoldSubscriptionsWidgetType, PickyStoryWidgetType, WiserWidgetType, WiserV2WidgetType, StampedWidgetType, StampedWidgetTypeV2, LaiProductReviewsWidgetType, LaiProductReviewsAdvancedWidgetType, GrowaveWidgetTypeV2, GrowaveWidgetTypeV1, OpinewWidgetType, OpinewDesignWidgetType, UltimateSalesBoostWidgetType, YotpoReviewsWidgetType, AliReviewsWidgetType, BogosWidgetType, FastBundleWidgetType, PreOrderNowWodWidgetType, TagShopWidgetType, AirProductReview, InstantJudgeMeReviewsWidgetType, InstantLooxReviewsWidgetType, PostPurchaseTypo, AdvancedType, RawChild } from '@gem-sdk/core';
|
|
2
|
+
import { BaseProps, TypographySettingV2, ObjectDevices, Background, SizeSettingGlobal, StateProp, ColorValueType, TypographySetting, Border, SizeSetting, CornerRadius, ShadowProps, BasePropsWrap, AlignProp, NameDevices, ResponsiveStateProp, Ratio, ObjectLayoutValue, TransformProp, PageContext, ProductProviderProps, JudgeMeReviewsWidgetType, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, ProductReviewsWidgetType, RyviuWidgetType, RivyoWidgetType, VitalsWidgetType, OmnisendWidgetType, TrustooWidgetType, TrustooWidgetTypeV2, FeraReviewsWidgetType, FeraReviewsV3WidgetType, BoldSubscriptionsWidgetType, PickyStoryWidgetType, WiserWidgetType, WiserV2WidgetType, StampedWidgetType, StampedWidgetTypeV2, LaiProductReviewsWidgetType, LaiProductReviewsAdvancedWidgetType, GrowaveWidgetTypeV2, GrowaveWidgetTypeV1, OpinewWidgetType, OpinewDesignWidgetType, UltimateSalesBoostWidgetType, YotpoReviewsWidgetType, AliReviewsWidgetType, BogosWidgetType, FastBundleWidgetType, PreOrderNowWodWidgetType, TagShopWidgetType, AirProductReview, InstantJudgeMeReviewsWidgetType, InstantLooxReviewsWidgetType, PostPurchaseTypo, AdvancedType, RawChild } from '@gem-sdk/core';
|
|
3
3
|
import * as csstype from 'csstype';
|
|
4
4
|
import { Property } from 'csstype';
|
|
5
5
|
import * as _gem_sdk_keen_slider_react from '@gem-sdk/keen-slider/react';
|
|
@@ -117,7 +117,6 @@ type ButtonProps = MixedProps$6 & BasePropsWrap<{
|
|
|
117
117
|
translate?: string;
|
|
118
118
|
/** SVG icon */
|
|
119
119
|
iconSvg?: string;
|
|
120
|
-
isGoToSalesPage?: boolean;
|
|
121
120
|
btnLink?: {
|
|
122
121
|
link?: string;
|
|
123
122
|
target?: string;
|
|
@@ -133,7 +132,6 @@ type ButtonProps = MixedProps$6 & BasePropsWrap<{
|
|
|
133
132
|
shouldClearSpace?: boolean;
|
|
134
133
|
disabledLoading?: boolean;
|
|
135
134
|
innerBorder?: boolean;
|
|
136
|
-
linkedToPreSalesPageBanner?: boolean;
|
|
137
135
|
}, {
|
|
138
136
|
type?: 'primary' | 'secondary';
|
|
139
137
|
/** */
|
|
@@ -450,9 +448,6 @@ type ImageSetting$1 = Pick<NextImageProps, 'priority' | 'quality' | 'vw'> & Pick
|
|
|
450
448
|
};
|
|
451
449
|
hoverEffect?: string;
|
|
452
450
|
isNotLazyload?: boolean;
|
|
453
|
-
disableNoDataState?: boolean;
|
|
454
|
-
isGoToSalesPage?: boolean;
|
|
455
|
-
linkedToPreSalesPageBanner?: boolean;
|
|
456
451
|
} & Pick<AdaptiveImageProps, 'srcSet'>;
|
|
457
452
|
type ImageStyleSetting$1 = {
|
|
458
453
|
shape?: ObjectDevices<SizeSettingGlobal>;
|
|
@@ -986,8 +981,6 @@ type IconProps$1 = {
|
|
|
986
981
|
target?: string;
|
|
987
982
|
title?: string;
|
|
988
983
|
};
|
|
989
|
-
isGoToSalesPage?: boolean;
|
|
990
|
-
linkedToPreSalesPageBanner?: boolean;
|
|
991
984
|
}, {
|
|
992
985
|
/**
|
|
993
986
|
Set height icon
|
|
@@ -2555,6 +2548,7 @@ declare const Omnisend$1: React.FC<OmnisendProps>;
|
|
|
2555
2548
|
|
|
2556
2549
|
type TrustooProps = BaseProps<{
|
|
2557
2550
|
widgetType?: TrustooWidgetType;
|
|
2551
|
+
widgetTypeV2?: TrustooWidgetTypeV2;
|
|
2558
2552
|
openApp?: any;
|
|
2559
2553
|
install?: any;
|
|
2560
2554
|
align?: ObjectDevices<AlignProp>;
|
|
@@ -3618,8 +3612,6 @@ type Setting$6 = {
|
|
|
3618
3612
|
title?: string;
|
|
3619
3613
|
aspectRatio?: ObjectDevices<string>;
|
|
3620
3614
|
ratioOptions?: ObjectDevices<Ratio>;
|
|
3621
|
-
isGoToSalesPage?: boolean;
|
|
3622
|
-
linkedToPreSalesPageBanner?: boolean;
|
|
3623
3615
|
} & Pick<NonNullable<RowProps$1['setting']>, 'layout' | 'horizontalAlign'>;
|
|
3624
3616
|
type Styles$2 = {
|
|
3625
3617
|
height?: ObjectDevices<string>;
|
|
@@ -5462,7 +5454,6 @@ declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, adv
|
|
|
5462
5454
|
label?: React.ReactNode;
|
|
5463
5455
|
translate?: string | undefined;
|
|
5464
5456
|
iconSvg?: string | undefined;
|
|
5465
|
-
isGoToSalesPage?: boolean | undefined;
|
|
5466
5457
|
btnLink?: {
|
|
5467
5458
|
link?: string | undefined;
|
|
5468
5459
|
target?: string | undefined;
|
|
@@ -5476,7 +5467,6 @@ declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, adv
|
|
|
5476
5467
|
shouldClearSpace?: boolean | undefined;
|
|
5477
5468
|
disabledLoading?: boolean | undefined;
|
|
5478
5469
|
innerBorder?: boolean | undefined;
|
|
5479
|
-
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
5480
5470
|
}, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
|
|
5481
5471
|
type?: "primary" | "secondary" | undefined;
|
|
5482
5472
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -5569,7 +5559,6 @@ type IconProps = {
|
|
|
5569
5559
|
target?: string;
|
|
5570
5560
|
title?: string;
|
|
5571
5561
|
};
|
|
5572
|
-
isGoToSalesPage?: boolean;
|
|
5573
5562
|
}, {
|
|
5574
5563
|
/**
|
|
5575
5564
|
Set height icon
|
|
@@ -5731,7 +5720,6 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
|
|
|
5731
5720
|
label?: React.ReactNode;
|
|
5732
5721
|
translate?: string | undefined;
|
|
5733
5722
|
iconSvg?: string | undefined;
|
|
5734
|
-
isGoToSalesPage?: boolean | undefined;
|
|
5735
5723
|
btnLink?: {
|
|
5736
5724
|
link?: string | undefined;
|
|
5737
5725
|
target?: string | undefined;
|
|
@@ -5745,7 +5733,6 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
|
|
|
5745
5733
|
shouldClearSpace?: boolean | undefined;
|
|
5746
5734
|
disabledLoading?: boolean | undefined;
|
|
5747
5735
|
innerBorder?: boolean | undefined;
|
|
5748
|
-
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
5749
5736
|
}, "iconSvg" | "iconAlign" | "iconVisible">, {
|
|
5750
5737
|
type?: "primary" | "secondary" | undefined;
|
|
5751
5738
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -5904,7 +5891,6 @@ declare const DynamicCheckout: ({ builderProps, styles, advanced, setting, pageC
|
|
|
5904
5891
|
label?: React.ReactNode;
|
|
5905
5892
|
translate?: string | undefined;
|
|
5906
5893
|
iconSvg?: string | undefined;
|
|
5907
|
-
isGoToSalesPage?: boolean | undefined;
|
|
5908
5894
|
btnLink?: {
|
|
5909
5895
|
link?: string | undefined;
|
|
5910
5896
|
target?: string | undefined;
|
|
@@ -5918,7 +5904,6 @@ declare const DynamicCheckout: ({ builderProps, styles, advanced, setting, pageC
|
|
|
5918
5904
|
shouldClearSpace?: boolean | undefined;
|
|
5919
5905
|
disabledLoading?: boolean | undefined;
|
|
5920
5906
|
innerBorder?: boolean | undefined;
|
|
5921
|
-
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
5922
5907
|
}, "iconSvg" | "iconAlign" | "iconVisible">, {
|
|
5923
5908
|
type?: "primary" | "secondary" | undefined;
|
|
5924
5909
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -5998,7 +5983,6 @@ declare const ProductViewMore: ({ setting, builderProps, builderAttrs, style, st
|
|
|
5998
5983
|
label?: React.ReactNode;
|
|
5999
5984
|
translate?: string | undefined;
|
|
6000
5985
|
iconSvg?: string | undefined;
|
|
6001
|
-
isGoToSalesPage?: boolean | undefined;
|
|
6002
5986
|
btnLink?: {
|
|
6003
5987
|
link?: string | undefined;
|
|
6004
5988
|
target?: string | undefined;
|
|
@@ -6012,7 +5996,6 @@ declare const ProductViewMore: ({ setting, builderProps, builderAttrs, style, st
|
|
|
6012
5996
|
shouldClearSpace?: boolean | undefined;
|
|
6013
5997
|
disabledLoading?: boolean | undefined;
|
|
6014
5998
|
innerBorder?: boolean | undefined;
|
|
6015
|
-
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
6016
5999
|
}, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
|
|
6017
6000
|
type?: "primary" | "secondary" | undefined;
|
|
6018
6001
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -6337,9 +6320,6 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
|
|
|
6337
6320
|
} | undefined;
|
|
6338
6321
|
hoverEffect?: string | undefined;
|
|
6339
6322
|
isNotLazyload?: boolean | undefined;
|
|
6340
|
-
disableNoDataState?: boolean | undefined;
|
|
6341
|
-
isGoToSalesPage?: boolean | undefined;
|
|
6342
|
-
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
6343
6323
|
} & Pick<AdaptiveImageProps, "srcSet">, {
|
|
6344
6324
|
shape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
|
|
6345
6325
|
customAspectRadio?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Ratio>> | undefined;
|
|
@@ -6442,8 +6422,6 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
|
|
|
6442
6422
|
title?: string | undefined;
|
|
6443
6423
|
aspectRatio?: Partial<Record<NameDevices, string>> | undefined;
|
|
6444
6424
|
ratioOptions?: Partial<Record<NameDevices, _gem_sdk_core.Ratio>> | undefined;
|
|
6445
|
-
isGoToSalesPage?: boolean | undefined;
|
|
6446
|
-
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
6447
6425
|
} & Pick<{
|
|
6448
6426
|
responsive?: Partial<Record<NameDevices, string>> | undefined;
|
|
6449
6427
|
layout?: Partial<Record<NameDevices, _gem_sdk_core.ObjectLayoutValue>> | undefined;
|
|
@@ -6570,7 +6548,6 @@ declare const SubmitButton: ({ setting, builderProps, builderAttrs, style, style
|
|
|
6570
6548
|
label?: React.ReactNode;
|
|
6571
6549
|
translate?: string | undefined;
|
|
6572
6550
|
iconSvg?: string | undefined;
|
|
6573
|
-
isGoToSalesPage?: boolean | undefined;
|
|
6574
6551
|
btnLink?: {
|
|
6575
6552
|
link?: string | undefined;
|
|
6576
6553
|
target?: string | undefined;
|
|
@@ -6584,7 +6561,6 @@ declare const SubmitButton: ({ setting, builderProps, builderAttrs, style, style
|
|
|
6584
6561
|
shouldClearSpace?: boolean | undefined;
|
|
6585
6562
|
disabledLoading?: boolean | undefined;
|
|
6586
6563
|
innerBorder?: boolean | undefined;
|
|
6587
|
-
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
6588
6564
|
}, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
|
|
6589
6565
|
type?: "primary" | "secondary" | undefined;
|
|
6590
6566
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "2.5.3
|
|
3
|
+
"version": "2.5.3",
|
|
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.
|
|
24
|
+
"@gem-sdk/core": "2.4.11",
|
|
25
25
|
"@gem-sdk/styles": "2.4.8",
|
|
26
26
|
"@types/react-transition-group": "^4.4.5"
|
|
27
27
|
},
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const heroBanner1ColPreSalesPage = {
|
|
4
|
-
id: 'hero-banner-1-col-pre-sales-page',
|
|
5
|
-
name: {
|
|
6
|
-
en: 'Hero Banner'
|
|
7
|
-
},
|
|
8
|
-
icon: {
|
|
9
|
-
desktop: `
|
|
10
|
-
<svg width="94" height="48" viewBox="0 0 94 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
-
<g clip-path="url(#clip0_1706_4280)">
|
|
12
|
-
<rect width="94" height="48" rx="3" fill="#424242"/>
|
|
13
|
-
<g opacity="0.2">
|
|
14
|
-
<ellipse cx="2" cy="1.5" rx="11" ry="11.5" fill="#757575"/>
|
|
15
|
-
<path d="M0.601075 61.8234L18.5988 40.4906C19.2081 39.767 19.9611 39.1816 20.8088 38.7727C21.6564 38.3638 22.5796 38.1406 23.5181 38.1175C24.4566 38.0944 25.3894 38.272 26.2556 38.6387C27.1219 39.0055 27.902 39.5531 28.5453 40.2459L36.9609 49.2989L69.858 9.43075C70.502 8.64956 71.3116 8.02551 72.2264 7.60499C73.1413 7.18447 74.138 6.9783 75.1423 7.00181C76.1467 7.02532 77.1329 7.2779 78.0276 7.74078C78.9223 8.20366 79.7026 8.86493 80.3103 9.67543L119.641 62.0866C120.393 63.0913 120.853 64.2887 120.97 65.5441C121.087 66.7994 120.856 68.063 120.303 69.1926C119.751 70.3222 118.897 71.2732 117.84 71.9384C116.783 72.6037 115.564 72.957 114.319 72.9585L5.68599 73C4.40822 72.9995 3.15734 72.6281 2.08134 71.9299C1.00533 71.2317 0.149232 70.2358 -0.38568 69.06C-0.920592 67.8843 -1.11193 66.5779 -0.937061 65.2955C-0.762191 64.0131 -0.22843 62.8082 0.601075 61.8234Z" fill="#757575"/>
|
|
16
|
-
</g>
|
|
17
|
-
<rect x="29" y="26" width="36" height="6" rx="3" fill="#D6D6D6"/>
|
|
18
|
-
<rect x="36" y="16" width="22" height="6" rx="3" fill="#D6D6D6"/>
|
|
19
|
-
</g>
|
|
20
|
-
<defs>
|
|
21
|
-
<clipPath id="clip0_1706_4280">
|
|
22
|
-
<rect width="94" height="48" rx="3" fill="white"/>
|
|
23
|
-
</clipPath>
|
|
24
|
-
</defs>
|
|
25
|
-
</svg>
|
|
26
|
-
`
|
|
27
|
-
},
|
|
28
|
-
components: [
|
|
29
|
-
{
|
|
30
|
-
tag: 'HeroBanner',
|
|
31
|
-
settings: {
|
|
32
|
-
layout: {
|
|
33
|
-
desktop: {
|
|
34
|
-
cols: [
|
|
35
|
-
12
|
|
36
|
-
],
|
|
37
|
-
display: 'fill'
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
isGoToSalesPage: true
|
|
41
|
-
},
|
|
42
|
-
styles: {
|
|
43
|
-
contentWidth: {
|
|
44
|
-
desktop: '1200px'
|
|
45
|
-
},
|
|
46
|
-
sizeSetting: {
|
|
47
|
-
desktop: {
|
|
48
|
-
shape: 'custom',
|
|
49
|
-
widthHeightLinked: false,
|
|
50
|
-
width: '100%',
|
|
51
|
-
height: '600px'
|
|
52
|
-
},
|
|
53
|
-
mobile: {
|
|
54
|
-
shape: 'custom',
|
|
55
|
-
widthHeightLinked: false,
|
|
56
|
-
width: '1200px',
|
|
57
|
-
height: '600px'
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
childrens: [
|
|
62
|
-
{
|
|
63
|
-
tag: 'Col',
|
|
64
|
-
childrens: [
|
|
65
|
-
{
|
|
66
|
-
tag: 'Heading',
|
|
67
|
-
settings: {
|
|
68
|
-
text: 'Click here to edit heading'
|
|
69
|
-
},
|
|
70
|
-
styles: {
|
|
71
|
-
textAlign: {
|
|
72
|
-
desktop: 'center'
|
|
73
|
-
},
|
|
74
|
-
typo: {
|
|
75
|
-
attrs: {
|
|
76
|
-
color: '#FFFFFF'
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
advanced: {
|
|
81
|
-
'spacing-setting': {
|
|
82
|
-
desktop: {
|
|
83
|
-
margin: {
|
|
84
|
-
bottom: 'var(--g-s-l)'
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
tag: 'Text',
|
|
92
|
-
settings: {
|
|
93
|
-
text: "This is your text block. Click to edit and make it your own. Share your product's story<br/>\
|
|
94
|
-
or services offered. Get creative and make it yours!"
|
|
95
|
-
},
|
|
96
|
-
styles: {
|
|
97
|
-
textAlign: {
|
|
98
|
-
desktop: 'center'
|
|
99
|
-
},
|
|
100
|
-
typo: {
|
|
101
|
-
attrs: {
|
|
102
|
-
color: '#FFFFFF'
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
advanced: {
|
|
107
|
-
'spacing-setting': {
|
|
108
|
-
desktop: {
|
|
109
|
-
margin: {
|
|
110
|
-
bottom: 'var(--g-s-l)'
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
tag: 'Button',
|
|
118
|
-
settings: {
|
|
119
|
-
label: 'Get started'
|
|
120
|
-
},
|
|
121
|
-
styles: {
|
|
122
|
-
align: {
|
|
123
|
-
desktop: 'center'
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
]
|
|
128
|
-
}
|
|
129
|
-
]
|
|
130
|
-
}
|
|
131
|
-
]
|
|
132
|
-
};
|
|
133
|
-
|
|
134
|
-
exports.heroBanner1ColPreSalesPage = heroBanner1ColPreSalesPage;
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const heroBannerContentLeftPreSalesPage = {
|
|
4
|
-
id: 'hero-banner-content-left-pre-sales-page',
|
|
5
|
-
name: {
|
|
6
|
-
en: 'Hero Banner'
|
|
7
|
-
},
|
|
8
|
-
icon: {
|
|
9
|
-
desktop: `
|
|
10
|
-
<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
-
<g clip-path="url(#clip0_2825_116)">
|
|
12
|
-
<rect width="96" height="48" rx="3" fill="#424242"/>
|
|
13
|
-
<g opacity="0.2">
|
|
14
|
-
<path d="M1.60108 61.8234L19.5988 40.4906C20.2081 39.767 20.9611 39.1816 21.8088 38.7727C22.6564 38.3638 23.5796 38.1406 24.5181 38.1175C25.4566 38.0944 26.3894 38.272 27.2556 38.6387C28.1219 39.0055 28.902 39.5531 29.5453 40.2459L37.9609 49.2989L70.858 9.43075C71.502 8.64956 72.3116 8.02551 73.2264 7.60499C74.1413 7.18447 75.138 6.9783 76.1423 7.00181C77.1467 7.02532 78.1329 7.2779 79.0276 7.74078C79.9223 8.20366 80.7026 8.86493 81.3103 9.67543L120.641 62.0866C121.393 63.0913 121.853 64.2887 121.97 65.5441C122.087 66.7994 121.856 68.063 121.303 69.1926C120.751 70.3222 119.897 71.2732 118.84 71.9384C117.783 72.6037 116.564 72.957 115.319 72.9585L6.68599 73C5.40822 72.9995 4.15734 72.6281 3.08134 71.9299C2.00533 71.2317 1.14923 70.2358 0.61432 69.06C0.0794076 67.8843 -0.111931 66.5779 0.0629387 65.2955C0.237809 64.0131 0.77157 62.8082 1.60108 61.8234Z" fill="#D6D6D6"/>
|
|
15
|
-
</g>
|
|
16
|
-
<rect x="10" y="15" width="32" height="7" rx="3" fill="#D6D6D6"/>
|
|
17
|
-
<rect x="10" y="26" width="21" height="7" rx="3" fill="#D6D6D6"/>
|
|
18
|
-
</g>
|
|
19
|
-
<defs>
|
|
20
|
-
<clipPath id="clip0_2825_116">
|
|
21
|
-
<rect width="96" height="48" rx="3" fill="white"/>
|
|
22
|
-
</clipPath>
|
|
23
|
-
</defs>
|
|
24
|
-
</svg>
|
|
25
|
-
`
|
|
26
|
-
},
|
|
27
|
-
components: [
|
|
28
|
-
{
|
|
29
|
-
tag: 'HeroBanner',
|
|
30
|
-
settings: {
|
|
31
|
-
layout: {
|
|
32
|
-
desktop: {
|
|
33
|
-
cols: [
|
|
34
|
-
6,
|
|
35
|
-
6
|
|
36
|
-
],
|
|
37
|
-
display: 'fill'
|
|
38
|
-
},
|
|
39
|
-
mobile: {
|
|
40
|
-
cols: [
|
|
41
|
-
12
|
|
42
|
-
],
|
|
43
|
-
display: 'fill'
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
isGoToSalesPage: true
|
|
47
|
-
},
|
|
48
|
-
styles: {
|
|
49
|
-
contentWidth: {
|
|
50
|
-
desktop: '1200px'
|
|
51
|
-
},
|
|
52
|
-
sizeSetting: {
|
|
53
|
-
desktop: {
|
|
54
|
-
shape: 'original',
|
|
55
|
-
widthHeightLinked: false,
|
|
56
|
-
width: '100%',
|
|
57
|
-
height: '600px'
|
|
58
|
-
},
|
|
59
|
-
mobile: {
|
|
60
|
-
shape: 'custom',
|
|
61
|
-
widthHeightLinked: false,
|
|
62
|
-
width: '100%',
|
|
63
|
-
height: 'auto'
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
childrens: [
|
|
68
|
-
{
|
|
69
|
-
tag: 'Col',
|
|
70
|
-
styles: {
|
|
71
|
-
order: {
|
|
72
|
-
desktop: 0
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
childrens: [
|
|
76
|
-
{
|
|
77
|
-
tag: 'Heading',
|
|
78
|
-
settings: {
|
|
79
|
-
text: 'Click here to edit heading'
|
|
80
|
-
},
|
|
81
|
-
styles: {
|
|
82
|
-
textAlign: {
|
|
83
|
-
desktop: 'center'
|
|
84
|
-
},
|
|
85
|
-
typo: {
|
|
86
|
-
attrs: {
|
|
87
|
-
color: '#FFFFFF'
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
advanced: {
|
|
92
|
-
'spacing-setting': {
|
|
93
|
-
desktop: {
|
|
94
|
-
margin: {
|
|
95
|
-
bottom: 'var(--g-s-l)'
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
tag: 'Text',
|
|
103
|
-
settings: {
|
|
104
|
-
text: "This is your text block. Click to edit and make it your own. Share your<br/>\
|
|
105
|
-
product's story or services offered. Get creative and make it yours!"
|
|
106
|
-
},
|
|
107
|
-
styles: {
|
|
108
|
-
textAlign: {
|
|
109
|
-
desktop: 'center'
|
|
110
|
-
},
|
|
111
|
-
typo: {
|
|
112
|
-
attrs: {
|
|
113
|
-
color: '#FFFFFF'
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
advanced: {
|
|
118
|
-
'spacing-setting': {
|
|
119
|
-
desktop: {
|
|
120
|
-
margin: {
|
|
121
|
-
bottom: 'var(--g-s-l)'
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
tag: 'Button',
|
|
129
|
-
settings: {
|
|
130
|
-
label: 'Get started'
|
|
131
|
-
},
|
|
132
|
-
styles: {
|
|
133
|
-
align: {
|
|
134
|
-
desktop: 'center'
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
]
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
tag: 'Col',
|
|
142
|
-
styles: {
|
|
143
|
-
order: {
|
|
144
|
-
desktop: 1
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
childrens: []
|
|
148
|
-
}
|
|
149
|
-
]
|
|
150
|
-
}
|
|
151
|
-
]
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
exports.heroBannerContentLeftPreSalesPage = heroBannerContentLeftPreSalesPage;
|