@gem-sdk/components 2.5.5 → 2.6.0-staging.12
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 +13 -2
- package/dist/cjs/banner/setting/HeroBanner.js +50 -6
- package/dist/cjs/banner/setting/presets/heroBanner1ColPreSalesPage.js +134 -0
- package/dist/cjs/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +154 -0
- package/dist/cjs/banner/setting/presets/heroBannerContentRightPreSalesPage.js +162 -0
- package/dist/cjs/banner/setting/presets/heroBannerParallaxPreSalesPage.js +134 -0
- package/dist/cjs/banner/setting/presets/heroBannerVideoPreSalesPage.js +130 -0
- package/dist/cjs/button/components/Button.liquid.js +11 -2
- package/dist/cjs/button/setting/Button.js +112 -5
- package/dist/cjs/carousel/components/CarouselItem.js +1 -1
- package/dist/cjs/carousel/components/CarouselItem.liquid.js +1 -1
- package/dist/cjs/constants.js +5 -0
- package/dist/cjs/grid/components/Row.js +4 -3
- package/dist/cjs/grid/components/Row.liquid.js +2 -1
- package/dist/cjs/grid/setting/Row.js +31 -0
- package/dist/cjs/icon/components/Icon.liquid.js +10 -2
- package/dist/cjs/icon/setting/Icon.js +69 -5
- package/dist/cjs/image/components/Image.js +4 -1
- package/dist/cjs/image/components/Image.liquid.js +12 -3
- package/dist/cjs/image/helpers/getSrcSet.js +2 -2
- package/dist/cjs/image/setting/Image.js +216 -16
- package/dist/cjs/text/setting/Text.js +2 -1
- package/dist/cjs/third-party/components/Trustoo.liquid.js +24 -7
- package/dist/cjs/third-party/setting/Trustoo.js +4 -111
- package/dist/esm/banner/components/hero-banner/index.liquid.js +13 -2
- package/dist/esm/banner/setting/HeroBanner.js +50 -6
- package/dist/esm/banner/setting/presets/heroBanner1ColPreSalesPage.js +132 -0
- package/dist/esm/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +152 -0
- package/dist/esm/banner/setting/presets/heroBannerContentRightPreSalesPage.js +160 -0
- package/dist/esm/banner/setting/presets/heroBannerParallaxPreSalesPage.js +132 -0
- package/dist/esm/banner/setting/presets/heroBannerVideoPreSalesPage.js +128 -0
- package/dist/esm/button/components/Button.liquid.js +11 -2
- package/dist/esm/button/setting/Button.js +112 -5
- package/dist/esm/carousel/components/CarouselItem.js +1 -1
- package/dist/esm/carousel/components/CarouselItem.liquid.js +1 -1
- package/dist/esm/constants.js +3 -0
- package/dist/esm/grid/components/Row.js +4 -3
- package/dist/esm/grid/components/Row.liquid.js +2 -1
- package/dist/esm/grid/setting/Row.js +31 -0
- package/dist/esm/icon/components/Icon.liquid.js +10 -2
- package/dist/esm/icon/setting/Icon.js +69 -5
- package/dist/esm/image/components/Image.js +5 -2
- package/dist/esm/image/components/Image.liquid.js +12 -3
- package/dist/esm/image/helpers/getSrcSet.js +2 -2
- package/dist/esm/image/setting/Image.js +216 -16
- package/dist/esm/text/setting/Text.js +2 -1
- package/dist/esm/third-party/components/Trustoo.liquid.js +24 -7
- package/dist/esm/third-party/setting/Trustoo.js +4 -111
- package/dist/types/index.d.ts +31 -2
- package/package.json +3 -3
|
@@ -60,6 +60,17 @@ const config = {
|
|
|
60
60
|
target: '_self'
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
|
+
{
|
|
64
|
+
id: 'isGoToSalesPage',
|
|
65
|
+
type: 'toggle',
|
|
66
|
+
label: 'Go to Sales page',
|
|
67
|
+
default: false
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
id: 'linkedToPreSalesPageBanner',
|
|
71
|
+
type: 'banner-pre-sales-page',
|
|
72
|
+
default: false
|
|
73
|
+
},
|
|
63
74
|
{
|
|
64
75
|
id: 'seo',
|
|
65
76
|
type: 'group',
|
|
@@ -133,6 +144,15 @@ const config = {
|
|
|
133
144
|
displayOptions: [
|
|
134
145
|
'full'
|
|
135
146
|
]
|
|
147
|
+
},
|
|
148
|
+
height: {
|
|
149
|
+
displayOptions: [
|
|
150
|
+
'full'
|
|
151
|
+
],
|
|
152
|
+
units: [
|
|
153
|
+
'px',
|
|
154
|
+
'%'
|
|
155
|
+
]
|
|
136
156
|
}
|
|
137
157
|
},
|
|
138
158
|
hiddenSettings: [
|
|
@@ -390,14 +410,37 @@ const config = {
|
|
|
390
410
|
]
|
|
391
411
|
},
|
|
392
412
|
{
|
|
393
|
-
type: '
|
|
413
|
+
type: 'group',
|
|
394
414
|
label: {
|
|
395
415
|
en: 'Insert link'
|
|
396
416
|
},
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
417
|
+
controls: [
|
|
418
|
+
{
|
|
419
|
+
type: 'control',
|
|
420
|
+
condition: 'pageType == "GP_PRE_SALE_PAGE"',
|
|
421
|
+
setting: {
|
|
422
|
+
id: 'linkedToPreSalesPageBanner'
|
|
423
|
+
}
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
type: 'control',
|
|
427
|
+
condition: 'pageType == "GP_PRE_SALE_PAGE"',
|
|
428
|
+
setting: {
|
|
429
|
+
id: 'isGoToSalesPage'
|
|
430
|
+
},
|
|
431
|
+
label: {
|
|
432
|
+
en: 'Go to Sales page'
|
|
433
|
+
}
|
|
434
|
+
},
|
|
435
|
+
{
|
|
436
|
+
type: 'control',
|
|
437
|
+
condition: 'isGoToSalesPage === false || pageType != "GP_PRE_SALE_PAGE"',
|
|
438
|
+
layout: 'vertical',
|
|
439
|
+
setting: {
|
|
440
|
+
id: 'imageLink'
|
|
441
|
+
}
|
|
442
|
+
}
|
|
443
|
+
]
|
|
401
444
|
},
|
|
402
445
|
{
|
|
403
446
|
type: 'group',
|
|
@@ -603,19 +646,19 @@ const config = {
|
|
|
603
646
|
}
|
|
604
647
|
},
|
|
605
648
|
borderRadius: {
|
|
606
|
-
btrr:
|
|
607
|
-
bblr:
|
|
608
|
-
bbrr:
|
|
609
|
-
btlr:
|
|
610
|
-
radiusType:
|
|
649
|
+
btrr: '999999px',
|
|
650
|
+
bblr: '999999px',
|
|
651
|
+
bbrr: '999999px',
|
|
652
|
+
btlr: '999999px',
|
|
653
|
+
radiusType: 'custom'
|
|
611
654
|
},
|
|
612
655
|
wrapperBorder: {
|
|
613
|
-
borderType:
|
|
614
|
-
border:
|
|
615
|
-
width:
|
|
616
|
-
position:
|
|
617
|
-
borderWidth:
|
|
618
|
-
color:
|
|
656
|
+
borderType: 'none',
|
|
657
|
+
border: 'none',
|
|
658
|
+
width: '1px 1px 1px 1px',
|
|
659
|
+
position: 'all',
|
|
660
|
+
borderWidth: '1px',
|
|
661
|
+
color: '#000000',
|
|
619
662
|
isCustom: true
|
|
620
663
|
}
|
|
621
664
|
},
|
|
@@ -633,6 +676,163 @@ const config = {
|
|
|
633
676
|
}
|
|
634
677
|
}
|
|
635
678
|
]
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
id: 'image-pre-sales-page',
|
|
682
|
+
name: {
|
|
683
|
+
en: 'Image'
|
|
684
|
+
},
|
|
685
|
+
icon: {
|
|
686
|
+
desktop: `
|
|
687
|
+
<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
688
|
+
<rect width="96" height="48" rx="3" fill="#424242"/>
|
|
689
|
+
<circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
|
|
690
|
+
<path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
|
|
691
|
+
</svg>
|
|
692
|
+
`
|
|
693
|
+
},
|
|
694
|
+
components: [
|
|
695
|
+
{
|
|
696
|
+
tag: 'Image',
|
|
697
|
+
advanced: {
|
|
698
|
+
'spacing-setting': {
|
|
699
|
+
desktop: {
|
|
700
|
+
margin: {
|
|
701
|
+
bottom: 'var(--g-s-l)'
|
|
702
|
+
}
|
|
703
|
+
}
|
|
704
|
+
},
|
|
705
|
+
editorData: {
|
|
706
|
+
cssPlaceholder: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
|
|
707
|
+
}
|
|
708
|
+
},
|
|
709
|
+
settings: {
|
|
710
|
+
isGoToSalesPage: true
|
|
711
|
+
}
|
|
712
|
+
}
|
|
713
|
+
],
|
|
714
|
+
flowTagComponents: {
|
|
715
|
+
Marquee: [
|
|
716
|
+
{
|
|
717
|
+
tag: 'Image',
|
|
718
|
+
styles: {
|
|
719
|
+
shape: {
|
|
720
|
+
desktop: {
|
|
721
|
+
width: 'auto',
|
|
722
|
+
height: 'auto'
|
|
723
|
+
}
|
|
724
|
+
},
|
|
725
|
+
enableBorder: 'none'
|
|
726
|
+
},
|
|
727
|
+
advanced: {
|
|
728
|
+
'spacing-setting': {
|
|
729
|
+
desktop: {
|
|
730
|
+
margin: {
|
|
731
|
+
bottom: 'var(--g-s-l)'
|
|
732
|
+
}
|
|
733
|
+
}
|
|
734
|
+
},
|
|
735
|
+
editorData: {
|
|
736
|
+
rootClassName: '{{rootClassName}}',
|
|
737
|
+
css: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
|
|
738
|
+
}
|
|
739
|
+
},
|
|
740
|
+
settings: {
|
|
741
|
+
isNotLazyload: true
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
]
|
|
745
|
+
}
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
id: 'image-circle-pre-sales-page',
|
|
749
|
+
name: {
|
|
750
|
+
en: 'Image'
|
|
751
|
+
},
|
|
752
|
+
icon: {
|
|
753
|
+
desktop: `
|
|
754
|
+
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
755
|
+
<rect x="2" y="2" width="52" height="52" rx="26" fill="#424242"/>
|
|
756
|
+
<ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
|
|
757
|
+
<path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
|
|
758
|
+
</svg>
|
|
759
|
+
`
|
|
760
|
+
},
|
|
761
|
+
components: [
|
|
762
|
+
{
|
|
763
|
+
tag: 'Image',
|
|
764
|
+
settings: {
|
|
765
|
+
imageStyle: 'circle',
|
|
766
|
+
isGoToSalesPage: true
|
|
767
|
+
},
|
|
768
|
+
styles: {
|
|
769
|
+
shape: {
|
|
770
|
+
desktop: {
|
|
771
|
+
shape: 'square',
|
|
772
|
+
shapeValue: '1/1',
|
|
773
|
+
width: '80px',
|
|
774
|
+
shapeLinked: true
|
|
775
|
+
}
|
|
776
|
+
},
|
|
777
|
+
borderRadius: {
|
|
778
|
+
btrr: '999999px',
|
|
779
|
+
bblr: '999999px',
|
|
780
|
+
bbrr: '999999px',
|
|
781
|
+
btlr: '999999px',
|
|
782
|
+
radiusType: 'custom'
|
|
783
|
+
},
|
|
784
|
+
wrapperBorder: {
|
|
785
|
+
borderType: 'none',
|
|
786
|
+
border: 'none',
|
|
787
|
+
width: '1px 1px 1px 1px',
|
|
788
|
+
position: 'all',
|
|
789
|
+
borderWidth: '1px',
|
|
790
|
+
color: '#000000',
|
|
791
|
+
isCustom: true
|
|
792
|
+
}
|
|
793
|
+
},
|
|
794
|
+
advanced: {
|
|
795
|
+
'spacing-setting': {
|
|
796
|
+
desktop: {
|
|
797
|
+
margin: {
|
|
798
|
+
bottom: 'var(--g-s-l)'
|
|
799
|
+
}
|
|
800
|
+
}
|
|
801
|
+
},
|
|
802
|
+
editorData: {
|
|
803
|
+
cssplaceholder: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
|
|
804
|
+
}
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
],
|
|
808
|
+
rootOverride: {
|
|
809
|
+
styles: {
|
|
810
|
+
shape: {
|
|
811
|
+
desktop: {
|
|
812
|
+
shape: 'square',
|
|
813
|
+
shapeValue: '1/1',
|
|
814
|
+
width: '80px',
|
|
815
|
+
shapeLinked: true
|
|
816
|
+
}
|
|
817
|
+
},
|
|
818
|
+
borderRadius: {
|
|
819
|
+
btrr: '999999px',
|
|
820
|
+
bblr: '999999px',
|
|
821
|
+
bbrr: '999999px',
|
|
822
|
+
btlr: '999999px',
|
|
823
|
+
radiusType: 'custom'
|
|
824
|
+
}
|
|
825
|
+
},
|
|
826
|
+
advanced: {
|
|
827
|
+
'spacing-setting': {
|
|
828
|
+
desktop: {
|
|
829
|
+
margin: {
|
|
830
|
+
bottom: 0
|
|
831
|
+
}
|
|
832
|
+
}
|
|
833
|
+
}
|
|
834
|
+
}
|
|
835
|
+
}
|
|
636
836
|
}
|
|
637
837
|
],
|
|
638
838
|
rootOverride: {
|
|
@@ -4,13 +4,17 @@ import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
|
|
|
4
4
|
|
|
5
5
|
const Trustoo = ({ setting, advanced })=>{
|
|
6
6
|
const { widgetType, align, version, appBlockId } = setting ?? {};
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
const widgetTypeMap = {
|
|
8
|
+
'review-widget': '<div class="custom-vstar-review-widget" style="width:100%"></div>',
|
|
9
|
+
'star-rating-widget': '<div class="custom-vstar-rating-widget" data-product-id="{{product.id}}"></div>',
|
|
10
|
+
'text-carousel': '<div id="trustoo-text-carousel" style="display:block;max-width:1200px;margin:0 auto" data-type="block"></div>',
|
|
11
|
+
'barrage-carousel': '<div id="trustoo-barrage-carousel" style="display:block;max-width:1200px;margin:0 auto" data-type="block"></div>',
|
|
12
|
+
'card-carousel': '<div id="trustoo-card-carousel-widget" style="display:block;max-width:1200px;margin:0 auto"></div>',
|
|
13
|
+
'photo-carousel': '<div id="trustoo-photo-carousel" style="display:block;max-width:1200px;margin:0 auto" data-type="block"></div>'
|
|
14
|
+
};
|
|
15
|
+
const renderOldVersionTrustoo = ()=>{
|
|
16
|
+
return version === 'v2' ? getLiquidForAppBlock(appBlockId, align, advanced?.cssClass) : template`
|
|
17
|
+
<div>
|
|
14
18
|
{% if '${widgetType}' == 'starRatingInList' %}
|
|
15
19
|
{% if request.page_type != 'product' %}
|
|
16
20
|
<div class="custom-vstar-rating-widget" product-id="{{ product.id }}"></div>
|
|
@@ -33,6 +37,19 @@ const Trustoo = ({ setting, advanced })=>{
|
|
|
33
37
|
{% endif %}
|
|
34
38
|
</div>
|
|
35
39
|
`;
|
|
40
|
+
};
|
|
41
|
+
return !!version ? renderOldVersionTrustoo() : template`
|
|
42
|
+
<div
|
|
43
|
+
class="${advanced?.cssClass}"
|
|
44
|
+
style="${{
|
|
45
|
+
...makeStyleResponsive('ta', align)
|
|
46
|
+
}}"
|
|
47
|
+
>
|
|
48
|
+
${widgetType && widgetTypeMap?.[widgetType]}
|
|
49
|
+
<script ${getSettingPreloadData('class="gps-link" delay', 'src')}="https://cdn.vstar.app/static/dist/js/swiper-reviews.min.js" defer="defer"></script>
|
|
50
|
+
<link ${getSettingPreloadData('class="gps-link" delay', 'href')}="https://cdn.vstar.app/static/css/swiper-reviews.min.css" rel="stylesheet" type="text/css" media="all">
|
|
51
|
+
</div>
|
|
52
|
+
`;
|
|
36
53
|
};
|
|
37
54
|
|
|
38
55
|
export { Trustoo as default };
|
|
@@ -61,76 +61,11 @@ 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
|
-
},
|
|
80
64
|
{
|
|
81
65
|
id: 'widgetType',
|
|
82
66
|
label: 'Choose widget',
|
|
83
67
|
type: 'select',
|
|
84
|
-
default: '
|
|
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',
|
|
68
|
+
default: 'star-rating-widget',
|
|
134
69
|
options: [
|
|
135
70
|
{
|
|
136
71
|
label: 'Testimonials',
|
|
@@ -146,33 +81,11 @@ const config = {
|
|
|
146
81
|
},
|
|
147
82
|
{
|
|
148
83
|
label: '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
|
-
]
|
|
84
|
+
value: 'review-widget'
|
|
161
85
|
},
|
|
162
86
|
{
|
|
163
87
|
label: '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
|
-
]
|
|
88
|
+
value: 'star-rating-widget'
|
|
176
89
|
},
|
|
177
90
|
{
|
|
178
91
|
label: 'Text Carousel',
|
|
@@ -222,15 +135,6 @@ const config = {
|
|
|
222
135
|
id: 'install'
|
|
223
136
|
}
|
|
224
137
|
},
|
|
225
|
-
{
|
|
226
|
-
type: 'control',
|
|
227
|
-
label: {
|
|
228
|
-
en: 'Choose version'
|
|
229
|
-
},
|
|
230
|
-
setting: {
|
|
231
|
-
id: 'version'
|
|
232
|
-
}
|
|
233
|
-
},
|
|
234
138
|
{
|
|
235
139
|
type: 'control',
|
|
236
140
|
label: {
|
|
@@ -238,18 +142,7 @@ const config = {
|
|
|
238
142
|
},
|
|
239
143
|
setting: {
|
|
240
144
|
id: 'widgetType'
|
|
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"'
|
|
145
|
+
}
|
|
253
146
|
},
|
|
254
147
|
{
|
|
255
148
|
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,
|
|
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;
|