@gem-sdk/components 2.5.3-staging.6 → 2.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/cjs/banner/components/hero-banner/index.liquid.js +2 -13
  2. package/dist/cjs/banner/setting/HeroBanner.js +6 -50
  3. package/dist/cjs/button/components/Button.liquid.js +2 -11
  4. package/dist/cjs/button/setting/Button.js +5 -112
  5. package/dist/cjs/grid/components/Row.js +2 -9
  6. package/dist/cjs/icon/components/Icon.liquid.js +2 -10
  7. package/dist/cjs/icon/setting/Icon.js +5 -69
  8. package/dist/cjs/image/components/Image.liquid.js +3 -12
  9. package/dist/cjs/image/setting/Image.js +16 -207
  10. package/dist/cjs/third-party/components/Trustoo.liquid.js +7 -24
  11. package/dist/cjs/third-party/setting/Trustoo.js +111 -4
  12. package/dist/esm/banner/components/hero-banner/index.liquid.js +2 -13
  13. package/dist/esm/banner/setting/HeroBanner.js +6 -50
  14. package/dist/esm/button/components/Button.liquid.js +2 -11
  15. package/dist/esm/button/setting/Button.js +5 -112
  16. package/dist/esm/grid/components/Row.js +3 -10
  17. package/dist/esm/icon/components/Icon.liquid.js +2 -10
  18. package/dist/esm/icon/setting/Icon.js +5 -69
  19. package/dist/esm/image/components/Image.liquid.js +3 -12
  20. package/dist/esm/image/setting/Image.js +16 -207
  21. package/dist/esm/third-party/components/Trustoo.liquid.js +7 -24
  22. package/dist/esm/third-party/setting/Trustoo.js +111 -4
  23. package/dist/types/index.d.ts +2 -26
  24. package/package.json +2 -2
  25. package/dist/cjs/banner/setting/presets/heroBanner1ColPreSalesPage.js +0 -134
  26. package/dist/cjs/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +0 -154
  27. package/dist/cjs/banner/setting/presets/heroBannerContentRightPreSalesPage.js +0 -162
  28. package/dist/cjs/banner/setting/presets/heroBannerParallaxPreSalesPage.js +0 -134
  29. package/dist/cjs/banner/setting/presets/heroBannerVideoPreSalesPage.js +0 -130
  30. package/dist/cjs/constants.js +0 -5
  31. package/dist/esm/banner/setting/presets/heroBanner1ColPreSalesPage.js +0 -132
  32. package/dist/esm/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +0 -152
  33. package/dist/esm/banner/setting/presets/heroBannerContentRightPreSalesPage.js +0 -160
  34. package/dist/esm/banner/setting/presets/heroBannerParallaxPreSalesPage.js +0 -132
  35. package/dist/esm/banner/setting/presets/heroBannerVideoPreSalesPage.js +0 -128
  36. 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: 'star-rating-widget',
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',
@@ -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-staging.6",
3
+ "version": "2.5.4",
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.5.3-staging.5",
24
+ "@gem-sdk/core": "2.5.4",
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;