@licklist/design 0.78.5-dev.55 → 0.78.5-dev.57
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/v2/components/ActionMenu/ActionMenu.scss.js +1 -1
- package/dist/v2/components/Alert/Alert.scss.js +1 -1
- package/dist/v2/components/Button/Button.d.ts +2 -1
- package/dist/v2/components/Button/Button.d.ts.map +1 -1
- package/dist/v2/components/Button/Button.js +12 -6
- package/dist/v2/components/Button/Button.scss.js +1 -1
- package/dist/v2/components/Checkbox/Checkbox.scss.js +1 -1
- package/dist/v2/components/FormField/FormField.scss.js +1 -1
- package/dist/v2/components/NPSScore/NPSScore.d.ts.map +1 -1
- package/dist/v2/components/NPSScore/NPSScore.js +9 -22
- package/dist/v2/components/NPSScore/NPSScore.scss.js +1 -1
- package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss.js +1 -1
- package/dist/v2/pages/Settings/SettingsPage.scss.js +1 -1
- package/dist/v2/pages/Settings/SettingsTabs.scss.js +1 -1
- package/dist/v2/pages/Settings/components/SidebarCustomisation.scss.js +1 -1
- package/dist/v2/pages/Settings/components/SidebarNavItem.scss.js +1 -1
- package/dist/v2/styles/components/Button.scss +10 -0
- package/dist/v2/styles/tokens/_colors.scss +6 -0
- package/package.json +1 -1
- package/src/v2/components/Button/Button.tsx +5 -2
- package/src/v2/components/Customer/CustomerDetail.scss +7 -3
- package/src/v2/components/NPSScore/NPSScore.scss +36 -59
- package/src/v2/components/NPSScore/NPSScore.tsx +10 -10
- package/src/v2/styles/components/Button.scss +10 -0
- package/src/v2/styles/tokens/_colors.scss +6 -0
- package/dist/v2/components/Customer/CustomerCreate/CustomerCreate.d.ts +0 -11
- package/dist/v2/components/Customer/CustomerCreate/CustomerCreate.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomerCreate/index.d.ts +0 -2
- package/dist/v2/components/Customer/CustomerCreate/index.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomerDetail/CustomerDetail.d.ts +0 -35
- package/dist/v2/components/Customer/CustomerDetail/CustomerDetail.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomerDetail/index.d.ts +0 -2
- package/dist/v2/components/Customer/CustomerDetail/index.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomerEdit/CustomerEdit.d.ts +0 -11
- package/dist/v2/components/Customer/CustomerEdit/CustomerEdit.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomerEdit/index.d.ts +0 -2
- package/dist/v2/components/Customer/CustomerEdit/index.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomerForm/CustomerForm.d.ts +0 -22
- package/dist/v2/components/Customer/CustomerForm/CustomerForm.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomerForm/index.d.ts +0 -2
- package/dist/v2/components/Customer/CustomerForm/index.d.ts.map +0 -1
- package/dist/v2/components/Customer/CustomersList.d.ts +0 -37
- package/dist/v2/components/Customer/CustomersList.d.ts.map +0 -1
- package/dist/v2/components/Customer/index.d.ts +0 -6
- package/dist/v2/components/Customer/index.d.ts.map +0 -1
- package/src/v2/components/Customer/CustomerCreate/CustomerCreate.tsx +0 -36
- package/src/v2/components/Customer/CustomerCreate/index.ts +0 -1
- package/src/v2/components/Customer/CustomerDetail/CustomerDetail.scss +0 -315
- package/src/v2/components/Customer/CustomerDetail/CustomerDetail.tsx +0 -161
- package/src/v2/components/Customer/CustomerDetail/index.ts +0 -1
- package/src/v2/components/Customer/CustomerEdit/CustomerEdit.tsx +0 -37
- package/src/v2/components/Customer/CustomerEdit/index.ts +0 -1
- package/src/v2/components/Customer/CustomerForm/CustomerForm.tsx +0 -434
- package/src/v2/components/Customer/CustomerForm/index.ts +0 -1
- package/src/v2/components/Customer/CustomersList.tsx +0 -193
- package/src/v2/components/Customer/index.ts +0 -5
|
@@ -199,13 +199,16 @@
|
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
&__badges-row {
|
|
202
|
-
flex-direction:
|
|
203
|
-
|
|
202
|
+
flex-direction: row;
|
|
203
|
+
justify-content: space-between;
|
|
204
|
+
align-items: center;
|
|
204
205
|
gap: 12px;
|
|
206
|
+
width: 100%;
|
|
205
207
|
}
|
|
206
208
|
|
|
207
209
|
&__badges {
|
|
208
210
|
flex-wrap: wrap;
|
|
211
|
+
flex: 1;
|
|
209
212
|
}
|
|
210
213
|
|
|
211
214
|
&__id-badge {
|
|
@@ -216,7 +219,8 @@
|
|
|
216
219
|
&__edit {
|
|
217
220
|
font-size: 13px;
|
|
218
221
|
padding: 6px 12px;
|
|
219
|
-
align-self:
|
|
222
|
+
align-self: center;
|
|
223
|
+
margin-left: auto;
|
|
220
224
|
}
|
|
221
225
|
|
|
222
226
|
&__grid {
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
.nps-score {
|
|
2
2
|
width: 100%;
|
|
3
3
|
margin-top: 24px;
|
|
4
|
+
padding: 0 1rem;
|
|
5
|
+
box-sizing: border-box;
|
|
4
6
|
|
|
5
7
|
&__container {
|
|
6
|
-
background: var(--
|
|
8
|
+
background: var(--surface-secondary);
|
|
7
9
|
border-radius: 16px;
|
|
8
10
|
padding: 24px;
|
|
9
|
-
border: 1px solid var(--
|
|
11
|
+
border: 1px solid var(--border-primary);
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
&__question {
|
|
@@ -14,7 +16,7 @@
|
|
|
14
16
|
font-size: 18px;
|
|
15
17
|
font-weight: 600;
|
|
16
18
|
line-height: 24px;
|
|
17
|
-
color: var(--
|
|
19
|
+
color: var(--label-primary);
|
|
18
20
|
margin: 0 0 16px 0;
|
|
19
21
|
}
|
|
20
22
|
|
|
@@ -34,7 +36,7 @@
|
|
|
34
36
|
font-family: var(--font-family-sans);
|
|
35
37
|
font-size: 14px;
|
|
36
38
|
font-weight: 500;
|
|
37
|
-
color: var(--
|
|
39
|
+
color: var(--label-secondary);
|
|
38
40
|
}
|
|
39
41
|
|
|
40
42
|
&--desktop {
|
|
@@ -57,7 +59,7 @@
|
|
|
57
59
|
}
|
|
58
60
|
|
|
59
61
|
&__label-icon {
|
|
60
|
-
color: var(--
|
|
62
|
+
color: var(--fill-secondary);
|
|
61
63
|
flex-shrink: 0;
|
|
62
64
|
}
|
|
63
65
|
|
|
@@ -79,18 +81,18 @@
|
|
|
79
81
|
font-weight: 600;
|
|
80
82
|
transition: all 0.2s ease;
|
|
81
83
|
cursor: pointer;
|
|
82
|
-
background: var(--
|
|
83
|
-
border: 1px solid var(--
|
|
84
|
-
color: var(--
|
|
84
|
+
background: var(--surface-primary);
|
|
85
|
+
border: 1px solid var(--border-primary);
|
|
86
|
+
color: var(--label-primary);
|
|
85
87
|
|
|
86
88
|
&:hover:not(&--selected) {
|
|
87
|
-
background: var(--
|
|
89
|
+
background: var(--surface-primary-hover);
|
|
88
90
|
}
|
|
89
91
|
|
|
90
92
|
&--selected {
|
|
91
|
-
background: var(--
|
|
93
|
+
background: var(--fill-primary);
|
|
92
94
|
border-color: transparent;
|
|
93
|
-
color:
|
|
95
|
+
color: var(--label-primary-alt);
|
|
94
96
|
}
|
|
95
97
|
}
|
|
96
98
|
|
|
@@ -113,7 +115,7 @@
|
|
|
113
115
|
font-family: var(--font-family-sans);
|
|
114
116
|
font-size: 14px;
|
|
115
117
|
font-weight: 500;
|
|
116
|
-
color: var(--
|
|
118
|
+
color: var(--label-primary);
|
|
117
119
|
margin-bottom: 8px;
|
|
118
120
|
}
|
|
119
121
|
|
|
@@ -127,7 +129,7 @@
|
|
|
127
129
|
&__optional {
|
|
128
130
|
font-family: var(--font-family-sans);
|
|
129
131
|
font-size: 14px;
|
|
130
|
-
color: var(--
|
|
132
|
+
color: var(--label-secondary);
|
|
131
133
|
}
|
|
132
134
|
|
|
133
135
|
&__textarea {
|
|
@@ -135,39 +137,39 @@
|
|
|
135
137
|
min-height: 100px;
|
|
136
138
|
padding: 12px;
|
|
137
139
|
border-radius: 8px;
|
|
138
|
-
border: 1px solid var(--
|
|
139
|
-
background: var(--
|
|
140
|
+
border: 1px solid var(--border-primary);
|
|
141
|
+
background: var(--surface-primary);
|
|
140
142
|
font-family: var(--font-family-sans);
|
|
141
143
|
font-size: 14px;
|
|
142
|
-
color: var(--
|
|
144
|
+
color: var(--label-primary);
|
|
143
145
|
resize: vertical;
|
|
144
146
|
box-sizing: border-box;
|
|
145
147
|
|
|
146
148
|
&::placeholder {
|
|
147
|
-
color: var(--
|
|
149
|
+
color: var(--label-secondary);
|
|
148
150
|
}
|
|
149
151
|
|
|
150
152
|
&:focus {
|
|
151
153
|
outline: none;
|
|
152
|
-
border-color: var(--
|
|
154
|
+
border-color: var(--fill-primary);
|
|
153
155
|
}
|
|
154
156
|
|
|
155
157
|
&--error {
|
|
156
|
-
border-color: var(--
|
|
158
|
+
border-color: var(--fill-danger);
|
|
157
159
|
}
|
|
158
160
|
}
|
|
159
161
|
|
|
160
162
|
&__hint {
|
|
161
163
|
font-family: var(--font-family-sans);
|
|
162
164
|
font-size: 14px;
|
|
163
|
-
color: var(--
|
|
165
|
+
color: var(--label-secondary);
|
|
164
166
|
margin: 4px 0 0 0;
|
|
165
167
|
}
|
|
166
168
|
|
|
167
169
|
&__error {
|
|
168
170
|
font-family: var(--font-family-sans);
|
|
169
171
|
font-size: 14px;
|
|
170
|
-
color: var(--
|
|
172
|
+
color: var(--fill-danger);
|
|
171
173
|
margin: 4px 0 0 0;
|
|
172
174
|
}
|
|
173
175
|
|
|
@@ -175,7 +177,7 @@
|
|
|
175
177
|
font-family: var(--font-family-sans);
|
|
176
178
|
font-size: 14px;
|
|
177
179
|
font-weight: 500;
|
|
178
|
-
color: var(--
|
|
180
|
+
color: var(--label-action);
|
|
179
181
|
text-decoration: underline;
|
|
180
182
|
background: none;
|
|
181
183
|
border: none;
|
|
@@ -184,17 +186,18 @@
|
|
|
184
186
|
transition: color 0.2s ease;
|
|
185
187
|
|
|
186
188
|
&:hover {
|
|
187
|
-
color: var(--
|
|
189
|
+
color: var(--label-action);
|
|
188
190
|
}
|
|
189
191
|
}
|
|
190
192
|
|
|
191
193
|
&__roles {
|
|
192
194
|
display: grid;
|
|
193
195
|
grid-template-columns: 1fr;
|
|
194
|
-
gap:
|
|
196
|
+
gap: 8px;
|
|
195
197
|
|
|
196
198
|
@media (min-width: 640px) {
|
|
197
199
|
grid-template-columns: repeat(2, 1fr);
|
|
200
|
+
gap: 4px;
|
|
198
201
|
}
|
|
199
202
|
|
|
200
203
|
@media (min-width: 1024px) {
|
|
@@ -217,8 +220,8 @@
|
|
|
217
220
|
width: 20px;
|
|
218
221
|
height: 20px;
|
|
219
222
|
border-radius: 50%;
|
|
220
|
-
border: 2px solid var(--
|
|
221
|
-
background: var(--
|
|
223
|
+
border: 2px solid var(--border-primary);
|
|
224
|
+
background: var(--surface-primary);
|
|
222
225
|
margin: 0;
|
|
223
226
|
cursor: pointer;
|
|
224
227
|
flex-shrink: 0;
|
|
@@ -234,12 +237,12 @@
|
|
|
234
237
|
width: 10px;
|
|
235
238
|
height: 10px;
|
|
236
239
|
border-radius: 50%;
|
|
237
|
-
background: var(--
|
|
240
|
+
background: var(--fill-primary);
|
|
238
241
|
transition: transform 0.2s ease;
|
|
239
242
|
}
|
|
240
243
|
|
|
241
244
|
&:checked {
|
|
242
|
-
border-color: var(--
|
|
245
|
+
border-color: var(--fill-primary);
|
|
243
246
|
|
|
244
247
|
&::before {
|
|
245
248
|
transform: translate(-50%, -50%) scale(1);
|
|
@@ -248,7 +251,7 @@
|
|
|
248
251
|
|
|
249
252
|
&:focus {
|
|
250
253
|
outline: none;
|
|
251
|
-
box-shadow: 0 0 0 2px var(--
|
|
254
|
+
box-shadow: 0 0 0 2px var(--border-action);
|
|
252
255
|
}
|
|
253
256
|
}
|
|
254
257
|
|
|
@@ -259,33 +262,7 @@
|
|
|
259
262
|
&__role-label {
|
|
260
263
|
font-family: var(--font-family-sans);
|
|
261
264
|
font-size: 14px;
|
|
262
|
-
color: var(--
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
&__submit {
|
|
266
|
-
display: inline-flex;
|
|
267
|
-
align-items: center;
|
|
268
|
-
justify-content: center;
|
|
269
|
-
padding: 12px 24px;
|
|
270
|
-
border-radius: 8px;
|
|
271
|
-
border: none;
|
|
272
|
-
background: var(--fills-main-fill-primary, #14215A);
|
|
273
|
-
color: #FFFFFF;
|
|
274
|
-
font-family: var(--font-family-sans);
|
|
275
|
-
font-size: 14px;
|
|
276
|
-
font-weight: 600;
|
|
277
|
-
cursor: pointer;
|
|
278
|
-
transition: background 0.2s ease;
|
|
279
|
-
width: fit-content;
|
|
280
|
-
|
|
281
|
-
&:hover:not(:disabled) {
|
|
282
|
-
background: var(--fills-main-fill-primary-hover, #1a2a6e);
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
&:disabled {
|
|
286
|
-
opacity: 0.6;
|
|
287
|
-
cursor: not-allowed;
|
|
288
|
-
}
|
|
265
|
+
color: var(--label-primary);
|
|
289
266
|
}
|
|
290
267
|
|
|
291
268
|
&__success {
|
|
@@ -298,7 +275,7 @@
|
|
|
298
275
|
}
|
|
299
276
|
|
|
300
277
|
&__success-icon {
|
|
301
|
-
color: var(--
|
|
278
|
+
color: var(--fill-status-success);
|
|
302
279
|
margin-bottom: 16px;
|
|
303
280
|
}
|
|
304
281
|
|
|
@@ -306,14 +283,14 @@
|
|
|
306
283
|
font-family: var(--font-family-sans);
|
|
307
284
|
font-size: 24px;
|
|
308
285
|
font-weight: 600;
|
|
309
|
-
color: var(--
|
|
286
|
+
color: var(--label-primary);
|
|
310
287
|
margin: 0 0 8px 0;
|
|
311
288
|
}
|
|
312
289
|
|
|
313
290
|
&__success-message {
|
|
314
291
|
font-family: var(--font-family-sans);
|
|
315
292
|
font-size: 14px;
|
|
316
|
-
color: var(--
|
|
293
|
+
color: var(--label-secondary);
|
|
317
294
|
margin: 0;
|
|
318
295
|
}
|
|
319
296
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React, { useState } from 'react'
|
|
2
2
|
import './NPSScore.scss'
|
|
3
|
+
import { Button } from '../Button'
|
|
4
|
+
import { Alert } from '../Alert'
|
|
3
5
|
|
|
4
6
|
export interface NPSScoreProps {
|
|
5
7
|
/** User's first name for personalized greeting */
|
|
@@ -86,13 +88,12 @@ export const NPSScore: React.FC<NPSScoreProps> = ({
|
|
|
86
88
|
if (isSubmitted) {
|
|
87
89
|
return (
|
|
88
90
|
<div className="nps-score">
|
|
89
|
-
<
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
</div>
|
|
91
|
+
<Alert
|
|
92
|
+
variant="success"
|
|
93
|
+
title="Thank you!"
|
|
94
|
+
message="Your feedback has been submitted successfully."
|
|
95
|
+
onDismiss={onDismiss}
|
|
96
|
+
/>
|
|
96
97
|
</div>
|
|
97
98
|
)
|
|
98
99
|
}
|
|
@@ -192,13 +193,12 @@ export const NPSScore: React.FC<NPSScoreProps> = ({
|
|
|
192
193
|
</div>
|
|
193
194
|
|
|
194
195
|
{/* Submit button */}
|
|
195
|
-
<
|
|
196
|
+
<Button
|
|
196
197
|
onClick={handleSubmit}
|
|
197
198
|
disabled={isSubmitting}
|
|
198
|
-
className="nps-score__submit"
|
|
199
199
|
>
|
|
200
200
|
{isSubmitting ? 'Submitting...' : 'Submit'}
|
|
201
|
-
</
|
|
201
|
+
</Button>
|
|
202
202
|
</div>
|
|
203
203
|
)}
|
|
204
204
|
</div>
|
|
@@ -160,6 +160,16 @@
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
/* Button text styling */
|
|
163
|
+
&__spinner {
|
|
164
|
+
width: 16px;
|
|
165
|
+
height: 16px;
|
|
166
|
+
border: 2px solid rgba(0, 0, 0, 0.1);
|
|
167
|
+
border-top: 2px solid currentColor;
|
|
168
|
+
border-radius: 50%;
|
|
169
|
+
animation: spin 1s linear infinite;
|
|
170
|
+
flex-shrink: 0;
|
|
171
|
+
}
|
|
172
|
+
|
|
163
173
|
&__text {
|
|
164
174
|
font-family: var(--font-family-sans, 'Geist', sans-serif);
|
|
165
175
|
font-size: 15px;
|
|
@@ -329,6 +329,7 @@
|
|
|
329
329
|
|
|
330
330
|
/* Labels */
|
|
331
331
|
--label-primary: var(--shade-light);
|
|
332
|
+
--label-primary-alt: var(--tone-lighter);
|
|
332
333
|
--label-secondary: var(--tone-darkest);
|
|
333
334
|
--label-secondary-hover: var(--shade-lighter);
|
|
334
335
|
--label-white: var(--tone-lightest);
|
|
@@ -360,6 +361,8 @@
|
|
|
360
361
|
--surface-status-disabled: var(--disabled-lighter);
|
|
361
362
|
|
|
362
363
|
/* Surface Actions */
|
|
364
|
+
--surface-action: var(--actions-regular);
|
|
365
|
+
--surface-action-hover: var(--actions-dark);
|
|
363
366
|
--surface-action-soft: var(--actions-lightest);
|
|
364
367
|
--surface-action-soft-hover: var(--actions-lighter);
|
|
365
368
|
--surface-action-soft-pressed: var(--actions-light);
|
|
@@ -419,6 +422,7 @@
|
|
|
419
422
|
[data-theme="dark"] {
|
|
420
423
|
/* Labels */
|
|
421
424
|
--label-primary: var(--tone-lighter);
|
|
425
|
+
--label-primary-alt: var(--shade-light);
|
|
422
426
|
--label-secondary: var(--tone-darker);
|
|
423
427
|
--label-secondary-hover: var(--tone-lighter);
|
|
424
428
|
--label-white: var(--tone-lightest);
|
|
@@ -450,6 +454,8 @@
|
|
|
450
454
|
--surface-status-disabled: var(--disabled-darkest);
|
|
451
455
|
|
|
452
456
|
/* Surface Actions */
|
|
457
|
+
--surface-action: var(--actions-regular);
|
|
458
|
+
--surface-action-hover: var(--actions-light);
|
|
453
459
|
--surface-action-soft: var(--actions-darkest);
|
|
454
460
|
--surface-action-soft-hover: var(--actions-darker);
|
|
455
461
|
--surface-action-soft-pressed: var(--actions-dark);
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CustomerData } from '../CustomerForm';
|
|
3
|
-
export interface CustomerCreateProps {
|
|
4
|
-
onCancel: () => void;
|
|
5
|
-
onSave: (data: CustomerData) => void;
|
|
6
|
-
initialData?: Partial<CustomerData>;
|
|
7
|
-
isLoading?: boolean;
|
|
8
|
-
submitButtonLabel?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const CustomerCreate: React.FC<CustomerCreateProps>;
|
|
11
|
-
//# sourceMappingURL=CustomerCreate.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CustomerCreate.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerCreate/CustomerCreate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgB,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE5D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerCreate/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './CustomerDetail.scss';
|
|
3
|
-
export interface CustomerDetailProps {
|
|
4
|
-
onBack: () => void;
|
|
5
|
-
onEdit?: () => void;
|
|
6
|
-
name: string;
|
|
7
|
-
customerId: string;
|
|
8
|
-
waiverStatus: string;
|
|
9
|
-
waiversEnabled?: boolean;
|
|
10
|
-
waiverStatusVariant?: 'success' | 'danger' | 'warning' | 'neutral';
|
|
11
|
-
contactDetails: {
|
|
12
|
-
email: string;
|
|
13
|
-
phone?: string;
|
|
14
|
-
age?: string;
|
|
15
|
-
};
|
|
16
|
-
bookingDetails: {
|
|
17
|
-
nextBooking: string;
|
|
18
|
-
customerSince: string;
|
|
19
|
-
};
|
|
20
|
-
waiverDetails: {
|
|
21
|
-
status: string;
|
|
22
|
-
statusVariant?: 'success' | 'danger' | 'warning' | 'neutral';
|
|
23
|
-
expires: string;
|
|
24
|
-
};
|
|
25
|
-
minors?: Array<{
|
|
26
|
-
name: string;
|
|
27
|
-
age: string;
|
|
28
|
-
expires: string;
|
|
29
|
-
status: string;
|
|
30
|
-
statusVariant?: 'success' | 'danger' | 'warning' | 'neutral';
|
|
31
|
-
}>;
|
|
32
|
-
customerSinceFooter: string;
|
|
33
|
-
}
|
|
34
|
-
export declare const CustomerDetail: React.FC<CustomerDetailProps>;
|
|
35
|
-
//# sourceMappingURL=CustomerDetail.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CustomerDetail.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerDetail/CustomerDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,uBAAuB,CAAA;AAE9B,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,mBAAmB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAClE,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAA;IACD,cAAc,EAAE;QACd,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM,CAAA;QACd,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;QAC5D,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,GAAG,EAAE,MAAM,CAAA;QACX,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;KAC7D,CAAC,CAAA;IACF,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2HxD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerDetail/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CustomerData } from '../CustomerForm';
|
|
3
|
-
export interface CustomerEditProps {
|
|
4
|
-
onBack: () => void;
|
|
5
|
-
onCancel: () => void;
|
|
6
|
-
onSave: (data: CustomerData) => void;
|
|
7
|
-
initialData?: Partial<CustomerData>;
|
|
8
|
-
isLoading?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const CustomerEdit: React.FC<CustomerEditProps>;
|
|
11
|
-
//# sourceMappingURL=CustomerEdit.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CustomerEdit.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerEdit/CustomerEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgB,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE5D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwBpD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerEdit/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface CustomerData {
|
|
3
|
-
firstName: string;
|
|
4
|
-
lastName: string;
|
|
5
|
-
email: string;
|
|
6
|
-
dobDay: string;
|
|
7
|
-
dobMonth: string;
|
|
8
|
-
dobYear: string;
|
|
9
|
-
phone: string;
|
|
10
|
-
optIn: boolean;
|
|
11
|
-
postcode: string;
|
|
12
|
-
gender: string;
|
|
13
|
-
}
|
|
14
|
-
export interface CustomerFormProps {
|
|
15
|
-
onSave: (data: CustomerData) => void;
|
|
16
|
-
initialData?: Partial<CustomerData>;
|
|
17
|
-
isLoading?: boolean;
|
|
18
|
-
submitButtonLabel?: string;
|
|
19
|
-
isEditing?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export declare const CustomerForm: React.FC<CustomerFormProps>;
|
|
22
|
-
//# sourceMappingURL=CustomerForm.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CustomerForm.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerForm/CustomerForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAQlD,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoZpD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/Customer/CustomerForm/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NewTableColumn } from '../NewTable';
|
|
3
|
-
import './CustomersList.scss';
|
|
4
|
-
export interface CustomersListProps {
|
|
5
|
-
t: (key: string, options?: any) => string;
|
|
6
|
-
customers: any[];
|
|
7
|
-
isLoading: boolean;
|
|
8
|
-
kioskLink?: string;
|
|
9
|
-
waiversEnabled?: boolean;
|
|
10
|
-
search: string;
|
|
11
|
-
onSearchChange: (value: string) => void;
|
|
12
|
-
onSearchIconClick?: () => void;
|
|
13
|
-
onClearSearch?: () => void;
|
|
14
|
-
quickFilters: string[];
|
|
15
|
-
onQuickFiltersChange: (values: string[]) => void;
|
|
16
|
-
onRefresh: () => void;
|
|
17
|
-
onExport: () => void;
|
|
18
|
-
onSendWaiverRequest: () => void;
|
|
19
|
-
onAddCustomer?: () => void;
|
|
20
|
-
onTabChange?: (tabId: string) => void;
|
|
21
|
-
activeTab?: string;
|
|
22
|
-
tabs?: {
|
|
23
|
-
id: string;
|
|
24
|
-
label: string;
|
|
25
|
-
path: string;
|
|
26
|
-
}[];
|
|
27
|
-
columns: NewTableColumn<any>[];
|
|
28
|
-
pagination?: {
|
|
29
|
-
currentPage: number;
|
|
30
|
-
totalPages: number;
|
|
31
|
-
onPageChange: (page: number) => void;
|
|
32
|
-
totalItems?: number;
|
|
33
|
-
itemsPerPage?: number;
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
export declare const CustomersList: React.FC<CustomersListProps>;
|
|
37
|
-
//# sourceMappingURL=CustomersList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CustomersList.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Customer/CustomersList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAY,cAAc,EAAE,MAAM,aAAa,CAAA;AAItD,OAAO,sBAAsB,CAAA;AAE7B,MAAM,WAAW,kBAAkB;IACjC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;IACzC,SAAS,EAAE,GAAG,EAAE,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAChD,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACpD,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;QACpC,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;CACF;AAGD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0JtD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Customer/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { NewPageHeader } from '../../NewPageHeader'
|
|
3
|
-
import { CustomerForm, CustomerData } from '../CustomerForm'
|
|
4
|
-
|
|
5
|
-
export interface CustomerCreateProps {
|
|
6
|
-
onCancel: () => void
|
|
7
|
-
onSave: (data: CustomerData) => void
|
|
8
|
-
initialData?: Partial<CustomerData>
|
|
9
|
-
isLoading?: boolean
|
|
10
|
-
submitButtonLabel?: string
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export const CustomerCreate: React.FC<CustomerCreateProps> = ({
|
|
14
|
-
onCancel,
|
|
15
|
-
onSave,
|
|
16
|
-
initialData,
|
|
17
|
-
isLoading,
|
|
18
|
-
submitButtonLabel = 'Create Customer',
|
|
19
|
-
}) => {
|
|
20
|
-
return (
|
|
21
|
-
<div className="tw-bg-white tw-min-h-screen tw-font-sans">
|
|
22
|
-
<div className='tw-max-w-4xl tw-mx-auto tw-w-full'>
|
|
23
|
-
<NewPageHeader title="Add Customer" onCancel={onCancel} cancelLabel="Cancel" />
|
|
24
|
-
</div>
|
|
25
|
-
|
|
26
|
-
<div className="tw-max-w-4xl tw-mx-auto tw-w-full tw-bg-white tw-border-2 tw-border-[#e8e9ef] tw-rounded-lg tw-p-4 md:tw-p-8 tw-mt-8">
|
|
27
|
-
<CustomerForm
|
|
28
|
-
onSave={onSave}
|
|
29
|
-
initialData={initialData}
|
|
30
|
-
isLoading={isLoading}
|
|
31
|
-
submitButtonLabel={submitButtonLabel}
|
|
32
|
-
/>
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
)
|
|
36
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './CustomerCreate'
|