@gem-sdk/components 2.5.6 → 2.6.0-staging.13

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 (52) hide show
  1. package/dist/cjs/banner/components/hero-banner/index.liquid.js +13 -2
  2. package/dist/cjs/banner/setting/HeroBanner.js +50 -6
  3. package/dist/cjs/banner/setting/presets/heroBanner1ColPreSalesPage.js +134 -0
  4. package/dist/cjs/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +154 -0
  5. package/dist/cjs/banner/setting/presets/heroBannerContentRightPreSalesPage.js +162 -0
  6. package/dist/cjs/banner/setting/presets/heroBannerParallaxPreSalesPage.js +134 -0
  7. package/dist/cjs/banner/setting/presets/heroBannerVideoPreSalesPage.js +130 -0
  8. package/dist/cjs/button/components/Button.liquid.js +11 -2
  9. package/dist/cjs/button/setting/Button.js +112 -5
  10. package/dist/cjs/carousel/components/CarouselItem.js +1 -1
  11. package/dist/cjs/carousel/components/CarouselItem.liquid.js +1 -1
  12. package/dist/cjs/constants.js +5 -0
  13. package/dist/cjs/grid/components/Row.js +4 -3
  14. package/dist/cjs/grid/components/Row.liquid.js +2 -1
  15. package/dist/cjs/grid/setting/Row.js +31 -0
  16. package/dist/cjs/icon/components/Icon.liquid.js +10 -2
  17. package/dist/cjs/icon/setting/Icon.js +69 -5
  18. package/dist/cjs/image/components/Image.js +4 -1
  19. package/dist/cjs/image/components/Image.liquid.js +12 -3
  20. package/dist/cjs/image/helpers/getSrcSet.js +2 -2
  21. package/dist/cjs/image/setting/Image.js +216 -16
  22. package/dist/cjs/post-purchase/button/Button.js +1 -1
  23. package/dist/cjs/text/setting/Text.js +2 -1
  24. package/dist/cjs/third-party/components/Trustoo.liquid.js +24 -7
  25. package/dist/cjs/third-party/setting/Trustoo.js +4 -111
  26. package/dist/esm/banner/components/hero-banner/index.liquid.js +13 -2
  27. package/dist/esm/banner/setting/HeroBanner.js +50 -6
  28. package/dist/esm/banner/setting/presets/heroBanner1ColPreSalesPage.js +132 -0
  29. package/dist/esm/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +152 -0
  30. package/dist/esm/banner/setting/presets/heroBannerContentRightPreSalesPage.js +160 -0
  31. package/dist/esm/banner/setting/presets/heroBannerParallaxPreSalesPage.js +132 -0
  32. package/dist/esm/banner/setting/presets/heroBannerVideoPreSalesPage.js +128 -0
  33. package/dist/esm/button/components/Button.liquid.js +11 -2
  34. package/dist/esm/button/setting/Button.js +112 -5
  35. package/dist/esm/carousel/components/CarouselItem.js +1 -1
  36. package/dist/esm/carousel/components/CarouselItem.liquid.js +1 -1
  37. package/dist/esm/constants.js +3 -0
  38. package/dist/esm/grid/components/Row.js +4 -3
  39. package/dist/esm/grid/components/Row.liquid.js +2 -1
  40. package/dist/esm/grid/setting/Row.js +31 -0
  41. package/dist/esm/icon/components/Icon.liquid.js +10 -2
  42. package/dist/esm/icon/setting/Icon.js +69 -5
  43. package/dist/esm/image/components/Image.js +5 -2
  44. package/dist/esm/image/components/Image.liquid.js +12 -3
  45. package/dist/esm/image/helpers/getSrcSet.js +2 -2
  46. package/dist/esm/image/setting/Image.js +216 -16
  47. package/dist/esm/post-purchase/button/Button.js +1 -1
  48. package/dist/esm/text/setting/Text.js +2 -1
  49. package/dist/esm/third-party/components/Trustoo.liquid.js +24 -7
  50. package/dist/esm/third-party/setting/Trustoo.js +4 -111
  51. package/dist/types/index.d.ts +31 -2
  52. package/package.json +3 -3
@@ -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, 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';
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';
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,6 +117,7 @@ type ButtonProps = MixedProps$6 & BasePropsWrap<{
117
117
  translate?: string;
118
118
  /** SVG icon */
119
119
  iconSvg?: string;
120
+ isGoToSalesPage?: boolean;
120
121
  btnLink?: {
121
122
  link?: string;
122
123
  target?: string;
@@ -132,6 +133,7 @@ type ButtonProps = MixedProps$6 & BasePropsWrap<{
132
133
  shouldClearSpace?: boolean;
133
134
  disabledLoading?: boolean;
134
135
  innerBorder?: boolean;
136
+ linkedToPreSalesPageBanner?: boolean;
135
137
  }, {
136
138
  type?: 'primary' | 'secondary';
137
139
  /** */
@@ -448,6 +450,9 @@ type ImageSetting$1 = Pick<NextImageProps, 'priority' | 'quality' | 'vw'> & Pick
448
450
  };
449
451
  hoverEffect?: string;
450
452
  isNotLazyload?: boolean;
453
+ disableNoDataState?: boolean;
454
+ isGoToSalesPage?: boolean;
455
+ linkedToPreSalesPageBanner?: boolean;
451
456
  } & Pick<AdaptiveImageProps, 'srcSet'>;
452
457
  type ImageStyleSetting$1 = {
453
458
  shape?: ObjectDevices<SizeSettingGlobal>;
@@ -543,6 +548,7 @@ type RowProps$1 = BaseProps<{
543
548
  }, {
544
549
  fullWidth?: ObjectDevices<boolean>;
545
550
  width?: ObjectDevices<string>;
551
+ height?: ObjectDevices<'auto' | '100%'>;
546
552
  verticalGutter?: ObjectDevices<string>;
547
553
  background?: ObjectDevices<Background>;
548
554
  preloadBgImage?: boolean;
@@ -981,6 +987,8 @@ type IconProps$1 = {
981
987
  target?: string;
982
988
  title?: string;
983
989
  };
990
+ isGoToSalesPage?: boolean;
991
+ linkedToPreSalesPageBanner?: boolean;
984
992
  }, {
985
993
  /**
986
994
  Set height icon
@@ -2548,7 +2556,6 @@ declare const Omnisend$1: React.FC<OmnisendProps>;
2548
2556
 
2549
2557
  type TrustooProps = BaseProps<{
2550
2558
  widgetType?: TrustooWidgetType;
2551
- widgetTypeV2?: TrustooWidgetTypeV2;
2552
2559
  openApp?: any;
2553
2560
  install?: any;
2554
2561
  align?: ObjectDevices<AlignProp>;
@@ -3612,6 +3619,8 @@ type Setting$6 = {
3612
3619
  title?: string;
3613
3620
  aspectRatio?: ObjectDevices<string>;
3614
3621
  ratioOptions?: ObjectDevices<Ratio>;
3622
+ isGoToSalesPage?: boolean;
3623
+ linkedToPreSalesPageBanner?: boolean;
3615
3624
  } & Pick<NonNullable<RowProps$1['setting']>, 'layout' | 'horizontalAlign'>;
3616
3625
  type Styles$2 = {
3617
3626
  height?: ObjectDevices<string>;
@@ -5454,6 +5463,7 @@ declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, adv
5454
5463
  label?: React.ReactNode;
5455
5464
  translate?: string | undefined;
5456
5465
  iconSvg?: string | undefined;
5466
+ isGoToSalesPage?: boolean | undefined;
5457
5467
  btnLink?: {
5458
5468
  link?: string | undefined;
5459
5469
  target?: string | undefined;
@@ -5467,6 +5477,7 @@ declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, adv
5467
5477
  shouldClearSpace?: boolean | undefined;
5468
5478
  disabledLoading?: boolean | undefined;
5469
5479
  innerBorder?: boolean | undefined;
5480
+ linkedToPreSalesPageBanner?: boolean | undefined;
5470
5481
  }, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
5471
5482
  type?: "primary" | "secondary" | undefined;
5472
5483
  roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
@@ -5526,6 +5537,7 @@ type RowProps = BaseProps<{
5526
5537
  }, {
5527
5538
  fullWidth?: ObjectDevices<boolean>;
5528
5539
  width?: ObjectDevices<string>;
5540
+ height?: ObjectDevices<'auto' | '100%'>;
5529
5541
  verticalGutter?: ObjectDevices<string>;
5530
5542
  background?: ObjectDevices<Background>;
5531
5543
  preloadBgImage?: boolean;
@@ -5559,6 +5571,7 @@ type IconProps = {
5559
5571
  target?: string;
5560
5572
  title?: string;
5561
5573
  };
5574
+ isGoToSalesPage?: boolean;
5562
5575
  }, {
5563
5576
  /**
5564
5577
  Set height icon
@@ -5670,6 +5683,7 @@ declare const Product: ({ children, setting, styles, style, builderProps, rawChi
5670
5683
  }, {
5671
5684
  fullWidth?: Partial<Record<_gem_sdk_core.NameDevices, boolean>> | undefined;
5672
5685
  width?: Partial<Record<_gem_sdk_core.NameDevices, string>> | undefined;
5686
+ height?: Partial<Record<_gem_sdk_core.NameDevices, "auto" | "100%">> | undefined;
5673
5687
  verticalGutter?: Partial<Record<_gem_sdk_core.NameDevices, string>> | undefined;
5674
5688
  background?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Background>> | undefined;
5675
5689
  preloadBgImage?: boolean | undefined;
@@ -5720,6 +5734,7 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
5720
5734
  label?: React.ReactNode;
5721
5735
  translate?: string | undefined;
5722
5736
  iconSvg?: string | undefined;
5737
+ isGoToSalesPage?: boolean | undefined;
5723
5738
  btnLink?: {
5724
5739
  link?: string | undefined;
5725
5740
  target?: string | undefined;
@@ -5733,6 +5748,7 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
5733
5748
  shouldClearSpace?: boolean | undefined;
5734
5749
  disabledLoading?: boolean | undefined;
5735
5750
  innerBorder?: boolean | undefined;
5751
+ linkedToPreSalesPageBanner?: boolean | undefined;
5736
5752
  }, "iconSvg" | "iconAlign" | "iconVisible">, {
5737
5753
  type?: "primary" | "secondary" | undefined;
5738
5754
  roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
@@ -5891,6 +5907,7 @@ declare const DynamicCheckout: ({ builderProps, styles, advanced, setting, pageC
5891
5907
  label?: React.ReactNode;
5892
5908
  translate?: string | undefined;
5893
5909
  iconSvg?: string | undefined;
5910
+ isGoToSalesPage?: boolean | undefined;
5894
5911
  btnLink?: {
5895
5912
  link?: string | undefined;
5896
5913
  target?: string | undefined;
@@ -5904,6 +5921,7 @@ declare const DynamicCheckout: ({ builderProps, styles, advanced, setting, pageC
5904
5921
  shouldClearSpace?: boolean | undefined;
5905
5922
  disabledLoading?: boolean | undefined;
5906
5923
  innerBorder?: boolean | undefined;
5924
+ linkedToPreSalesPageBanner?: boolean | undefined;
5907
5925
  }, "iconSvg" | "iconAlign" | "iconVisible">, {
5908
5926
  type?: "primary" | "secondary" | undefined;
5909
5927
  roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
@@ -5983,6 +6001,7 @@ declare const ProductViewMore: ({ setting, builderProps, builderAttrs, style, st
5983
6001
  label?: React.ReactNode;
5984
6002
  translate?: string | undefined;
5985
6003
  iconSvg?: string | undefined;
6004
+ isGoToSalesPage?: boolean | undefined;
5986
6005
  btnLink?: {
5987
6006
  link?: string | undefined;
5988
6007
  target?: string | undefined;
@@ -5996,6 +6015,7 @@ declare const ProductViewMore: ({ setting, builderProps, builderAttrs, style, st
5996
6015
  shouldClearSpace?: boolean | undefined;
5997
6016
  disabledLoading?: boolean | undefined;
5998
6017
  innerBorder?: boolean | undefined;
6018
+ linkedToPreSalesPageBanner?: boolean | undefined;
5999
6019
  }, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
6000
6020
  type?: "primary" | "secondary" | undefined;
6001
6021
  roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
@@ -6320,6 +6340,9 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
6320
6340
  } | undefined;
6321
6341
  hoverEffect?: string | undefined;
6322
6342
  isNotLazyload?: boolean | undefined;
6343
+ disableNoDataState?: boolean | undefined;
6344
+ isGoToSalesPage?: boolean | undefined;
6345
+ linkedToPreSalesPageBanner?: boolean | undefined;
6323
6346
  } & Pick<AdaptiveImageProps, "srcSet">, {
6324
6347
  shape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
6325
6348
  customAspectRadio?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Ratio>> | undefined;
@@ -6422,6 +6445,8 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
6422
6445
  title?: string | undefined;
6423
6446
  aspectRatio?: Partial<Record<NameDevices, string>> | undefined;
6424
6447
  ratioOptions?: Partial<Record<NameDevices, _gem_sdk_core.Ratio>> | undefined;
6448
+ isGoToSalesPage?: boolean | undefined;
6449
+ linkedToPreSalesPageBanner?: boolean | undefined;
6425
6450
  } & Pick<{
6426
6451
  responsive?: Partial<Record<NameDevices, string>> | undefined;
6427
6452
  layout?: Partial<Record<NameDevices, _gem_sdk_core.ObjectLayoutValue>> | undefined;
@@ -6458,6 +6483,7 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
6458
6483
  } & Pick<{
6459
6484
  fullWidth?: Partial<Record<NameDevices, boolean>> | undefined;
6460
6485
  width?: Partial<Record<NameDevices, string>> | undefined;
6486
+ height?: Partial<Record<NameDevices, "auto" | "100%">> | undefined;
6461
6487
  verticalGutter?: Partial<Record<NameDevices, string>> | undefined;
6462
6488
  background?: Partial<Record<NameDevices, Background>> | undefined;
6463
6489
  preloadBgImage?: boolean | undefined;
@@ -6548,6 +6574,7 @@ declare const SubmitButton: ({ setting, builderProps, builderAttrs, style, style
6548
6574
  label?: React.ReactNode;
6549
6575
  translate?: string | undefined;
6550
6576
  iconSvg?: string | undefined;
6577
+ isGoToSalesPage?: boolean | undefined;
6551
6578
  btnLink?: {
6552
6579
  link?: string | undefined;
6553
6580
  target?: string | undefined;
@@ -6561,6 +6588,7 @@ declare const SubmitButton: ({ setting, builderProps, builderAttrs, style, style
6561
6588
  shouldClearSpace?: boolean | undefined;
6562
6589
  disabledLoading?: boolean | undefined;
6563
6590
  innerBorder?: boolean | undefined;
6591
+ linkedToPreSalesPageBanner?: boolean | undefined;
6564
6592
  }, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
6565
6593
  type?: "primary" | "secondary" | undefined;
6566
6594
  roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
@@ -6699,6 +6727,7 @@ declare const CollectionBanner: ({ builderAttrs, builderProps, setting, style, c
6699
6727
  }, "layout" | "verticalAlign" | "horizontalAlign"> & Pick<{
6700
6728
  fullWidth?: Partial<Record<_gem_sdk_core.NameDevices, boolean>> | undefined;
6701
6729
  width?: Partial<Record<_gem_sdk_core.NameDevices, string>> | undefined;
6730
+ height?: Partial<Record<_gem_sdk_core.NameDevices, "auto" | "100%">> | undefined;
6702
6731
  verticalGutter?: Partial<Record<_gem_sdk_core.NameDevices, string>> | undefined;
6703
6732
  background?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Background>> | undefined;
6704
6733
  preloadBgImage?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.5.6",
3
+ "version": "2.6.0-staging.13",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -21,8 +21,8 @@
21
21
  "format": "prettier --write \"./src/**/*.{ts,tsx}\""
22
22
  },
23
23
  "devDependencies": {
24
- "@gem-sdk/core": "2.5.5",
25
- "@gem-sdk/styles": "2.4.8",
24
+ "@gem-sdk/core": "2.6.0-staging.13",
25
+ "@gem-sdk/styles": "2.6.0-staging.13",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },
28
28
  "dependencies": {