@licklist/design 0.69.3-dev.3 → 0.69.3-dev.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/iframe/activity-card/ActivityCard.d.ts +3 -1
- package/dist/iframe/activity-card/ActivityCard.d.ts.map +1 -1
- package/dist/iframe/activity-card/ActivityCard.js +8 -1
- package/dist/product-set/control/DateAndRecurrenceInput.d.ts.map +1 -1
- package/dist/product-set/control/DateAndRecurrenceInput.js +4 -3
- package/package.json +1 -1
- package/src/iframe/activity-card/ActivityCard.tsx +6 -0
- package/src/product-set/control/DateAndRecurrenceInput.tsx +3 -1
- package/yarn.lock +21 -21
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
|
|
3
|
+
import { ZoneResourcesAvailability } from '@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper';
|
|
3
4
|
export declare const LAYOUT_GRID = "grid";
|
|
4
5
|
export declare const LAYOUT_LIST = "list";
|
|
5
6
|
export type ActivityCardProps = {
|
|
@@ -12,6 +13,7 @@ export type ActivityCardProps = {
|
|
|
12
13
|
layout?: typeof LAYOUT_GRID | typeof LAYOUT_LIST;
|
|
13
14
|
availableTimes?: string | null;
|
|
14
15
|
image?: Image | null;
|
|
16
|
+
resources?: ZoneResourcesAvailability;
|
|
15
17
|
};
|
|
16
|
-
export declare const ActivityCard: ({ title, duration, price, description, availableTimes, image, onSelect, isSelected, layout, }: ActivityCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const ActivityCard: ({ title, duration, price, description, availableTimes, image, onSelect, isSelected, layout, resources, }: ActivityCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
19
|
//# sourceMappingURL=ActivityCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;
|
|
1
|
+
{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AAGpH,eAAO,MAAM,WAAW,SAAS,CAAA;AACjC,eAAO,MAAM,WAAW,SAAS,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,WAAW,GAAG,OAAO,WAAW,CAAA;IAChD,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,yBAAyB,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,YAAY,6GAWtB,iBAAiB,4CAmDnB,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
+
import { AvailabilityIndicator } from '../../availability-indicator/AvailabilityIndicator.js';
|
|
3
4
|
|
|
4
5
|
var LAYOUT_GRID = 'grid';
|
|
5
6
|
var LAYOUT_LIST = 'list';
|
|
6
7
|
var ActivityCard = function(param) {
|
|
7
|
-
var title = param.title, duration = param.duration, price = param.price, description = param.description, availableTimes = param.availableTimes, image = param.image, onSelect = param.onSelect, isSelected = param.isSelected, _param_layout = param.layout, layout = _param_layout === void 0 ? LAYOUT_GRID : _param_layout;
|
|
8
|
+
var title = param.title, duration = param.duration, price = param.price, description = param.description, availableTimes = param.availableTimes, image = param.image, onSelect = param.onSelect, isSelected = param.isSelected, _param_layout = param.layout, layout = _param_layout === void 0 ? LAYOUT_GRID : _param_layout, resources = param.resources;
|
|
8
9
|
if (layout === LAYOUT_GRID) {
|
|
9
10
|
return /*#__PURE__*/ jsxs("button", {
|
|
10
11
|
type: "button",
|
|
@@ -32,6 +33,9 @@ var ActivityCard = function(param) {
|
|
|
32
33
|
description && /*#__PURE__*/ jsx("div", {
|
|
33
34
|
className: "mt-2 activity-card-description",
|
|
34
35
|
children: description
|
|
36
|
+
}),
|
|
37
|
+
resources && /*#__PURE__*/ jsx(AvailabilityIndicator, {
|
|
38
|
+
resources: resources
|
|
35
39
|
})
|
|
36
40
|
]
|
|
37
41
|
})
|
|
@@ -68,6 +72,9 @@ var ActivityCard = function(param) {
|
|
|
68
72
|
description && /*#__PURE__*/ jsx("div", {
|
|
69
73
|
className: "mt-2 activity-card-description",
|
|
70
74
|
children: description
|
|
75
|
+
}),
|
|
76
|
+
resources && /*#__PURE__*/ jsx(AvailabilityIndicator, {
|
|
77
|
+
resources: resources
|
|
71
78
|
})
|
|
72
79
|
]
|
|
73
80
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateAndRecurrenceInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateAndRecurrenceInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAkB5G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,6FAMhC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"DateAndRecurrenceInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateAndRecurrenceInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAA;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAA;AAkB5G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAA;CAClD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,4BAA4B,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,6FAMhC,2BAA2B,4CAgR7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAA"}
|
|
@@ -216,7 +216,7 @@ function _ts_generator(thisArg, body) {
|
|
|
216
216
|
}
|
|
217
217
|
var DateAndRecurrenceInput = function(param) {
|
|
218
218
|
var isEventEditProductSet = param.isEventEditProductSet, providerHasBookingManagement = param.providerHasBookingManagement, workHours = param.workHours, isLoading = param.isLoading, timeZone = param.timeZone;
|
|
219
|
-
var _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_,
|
|
219
|
+
var _errors_menuRecurrences, _errors_menuRecurrences_root, _errors_menuRecurrences1, _errors_menuRecurrences__availableTimes, _errors_menuRecurrences_, _errors_menuRecurrences2;
|
|
220
220
|
var _useFormContext = useFormContext(), control = _useFormContext.control, register = _useFormContext.register, errors = _useFormContext.formState.errors, getValues = _useFormContext.getValues, setValue = _useFormContext.setValue, clearErrors = _useFormContext.clearErrors;
|
|
221
221
|
var _useState = _sliced_to_array(useState([]), 2), availableTimes = _useState[0], setAvailableTimes = _useState[1];
|
|
222
222
|
var availableTimesFormRef = useRef();
|
|
@@ -361,6 +361,7 @@ var DateAndRecurrenceInput = function(param) {
|
|
|
361
361
|
});
|
|
362
362
|
move(prevIndex, nextIndex);
|
|
363
363
|
};
|
|
364
|
+
var errorMessage = ((_errors_menuRecurrences = errors.menuRecurrences) === null || _errors_menuRecurrences === void 0 ? void 0 : _errors_menuRecurrences.message) || ((_errors_menuRecurrences1 = errors.menuRecurrences) === null || _errors_menuRecurrences1 === void 0 ? void 0 : (_errors_menuRecurrences_root = _errors_menuRecurrences1.root) === null || _errors_menuRecurrences_root === void 0 ? void 0 : _errors_menuRecurrences_root.message);
|
|
364
365
|
useEffect(function() {
|
|
365
366
|
if (fields.length) {
|
|
366
367
|
clearErrors('menuRecurrences');
|
|
@@ -394,7 +395,7 @@ var DateAndRecurrenceInput = function(param) {
|
|
|
394
395
|
isLoading: isLoading,
|
|
395
396
|
defaultValues: availableTimes,
|
|
396
397
|
ref: availableTimesFormRef,
|
|
397
|
-
errorMessage: errors === null || errors === void 0 ? void 0 : (
|
|
398
|
+
errorMessage: errors === null || errors === void 0 ? void 0 : (_errors_menuRecurrences2 = errors.menuRecurrences) === null || _errors_menuRecurrences2 === void 0 ? void 0 : (_errors_menuRecurrences_ = _errors_menuRecurrences2["".concat(editState === null || editState === void 0 ? void 0 : editState.index)]) === null || _errors_menuRecurrences_ === void 0 ? void 0 : (_errors_menuRecurrences__availableTimes = _errors_menuRecurrences_.availableTimes) === null || _errors_menuRecurrences__availableTimes === void 0 ? void 0 : _errors_menuRecurrences__availableTimes.message,
|
|
398
399
|
clearErrorMessage: function() {
|
|
399
400
|
return clearErrors("menuRecurrences.".concat(editState === null || editState === void 0 ? void 0 : editState.index, ".availableTimes"));
|
|
400
401
|
}
|
|
@@ -461,7 +462,7 @@ var DateAndRecurrenceInput = function(param) {
|
|
|
461
462
|
}))),
|
|
462
463
|
/*#__PURE__*/ jsx("div", {
|
|
463
464
|
className: "manual-form-error",
|
|
464
|
-
children:
|
|
465
|
+
children: errorMessage
|
|
465
466
|
})
|
|
466
467
|
]
|
|
467
468
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react'
|
|
2
2
|
import clsx from 'clsx'
|
|
3
3
|
import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper'
|
|
4
|
+
import { ZoneResourcesAvailability } from '@licklist/core/dist/DataMapper/Order/ZoneResourcesAvailabilityDataMapper'
|
|
5
|
+
import { AvailabilityIndicator } from '../../availability-indicator'
|
|
4
6
|
|
|
5
7
|
export const LAYOUT_GRID = 'grid'
|
|
6
8
|
export const LAYOUT_LIST = 'list'
|
|
@@ -15,6 +17,7 @@ export type ActivityCardProps = {
|
|
|
15
17
|
layout?: typeof LAYOUT_GRID | typeof LAYOUT_LIST
|
|
16
18
|
availableTimes?: string | null
|
|
17
19
|
image?: Image | null
|
|
20
|
+
resources?: ZoneResourcesAvailability
|
|
18
21
|
}
|
|
19
22
|
|
|
20
23
|
export const ActivityCard = ({
|
|
@@ -27,6 +30,7 @@ export const ActivityCard = ({
|
|
|
27
30
|
onSelect,
|
|
28
31
|
isSelected,
|
|
29
32
|
layout = LAYOUT_GRID,
|
|
33
|
+
resources,
|
|
30
34
|
}: ActivityCardProps) => {
|
|
31
35
|
if (layout === LAYOUT_GRID) {
|
|
32
36
|
return (
|
|
@@ -46,6 +50,7 @@ export const ActivityCard = ({
|
|
|
46
50
|
{description && (
|
|
47
51
|
<div className='mt-2 activity-card-description'>{description}</div>
|
|
48
52
|
)}
|
|
53
|
+
{resources && <AvailabilityIndicator resources={resources} />}
|
|
49
54
|
</div>
|
|
50
55
|
</button>
|
|
51
56
|
)
|
|
@@ -71,6 +76,7 @@ export const ActivityCard = ({
|
|
|
71
76
|
{description && (
|
|
72
77
|
<div className='mt-2 activity-card-description'>{description}</div>
|
|
73
78
|
)}
|
|
79
|
+
{resources && <AvailabilityIndicator resources={resources} />}
|
|
74
80
|
</div>
|
|
75
81
|
|
|
76
82
|
<hr className='list-activity-card-hr' />
|
|
@@ -198,6 +198,8 @@ export const DateAndRecurrenceInput = ({
|
|
|
198
198
|
move(prevIndex, nextIndex)
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
+
const errorMessage = errors.menuRecurrences?.message || errors.menuRecurrences?.root?.message
|
|
202
|
+
|
|
201
203
|
useEffect(() => {
|
|
202
204
|
if (fields.length) {
|
|
203
205
|
clearErrors('menuRecurrences')
|
|
@@ -307,7 +309,7 @@ export const DateAndRecurrenceInput = ({
|
|
|
307
309
|
/>
|
|
308
310
|
|
|
309
311
|
<div className='manual-form-error'>
|
|
310
|
-
{
|
|
312
|
+
{errorMessage}
|
|
311
313
|
</div>
|
|
312
314
|
</div>
|
|
313
315
|
</OverlayTrigger>
|
package/yarn.lock
CHANGED
|
@@ -5668,11 +5668,11 @@ __metadata:
|
|
|
5668
5668
|
linkType: hard
|
|
5669
5669
|
|
|
5670
5670
|
"@types/node@npm:*":
|
|
5671
|
-
version: 22.7.
|
|
5672
|
-
resolution: "@types/node@npm:22.7.
|
|
5671
|
+
version: 22.7.6
|
|
5672
|
+
resolution: "@types/node@npm:22.7.6"
|
|
5673
5673
|
dependencies:
|
|
5674
5674
|
undici-types: "npm:~6.19.2"
|
|
5675
|
-
checksum: 10c0/
|
|
5675
|
+
checksum: 10c0/d4406a63afce981c363fb1d1954aaf1759ad2d487c0833ebf667565ea4e45ff217d6fab4b5343badbdeccdf9d2e4a0841d633e0c929ceabcb33c288663dd0c73
|
|
5676
5676
|
languageName: node
|
|
5677
5677
|
linkType: hard
|
|
5678
5678
|
|
|
@@ -7247,9 +7247,9 @@ __metadata:
|
|
|
7247
7247
|
linkType: hard
|
|
7248
7248
|
|
|
7249
7249
|
"axe-core@npm:^4.2.0, axe-core@npm:^4.3.5":
|
|
7250
|
-
version: 4.10.
|
|
7251
|
-
resolution: "axe-core@npm:4.10.
|
|
7252
|
-
checksum: 10c0/
|
|
7250
|
+
version: 4.10.1
|
|
7251
|
+
resolution: "axe-core@npm:4.10.1"
|
|
7252
|
+
checksum: 10c0/53d865efb7284fd69bc95ced1a1709fd603ea07f06e272da06942e7cfeca1c823e09bde28f57178e3a1a4c9a089fe4b5d274c871e3e6522a3b1bffec8eaa7dd8
|
|
7253
7253
|
languageName: node
|
|
7254
7254
|
linkType: hard
|
|
7255
7255
|
|
|
@@ -9816,9 +9816,9 @@ __metadata:
|
|
|
9816
9816
|
linkType: hard
|
|
9817
9817
|
|
|
9818
9818
|
"electron-to-chromium@npm:^1.3.564, electron-to-chromium@npm:^1.5.28":
|
|
9819
|
-
version: 1.5.
|
|
9820
|
-
resolution: "electron-to-chromium@npm:1.5.
|
|
9821
|
-
checksum: 10c0/
|
|
9819
|
+
version: 1.5.40
|
|
9820
|
+
resolution: "electron-to-chromium@npm:1.5.40"
|
|
9821
|
+
checksum: 10c0/3f97360627cf179b344a7d45b3d12fd3f18f1287529d9835a8e802c7a3b99f09e326b4ed3097be1b135e45a33e8497e758b0c101e38e5bb405eaa6aa887eca82
|
|
9822
9822
|
languageName: node
|
|
9823
9823
|
linkType: hard
|
|
9824
9824
|
|
|
@@ -13686,9 +13686,9 @@ __metadata:
|
|
|
13686
13686
|
linkType: hard
|
|
13687
13687
|
|
|
13688
13688
|
"libphonenumber-js@npm:^1.9.11":
|
|
13689
|
-
version: 1.11.
|
|
13690
|
-
resolution: "libphonenumber-js@npm:1.11.
|
|
13691
|
-
checksum: 10c0/
|
|
13689
|
+
version: 1.11.12
|
|
13690
|
+
resolution: "libphonenumber-js@npm:1.11.12"
|
|
13691
|
+
checksum: 10c0/56fdf7ce107bd9d0329c47392d21649ee61b5ef210fa5926cb839506195d8482760982c9f75c207e97cf070be8ef2edc5a81db7cc3623f46990222945f4e0f65
|
|
13692
13692
|
languageName: node
|
|
13693
13693
|
linkType: hard
|
|
13694
13694
|
|
|
@@ -14165,12 +14165,12 @@ __metadata:
|
|
|
14165
14165
|
linkType: hard
|
|
14166
14166
|
|
|
14167
14167
|
"match-sorter@npm:^6.0.2":
|
|
14168
|
-
version: 6.4
|
|
14169
|
-
resolution: "match-sorter@npm:6.4
|
|
14168
|
+
version: 6.3.4
|
|
14169
|
+
resolution: "match-sorter@npm:6.3.4"
|
|
14170
14170
|
dependencies:
|
|
14171
14171
|
"@babel/runtime": "npm:^7.23.8"
|
|
14172
14172
|
remove-accents: "npm:0.5.0"
|
|
14173
|
-
checksum: 10c0/
|
|
14173
|
+
checksum: 10c0/35d2a6b6df003c677d9ec87ecd4683657638f5bce856f43f9cf90b03e357ed2f09813ebbac759defa7e7438706936dd34dc2bfe1a18771f7d2541f14d639b4ad
|
|
14174
14174
|
languageName: node
|
|
14175
14175
|
linkType: hard
|
|
14176
14176
|
|
|
@@ -15762,9 +15762,9 @@ __metadata:
|
|
|
15762
15762
|
linkType: hard
|
|
15763
15763
|
|
|
15764
15764
|
"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1, picocolors@npm:^1.1.0":
|
|
15765
|
-
version: 1.1.
|
|
15766
|
-
resolution: "picocolors@npm:1.1.
|
|
15767
|
-
checksum: 10c0/
|
|
15765
|
+
version: 1.1.1
|
|
15766
|
+
resolution: "picocolors@npm:1.1.1"
|
|
15767
|
+
checksum: 10c0/e2e3e8170ab9d7c7421969adaa7e1b31434f789afb9b3f115f6b96d91945041ac3ceb02e9ec6fe6510ff036bcc0bf91e69a1772edc0b707e12b19c0f2d6bcf58
|
|
15768
15768
|
languageName: node
|
|
15769
15769
|
linkType: hard
|
|
15770
15770
|
|
|
@@ -20259,8 +20259,8 @@ __metadata:
|
|
|
20259
20259
|
linkType: hard
|
|
20260
20260
|
|
|
20261
20261
|
"terser@npm:^5.3.4":
|
|
20262
|
-
version: 5.
|
|
20263
|
-
resolution: "terser@npm:5.
|
|
20262
|
+
version: 5.36.0
|
|
20263
|
+
resolution: "terser@npm:5.36.0"
|
|
20264
20264
|
dependencies:
|
|
20265
20265
|
"@jridgewell/source-map": "npm:^0.3.3"
|
|
20266
20266
|
acorn: "npm:^8.8.2"
|
|
@@ -20268,7 +20268,7 @@ __metadata:
|
|
|
20268
20268
|
source-map-support: "npm:~0.5.20"
|
|
20269
20269
|
bin:
|
|
20270
20270
|
terser: bin/terser
|
|
20271
|
-
checksum: 10c0/
|
|
20271
|
+
checksum: 10c0/f4ed2bead19f64789ddcfb85b7cef78f3942f967b8890c54f57d1e35bc7d547d551c6a4c32210bce6ba45b1c738314bbfac6acbc6c762a45cd171777d0c120d9
|
|
20272
20272
|
languageName: node
|
|
20273
20273
|
linkType: hard
|
|
20274
20274
|
|