@sc-360-v2/storefront-cms-library 0.3.24 → 0.3.26

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.
@@ -13,7 +13,7 @@
13
13
 
14
14
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
15
15
 
16
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
16
+ // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
17
17
 
18
18
  // aspect-ratio: var(
19
19
  // --_ctm-mob-aspect-ratio,
@@ -28,31 +28,62 @@
28
28
  justify-content: center;
29
29
  width: 100%;
30
30
  height: 100%;
31
+ min-height: prepareMediaVariable(--_ctm-lt-mn-ht);
31
32
  }
32
33
 
33
34
  .order-confirmation {
34
- border: 1px solid #e0e0e0;
35
- border-radius: 8px;
36
- padding: 24px;
35
+ border-color: var(
36
+ --_ctm-mob-dn-or-wt-br-cr,
37
+ var(--_ctm-tab-dn-or-wt-br-cr, var(--_ctm-dn-or-wt-br-cr))
38
+ );
39
+ border-style: var(
40
+ --_ctm-mob-dn-or-wt-br-se,
41
+ var(--_ctm-tab-dn-or-wt-br-se, var(--_ctm-dn-or-wt-br-se))
42
+ );
43
+ border-width: var(
44
+ --_ctm-mob-dn-or-wt-br-wh,
45
+ var(--_ctm-tab-dn-or-wt-br-wh, var(--_ctm-dn-or-wt-br-wh))
46
+ );
47
+ border-radius: var(
48
+ --_ctm-mob-dn-or-wt-br-rs,
49
+ var(--_ctm-tab-dn-or-wt-br-rs, var(--_ctm-dn-or-wt-br-rs))
50
+ );
51
+ padding: prepareMediaVariable(--_ctm-lt-pg);
37
52
  width: 100%;
38
53
  height: 100%;
39
- margin: 24px auto;
54
+ // margin: 24px auto;
40
55
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
41
56
  color: #333;
57
+ background-color: var(
58
+ --_ctm-mob-dn-or-wt-bd-cr,
59
+ var(--_ctm-tab-dn-or-wt-bd-cr, var(--_ctm-dn-or-wt-bd-cr))
60
+ );
42
61
 
43
62
  /* ───────────── Header ───────────── */
44
63
  .order-header {
45
64
  color: var(--_ctm-mob-dn-dn-hr-cr, var(--_ctm-tab-dn-dn-hr-cr, var(--_ctm-dn-dn-hr-cr)));
46
-
47
- background-color: var(--_ctm-dn-dn-hr-bd-cr);
48
- margin: var(--_ctm-dn-dn-hr-mn);
49
- padding: var(--_ctm-dn-dn-hr-pg);
50
- border-color: var(--_ctm-dn-dn-hr-br-cr);
51
-
52
- border-style: var(--_ctm-dn-dn-hr-br-se);
53
- border-width: var(--_ctm-dn-dn-hr-br-wh);
54
- border-radius: var(--_ctm-dn-dn-hr-br-rs);
55
-
65
+ background-color: var(
66
+ --_ctm-mob-dn-dn-hr-bd-cr,
67
+ var(--_ctm-tab-dn-dn-hr-bd-cr, var(--_ctm-dn-dn-hr-bd-cr))
68
+ );
69
+ margin: var(--_ctm-mob-dn-dn-hr-mn, var(--_ctm-tab-dn-dn-hr-mn, var(--_ctm-dn-dn-hr-mn)));
70
+ padding: var(--_ctm-mob-dn-dn-hr-pg, var(--_ctm-tab-dn-dn-hr-pg, var(--_ctm-dn-dn-hr-pg)));
71
+ border-color: var(
72
+ --_ctm-mob-dn-dn-hr-br-cr,
73
+ var(--_ctm-tab-dn-dn-hr-br-cr, var(--_ctm-dn-dn-hr-br-cr))
74
+ );
75
+ border-style: var(
76
+ --_ctm-mob-dn-dn-hr-br-se,
77
+ var(--_ctm-tab-dn-dn-hr-br-se, var(--_ctm-dn-dn-hr-br-se))
78
+ );
79
+ border-width: var(
80
+ --_ctm-mob-dn-dn-hr-br-wh,
81
+ var(--_ctm-tab-dn-dn-hr-br-wh, var(--_ctm-dn-dn-hr-br-wh))
82
+ );
83
+ border-radius: var(
84
+ --_ctm-mob-dn-dn-hr-br-rs,
85
+ var(--_ctm-tab-dn-dn-hr-br-rs, var(--_ctm-dn-dn-hr-br-rs))
86
+ );
56
87
  box-shadow: var(
57
88
  --_show-shadow,
58
89
  var(
@@ -79,7 +110,8 @@
79
110
  // margin: 0;
80
111
  // color: #1e293b;
81
112
 
82
- font-family: var(
113
+ font-family:
114
+ var(
83
115
  --_ctm-mob-dn-dn-hr-ft-fy,
84
116
  var(--_ctm-tab-dn-dn-hr-ft-fy, var(--_ctm-dn-dn-hr-ft-fy))
85
117
  ),
@@ -113,6 +145,7 @@
113
145
  var(--_ctm-tab-dn-dn-hr-ue, var(--_ctm-dn-dn-hr-ue))
114
146
  );
115
147
  }
148
+
116
149
  .user-meta {
117
150
  font-size: 0.85rem;
118
151
  color: #6b7280;
@@ -130,15 +163,28 @@
130
163
  // padding: 16px;
131
164
  // margin-bottom: 24px;
132
165
 
133
- background-color: var(--_ctm-dn-dn-tt-bd-cr);
134
- margin: var(--_ctm-dn-dn-tt-mn);
135
- padding: var(--_ctm-dn-dn-tt-pg);
136
- border-color: var(--_ctm-dn-dn-tt-br-cr);
137
-
138
- border-style: var(--_ctm-dn-dn-tt-br-se);
139
- border-width: var(--_ctm-dn-dn-tt-br-wh);
140
- border-radius: var(--_ctm-dn-dn-tt-br-rs);
141
-
166
+ background-color: var(
167
+ --_ctm-mob-dn-dn-tt-bd-cr,
168
+ var(--_ctm-tab-dn-dn-tt-bd-cr, var(--_ctm-dn-dn-tt-bd-cr))
169
+ );
170
+ margin: var(--_ctm-mob-dn-dn-tt-mn, var(--_ctm-tab-dn-dn-tt-mn, var(--_ctm-dn-dn-tt-mn)));
171
+ padding: var(--_ctm-mob-dn-dn-tt-pg, var(--_ctm-tab-dn-dn-tt-pg, var(--_ctm-dn-dn-tt-pg)));
172
+ border-color: var(
173
+ --_ctm-mob-dn-dn-tt-br-cr,
174
+ var(--_ctm-tab-dn-dn-tt-br-cr, var(--_ctm-dn-dn-tt-br-cr))
175
+ );
176
+ border-style: var(
177
+ --_ctm-mob-dn-dn-tt-br-se,
178
+ var(--_ctm-tab-dn-dn-tt-br-se, var(--_ctm-dn-dn-tt-br-se))
179
+ );
180
+ border-width: var(
181
+ --_ctm-mob-dn-dn-tt-br-wh,
182
+ var(--_ctm-tab-dn-dn-tt-br-wh, var(--_ctm-dn-dn-tt-br-wh))
183
+ );
184
+ border-radius: var(
185
+ --_ctm-mob-dn-dn-tt-br-rs,
186
+ var(--_ctm-tab-dn-dn-tt-br-rs, var(--_ctm-dn-dn-tt-br-rs))
187
+ );
142
188
  box-shadow: var(
143
189
  --_show-shadow,
144
190
  var(
@@ -163,12 +209,14 @@
163
209
  font-size: 28px;
164
210
  margin-right: 12px;
165
211
  }
212
+
166
213
  .success-text {
167
214
  h2 {
168
215
  margin: 0 0 4px;
169
216
  font-size: 1.1rem;
170
217
  font-weight: 600;
171
218
  }
219
+
172
220
  p {
173
221
  margin: 0;
174
222
  font-size: 0.7rem;
@@ -182,9 +230,7 @@
182
230
  display: grid;
183
231
  grid-template-columns: 2fr 1fr;
184
232
  gap: 16px;
185
- background: #fff;
186
233
  border-radius: 6px;
187
-
188
234
  margin-bottom: 24px;
189
235
  }
190
236
 
@@ -204,17 +250,30 @@
204
250
  .order-info {
205
251
  display: flex;
206
252
  flex-direction: column;
207
- gap: 16px; /* space between the two rows */
208
-
209
- background-color: var(--_ctm-dn-dn-ds-bd-cr);
210
- margin: var(--_ctm-dn-dn-ds-mn);
211
- padding: var(--_ctm-dn-dn-ds-pg);
212
- border-color: var(--_ctm-dn-dn-ds-br-cr);
213
-
214
- border-style: var(--_ctm-dn-dn-ds-br-se);
215
- border-width: var(--_ctm-dn-dn-ds-br-wh);
216
- border-radius: var(--_ctm-dn-dn-ds-br-rs);
217
-
253
+ gap: 16px;
254
+ /* space between the two rows */
255
+ background-color: var(
256
+ --_ctm-mob-dn-dn-ds-bd-cr,
257
+ var(--_ctm-tab-dn-dn-ds-bd-cr, var(--_ctm-dn-dn-ds-bd-cr))
258
+ );
259
+ margin: var(--_ctm-mob-dn-dn-ds-mn, var(--_ctm-tab-dn-dn-ds-mn, var(--_ctm-dn-dn-ds-mn)));
260
+ padding: var(--_ctm-mob-dn-dn-ds-pg, var(--_ctm-tab-dn-dn-ds-pg, var(--_ctm-dn-dn-ds-pg)));
261
+ border-color: var(
262
+ --_ctm-mob-dn-dn-ds-br-cr,
263
+ var(--_ctm-tab-dn-dn-ds-br-cr, var(--_ctm-dn-dn-ds-br-cr))
264
+ );
265
+ border-style: var(
266
+ --_ctm-mob-dn-dn-ds-br-se,
267
+ var(--_ctm-tab-dn-dn-ds-br-se, var(--_ctm-dn-dn-ds-br-se))
268
+ );
269
+ border-width: var(
270
+ --_ctm-mob-dn-dn-ds-br-wh,
271
+ var(--_ctm-tab-dn-dn-ds-br-wh, var(--_ctm-dn-dn-ds-br-wh))
272
+ );
273
+ border-radius: var(
274
+ --_ctm-mob-dn-dn-ds-br-rs,
275
+ var(--_ctm-mob-dn-dn-ds-br-rs, var(--_ctm-mob-dn-dn-ds-br-rs))
276
+ );
218
277
  box-shadow: var(
219
278
  --_show-shadow,
220
279
  var(
@@ -237,7 +296,8 @@
237
296
 
238
297
  .order-row {
239
298
  display: grid;
240
- gap: 12px 24px; /* 12px vertical, 24px horizontal */
299
+ gap: 12px 24px;
300
+ /* 12px vertical, 24px horizontal */
241
301
 
242
302
  /* First row: two equal columns + bottom border */
243
303
  &:first-child {
@@ -274,6 +334,7 @@
274
334
  font-size: 0.7rem;
275
335
  font-weight: 500;
276
336
  }
337
+
277
338
  .link-button {
278
339
  color: #2a33df;
279
340
  }
@@ -352,15 +413,34 @@
352
413
 
353
414
  /* ───────── Cart Items ───────── */
354
415
  .cart-items {
355
- background-color: var(--_ctm-dn-dn-ct-is-bd-cr);
356
- margin: var(--_ctm-dn-dn-ct-is-mn);
357
- padding: var(--_ctm-dn-dn-ct-is-pg);
358
- border-color: var(--_ctm-dn-dn-ct-is-br-cr);
359
-
360
- border-style: var(--_ctm-dn-dn-ct-is-br-se);
361
- border-width: var(--_ctm-dn-dn-ct-is-br-wh);
362
- border-radius: var(--_ctm-dn-dn-ct-is-br-rs);
363
-
416
+ background-color: var(
417
+ --_ctm-mob-dn-dn-ct-is-bd-cr,
418
+ var(--_ctm-tab-dn-dn-ct-is-bd-cr, var(--_ctm-dn-dn-ct-is-bd-cr))
419
+ );
420
+ margin: var(
421
+ --_ctm-mob-dn-dn-ct-is-mn,
422
+ var(--_ctm-tab-dn-dn-ct-is-mn, var(--_ctm-dn-dn-ct-is-mn))
423
+ );
424
+ padding: var(
425
+ --_ctm-mob-dn-dn-ct-is-pg,
426
+ var(--_ctm-tab-dn-dn-ct-is-pg, var(--_ctm-dn-dn-ct-is-pg))
427
+ );
428
+ border-color: var(
429
+ --_ctm-mob-dn-dn-ct-is-br-cr,
430
+ var(--_ctm-tab-dn-dn-ct-is-br-cr, var(--_ctm-dn-dn-ct-is-br-cr))
431
+ );
432
+ border-style: var(
433
+ --_ctm-mob-dn-dn-ct-is-br-se,
434
+ var(--_ctm-tab-dn-dn-ct-is-br-se, var(--_ctm-dn-dn-ct-is-br-se))
435
+ );
436
+ border-width: var(
437
+ --_ctm-mob-dn-dn-ct-is-br-wh,
438
+ var(--_ctm-tab-dn-dn-ct-is-br-wh, var(--_ctm-dn-dn-ct-is-br-wh))
439
+ );
440
+ border-radius: var(
441
+ --_ctm-mob-dn-dn-ct-is-br-rs,
442
+ var(--_ctm-tab-dn-dn-ct-is-br-rs, var(--_ctm-dn-dn-ct-is-br-rs))
443
+ );
364
444
  box-shadow: var(
365
445
  --_show-shadow,
366
446
  var(
@@ -418,6 +498,7 @@
418
498
  font-weight: 500;
419
499
  color: #1e293b;
420
500
  }
501
+
421
502
  .item-specs,
422
503
  .item-qty,
423
504
  .estimated-delivery {
@@ -425,6 +506,7 @@
425
506
  font-size: 0.75rem;
426
507
  color: #6b7280;
427
508
  }
509
+
428
510
  .delivery-date {
429
511
  margin: 0;
430
512
  font-size: 0.75rem;
@@ -462,6 +544,7 @@
462
544
  margin-bottom: 8px;
463
545
  font-weight: 600;
464
546
  }
547
+
465
548
  p {
466
549
  font-size: 0.75rem;
467
550
  color: #6b7280;
@@ -474,6 +557,7 @@
474
557
  .order-details-wrapper {
475
558
  grid-template-columns: 1fr;
476
559
  }
560
+
477
561
  .items-grid {
478
562
  grid-template-columns: 1fr;
479
563
  }
@@ -340,8 +340,6 @@
340
340
  position: relative;
341
341
  width: 100%;
342
342
  margin-top: 0px;
343
- width: prepareMediaVariable(--_ctm-dn-dn-se-wh);
344
-
345
343
  label {
346
344
  font-size: 14px;
347
345
  color: var(--_gray-700);
@@ -443,10 +441,7 @@
443
441
  --_ctm-mob-dn-dn-se-on-ad-lt-sg,
444
442
  var(--_ctm-tab-dn-dn-se-on-ad-lt-sg, var(--_ctm-dn-dn-se-on-ad-lt-sg))
445
443
  );
446
- gap: var(
447
- --_ctm-mob-dn-dn-se-dn-lt-im-sg,
448
- var(--_ctm-tab-dn-dn-se-dn-lt-im-sg, var(--_ctm-dn-dn-se-dn-lt-im-sg))
449
- );
444
+ gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
450
445
 
451
446
  &.top {
452
447
  bottom: 100%;
@@ -454,17 +449,7 @@
454
449
  }
455
450
 
456
451
  .list__option {
457
- padding: 12px;
458
452
  cursor: pointer;
459
- padding: var(
460
- --_ctm-mob-dn-dn-se-dn-lt-im-pg,
461
- var(--_ctm-tab-dn-dn-se-dn-lt-im-pg, var(--_ctm-dn-dn-se-dn-lt-im-pg))
462
- );
463
-
464
- &:hover {
465
- background-color: var(--_primary-25);
466
- color: var(--_primary-400);
467
- }
468
453
  }
469
454
  }
470
455
  }
@@ -2,7 +2,7 @@ import { CMSHTMLAttributes } from "../../../global/attributes";
2
2
  import { CommonStyleProperties } from "../../../global/style-properties";
3
3
  import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalImageAttributes } from "../../../global/types";
4
4
  import { BuilderAttributes, CMSElementInterface } from "../common";
5
- export interface myTemplatesStyleProperties extends CommonStyleProperties {
5
+ export interface CartSummaryStyleProperties extends CommonStyleProperties {
6
6
  minHeight?: MinHeightValue;
7
7
  height?: HeightValue;
8
8
  minWidth?: MinWidthValue;
@@ -14,14 +14,14 @@ export interface myTemplatesStyleProperties extends CommonStyleProperties {
14
14
  justifySelf?: JustifySelfValue;
15
15
  alignSelf?: AlignSelfValue;
16
16
  }
17
- export declare const getDefaultStyles: () => myTemplatesStyleProperties;
18
- export interface CMSmyTemplatesInterface extends Omit<CMSElementInterface, "attributes"> {
17
+ export declare const getDefaultStyles: () => CartSummaryStyleProperties;
18
+ export interface CMSCartSummaryInterface extends Omit<CMSElementInterface, "attributes"> {
19
19
  attributes: {
20
20
  HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
21
21
  BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
22
22
  CUSTOM: any;
23
23
  };
24
- styles: myTemplatesStyleProperties;
24
+ styles: CartSummaryStyleProperties;
25
25
  childrenStyles?: CommonStyleProperties;
26
26
  content?: string;
27
27
  }
@@ -25,7 +25,9 @@ export declare enum FormComponentTypeEnum {
25
25
  }
26
26
  export declare enum FormElementTypeEnum {
27
27
  Button = "button",
28
+ Boolean = "boolean",
28
29
  Checkbox = "checkbox",
30
+ ColorPicker = "color",
29
31
  Date = "date",
30
32
  DateTime = "datetime-local",
31
33
  Email = "email",
@@ -34,6 +36,7 @@ export declare enum FormElementTypeEnum {
34
36
  Month = "month",
35
37
  Number = "number",
36
38
  Password = "password",
39
+ Percent = "percent",
37
40
  Radio = "radio",
38
41
  Rating = "rating",
39
42
  ResetButton = "reset",
@@ -42,6 +45,7 @@ export declare enum FormElementTypeEnum {
42
45
  Tel = "tel",
43
46
  Text = "text",
44
47
  Textarea = "textarea",
48
+ TextEditor = "texteditor",
45
49
  Time = "time",
46
50
  Url = "url",
47
51
  Week = "week"
@@ -57,7 +61,9 @@ export declare enum FormElementIdEnum {
57
61
  Honorific = "Honorific",
58
62
  Gender = "Gender",
59
63
  Address = "Address",
64
+ ColorPicker = "colorPicker",
60
65
  InputText = "InputText",
66
+ Percent = "percent",
61
67
  ShortAnswer = "ShortAnswer",
62
68
  LongAnswer = "LongAnswer",
63
69
  Number = "Number",
@@ -72,61 +78,148 @@ export declare enum FormElementIdEnum {
72
78
  Date = "Date",
73
79
  DateTime = "DateTime",
74
80
  Time = "Time",
81
+ Currency = "currency",
75
82
  SubmitButton = "SubmitButton",
76
83
  ResetButton = "ResetButton",
77
84
  LoginButton = "LoginButton",
78
85
  SignupButton = "SignupButton",
86
+ Boolean = "boolean",
87
+ Image = "image",
79
88
  Header = "Header",
80
- Text = "Text"
89
+ Text = "Text",
90
+ TextEditor = "TextEditor"
91
+ }
92
+ export declare enum FormIconEnum {
93
+ FirstName = "user-01",
94
+ LastName = "user-02",
95
+ UserName = "user-03",
96
+ Email = "mail-02",
97
+ Password = "lock-01",
98
+ Phone = "phone-01",
99
+ DateOfBirth = "calendar-days",
100
+ Honorific = "badge",
101
+ Gender = "user-circle",
102
+ Address = "map-pin",
103
+ ColorPicker = "droplet",
104
+ InputText = "input-type",
105
+ Percent = "percent-circle",
106
+ ShortAnswer = "answer-type",
107
+ LongAnswer = "align-left",
108
+ Number = "hash",
109
+ Link = "link-02",
110
+ Upload = "upload-cloud",
111
+ Rating = "star",
112
+ SingleChoice = "circle-dot",
113
+ MultiChoice = "check-square",
114
+ DropDown = "chevron-down",
115
+ Checkbox = "check-box",
116
+ DatePicker = "calendar",
117
+ Date = "calendar-1",
118
+ DateTime = "calendar-clock",
119
+ Time = "clock",
120
+ Currency = "dollar-sign",
121
+ SubmitButton = "send",
122
+ ResetButton = "rotate-ccw",
123
+ LoginButton = "log-in",
124
+ SignupButton = "user-plus",
125
+ Boolean = "toggle-right",
126
+ Image = "image",
127
+ Header = "heading-1",
128
+ Text = "text-align-left",
129
+ TextEditor = "edit-3"
81
130
  }
82
131
  export interface FormComponentConfig {
83
- id: FormElementIdEnum;
132
+ allowAlphaNumeric?: boolean;
133
+ allowDecimal?: boolean;
134
+ allowNegativeNumber?: boolean;
135
+ allowOnlyOne: boolean;
136
+ captionsSrc?: string;
137
+ convertTextToLowerCase?: boolean;
138
+ convertTextToUpperCase?: boolean;
139
+ customAttributeKey?: string;
140
+ defaultErrorMessage?: {
141
+ value: string;
142
+ state: boolean;
143
+ };
144
+ defaultValue?: any;
145
+ description?: {
146
+ value: string;
147
+ state: boolean;
148
+ };
149
+ docLimit?: {
150
+ value: string;
151
+ state: boolean;
152
+ };
153
+ fieldKey?: string;
154
+ fieldType: FormElementTypeEnum;
155
+ fileTypes?: string[];
156
+ h: number;
157
+ href?: string;
158
+ html?: string;
84
159
  icon?: string;
160
+ id: FormElementIdEnum;
161
+ isMultiple?: boolean;
162
+ isDateRange?: boolean;
85
163
  label: {
86
164
  value: string;
87
165
  state: boolean;
88
166
  };
89
- required: boolean;
90
- isMultiple?: boolean;
91
- placeholder: {
167
+ range?: {
168
+ value: {
169
+ min: number;
170
+ max: number;
171
+ };
172
+ state: boolean;
173
+ };
174
+ maxFileSize?: {
92
175
  value: string;
93
176
  state: boolean;
94
177
  };
95
- description?: {
178
+ options?: string[];
179
+ placeholder: {
96
180
  value: string;
97
181
  state: boolean;
98
182
  };
99
- limitCharacters?: {
183
+ removeSpecialCharacters?: boolean;
184
+ required: boolean;
185
+ resolution?: {
100
186
  value: {
101
187
  min: number;
102
188
  max: number;
103
189
  };
104
190
  state: boolean;
105
191
  };
106
- defaultValue?: any;
107
- fieldKey?: string;
108
- options?: string[];
109
- src?: string;
110
- captionsSrc?: string;
111
- customAttributeKey?: string;
112
- href?: string;
113
- html?: string;
114
192
  showElementProperties: ElementSettingEnum[];
193
+ specialCharactersToExclude?: {
194
+ value: string;
195
+ state: boolean;
196
+ };
197
+ src?: string;
115
198
  type: FormComponentTypeEnum;
116
- fieldType: FormElementTypeEnum;
117
199
  w: number;
118
- h: number;
119
- allowOnlyOne: boolean;
120
200
  }
121
201
  export declare enum ElementSettingEnum {
122
202
  LABEL = 1,
123
203
  REQUIRED = 2,
124
204
  PLACEHOLDER = 3,
125
205
  DESCRIPTION = 4,
126
- LIMIT_CHARACTER = 5,
206
+ RANGE = 5,
127
207
  MULTI_TOGGLE = 6,
128
208
  OPTIONS = 7,
129
- ButtonType = 8
209
+ BUTTON_TYPE = 8,
210
+ DEFAULT_ERROR_MESSAGE = 9,
211
+ CONVERT_TEXT_TO_UPPER_CASE = 10,
212
+ CONVERT_TEXT_TO_LOWER_CASE = 11,
213
+ REMOVE_SPECIAL_CHARACTERS = 12,
214
+ ALLOW_ALPHA_NUMERIC = 13,
215
+ SPECIAL_CHARACTERS_TO_EXCLUDE = 14,
216
+ ALLOW_NEGATIVE_NUMBER = 15,
217
+ ALLOW_DECIMAL = 16,
218
+ MAX_FILE_SIZE = 17,
219
+ RESOLUTION = 18,
220
+ DOC_LIMIT = 19,
221
+ FILE_TYPES = 20,
222
+ DATE_RANGE = 21
130
223
  }
131
224
  export interface SidebarElementItem extends FormComponentConfig {
132
225
  categoryId?: number;
@@ -206,6 +299,7 @@ export declare enum AttributeDataType {
206
299
  }
207
300
  export declare function getCompTypeByAttrId(dataTypeId: AttributeDataType): {
208
301
  id: FormElementIdEnum;
302
+ icon: FormElementIdEnum;
209
303
  type: FormComponentTypeEnum;
210
304
  fieldType: FormElementTypeEnum;
211
305
  key: string;
@@ -258,7 +258,6 @@ export declare const CMSElementsListEnum: {
258
258
  LIGHTBOX: string;
259
259
  CART: string;
260
260
  CHECKOUT: string;
261
- MY_TEMPLATES: string;
262
261
  PROFILE: string;
263
262
  PRODUCT: string;
264
263
  MENU: string;
@@ -41,7 +41,7 @@ import * as ElementEditSchema from "./tools/element-edit/index";
41
41
  import * as lightboxSchema from "./elements/lightbox/index";
42
42
  import * as cartSchema from "./elements/cart/index";
43
43
  import * as checkoutSchema from "./elements/checkout/index";
44
- import * as myTemplatesSchema from "./elements/my-templates/index";
44
+ import * as cartSummarySchema from "./elements/cart-summary/index";
45
45
  import * as profileSchema from "./elements/profile/index";
46
46
  import * as repeaterSchema from "./elements/repeater/index";
47
47
  import * as brandSchema from "./elements/brand/index";
@@ -83,4 +83,4 @@ import * as filterResultsSchema from "./elements/filter-results/index";
83
83
  import * as productSizeChartSchema from "./elements/product-sizechart/index";
84
84
  import * as badgeSchema from "./elements/badge/index";
85
85
  import * as cartAttributesSchema from "./elements/cart-attributes/index";
86
- export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, myTemplatesSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };
86
+ export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };
@@ -15,7 +15,9 @@ export declare enum SelectorKeysEnum {
15
15
  PRODUCT_PRICE_STYLES = "productPriceStyles",
16
16
  PRODUCT_INFORMATION_STYLES = "productInformationStyles",
17
17
  PRODUCT_QUANTITY_STYLES = "productQuantityStyles",
18
- PRODUCT_IMAGE_STYLES = "productImageStyles"
18
+ PRODUCT_IMAGE_STYLES = "productImageStyles",
19
+ PRODUCT_REQUIRED_INFO = "productRequiredInfo",
20
+ PRODUCT_ATTRIBUTES_ITEMS = "productAttributesItems"
19
21
  }
20
22
  export declare const getDefaultData: () => {
21
23
  layout: {
@@ -310,6 +312,67 @@ export declare const getDefaultData: () => {
310
312
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
311
313
  showBorder: CMSIBCommonInterface;
312
314
  showShadow: CMSIBCommonInterface;
315
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
316
+ };
317
+ productAttributesItems: {
318
+ theme: CMSIBCommonInterface;
319
+ font: CMSIBCommonInterface;
320
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
321
+ textColor: CMSIBCommonInterface;
322
+ bold: CMSIBCommonInterface;
323
+ italic: CMSIBCommonInterface;
324
+ linethrough: CMSIBCommonInterface;
325
+ underline: CMSIBCommonInterface;
326
+ textAlign: CMSIBCommonInterface;
327
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
328
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
329
+ backgroundColor: CMSIBCommonInterface;
330
+ borderColor: CMSIBCommonInterface;
331
+ borderStyle: CMSIBCommonInterface;
332
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
333
+ showBorder: CMSIBCommonInterface;
334
+ showShadow: CMSIBCommonInterface;
335
+ shadowColor: CMSIBCommonInterface;
336
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
337
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
338
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
339
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
340
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
341
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
342
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
343
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
344
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
345
+ selectorKey: SelectorKeysEnum;
346
+ };
347
+ productRequiredInfo: {
348
+ theme: CMSIBCommonInterface;
349
+ font: CMSIBCommonInterface;
350
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
351
+ textColor: CMSIBCommonInterface;
352
+ bold: CMSIBCommonInterface;
353
+ italic: CMSIBCommonInterface;
354
+ linethrough: CMSIBCommonInterface;
355
+ underline: CMSIBCommonInterface;
356
+ textAlign: CMSIBCommonInterface;
357
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
358
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
359
+ backgroundColor: CMSIBCommonInterface;
360
+ borderColor: CMSIBCommonInterface;
361
+ borderStyle: CMSIBCommonInterface;
362
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
363
+ showBorder: CMSIBCommonInterface;
364
+ showShadow: CMSIBCommonInterface;
365
+ shadowColor: CMSIBCommonInterface;
366
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
367
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
368
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
369
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
370
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
371
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
372
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
373
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
374
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
375
+ selectorKey: SelectorKeysEnum;
313
376
  };
314
377
  };
315
378
  content: {