@licklist/design 0.69.3 → 0.69.5
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/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts +2 -1
- package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
- package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +3 -2
- package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts +2 -1
- package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.d.ts.map +1 -1
- package/dist/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.js +31 -28
- package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts +2 -1
- package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.d.ts.map +1 -1
- package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.js +14 -3
- package/dist/events/edit-event-modal/utils/getDefaultProductSet.d.ts.map +1 -1
- package/dist/events/edit-event-modal/utils/getDefaultProductSet.js +3 -1
- package/dist/iframe/activity-card/ActivityCard.d.ts +5 -4
- package/dist/iframe/activity-card/ActivityCard.d.ts.map +1 -1
- package/dist/iframe/activity-card/ActivityCard.js +52 -40
- package/dist/index.js +1 -0
- package/dist/modals/confirmation/ConfirmModal.d.ts +3 -1
- package/dist/modals/confirmation/ConfirmModal.d.ts.map +1 -1
- package/dist/modals/confirmation/ConfirmModal.js +172 -8
- package/dist/product-set/card/ProductSetCard.d.ts +6 -2
- package/dist/product-set/card/ProductSetCard.d.ts.map +1 -1
- package/dist/product-set/card/ProductSetCard.js +30 -11
- package/dist/product-set/control/ProductSetControl.d.ts +4 -0
- package/dist/product-set/control/ProductSetControl.d.ts.map +1 -1
- package/dist/product-set/control/ProductSetControl.js +30 -3
- package/dist/product-set/control/ProductSetImageControl.d.ts +2 -0
- package/dist/product-set/control/ProductSetImageControl.d.ts.map +1 -0
- package/dist/product-set/control/ProductSetImageControl.js +279 -0
- package/dist/product-set/form/MobileFooter.d.ts.map +1 -1
- package/dist/product-set/form/ProductSetForm.d.ts.map +1 -1
- package/dist/product-set/form/ProductSetForm.js +8 -0
- package/dist/product-set/form/ProductSetNameControl.d.ts +6 -0
- package/dist/product-set/form/ProductSetNameControl.d.ts.map +1 -0
- package/dist/product-set/form/ProductSetNameControl.js +35 -0
- package/dist/product-set/form/index.d.ts +1 -0
- package/dist/product-set/form/index.d.ts.map +1 -1
- package/dist/product-set/utils/index.d.ts +7 -0
- package/dist/product-set/utils/index.d.ts.map +1 -1
- package/dist/product-set/utils/index.js +10 -1
- package/dist/styles/activity-card/{GridActivitiesCard.scss → ActivitiesCard.scss} +19 -5
- package/dist/styles/activity-card/ListActivitiesCard.scss +12 -42
- package/dist/styles/activity-card/_index.scss +1 -1
- package/dist/typeahead/Typeahead.d.ts +5 -1
- package/dist/typeahead/Typeahead.d.ts.map +1 -1
- package/dist/typeahead/Typeahead.js +9 -2
- package/package.json +5 -5
- package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +3 -0
- package/src/events/edit-event-modal/component/SelectEventProductSet/SelectEventProductSet.tsx +86 -85
- package/src/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.tsx +11 -1
- package/src/events/edit-event-modal/utils/getDefaultProductSet.ts +2 -0
- package/src/iframe/activity-card/ActivityCard.tsx +35 -24
- package/src/modals/confirmation/ConfirmModal.tsx +19 -3
- package/src/product-set/card/ProductSetCard.tsx +47 -8
- package/src/product-set/control/ProductSetControl.tsx +52 -52
- package/src/product-set/control/ProductSetImageControl.tsx +97 -0
- package/src/product-set/form/MobileFooter.tsx +1 -3
- package/src/product-set/form/ProductSetForm.tsx +10 -0
- package/src/product-set/form/ProductSetNameControl.tsx +27 -0
- package/src/product-set/form/index.ts +1 -0
- package/src/product-set/utils/index.ts +11 -0
- package/src/styles/activity-card/{GridActivitiesCard.scss → ActivitiesCard.scss} +19 -5
- package/src/styles/activity-card/ListActivitiesCard.scss +12 -42
- package/src/styles/activity-card/_index.scss +1 -1
- package/src/typeahead/Typeahead.tsx +15 -1
- package/yarn.lock +63 -45
|
@@ -17,6 +17,35 @@ function _array_like_to_array(arr, len) {
|
|
|
17
17
|
function _array_with_holes(arr) {
|
|
18
18
|
if (Array.isArray(arr)) return arr;
|
|
19
19
|
}
|
|
20
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
21
|
+
try {
|
|
22
|
+
var info = gen[key](arg);
|
|
23
|
+
var value = info.value;
|
|
24
|
+
} catch (error) {
|
|
25
|
+
reject(error);
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
if (info.done) {
|
|
29
|
+
resolve(value);
|
|
30
|
+
} else {
|
|
31
|
+
Promise.resolve(value).then(_next, _throw);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
function _async_to_generator(fn) {
|
|
35
|
+
return function() {
|
|
36
|
+
var self = this, args = arguments;
|
|
37
|
+
return new Promise(function(resolve, reject) {
|
|
38
|
+
var gen = fn.apply(self, args);
|
|
39
|
+
function _next(value) {
|
|
40
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
|
|
41
|
+
}
|
|
42
|
+
function _throw(err) {
|
|
43
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
|
|
44
|
+
}
|
|
45
|
+
_next(undefined);
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
}
|
|
20
49
|
function _iterable_to_array_limit(arr, i) {
|
|
21
50
|
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
22
51
|
if (_i == null) return;
|
|
@@ -55,6 +84,101 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
55
84
|
if (n === "Map" || n === "Set") return Array.from(n);
|
|
56
85
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
57
86
|
}
|
|
87
|
+
function _ts_generator(thisArg, body) {
|
|
88
|
+
var f, y, t, g, _ = {
|
|
89
|
+
label: 0,
|
|
90
|
+
sent: function() {
|
|
91
|
+
if (t[0] & 1) throw t[1];
|
|
92
|
+
return t[1];
|
|
93
|
+
},
|
|
94
|
+
trys: [],
|
|
95
|
+
ops: []
|
|
96
|
+
};
|
|
97
|
+
return g = {
|
|
98
|
+
next: verb(0),
|
|
99
|
+
"throw": verb(1),
|
|
100
|
+
"return": verb(2)
|
|
101
|
+
}, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
|
|
102
|
+
return this;
|
|
103
|
+
}), g;
|
|
104
|
+
function verb(n) {
|
|
105
|
+
return function(v) {
|
|
106
|
+
return step([
|
|
107
|
+
n,
|
|
108
|
+
v
|
|
109
|
+
]);
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
function step(op) {
|
|
113
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
114
|
+
while(_)try {
|
|
115
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
116
|
+
if (y = 0, t) op = [
|
|
117
|
+
op[0] & 2,
|
|
118
|
+
t.value
|
|
119
|
+
];
|
|
120
|
+
switch(op[0]){
|
|
121
|
+
case 0:
|
|
122
|
+
case 1:
|
|
123
|
+
t = op;
|
|
124
|
+
break;
|
|
125
|
+
case 4:
|
|
126
|
+
_.label++;
|
|
127
|
+
return {
|
|
128
|
+
value: op[1],
|
|
129
|
+
done: false
|
|
130
|
+
};
|
|
131
|
+
case 5:
|
|
132
|
+
_.label++;
|
|
133
|
+
y = op[1];
|
|
134
|
+
op = [
|
|
135
|
+
0
|
|
136
|
+
];
|
|
137
|
+
continue;
|
|
138
|
+
case 7:
|
|
139
|
+
op = _.ops.pop();
|
|
140
|
+
_.trys.pop();
|
|
141
|
+
continue;
|
|
142
|
+
default:
|
|
143
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
144
|
+
_ = 0;
|
|
145
|
+
continue;
|
|
146
|
+
}
|
|
147
|
+
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
|
|
148
|
+
_.label = op[1];
|
|
149
|
+
break;
|
|
150
|
+
}
|
|
151
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
152
|
+
_.label = t[1];
|
|
153
|
+
t = op;
|
|
154
|
+
break;
|
|
155
|
+
}
|
|
156
|
+
if (t && _.label < t[2]) {
|
|
157
|
+
_.label = t[2];
|
|
158
|
+
_.ops.push(op);
|
|
159
|
+
break;
|
|
160
|
+
}
|
|
161
|
+
if (t[2]) _.ops.pop();
|
|
162
|
+
_.trys.pop();
|
|
163
|
+
continue;
|
|
164
|
+
}
|
|
165
|
+
op = body.call(thisArg, _);
|
|
166
|
+
} catch (e) {
|
|
167
|
+
op = [
|
|
168
|
+
6,
|
|
169
|
+
e
|
|
170
|
+
];
|
|
171
|
+
y = 0;
|
|
172
|
+
} finally{
|
|
173
|
+
f = t = 0;
|
|
174
|
+
}
|
|
175
|
+
if (op[0] & 5) throw op[1];
|
|
176
|
+
return {
|
|
177
|
+
value: op[0] ? op[1] : void 0,
|
|
178
|
+
done: true
|
|
179
|
+
};
|
|
180
|
+
}
|
|
181
|
+
}
|
|
58
182
|
var ConfirmModalType = {
|
|
59
183
|
remove: 'remove',
|
|
60
184
|
default: 'default'
|
|
@@ -66,7 +190,7 @@ var CONFIRM_MODAL_ACTIONS = [
|
|
|
66
190
|
CONFIRM_MODAL_ACTION_CONFIRM
|
|
67
191
|
];
|
|
68
192
|
function ConfirmModal(param) {
|
|
69
|
-
var _param_type = param.type, type = _param_type === void 0 ? 'default' : _param_type, children = param.children, onClose = param.onClose, title = param.title, content = param.content, _param_hideButtons = param.hideButtons, hideButtons = _param_hideButtons === void 0 ? false : _param_hideButtons;
|
|
193
|
+
var _param_type = param.type, type = _param_type === void 0 ? 'default' : _param_type, children = param.children, onClose = param.onClose, confirmationHandler = param.confirmationHandler, title = param.title, disabledButtons = param.disabledButtons, content = param.content, _param_hideButtons = param.hideButtons, hideButtons = _param_hideButtons === void 0 ? false : _param_hideButtons;
|
|
70
194
|
var t = useTranslation('Design').t;
|
|
71
195
|
var actionRef = useRef();
|
|
72
196
|
var _useState = _sliced_to_array(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
|
|
@@ -76,14 +200,49 @@ function ConfirmModal(param) {
|
|
|
76
200
|
return true;
|
|
77
201
|
});
|
|
78
202
|
};
|
|
79
|
-
var handleConfirmation = function(
|
|
80
|
-
e
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
203
|
+
var handleConfirmation = function() {
|
|
204
|
+
var _ref = _async_to_generator(function(e) {
|
|
205
|
+
var res;
|
|
206
|
+
return _ts_generator(this, function(_state) {
|
|
207
|
+
switch(_state.label){
|
|
208
|
+
case 0:
|
|
209
|
+
e.stopPropagation();
|
|
210
|
+
if (!actionRef.current && !confirmationHandler) return [
|
|
211
|
+
2
|
|
212
|
+
];
|
|
213
|
+
if (!confirmationHandler) return [
|
|
214
|
+
3,
|
|
215
|
+
2
|
|
216
|
+
];
|
|
217
|
+
return [
|
|
218
|
+
4,
|
|
219
|
+
confirmationHandler()
|
|
220
|
+
];
|
|
221
|
+
case 1:
|
|
222
|
+
res = _state.sent();
|
|
223
|
+
if (res) {
|
|
224
|
+
setIsOpen(function() {
|
|
225
|
+
return false;
|
|
226
|
+
});
|
|
227
|
+
}
|
|
228
|
+
return [
|
|
229
|
+
2
|
|
230
|
+
];
|
|
231
|
+
case 2:
|
|
232
|
+
actionRef.current();
|
|
233
|
+
setIsOpen(function() {
|
|
234
|
+
return false;
|
|
235
|
+
});
|
|
236
|
+
return [
|
|
237
|
+
2
|
|
238
|
+
];
|
|
239
|
+
}
|
|
240
|
+
});
|
|
85
241
|
});
|
|
86
|
-
|
|
242
|
+
return function handleConfirmation(e) {
|
|
243
|
+
return _ref.apply(this, arguments);
|
|
244
|
+
};
|
|
245
|
+
}();
|
|
87
246
|
var handleClose = function(e) {
|
|
88
247
|
e.stopPropagation();
|
|
89
248
|
setIsOpen(function() {
|
|
@@ -113,6 +272,7 @@ function ConfirmModal(param) {
|
|
|
113
272
|
/*#__PURE__*/ jsx(Button, {
|
|
114
273
|
variant: "danger",
|
|
115
274
|
className: "btn-sm rounded",
|
|
275
|
+
disabled: disabledButtons,
|
|
116
276
|
onClick: handleClose,
|
|
117
277
|
"data-id": CONFIRM_MODAL_ACTION_DECLINE,
|
|
118
278
|
children: /*#__PURE__*/ jsx(FaTimes, {
|
|
@@ -133,11 +293,13 @@ function ConfirmModal(param) {
|
|
|
133
293
|
variant: "outline",
|
|
134
294
|
className: "cancel-button",
|
|
135
295
|
onClick: handleClose,
|
|
296
|
+
disabled: disabledButtons,
|
|
136
297
|
"data-id": CONFIRM_MODAL_ACTION_DECLINE,
|
|
137
298
|
children: t('cancel')
|
|
138
299
|
}),
|
|
139
300
|
/*#__PURE__*/ jsx(Button, {
|
|
140
301
|
variant: "danger",
|
|
302
|
+
disabled: disabledButtons,
|
|
141
303
|
onClick: handleConfirmation,
|
|
142
304
|
"data-id": CONFIRM_MODAL_ACTION_CONFIRM,
|
|
143
305
|
children: t('remove')
|
|
@@ -147,12 +309,14 @@ function ConfirmModal(param) {
|
|
|
147
309
|
children: [
|
|
148
310
|
/*#__PURE__*/ jsx(Button, {
|
|
149
311
|
variant: "danger",
|
|
312
|
+
disabled: disabledButtons,
|
|
150
313
|
onClick: handleClose,
|
|
151
314
|
"data-id": CONFIRM_MODAL_ACTION_DECLINE,
|
|
152
315
|
children: t('decline')
|
|
153
316
|
}),
|
|
154
317
|
/*#__PURE__*/ jsx(Button, {
|
|
155
318
|
variant: "success",
|
|
319
|
+
disabled: disabledButtons,
|
|
156
320
|
onClick: handleConfirmation,
|
|
157
321
|
"data-id": CONFIRM_MODAL_ACTION_CONFIRM,
|
|
158
322
|
children: t('confirm')
|
|
@@ -3,10 +3,14 @@ export interface ProductSetCardProps extends HasPermissionProp {
|
|
|
3
3
|
name: string;
|
|
4
4
|
rrule?: string;
|
|
5
5
|
href: string;
|
|
6
|
-
|
|
6
|
+
duplicateProductSetName: string;
|
|
7
|
+
onChangeDuplicateProductSetName: (value: string) => void;
|
|
8
|
+
onCopy: () => Promise<boolean | undefined>;
|
|
7
9
|
onRemove: () => void;
|
|
10
|
+
isLoading?: boolean;
|
|
8
11
|
className?: string;
|
|
9
12
|
override?: number;
|
|
13
|
+
duplicateProductSetError?: string;
|
|
10
14
|
}
|
|
11
|
-
export declare function ProductSetCard({ name, rrule, href, onCopy, onRemove, className, hasPermission, override, }: ProductSetCardProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function ProductSetCard({ name, rrule, href, onCopy, onRemove, onChangeDuplicateProductSetName, duplicateProductSetName, duplicateProductSetError, isLoading, className, hasPermission, override, }: ProductSetCardProps): import("react/jsx-runtime").JSX.Element;
|
|
12
16
|
//# sourceMappingURL=ProductSetCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductSetCard.d.ts","sourceRoot":"","sources":["../../../src/product-set/card/ProductSetCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;
|
|
1
|
+
{"version":3,"file":"ProductSetCard.d.ts","sourceRoot":"","sources":["../../../src/product-set/card/ProductSetCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAOtF,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,uBAAuB,EAAE,MAAM,CAAA;IAC/B,+BAA+B,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,+BAA+B,EAC/B,uBAAuB,EACvB,wBAAwB,EACxB,SAAS,EACT,SAAc,EACd,aAAoB,EACpB,QAAY,GACb,EAAE,mBAAmB,2CAuIrB"}
|
|
@@ -9,6 +9,7 @@ import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
|
|
|
9
9
|
import { FaEye, FaTrashAlt, FaEllipsisH } from 'react-icons/fa';
|
|
10
10
|
import { ConfirmModal } from '../../modals/confirmation/ConfirmModal.js';
|
|
11
11
|
import { MenuButton } from '../../table/MenuButton.js';
|
|
12
|
+
import { ProductSetNameControl } from '../form/ProductSetNameControl.js';
|
|
12
13
|
|
|
13
14
|
function _array_like_to_array(arr, len) {
|
|
14
15
|
if (len == null || len > arr.length) len = arr.length;
|
|
@@ -57,21 +58,20 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
57
58
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
58
59
|
}
|
|
59
60
|
function ProductSetCard(param) {
|
|
60
|
-
var name = param.name, rrule = param.rrule, href = param.href, onCopy = param.onCopy, onRemove = param.onRemove, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, _param_override = param.override, override = _param_override === void 0 ? 0 : _param_override;
|
|
61
|
+
var name = param.name, rrule = param.rrule, href = param.href, onCopy = param.onCopy, onRemove = param.onRemove, onChangeDuplicateProductSetName = param.onChangeDuplicateProductSetName, duplicateProductSetName = param.duplicateProductSetName, duplicateProductSetError = param.duplicateProductSetError, isLoading = param.isLoading, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission, _param_override = param.override, override = _param_override === void 0 ? 0 : _param_override;
|
|
61
62
|
var t = useTranslation('Design').t;
|
|
62
63
|
var popoverId = useId();
|
|
63
64
|
var productSetCardClasses = "product-set-card ".concat(className);
|
|
64
65
|
var _useState = _sliced_to_array(useState(false), 2), isOverlayVisibile = _useState[0], setIsOverlayVisible = _useState[1];
|
|
65
|
-
|
|
66
|
+
var onCardClick = function() {
|
|
67
|
+
RouteService.redirectTo(href);
|
|
68
|
+
};
|
|
69
|
+
return(// eslint-disable-next-line jsx-a11y/click-events-have-key-events
|
|
70
|
+
/*#__PURE__*/ jsx("div", {
|
|
66
71
|
role: "button",
|
|
67
72
|
tabIndex: 0,
|
|
68
73
|
className: "border-0 product-set-card-wrapper w-100 pb-0",
|
|
69
|
-
onClick:
|
|
70
|
-
return RouteService.redirectTo(href);
|
|
71
|
-
},
|
|
72
|
-
onKeyUp: function() {
|
|
73
|
-
return RouteService.redirectTo(href);
|
|
74
|
-
},
|
|
74
|
+
onClick: onCardClick,
|
|
75
75
|
children: /*#__PURE__*/ jsxs("div", {
|
|
76
76
|
className: productSetCardClasses,
|
|
77
77
|
children: [
|
|
@@ -83,7 +83,6 @@ function ProductSetCard(param) {
|
|
|
83
83
|
/*#__PURE__*/ jsxs("div", {
|
|
84
84
|
children: [
|
|
85
85
|
name,
|
|
86
|
-
" ",
|
|
87
86
|
rrule && "(".concat(RRule.fromString(rrule).toText(), ")")
|
|
88
87
|
]
|
|
89
88
|
}),
|
|
@@ -120,12 +119,27 @@ function ProductSetCard(param) {
|
|
|
120
119
|
/*#__PURE__*/ jsx(ListGroup.Item, {
|
|
121
120
|
action: true,
|
|
122
121
|
as: "div",
|
|
122
|
+
role: "button",
|
|
123
|
+
tabIndex: 0,
|
|
124
|
+
onClick: function(e) {
|
|
125
|
+
return e.stopPropagation();
|
|
126
|
+
},
|
|
123
127
|
children: Boolean(onCopy) && /*#__PURE__*/ jsx(ConfirmModal, {
|
|
128
|
+
// confirm function memoize the callback function and it leads to bugs
|
|
129
|
+
confirmationHandler: onCopy,
|
|
130
|
+
disabledButtons: isLoading,
|
|
131
|
+
content: /*#__PURE__*/ jsx(ProductSetNameControl, {
|
|
132
|
+
value: duplicateProductSetName,
|
|
133
|
+
onChange: onChangeDuplicateProductSetName,
|
|
134
|
+
error: duplicateProductSetError
|
|
135
|
+
}),
|
|
124
136
|
children: function(confirm) {
|
|
125
137
|
return /*#__PURE__*/ jsx(MenuButton, {
|
|
126
138
|
onClick: function() {
|
|
127
139
|
setIsOverlayVisible(false);
|
|
128
|
-
|
|
140
|
+
onChangeDuplicateProductSetName(name);
|
|
141
|
+
// confirm function memoize the callback function and it leads to bugs
|
|
142
|
+
confirm(function() {});
|
|
129
143
|
},
|
|
130
144
|
name: t('duplicate'),
|
|
131
145
|
className: "product-set-card-menu-item-text"
|
|
@@ -137,6 +151,11 @@ function ProductSetCard(param) {
|
|
|
137
151
|
action: true,
|
|
138
152
|
className: "text-danger",
|
|
139
153
|
as: "div",
|
|
154
|
+
role: "button",
|
|
155
|
+
tabIndex: 0,
|
|
156
|
+
onClick: function(e) {
|
|
157
|
+
return e.stopPropagation();
|
|
158
|
+
},
|
|
140
159
|
children: Boolean(onRemove) && /*#__PURE__*/ jsx(ConfirmModal, {
|
|
141
160
|
children: function(confirm) {
|
|
142
161
|
return /*#__PURE__*/ jsx(MenuButton, {
|
|
@@ -172,7 +191,7 @@ function ProductSetCard(param) {
|
|
|
172
191
|
})
|
|
173
192
|
]
|
|
174
193
|
})
|
|
175
|
-
});
|
|
194
|
+
}));
|
|
176
195
|
}
|
|
177
196
|
|
|
178
197
|
export { ProductSetCard };
|
|
@@ -3,6 +3,7 @@ import { FieldSet } from '@licklist/core/dist/DataMapper/Order/FieldSetDataMappe
|
|
|
3
3
|
import { EmailTemplate } from '@licklist/core/dist/DataMapper/Notification/EmailTemplateDataMapper';
|
|
4
4
|
import { SmsTemplate } from '@licklist/core/dist/DataMapper/Notification/SmsTemplateDataMapper';
|
|
5
5
|
import { WorkHour } from '@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper';
|
|
6
|
+
import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
|
|
6
7
|
import { SelectItem } from '../../types/generic/SelectItem';
|
|
7
8
|
import { DateAndRecurrenceInputValues } from './DateAndRecurrenceInput';
|
|
8
9
|
import { Step } from '../types';
|
|
@@ -13,6 +14,8 @@ export interface TemplateItem {
|
|
|
13
14
|
}
|
|
14
15
|
export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
|
|
15
16
|
name: string;
|
|
17
|
+
description?: string;
|
|
18
|
+
image?: Image;
|
|
16
19
|
type: ProductSetType;
|
|
17
20
|
termsAndConditions: string;
|
|
18
21
|
thankYouPageUrl: string;
|
|
@@ -23,6 +26,7 @@ export interface ProductSetControlValues extends DateAndRecurrenceInputValues {
|
|
|
23
26
|
steps: Step[];
|
|
24
27
|
emailTemplates?: TemplateItem[];
|
|
25
28
|
smsTemplates?: TemplateItem[];
|
|
29
|
+
localImageBlobURL?: string;
|
|
26
30
|
}
|
|
27
31
|
export interface ProductSetControlShared {
|
|
28
32
|
fee?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductSetControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetControl.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,mBAAmB,EACnB,cAAc,EAEd,gBAAgB,EACjB,MAAM,6DAA6D,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAA;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAA;AAG/F,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;
|
|
1
|
+
{"version":3,"file":"ProductSetControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetControl.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,mBAAmB,EACnB,cAAc,EAEd,gBAAgB,EACjB,MAAM,6DAA6D,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAA;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,mEAAmE,CAAA;AAG/F,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AAErF,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC3D,OAAO,EAEL,4BAA4B,EAC7B,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAmB/B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,aAAa,GAAG,WAAW,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,IAAI,EAAE,cAAc,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,mBAAmB,CAAA;IACpC,aAAa,CAAC,EAAE,UAAU,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAA;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,GAAU,EACV,SAAc,EACd,cAAmB,EACnB,YAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,4BAAoC,EACpC,WAAmB,EACnB,oBAA4B,EAC5B,QAAQ,GACT,EAAE,sBAAsB,2CAoTxB"}
|
|
@@ -14,6 +14,7 @@ import TutorialGifCard from './TutorialGifCard.js';
|
|
|
14
14
|
import { StepsControl } from '../form/StepsControl.js';
|
|
15
15
|
import { Typeahead } from '../../typeahead/Typeahead.js';
|
|
16
16
|
import { DateInput } from './DateInput.js';
|
|
17
|
+
import { ProductSetImageControl } from './ProductSetImageControl.js';
|
|
17
18
|
import WarningMessage from '../../static/WarningMessage.js';
|
|
18
19
|
|
|
19
20
|
function _define_property(obj, key, value) {
|
|
@@ -72,9 +73,10 @@ var _obj;
|
|
|
72
73
|
var OPERATIONAL_COST_TITLES = (_obj = {}, _define_property(_obj, OPERATIONAL_COST_PROVIDER, 'operationalCostProvider'), _define_property(_obj, OPERATIONAL_COST_CUSTOMER, 'operationalCostCustomer'), _obj);
|
|
73
74
|
var _obj1;
|
|
74
75
|
var RELY_ON_PEOPLE_TYPE_TITLES = (_obj1 = {}, _define_property(_obj1, RELY_ON_PEOPLE_PRODUCT_CAPACITY_QUANTITY, 'peopleProductCapacityQuantity'), _define_property(_obj1, RELY_ON_PEOPLE_PRODUCT_QUANTITY, 'peopleProductQuantity'), _define_property(_obj1, RELY_ON_PEOPLE_QUANTITY, 'peopleQuantity'), _obj1);
|
|
76
|
+
var MAX_DESCRIPTION_LENGTH = 100;
|
|
75
77
|
function ProductSetControl(param) {
|
|
76
78
|
var companyName = param.companyName, isLoading = param.isLoading, _param_fee = param.fee, fee = _param_fee === void 0 ? '5%' : _param_fee, _param_fieldSets = param.fieldSets, fieldSets = _param_fieldSets === void 0 ? [] : _param_fieldSets, _param_emailTemplates = param.emailTemplates, emailTemplates = _param_emailTemplates === void 0 ? [] : _param_emailTemplates, _param_smsTemplates = param.smsTemplates, smsTemplates = _param_smsTemplates === void 0 ? [] : _param_smsTemplates, isEventEditProductSet = param.isEventEditProductSet, isCreateAction = param.isCreateAction, showEmailTemplate = param.showEmailTemplate, showSmsTemplate = param.showSmsTemplate, workHours = param.workHours, _param_providerHasBookingManagement = param.providerHasBookingManagement, providerHasBookingManagement = _param_providerHasBookingManagement === void 0 ? false : _param_providerHasBookingManagement, _param_isOverrides = param.isOverrides, isOverrides = _param_isOverrides === void 0 ? false : _param_isOverrides, _param_isCreateNewOverrides = param.isCreateNewOverrides, isCreateNewOverrides = _param_isCreateNewOverrides === void 0 ? false : _param_isCreateNewOverrides, timeZone = param.timeZone;
|
|
77
|
-
var _errors_name;
|
|
79
|
+
var _errors_name, _errors_description;
|
|
78
80
|
var t = useTranslation([
|
|
79
81
|
'Design',
|
|
80
82
|
'Validation',
|
|
@@ -83,6 +85,7 @@ function ProductSetControl(param) {
|
|
|
83
85
|
var _useFormContext = useFormContext(), register = _useFormContext.register, control = _useFormContext.control, errors = _useFormContext.formState.errors, watch = _useFormContext.watch, setError = _useFormContext.setError, clearErrors = _useFormContext.clearErrors;
|
|
84
86
|
var steps = watch('steps');
|
|
85
87
|
var nameId = useId();
|
|
88
|
+
var descriptionId = useId();
|
|
86
89
|
var termsAndConditionsId = useId();
|
|
87
90
|
var relyOnPeopleTypeId = useId();
|
|
88
91
|
var showSmsTemplateSelector = showSmsTemplate && !isOverrides;
|
|
@@ -141,6 +144,31 @@ function ProductSetControl(param) {
|
|
|
141
144
|
})
|
|
142
145
|
]
|
|
143
146
|
}),
|
|
147
|
+
/*#__PURE__*/ jsxs(Form.Group, {
|
|
148
|
+
controlId: descriptionId,
|
|
149
|
+
children: [
|
|
150
|
+
/*#__PURE__*/ jsx(Form.Label, {
|
|
151
|
+
children: t('Design:description')
|
|
152
|
+
}),
|
|
153
|
+
/*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register('description', {
|
|
154
|
+
maxLength: {
|
|
155
|
+
value: MAX_DESCRIPTION_LENGTH,
|
|
156
|
+
message: t('Validation:fieldMaxLength', {
|
|
157
|
+
attribute: t('description'),
|
|
158
|
+
max: MAX_DESCRIPTION_LENGTH
|
|
159
|
+
})
|
|
160
|
+
}
|
|
161
|
+
})), {
|
|
162
|
+
as: "textarea",
|
|
163
|
+
isInvalid: Boolean(errors.description)
|
|
164
|
+
})),
|
|
165
|
+
/*#__PURE__*/ jsx(Form.Control.Feedback, {
|
|
166
|
+
type: "invalid",
|
|
167
|
+
children: (_errors_description = errors.description) === null || _errors_description === void 0 ? void 0 : _errors_description.message
|
|
168
|
+
})
|
|
169
|
+
]
|
|
170
|
+
}),
|
|
171
|
+
/*#__PURE__*/ jsx(ProductSetImageControl, {}),
|
|
144
172
|
showDateSelector ? /*#__PURE__*/ jsx(DateInput, {
|
|
145
173
|
workHours: isZoneAdded ? workHours : undefined,
|
|
146
174
|
isLoading: isLoading,
|
|
@@ -308,7 +336,6 @@ function ProductSetControl(param) {
|
|
|
308
336
|
name: "fieldSetId",
|
|
309
337
|
render: function(param) {
|
|
310
338
|
var field = param.field;
|
|
311
|
-
var fieldValue = Number(field.value);
|
|
312
339
|
return /*#__PURE__*/ jsxs(Fragment, {
|
|
313
340
|
children: [
|
|
314
341
|
/*#__PURE__*/ jsx(Form.Label, {
|
|
@@ -316,7 +343,7 @@ function ProductSetControl(param) {
|
|
|
316
343
|
}),
|
|
317
344
|
/*#__PURE__*/ jsxs(Form.Control, {
|
|
318
345
|
onChange: field.onChange,
|
|
319
|
-
value:
|
|
346
|
+
value: Number(field.value),
|
|
320
347
|
as: "select",
|
|
321
348
|
disabled: isOverrides,
|
|
322
349
|
isInvalid: HookFormService.isInvalid('fieldSetId', errors),
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductSetImageControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetImageControl.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,sBAAsB,+CAsFlC,CAAA"}
|