@thryveai/theme-interfaces 2.8.35 → 2.8.37

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 (35) hide show
  1. package/dist/JSONSchemas/index.d.ts +95 -86
  2. package/dist/JSONSchemas/index.js +178 -144
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +15 -0
  5. package/dist/interfaces/admin-settings-interfaces.d.ts +1 -1
  6. package/dist/interfaces/retailer-settings.interfaces.d.ts +5 -6
  7. package/dist/product-card-template/layouts/CarouselCard/DUN-attributes.d.ts +3 -0
  8. package/dist/product-card-template/layouts/CarouselCard/DUN-attributes.js +312 -0
  9. package/dist/product-card-template/layouts/CarouselCard/Default.d.ts +3 -0
  10. package/dist/product-card-template/layouts/CarouselCard/Default.js +330 -0
  11. package/dist/product-card-template/layouts/CarouselCard/PCE-centered.d.ts +3 -0
  12. package/dist/product-card-template/layouts/CarouselCard/PCE-centered.js +216 -0
  13. package/dist/product-card-template/layouts/CarouselCard/PRS-labels.d.ts +3 -0
  14. package/dist/product-card-template/layouts/CarouselCard/PRS-labels.js +283 -0
  15. package/dist/product-card-template/layouts/FlyerCard/Default.d.ts +3 -0
  16. package/dist/product-card-template/layouts/FlyerCard/Default.js +114 -0
  17. package/dist/product-card-template/layouts/FlyerCard/Detailed.d.ts +3 -0
  18. package/dist/product-card-template/layouts/FlyerCard/Detailed.js +164 -0
  19. package/dist/product-card-template/layouts/ProductGrid/DUN-attributes.d.ts +3 -0
  20. package/dist/product-card-template/layouts/ProductGrid/DUN-attributes.js +344 -0
  21. package/dist/product-card-template/layouts/ProductGrid/Default.d.ts +3 -0
  22. package/dist/product-card-template/layouts/ProductGrid/Default.js +341 -0
  23. package/dist/product-card-template/layouts/ProductGrid/PCE-centered.d.ts +3 -0
  24. package/dist/product-card-template/layouts/ProductGrid/PCE-centered.js +317 -0
  25. package/dist/product-card-template/layouts/ProductGrid/PRS-labels.d.ts +3 -0
  26. package/dist/product-card-template/layouts/ProductGrid/PRS-labels.js +319 -0
  27. package/dist/product-card-template/template.interfaces.d.ts +55 -0
  28. package/dist/product-card-template/template.interfaces.js +51 -0
  29. package/dist/storefront/SFUISettingsTemplate.AdminUi.js +95 -8
  30. package/dist/storefront/commonSettingsStorefront.js +0 -1
  31. package/dist/storefront/defaultIconsStorefront.js +1 -1
  32. package/dist/storefront/defaultSettingsStorefront.js +0 -1
  33. package/dist/storefront/defaultThemeStorefront.d.ts +17 -0
  34. package/dist/storefront/defaultThemeStorefront.js +18 -1
  35. package/package.json +1 -1
package/dist/product-card-template/layouts/ProductGrid/PCE-centered.js ADDED
@@ -0,0 +1,317 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var defaultThemeStorefront_1 = require("../../../storefront/defaultThemeStorefront");
4
+ var ProductGridPCECentered = {
5
+ cardProfile: {
6
+ sectionPosition: {
7
+ mobile: {
8
+ row: "2/2",
9
+ column: "1/2",
10
+ align: "start",
11
+ },
12
+ tablet: {
13
+ row: "1/3",
14
+ column: "1/3",
15
+ align: "start",
16
+ },
17
+ },
18
+ children: [
19
+ {
20
+ component: "PastPurchased",
21
+ sectionPosition: {
22
+ mobile: "hidden",
23
+ tablet: {
24
+ row: "auto/auto",
25
+ column: "1/1",
26
+ justify: "center",
27
+ placeholderHeight: "19px",
28
+ },
29
+ },
30
+ },
31
+ {
32
+ component: "ProductImage",
33
+ sectionPosition: {
34
+ mobile: {
35
+ row: "auto/auto",
36
+ column: "1/1",
37
+ justify: "center",
38
+ },
39
+ },
40
+ },
41
+ {
42
+ component: "SponsoredLabel",
43
+ sectionPosition: {
44
+ mobile: {
45
+ row: "auto/auto",
46
+ column: "auto/auto",
47
+ justify: "left",
48
+ },
49
+ tablet: "hidden",
50
+ },
51
+ },
52
+ ],
53
+ },
54
+ cardHeader: {
55
+ sectionPosition: {
56
+ mobile: {
57
+ row: "1/1",
58
+ column: "1/3",
59
+ align: "start",
60
+ },
61
+ tablet: "hidden",
62
+ },
63
+ children: [
64
+ {
65
+ component: "PromotionLabel",
66
+ sectionPosition: {
67
+ mobile: {
68
+ row: "1/1",
69
+ column: "1/1",
70
+ justify: "left",
71
+ },
72
+ },
73
+ },
74
+ ],
75
+ },
76
+ cardFloatIcons: {
77
+ sectionPosition: {
78
+ mobile: {
79
+ row: "1/3",
80
+ column: "3/4",
81
+ justify: "right",
82
+ align: "start",
83
+ },
84
+ tablet: {
85
+ row: "1/3",
86
+ column: "2/3",
87
+ justify: "right",
88
+ align: "start",
89
+ },
90
+ },
91
+ children: [
92
+ {
93
+ component: "FavoritesButton",
94
+ sectionPosition: {
95
+ mobile: {
96
+ row: "auto/auto",
97
+ column: "1/1",
98
+ justify: "center",
99
+ align: "center",
100
+ },
101
+ },
102
+ },
103
+ {
104
+ component: "ProductAttributes",
105
+ sectionPosition: {
106
+ mobile: {
107
+ row: "auto/auto",
108
+ column: "1/1",
109
+ gridGap: defaultThemeStorefront_1.spacing.xxs,
110
+ justify: "center",
111
+ align: "center",
112
+ },
113
+ },
114
+ },
115
+ ],
116
+ },
117
+ cardMainInformation: {
118
+ sectionPosition: {
119
+ mobile: {
120
+ row: "2/2",
121
+ column: "2/3",
122
+ align: "start",
123
+ gridGap: defaultThemeStorefront_1.spacing.xxss,
124
+ },
125
+ tablet: {
126
+ row: "3/3",
127
+ column: "1/3",
128
+ align: "start",
129
+ gridGap: defaultThemeStorefront_1.spacing.xxss,
130
+ },
131
+ },
132
+ children: [
133
+ {
134
+ component: "SponsoredLabel",
135
+ sectionPosition: {
136
+ mobile: "hidden",
137
+ tablet: {
138
+ row: "auto/auto",
139
+ column: "1/3",
140
+ justify: "center",
141
+ placeholderHeight: defaultThemeStorefront_1.spacing.sm,
142
+ },
143
+ },
144
+ },
145
+ {
146
+ component: "ShoppingRuleLabels",
147
+ sectionPosition: {
148
+ mobile: "hidden",
149
+ tablet: {
150
+ row: "auto/auto",
151
+ column: "1/3",
152
+ justify: "center",
153
+ minHeight: defaultThemeStorefront_1.spacing.md,
154
+ placeholderHeight: defaultThemeStorefront_1.spacing.md,
155
+ },
156
+ },
157
+ },
158
+ {
159
+ component: "PromotionLabel",
160
+ sectionPosition: {
161
+ mobile: "hidden",
162
+ tablet: {
163
+ row: "auto/auto",
164
+ column: "1/3",
165
+ justify: "center",
166
+ align: "center",
167
+ placeholderHeight: "20px",
168
+ },
169
+ },
170
+ },
171
+ {
172
+ component: "ProductName",
173
+ sectionPosition: {
174
+ mobile: {
175
+ row: "auto/auto",
176
+ column: "1/3",
177
+ justify: "left",
178
+ },
179
+ tablet: {
180
+ row: "auto/auto",
181
+ column: "1/3",
182
+ justify: "center",
183
+ minHeight: defaultThemeStorefront_1.spacing.lgr,
184
+ },
185
+ },
186
+ },
187
+ {
188
+ component: "ProductPrice",
189
+ sectionPosition: {
190
+ mobile: {
191
+ row: "auto/auto",
192
+ column: "1/2",
193
+ justify: "left",
194
+ },
195
+ tablet: {
196
+ row: "auto/auto",
197
+ column: "1/3",
198
+ justify: "center",
199
+ },
200
+ },
201
+ },
202
+ {
203
+ component: "ProductWasPrice",
204
+ sectionPosition: {
205
+ mobile: {
206
+ row: "auto/auto",
207
+ column: "1/2",
208
+ },
209
+ tablet: {
210
+ row: "auto/auto",
211
+ column: "1/3",
212
+ justify: "center",
213
+ },
214
+ },
215
+ },
216
+ {
217
+ component: "ProductUnitPrice",
218
+ sectionPosition: {
219
+ mobile: {
220
+ row: "auto/auto",
221
+ column: "1/2",
222
+ },
223
+ tablet: {
224
+ row: "auto/auto",
225
+ column: "1/3",
226
+ justify: "center",
227
+ },
228
+ },
229
+ },
230
+ ],
231
+ },
232
+ cardMobileLabels: {
233
+ sectionPosition: {
234
+ mobile: {
235
+ row: "3/4",
236
+ column: "1/4",
237
+ wrapContent: true,
238
+ },
239
+ tablet: "hidden",
240
+ },
241
+ children: [
242
+ {
243
+ component: "PastPurchased",
244
+ sectionPosition: {
245
+ mobile: { row: "auto/auto", column: "auto/auto" },
246
+ },
247
+ },
248
+ {
249
+ component: "ShoppingRuleLabels",
250
+ sectionPosition: {
251
+ mobile: { row: "auto/auto", column: "auto/auto" },
252
+ },
253
+ },
254
+ ],
255
+ },
256
+ cardActions: {
257
+ sectionPosition: {
258
+ mobile: {
259
+ row: "4/5",
260
+ column: "1/4",
261
+ align: "end",
262
+ gridGap: defaultThemeStorefront_1.spacing.xs,
263
+ },
264
+ tablet: {
265
+ row: "4/4",
266
+ column: "1/3",
267
+ align: "end",
268
+ gridGap: defaultThemeStorefront_1.spacing.xs,
269
+ },
270
+ },
271
+ children: [
272
+ {
273
+ component: "OfferValidMessage",
274
+ sectionPosition: {
275
+ mobile: {
276
+ row: "auto/auto",
277
+ column: "auto/auto",
278
+ justify: "left",
279
+ },
280
+ tablet: {
281
+ row: "auto/auto",
282
+ column: "auto/auto",
283
+ justify: "center",
284
+ },
285
+ },
286
+ },
287
+ {
288
+ component: "ProductCoupons",
289
+ sectionPosition: {
290
+ mobile: {
291
+ row: "auto/auto",
292
+ column: "auto/auto",
293
+ },
294
+ },
295
+ },
296
+ {
297
+ component: "ViewDealButton",
298
+ sectionPosition: {
299
+ mobile: {
300
+ row: "auto/auto",
301
+ column: "auto/auto",
302
+ },
303
+ },
304
+ },
305
+ {
306
+ component: "AddToCartButton",
307
+ sectionPosition: {
308
+ mobile: {
309
+ row: "auto/auto",
310
+ column: "auto/auto",
311
+ },
312
+ },
313
+ },
314
+ ],
315
+ },
316
+ };
317
+ exports.default = ProductGridPCECentered;
package/dist/product-card-template/layouts/ProductGrid/PRS-labels.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { ILayoutInterface } from "../../template.interfaces";
2
+ declare const ProductGridDefault: ILayoutInterface;
3
+ export default ProductGridDefault;
package/dist/product-card-template/layouts/ProductGrid/PRS-labels.js ADDED
@@ -0,0 +1,319 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var defaultThemeStorefront_1 = require("../../../storefront/defaultThemeStorefront");
4
+ var ProductGridDefault = {
5
+ cardHeader: {
6
+ sectionPosition: {
7
+ mobile: {
8
+ row: "1/1",
9
+ column: "1/3",
10
+ align: "start",
11
+ gridGap: defaultThemeStorefront_1.spacing.xxs,
12
+ },
13
+ tablet: {
14
+ row: "1/1",
15
+ column: "1/1",
16
+ align: "start",
17
+ },
18
+ },
19
+ children: [
20
+ {
21
+ component: "PastPurchased",
22
+ sectionPosition: {
23
+ mobile: {
24
+ row: "auto/auto",
25
+ column: "auto/auto",
26
+ },
27
+ tablet: {
28
+ row: "auto/auto",
29
+ column: "auto/auto",
30
+ placeholderHeight: "20px",
31
+ },
32
+ },
33
+ },
34
+ {
35
+ component: "PromotionLabel",
36
+ sectionPosition: {
37
+ mobile: {
38
+ row: "auto/auto",
39
+ column: "auto/auto",
40
+ },
41
+ tablet: {
42
+ row: "auto/auto",
43
+ column: "auto/auto",
44
+ placeholderHeight: "20px",
45
+ maxHeight: "20px",
46
+ },
47
+ },
48
+ },
49
+ ],
50
+ },
51
+ cardProfile: {
52
+ sectionPosition: {
53
+ mobile: {
54
+ row: "2/2",
55
+ column: "1/2",
56
+ align: "start",
57
+ },
58
+ tablet: {
59
+ row: "2/3",
60
+ column: "1/3",
61
+ align: "start",
62
+ },
63
+ },
64
+ children: [
65
+ {
66
+ component: "ProductImage",
67
+ sectionPosition: {
68
+ mobile: {
69
+ row: "auto/auto",
70
+ column: "1/1",
71
+ justify: "center",
72
+ },
73
+ },
74
+ },
75
+ {
76
+ component: "SponsoredLabel",
77
+ sectionPosition: {
78
+ mobile: {
79
+ row: "auto/auto",
80
+ column: "1/1",
81
+ justify: "left",
82
+ placeholderHeight: defaultThemeStorefront_1.spacing.sm,
83
+ },
84
+ },
85
+ },
86
+ ],
87
+ },
88
+ cardFloatIcons: {
89
+ sectionPosition: {
90
+ mobile: {
91
+ row: "1/3",
92
+ column: "3/4",
93
+ justify: "right",
94
+ align: "start",
95
+ },
96
+ tablet: {
97
+ row: "1/3",
98
+ column: "2/3",
99
+ justify: "right",
100
+ align: "start",
101
+ },
102
+ },
103
+ children: [
104
+ {
105
+ component: "FavoritesButton",
106
+ sectionPosition: {
107
+ mobile: {
108
+ row: "auto/auto",
109
+ column: "1/1",
110
+ justify: "center",
111
+ align: "center",
112
+ },
113
+ },
114
+ },
115
+ {
116
+ component: "ProductAttributes",
117
+ sectionPosition: {
118
+ mobile: {
119
+ row: "auto/auto",
120
+ column: "1/1",
121
+ gridGap: defaultThemeStorefront_1.spacing.xxs,
122
+ justify: "center",
123
+ align: "center",
124
+ },
125
+ },
126
+ },
127
+ ],
128
+ },
129
+ cardCharges: {
130
+ sectionPosition: {
131
+ mobile: {
132
+ row: "2/2",
133
+ column: "2/3",
134
+ align: "start",
135
+ gridGap: defaultThemeStorefront_1.spacing.xxss,
136
+ },
137
+ tablet: {
138
+ row: "3/3",
139
+ column: "1/3",
140
+ align: "start",
141
+ gridGap: defaultThemeStorefront_1.spacing.xxss,
142
+ },
143
+ },
144
+ children: [
145
+ {
146
+ component: "ProductName",
147
+ sectionPosition: {
148
+ mobile: {
149
+ row: "1/2",
150
+ column: "1/3",
151
+ },
152
+ tablet: {
153
+ row: "auto/auto",
154
+ column: "1/3",
155
+ },
156
+ },
157
+ },
158
+ {
159
+ component: "ProductPrice",
160
+ sectionPosition: {
161
+ mobile: {
162
+ row: "2/3",
163
+ column: "1/2",
164
+ },
165
+ tablet: {
166
+ row: "auto/auto",
167
+ column: "1/1",
168
+ },
169
+ },
170
+ },
171
+ {
172
+ component: "ProductUnitPrice",
173
+ sectionPosition: {
174
+ mobile: {
175
+ row: "auto/auto",
176
+ column: "1/2",
177
+ },
178
+ tablet: {
179
+ row: "auto/auto",
180
+ column: "2/2",
181
+ justify: "right",
182
+ align: "center",
183
+ },
184
+ },
185
+ },
186
+ {
187
+ component: "ProductWasPrice",
188
+ sectionPosition: {
189
+ mobile: {
190
+ row: "2/3",
191
+ column: "2/3",
192
+ },
193
+ tablet: {
194
+ row: "auto/auto",
195
+ column: "1/1",
196
+ },
197
+ },
198
+ },
199
+ {
200
+ component: "ProductWasUnitPrice",
201
+ sectionPosition: {
202
+ mobile: {
203
+ row: "auto/auto",
204
+ column: "2/3",
205
+ },
206
+ tablet: {
207
+ row: "auto/auto",
208
+ column: "2/2",
209
+ align: "center",
210
+ justify: "right",
211
+ },
212
+ },
213
+ },
214
+ {
215
+ component: "ProductPriceLoyalty",
216
+ sectionPosition: {
217
+ mobile: {
218
+ row: "3/4",
219
+ column: "1/3",
220
+ },
221
+ tablet: {
222
+ row: "auto/auto",
223
+ column: "1/3",
224
+ },
225
+ },
226
+ },
227
+ {
228
+ component: "OfferValidMessage",
229
+ sectionPosition: {
230
+ mobile: {
231
+ row: "auto/auto",
232
+ column: "1/3",
233
+ },
234
+ },
235
+ },
236
+ {
237
+ component: "ProductWeightBased",
238
+ sectionPosition: {
239
+ mobile: {
240
+ row: "auto/auto",
241
+ column: "1/3",
242
+ },
243
+ },
244
+ },
245
+ ],
246
+ },
247
+ cardLabels: {
248
+ sectionPosition: {
249
+ mobile: {
250
+ row: "3/4",
251
+ column: "1/4",
252
+ align: "end",
253
+ gridGap: "".concat(defaultThemeStorefront_1.spacing.xs, " 0"),
254
+ wrapContent: true,
255
+ },
256
+ tablet: {
257
+ row: "4/5",
258
+ column: "1/3",
259
+ align: "end",
260
+ gridGap: "".concat(defaultThemeStorefront_1.spacing.xs, " 0"),
261
+ wrapContent: true,
262
+ },
263
+ },
264
+ children: [
265
+ {
266
+ component: "ShoppingRuleLabels",
267
+ sectionPosition: {
268
+ mobile: { row: "auto/auto", column: "auto/auto" },
269
+ },
270
+ },
271
+ ],
272
+ },
273
+ cardActions: {
274
+ sectionPosition: {
275
+ mobile: {
276
+ row: "4/4",
277
+ column: "1/4",
278
+ align: "end",
279
+ gridGap: defaultThemeStorefront_1.spacing.xs,
280
+ },
281
+ tablet: {
282
+ row: "5/5",
283
+ column: "1/3",
284
+ align: "end",
285
+ gridGap: defaultThemeStorefront_1.spacing.xs,
286
+ },
287
+ },
288
+ children: [
289
+ {
290
+ component: "ProductCoupons",
291
+ sectionPosition: {
292
+ mobile: {
293
+ row: "auto/auto",
294
+ column: "auto/auto",
295
+ },
296
+ },
297
+ },
298
+ {
299
+ component: "ViewDealButton",
300
+ sectionPosition: {
301
+ mobile: {
302
+ row: "auto/auto",
303
+ column: "auto/auto",
304
+ },
305
+ },
306
+ },
307
+ {
308
+ component: "AddToCartButton",
309
+ sectionPosition: {
310
+ mobile: {
311
+ row: "auto/auto",
312
+ column: "auto/auto",
313
+ },
314
+ },
315
+ },
316
+ ],
317
+ },
318
+ };
319
+ exports.default = ProductGridDefault;
package/dist/product-card-template/template.interfaces.d.ts ADDED
@@ -0,0 +1,55 @@
1
+ import { IProductCardILayoutVersions, IProductCardLayoutObjects, IScreenType } from "../interfaces/retailer-settings.interfaces";
2
+ export declare const FAVORITES_BUTTON = "FavoritesButton";
3
+ export declare const PAST_PURCHASED = "PastPurchased";
4
+ export declare const PRODUCT_IMAGE = "ProductImage";
5
+ export declare const PRODUCT_NAME = "ProductName";
6
+ export declare const ADD_TO_CART_BUTTON = "AddToCartButton";
7
+ export declare const PRODUCT_PRICE = "ProductPrice";
8
+ export declare const PRODUCT_WAS_PRICE = "ProductWasPrice";
9
+ export declare const PRODUCT_UNIT_PRICE = "ProductUnitPrice";
10
+ export declare const PRODUCT_WEIGHT_BASED = "ProductWeightBased";
11
+ export declare const SHOPPING_RULE_LABELS = "ShoppingRuleLabels";
12
+ export declare const PRODUCT_COUPONS = "ProductCoupons";
13
+ export declare const PRODUCT_ATTRIBUTES = "ProductAttributes";
14
+ export declare const PROMOTION_LABEL = "PromotionLabel";
15
+ export declare const RECOMMENDED_LABEL = "RecommendedLabel";
16
+ export declare const VIEW_DEAL_BUTTON = "ViewDealButton";
17
+ export declare const SPONSORED_LABEL = "SponsoredLabel";
18
+ export declare const OFFER_VALID_MESSAGE = "OfferValidMessage";
19
+ export declare const PRODUCT_PRICE_LOYALTY = "ProductPriceLoyalty";
20
+ export declare const TAX_DETAILS = "TaxDetails";
21
+ export declare const PRODUCT_WAS_UNIT_PRICE = "ProductWasUnitPrice";
22
+ export declare type IComponentsNames = typeof FAVORITES_BUTTON | typeof PAST_PURCHASED | typeof PRODUCT_IMAGE | typeof PRODUCT_NAME | typeof ADD_TO_CART_BUTTON | typeof PRODUCT_PRICE | typeof PRODUCT_WAS_PRICE | typeof PRODUCT_UNIT_PRICE | typeof PRODUCT_WEIGHT_BASED | typeof SHOPPING_RULE_LABELS | typeof PRODUCT_COUPONS | typeof PRODUCT_ATTRIBUTES | typeof PROMOTION_LABEL | typeof RECOMMENDED_LABEL | typeof VIEW_DEAL_BUTTON | typeof SPONSORED_LABEL | typeof OFFER_VALID_MESSAGE | typeof PRODUCT_PRICE_LOYALTY | typeof TAX_DETAILS | typeof PRODUCT_WAS_UNIT_PRICE;
23
+ export declare const layoutObjects: IProductCardLayoutObjects<ILayoutInterface>;
24
+ export interface IProductCardTemplate {
25
+ template: ILayoutInterface;
26
+ version: IProductCardILayoutVersions;
27
+ }
28
+ export interface ILayoutInterface {
29
+ [key: string]: {
30
+ sectionPosition: ISectionPosition;
31
+ children: IChildrenPosition[];
32
+ };
33
+ }
34
+ export interface IChildrenPosition {
35
+ component: IComponentsNames;
36
+ sectionPosition: ISectionPosition;
37
+ }
38
+ export declare type ISectionPosition = {
39
+ [key in IScreenType]?: IDisplayGridProps | "hidden";
40
+ };
41
+ export declare type IJustify = "left" | "center" | "right";
42
+ export declare type IAlign = "start" | "center" | "end";
43
+ export declare type IGridPosition = number | "auto" | "inherit" | "initial" | "revert" | "unset";
44
+ export declare type GridType = `${IGridPosition}/${IGridPosition}`;
45
+ export interface IDisplayGridProps {
46
+ row: GridType;
47
+ column: GridType;
48
+ justify?: IJustify;
49
+ align?: IAlign;
50
+ gridGap?: string;
51
+ minHeight?: string;
52
+ maxHeight?: string;
53
+ wrapContent?: boolean;
54
+ placeholderHeight?: string;
55
+ }