@gem-sdk/components 2.1.27-staging.19 → 2.1.27-staging.20
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/third-party/components/Releasit.liquid.js +4 -2
- package/dist/cjs/third-party/setting/Releasit.js +59 -2
- package/dist/esm/third-party/components/Releasit.liquid.js +4 -2
- package/dist/esm/third-party/setting/Releasit.js +59 -2
- package/dist/types/index.d.ts +4 -0
- package/package.json +2 -2
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var thirdParty = require('../helpers/thirdParty.js');
|
|
5
6
|
var core = require('@gem-sdk/core');
|
|
6
7
|
|
|
7
8
|
const Releasit = ({ setting, advanced })=>{
|
|
8
|
-
const { align } = setting ?? {};
|
|
9
|
-
|
|
9
|
+
const { align, version, appBlockId } = setting ?? {};
|
|
10
|
+
console.log('version', version);
|
|
11
|
+
return version === 'v2' ? thirdParty.getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''}!gp-block`) : core.template`
|
|
10
12
|
<div
|
|
11
13
|
class="${advanced?.cssClass}"
|
|
12
14
|
style="${{
|
|
@@ -11,6 +11,11 @@ const config = {
|
|
|
11
11
|
editorConfigs: {
|
|
12
12
|
component: {
|
|
13
13
|
isThirdParty: true
|
|
14
|
+
},
|
|
15
|
+
placeholder: {
|
|
16
|
+
flowTag: [
|
|
17
|
+
'Product'
|
|
18
|
+
]
|
|
14
19
|
}
|
|
15
20
|
},
|
|
16
21
|
presets: [
|
|
@@ -39,6 +44,16 @@ const config = {
|
|
|
39
44
|
{
|
|
40
45
|
id: 'setting',
|
|
41
46
|
controls: [
|
|
47
|
+
{
|
|
48
|
+
id: 'appBlockId',
|
|
49
|
+
type: 'input',
|
|
50
|
+
default: ''
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
id: 'productHandle',
|
|
54
|
+
type: 'input',
|
|
55
|
+
default: ''
|
|
56
|
+
},
|
|
42
57
|
{
|
|
43
58
|
id: 'install',
|
|
44
59
|
type: 'open-link',
|
|
@@ -55,6 +70,38 @@ const config = {
|
|
|
55
70
|
href: 'https://admin.shopify.com/?redirect=/apps/releasit-cod-order-form',
|
|
56
71
|
appName: Releasit.default.label
|
|
57
72
|
},
|
|
73
|
+
{
|
|
74
|
+
id: 'version',
|
|
75
|
+
label: 'Choose version',
|
|
76
|
+
type: 'select',
|
|
77
|
+
default: 'v1',
|
|
78
|
+
options: [
|
|
79
|
+
{
|
|
80
|
+
label: 'V1',
|
|
81
|
+
value: 'v1'
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
label: 'V2',
|
|
85
|
+
value: 'v2'
|
|
86
|
+
}
|
|
87
|
+
]
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
id: 'widgetTypeV2',
|
|
91
|
+
label: 'Choose widget',
|
|
92
|
+
type: 'select',
|
|
93
|
+
default: 'button-app-block',
|
|
94
|
+
options: [
|
|
95
|
+
{
|
|
96
|
+
label: 'Releasit button',
|
|
97
|
+
value: 'button-app-block'
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
label: 'Releasit embedded form',
|
|
101
|
+
value: 'form-app-block'
|
|
102
|
+
}
|
|
103
|
+
]
|
|
104
|
+
},
|
|
58
105
|
{
|
|
59
106
|
id: 'align',
|
|
60
107
|
label: 'Alignment',
|
|
@@ -95,12 +142,22 @@ const config = {
|
|
|
95
142
|
{
|
|
96
143
|
type: 'control',
|
|
97
144
|
label: {
|
|
98
|
-
en: 'Choose
|
|
145
|
+
en: 'Choose version'
|
|
99
146
|
},
|
|
100
147
|
setting: {
|
|
101
|
-
id: '
|
|
148
|
+
id: 'version'
|
|
102
149
|
}
|
|
103
150
|
},
|
|
151
|
+
{
|
|
152
|
+
type: 'control',
|
|
153
|
+
label: {
|
|
154
|
+
en: 'Choose widget'
|
|
155
|
+
},
|
|
156
|
+
setting: {
|
|
157
|
+
id: 'widgetTypeV2'
|
|
158
|
+
},
|
|
159
|
+
condition: 'version === "v2"'
|
|
160
|
+
},
|
|
104
161
|
{
|
|
105
162
|
type: 'control',
|
|
106
163
|
setting: {
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
|
|
1
2
|
import { template, makeStyleResponsive } from '@gem-sdk/core';
|
|
2
3
|
|
|
3
4
|
const Releasit = ({ setting, advanced })=>{
|
|
4
|
-
const { align } = setting ?? {};
|
|
5
|
-
|
|
5
|
+
const { align, version, appBlockId } = setting ?? {};
|
|
6
|
+
console.log('version', version);
|
|
7
|
+
return version === 'v2' ? getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''}!gp-block`) : template`
|
|
6
8
|
<div
|
|
7
9
|
class="${advanced?.cssClass}"
|
|
8
10
|
style="${{
|
|
@@ -7,6 +7,11 @@ const config = {
|
|
|
7
7
|
editorConfigs: {
|
|
8
8
|
component: {
|
|
9
9
|
isThirdParty: true
|
|
10
|
+
},
|
|
11
|
+
placeholder: {
|
|
12
|
+
flowTag: [
|
|
13
|
+
'Product'
|
|
14
|
+
]
|
|
10
15
|
}
|
|
11
16
|
},
|
|
12
17
|
presets: [
|
|
@@ -35,6 +40,16 @@ const config = {
|
|
|
35
40
|
{
|
|
36
41
|
id: 'setting',
|
|
37
42
|
controls: [
|
|
43
|
+
{
|
|
44
|
+
id: 'appBlockId',
|
|
45
|
+
type: 'input',
|
|
46
|
+
default: ''
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
id: 'productHandle',
|
|
50
|
+
type: 'input',
|
|
51
|
+
default: ''
|
|
52
|
+
},
|
|
38
53
|
{
|
|
39
54
|
id: 'install',
|
|
40
55
|
type: 'open-link',
|
|
@@ -51,6 +66,38 @@ const config = {
|
|
|
51
66
|
href: 'https://admin.shopify.com/?redirect=/apps/releasit-cod-order-form',
|
|
52
67
|
appName: ReleasitConfig.label
|
|
53
68
|
},
|
|
69
|
+
{
|
|
70
|
+
id: 'version',
|
|
71
|
+
label: 'Choose version',
|
|
72
|
+
type: 'select',
|
|
73
|
+
default: 'v1',
|
|
74
|
+
options: [
|
|
75
|
+
{
|
|
76
|
+
label: 'V1',
|
|
77
|
+
value: 'v1'
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
label: 'V2',
|
|
81
|
+
value: 'v2'
|
|
82
|
+
}
|
|
83
|
+
]
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
id: 'widgetTypeV2',
|
|
87
|
+
label: 'Choose widget',
|
|
88
|
+
type: 'select',
|
|
89
|
+
default: 'button-app-block',
|
|
90
|
+
options: [
|
|
91
|
+
{
|
|
92
|
+
label: 'Releasit button',
|
|
93
|
+
value: 'button-app-block'
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
label: 'Releasit embedded form',
|
|
97
|
+
value: 'form-app-block'
|
|
98
|
+
}
|
|
99
|
+
]
|
|
100
|
+
},
|
|
54
101
|
{
|
|
55
102
|
id: 'align',
|
|
56
103
|
label: 'Alignment',
|
|
@@ -91,12 +138,22 @@ const config = {
|
|
|
91
138
|
{
|
|
92
139
|
type: 'control',
|
|
93
140
|
label: {
|
|
94
|
-
en: 'Choose
|
|
141
|
+
en: 'Choose version'
|
|
95
142
|
},
|
|
96
143
|
setting: {
|
|
97
|
-
id: '
|
|
144
|
+
id: 'version'
|
|
98
145
|
}
|
|
99
146
|
},
|
|
147
|
+
{
|
|
148
|
+
type: 'control',
|
|
149
|
+
label: {
|
|
150
|
+
en: 'Choose widget'
|
|
151
|
+
},
|
|
152
|
+
setting: {
|
|
153
|
+
id: 'widgetTypeV2'
|
|
154
|
+
},
|
|
155
|
+
condition: 'version === "v2"'
|
|
156
|
+
},
|
|
100
157
|
{
|
|
101
158
|
type: 'control',
|
|
102
159
|
setting: {
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2876,6 +2876,10 @@ type ReleasitProps = BaseProps<{
|
|
|
2876
2876
|
align?: ObjectDevices<AlignProp>;
|
|
2877
2877
|
openApp?: any;
|
|
2878
2878
|
install?: any;
|
|
2879
|
+
version?: 'v1' | 'v2';
|
|
2880
|
+
widgetTypeV2?: string;
|
|
2881
|
+
appBlockId?: string;
|
|
2882
|
+
productHandle?: string;
|
|
2879
2883
|
}>;
|
|
2880
2884
|
declare const Releasit$1: React.FC<ReleasitProps>;
|
|
2881
2885
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "2.1.27-staging.
|
|
3
|
+
"version": "2.1.27-staging.20",
|
|
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.1.27-staging.
|
|
24
|
+
"@gem-sdk/core": "2.1.27-staging.20",
|
|
25
25
|
"@gem-sdk/styles": "2.1.27-staging.13",
|
|
26
26
|
"@types/react-transition-group": "^4.4.5"
|
|
27
27
|
},
|