mautourco-components 0.2.19 → 0.2.20
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/components/atoms/Icon/icons/BusIcon.js +1 -1
- package/dist/components/atoms/Icon/icons/CatamaranIcon.js +1 -1
- package/dist/components/atoms/Icon/icons/ClockIcon.d.ts +4 -0
- package/dist/components/atoms/Icon/icons/ClockIcon.js +36 -0
- package/dist/components/atoms/Icon/icons/CloseCircleIcon.js +1 -1
- package/dist/components/atoms/Icon/icons/MapIcon.js +1 -1
- package/dist/components/atoms/Icon/icons/PlusCircleIcon.js +1 -1
- package/dist/components/atoms/Icon/icons/SeaIcon.js +1 -1
- package/dist/components/atoms/Icon/icons/registry.d.ts +1 -0
- package/dist/components/atoms/Icon/icons/registry.js +2 -0
- package/dist/components/atoms/Inputs/Input/Input.d.ts +2 -1
- package/dist/components/atoms/Inputs/Input/Input.js +1 -1
- package/dist/components/atoms/Inputs/Textarea/Textarea.d.ts +3 -1
- package/dist/components/atoms/Inputs/Textarea/Textarea.js +7 -5
- package/dist/components/molecules/BookingPax/BookingPax.d.ts +7 -0
- package/dist/components/molecules/BookingPax/BookingPax.js +21 -0
- package/dist/components/molecules/BookingPax/BookingPaxAccom.d.ts +22 -0
- package/dist/components/molecules/BookingPax/BookingPaxAccom.js +61 -0
- package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.css +2090 -0
- package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.d.ts +31 -0
- package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.js +96 -0
- package/dist/components/molecules/BookingPax/BookingPaxExcursion.d.ts +14 -0
- package/dist/components/molecules/BookingPax/BookingPaxExcursion.js +31 -0
- package/dist/components/molecules/BookingPax/BookingPaxHeader.d.ts +16 -0
- package/dist/components/molecules/BookingPax/BookingPaxHeader.js +28 -0
- package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.css +2103 -0
- package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.d.ts +11 -0
- package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.js +19 -0
- package/dist/components/molecules/BookingPax/BookingPaxRemarks.d.ts +5 -0
- package/dist/components/molecules/BookingPax/BookingPaxRemarks.js +37 -0
- package/dist/components/molecules/BookingPax/BookingPaxTransfer.d.ts +18 -0
- package/dist/components/molecules/BookingPax/BookingPaxTransfer.js +40 -0
- package/dist/components/molecules/BookingPax/index.d.ts +5 -0
- package/dist/components/molecules/BookingPax/index.js +1 -0
- package/dist/components/molecules/Calendar/CalendarInput.d.ts +6 -3
- package/dist/components/molecules/Calendar/CalendarInput.js +10 -10
- package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.css +2142 -0
- package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.d.ts +11 -0
- package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.js +19 -0
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.d.ts +9 -0
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.js +24 -0
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.d.ts +17 -0
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.js +20 -0
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.d.ts +11 -0
- package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.js +33 -0
- package/dist/components/molecules/DialogContentPolicy/DialogContentPolicy.d.ts +11 -0
- package/dist/components/molecules/DialogContentPolicy/DialogContentPolicy.js +27 -0
- package/dist/components/molecules/DialogContentPolicy/index.d.ts +4 -0
- package/dist/components/molecules/DialogContentPolicy/index.js +1 -0
- package/dist/components/molecules/ServiceTitle/ServiceTitle.css +3 -0
- package/dist/components/molecules/ServiceTitle/ServiceTitle.d.ts +7 -1
- package/dist/components/molecules/ServiceTitle/ServiceTitle.js +4 -3
- package/dist/components/organisms/Booking/Booking.d.ts +2 -0
- package/dist/components/organisms/Booking/Booking.js +4 -0
- package/dist/components/organisms/Booking/BookingHeader.d.ts +8 -0
- package/dist/components/organisms/Booking/BookingHeader.js +17 -0
- package/dist/components/organisms/Booking/BookingPaxList.d.ts +25 -0
- package/dist/components/organisms/Booking/BookingPaxList.js +117 -0
- package/dist/components/organisms/DateTimePicker/DateTimePicker.d.ts +6 -3
- package/dist/components/organisms/DateTimePicker/DateTimePicker.js +28 -22
- package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.d.ts +10 -0
- package/dist/components/organisms/DialogBookingConfirm/DialogBookingConfirm.js +17 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/checkbox.js +31 -0
- package/dist/hooks/useBookingPax.d.ts +8 -0
- package/dist/hooks/useBookingPax.js +43 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +2 -1
- package/src/components/atoms/Icon/icons/BusIcon.tsx +1 -1
- package/src/components/atoms/Icon/icons/CatamaranIcon.tsx +1 -1
- package/src/components/atoms/Icon/icons/ClockIcon.tsx +46 -0
- package/src/components/atoms/Icon/icons/CloseCircleIcon.tsx +1 -1
- package/src/components/atoms/Icon/icons/MapIcon.tsx +6 -2
- package/src/components/atoms/Icon/icons/PlusCircleIcon.tsx +1 -1
- package/src/components/atoms/Icon/icons/SeaIcon.tsx +1 -1
- package/src/components/atoms/Icon/icons/registry.tsx +2 -0
- package/src/components/atoms/Inputs/Input/Input.tsx +6 -5
- package/src/components/atoms/Inputs/Textarea/Textarea.tsx +18 -4
- package/src/components/molecules/BookingPax/BookingPax.tsx +12 -0
- package/src/components/molecules/BookingPax/BookingPaxAccom.tsx +120 -0
- package/src/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.css +4 -0
- package/src/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.tsx +188 -0
- package/src/components/molecules/BookingPax/BookingPaxExcursion.tsx +77 -0
- package/src/components/molecules/BookingPax/BookingPaxHeader.tsx +47 -0
- package/src/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.css +15 -0
- package/src/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.tsx +25 -0
- package/src/components/molecules/BookingPax/BookingPaxRemarks.tsx +46 -0
- package/src/components/molecules/BookingPax/BookingPaxTransfer.tsx +121 -0
- package/src/components/molecules/BookingPax/index.ts +9 -0
- package/src/components/molecules/Calendar/CalendarInput.tsx +26 -24
- package/src/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.css +37 -0
- package/src/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.tsx +28 -0
- package/src/components/molecules/DialogContentPolicy/DialogCancellationAccom.tsx +65 -0
- package/src/components/molecules/DialogContentPolicy/DialogCancellationExcursion.tsx +59 -0
- package/src/components/molecules/DialogContentPolicy/DialogCancellationList.tsx +49 -0
- package/src/components/molecules/DialogContentPolicy/DialogContentPolicy.tsx +45 -0
- package/src/components/molecules/DialogContentPolicy/index.ts +5 -0
- package/src/components/molecules/ServiceTitle/ServiceTitle.css +1 -1
- package/src/components/molecules/ServiceTitle/ServiceTitle.tsx +25 -7
- package/src/components/organisms/Booking/Booking.tsx +4 -0
- package/src/components/organisms/Booking/BookingHeader.tsx +24 -0
- package/src/components/organisms/Booking/BookingPaxList.tsx +224 -0
- package/src/components/organisms/DateTimePicker/DateTimePicker.tsx +69 -49
- package/src/components/organisms/DialogBookingConfirm/DialogBookingConfirm.tsx +25 -0
- package/src/components/ui/checkbox.tsx +32 -0
|
@@ -31,6 +31,6 @@ var BusIcon = function (_a) {
|
|
|
31
31
|
var sizeClasses = getSizeClasses();
|
|
32
32
|
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
33
|
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({
|
|
34
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7033_40084)" }, { children: _jsx("path", { d: "M12.5821 8.08301H3.41512V11.333C3.41512 11.6552 3.67694 11.917 3.99911 11.917H11.9991C12.3211 11.9168 12.5821 11.6551 12.5821 11.333V8.08301ZM5.33895 9.25L5.41512 9.25391C5.79348 9.29216 6.08895 9.61156 6.08895 10C6.08895 10.3884 5.79348 10.7078 5.41512 10.7461L5.33895 10.75H5.33211C4.9179 10.75 4.58211 10.4142 4.58211 10C4.58211 9.58579 4.9179 9.25 5.33211 9.25H5.33895ZM10.672 9.25C11.0862 9.25 11.422 9.58579 11.422 10C11.422 10.4142 11.0862 10.75 10.672 10.75H10.6651C10.2511 10.7498 9.91512 10.4141 9.91512 10C9.91512 9.5859 10.2511 9.25018 10.6651 9.25H10.672ZM3.99911 2.75C3.67705 2.75 3.4153 3.01099 3.41512 3.33301V6.58301H12.5821V3.33301C12.5819 3.0111 12.321 2.75018 11.9991 2.75H3.99911ZM9.33211 3.25C9.74633 3.25 10.0821 3.58579 10.0821 4C10.0821 4.41421 9.74633 4.75 9.33211 4.75H6.66512C6.25106 4.74982 5.91512 4.41411 5.91512 4C5.91512 3.58589 6.25106 3.25018 6.66512 3.25H9.33211ZM14.0821 11.333C14.0821 12.2187 13.5284 12.973 12.7491 13.2744V14C12.7491 14.4141 12.4132 14.7498 11.9991 14.75C11.5849 14.75 11.2491 14.4142 11.2491 14V13.417H4.74911V14C4.74911 14.4141 4.41317 14.7498 3.99911 14.75C3.58489 14.75 3.24911 14.4142 3.24911 14V13.2754C2.46934 12.9742 1.91512 12.219 1.91512 11.333V5.21387L1.66708 5.33789C1.29669 5.52273 0.846371 5.37226 0.661216 5.00195C0.476074 4.63149 0.626713 4.18131 0.997153 3.99609L1.91512 3.53613V3.33301C1.9153 2.18256 2.84862 1.25 3.99911 1.25H11.9991C13.1494 1.25018 14.0819 2.18267 14.0821 3.33301V3.53613L15.0011 3.99609C15.3714 4.18142 15.5212 4.63156 15.336 5.00195C15.1508 5.37235 14.7006 5.52293 14.3302 5.33789L14.0821 5.21289V11.333Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40084" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
|
|
35
35
|
};
|
|
36
36
|
export default BusIcon;
|
|
@@ -31,6 +31,6 @@ var CatamaranIcon = function (_a) {
|
|
|
31
31
|
var sizeClasses = getSizeClasses();
|
|
32
32
|
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
33
|
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({
|
|
34
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_238_4188)" }, { children: _jsx("path", { d: "M11.9159 4.66638C11.9158 4.51179 11.8543 4.36359 11.745 4.25427C11.6356 4.14498 11.4875 4.08337 11.3329 4.08337H4.66586C4.51127 4.08346 4.36307 4.14495 4.25375 4.25427C4.14443 4.36359 4.08294 4.51179 4.08285 4.66638V7.5863L7.15316 6.22205H7.15414C7.42075 6.10366 7.70904 6.04236 7.99984 6.04236C8.29067 6.0424 8.57894 6.1036 8.84555 6.22205L11.9159 7.5863V4.66638ZM7.24984 9.33337V7.82068L2.75961 9.8158C2.82788 11.1514 3.27724 12.4381 4.05453 13.5238C4.09858 13.4896 4.14754 13.4549 4.19809 13.4144C4.39883 13.2538 4.66983 13.033 5.0184 12.8656C5.38322 12.6905 5.80735 12.5834 6.33285 12.5834C6.87026 12.5834 7.29979 12.6885 7.66781 12.8666C8.02062 13.0373 8.28638 13.2634 8.47934 13.4242C8.68632 13.5967 8.82043 13.7043 8.98422 13.7836C9.13281 13.8555 9.33681 13.9163 9.66586 13.9164C9.97342 13.9164 10.1749 13.8574 10.3309 13.7826C10.5028 13.7001 10.6483 13.587 10.8641 13.4144C11.0649 13.2538 11.3366 13.033 11.6854 12.8656C11.915 12.7554 12.1679 12.6719 12.4549 12.6254C12.9105 11.7536 13.1766 10.7959 13.2362 9.81482L8.74984 7.82068V9.33337C8.74984 9.74748 8.41391 10.0832 7.99984 10.0834C7.58563 10.0834 7.24984 9.74759 7.24984 9.33337ZM13.4159 8.25232L14.3045 8.64783L14.4002 8.69958C14.6138 8.83453 14.7478 9.07003 14.7498 9.32751C14.7587 10.5081 14.5199 11.6734 14.0555 12.7504C14.1526 12.7845 14.2456 12.8234 14.3348 12.8666C14.6875 13.0373 14.9534 13.2634 15.1463 13.4242C15.4644 13.6894 15.5071 14.1617 15.242 14.4799C14.977 14.7979 14.5046 14.8414 14.1864 14.5765C13.9795 14.4041 13.8452 14.2964 13.6815 14.2172C13.5329 14.1453 13.3289 14.0834 12.9998 14.0834C12.6921 14.0834 12.4908 14.1433 12.3348 14.2181C12.1629 14.3007 12.0173 14.4128 11.8016 14.5853C11.6008 14.746 11.3291 14.9667 10.9803 15.1342C10.6155 15.3093 10.1914 15.4164 9.66586 15.4164C9.12859 15.4163 8.69885 15.3112 8.3309 15.1332C7.97834 14.9625 7.71226 14.7373 7.51938 14.5765C7.31239 14.404 7.17828 14.2964 7.01449 14.2172C6.86585 14.1452 6.66209 14.0834 6.33285 14.0834C6.02502 14.0834 5.82383 14.1433 5.66781 14.2181C5.4959 14.3007 5.35034 14.4127 5.13461 14.5853C4.93379 14.746 4.66216 14.9667 4.31332 15.1342C3.9486 15.3092 3.52514 15.4163 2.99984 15.4164C2.4625 15.4164 2.03287 15.3112 1.66488 15.1332C1.4004 15.0052 1.18428 14.8467 1.01156 14.7074L0.852383 14.5765L0.796719 14.5238C0.530729 14.2522 0.508067 13.8182 0.75668 13.5199C1.00526 13.2216 1.43668 13.1648 1.7518 13.3773L1.81332 13.4242L2.08188 13.6381C2.16176 13.6965 2.23626 13.7439 2.3182 13.7836C2.36307 13.8053 2.4137 13.8238 2.47055 13.8422C1.65272 12.4872 1.22378 10.922 1.24984 9.32068C1.25478 9.02894 1.4285 8.76634 1.69516 8.64783L2.58285 8.2533V4.66638C2.58294 4.11396 2.80258 3.58435 3.1932 3.19373C3.58383 2.8031 4.11344 2.58346 4.66586 2.58337H7.24984V1.33337C7.24984 0.91916 7.58563 0.583374 7.99984 0.583374C8.41391 0.58355 8.74984 0.919269 8.74984 1.33337V2.58337H11.3329C11.8853 2.58337 12.4148 2.80313 12.8055 3.19373C13.1961 3.58435 13.4158 4.11396 13.4159 4.66638V8.25232Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_238_4188" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
|
|
35
35
|
};
|
|
36
36
|
export default CatamaranIcon;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
var ClockIcon = function (_a) {
|
|
14
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
|
|
15
|
+
var getSizeClasses = function () {
|
|
16
|
+
switch (size) {
|
|
17
|
+
case 'xs':
|
|
18
|
+
return 'w-3 h-3';
|
|
19
|
+
case 'sm':
|
|
20
|
+
return 'w-4 h-4';
|
|
21
|
+
case 'md':
|
|
22
|
+
return 'w-5 h-5';
|
|
23
|
+
case 'lg':
|
|
24
|
+
return 'w-6 h-6';
|
|
25
|
+
case 'xl':
|
|
26
|
+
return 'w-8 h-8';
|
|
27
|
+
default:
|
|
28
|
+
return 'w-5 h-5';
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
var sizeClasses = getSizeClasses();
|
|
32
|
+
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
|
+
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M7.63187 4.00006C7.98111 4.00006 8.26373 4.2723 8.26373 4.60873V8.51808L10.6838 9.86382C10.9861 10.032 11.0898 10.4041 10.9152 10.6954C10.7405 10.9867 10.3543 11.0865 10.0519 10.9183L7.31593 9.39661C7.12032 9.28783 7 9.08691 7 8.86937V4.60867C7 4.27224 7.28262 4.00006 7.63187 4.00006Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 2C11.3136 2 14 4.6864 14 8C14 11.3136 11.3136 14 8 14C4.6864 14 2 11.3136 2 8C2 4.6864 4.6864 2 8 2ZM8 3.06667C5.27547 3.06667 3.06667 5.27547 3.06667 8C3.06667 10.7245 5.27547 12.9333 8 12.9333C10.7245 12.9333 12.9333 10.7245 12.9333 8C12.9333 5.27547 10.7245 3.06667 8 3.06667Z", fill: "white" })] })));
|
|
35
|
+
};
|
|
36
|
+
export default ClockIcon;
|
|
@@ -31,6 +31,6 @@ var CloseCircleIcon = function (_a) {
|
|
|
31
31
|
var sizeClasses = getSizeClasses();
|
|
32
32
|
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
33
|
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({
|
|
34
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_5114_5257)" }, { children: [_jsx("path", { d: "M8.37604 14.0331L10.4083 12.0009L8.375 9.96758C7.93578 9.52835 7.93601 8.81595 8.375 8.37659C8.81434 7.93725 9.52665 7.93725 9.96599 8.37659L11.9993 10.4099L14.0325 8.37659C14.4719 7.93725 15.1842 7.93725 15.6235 8.37659C16.0625 8.81596 16.0628 9.52835 15.6235 9.96758L13.5903 12.0009L15.6225 14.0331L15.7002 14.1191C16.0604 14.5609 16.0343 15.2123 15.6225 15.6241C15.2106 16.0356 14.5592 16.062 14.1175 15.7018L14.0315 15.6241L11.9993 13.5918L9.96703 15.6241C9.5278 16.0633 8.81541 16.0631 8.37604 15.6241C7.9367 15.1847 7.9367 14.4724 8.37604 14.0331Z", fill: "black" }), _jsx("path", { d: "M12 0.874514C18.1438 0.874779 23.1237 5.85625 23.124 12C23.1238 18.1438 18.1438 23.1238 12 23.124C5.856 23.124 0.874777 18.1439 0.874514 12C0.874812 5.85609 5.85602 0.874513 12 0.874514ZM12 3.12451C7.09866 3.12451 3.12481 7.09873 3.12451 12C3.12478 16.9013 7.09864 20.874 12 20.874C16.9011 20.8738 20.8738 16.9011 20.874 12C20.8737 7.09889 16.9011 3.12478 12 3.12451Z", fill: "black" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_5114_5257" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
|
|
35
35
|
};
|
|
36
36
|
export default CloseCircleIcon;
|
|
@@ -31,6 +31,6 @@ var MapIcon = function (_a) {
|
|
|
31
31
|
var sizeClasses = getSizeClasses();
|
|
32
32
|
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
33
|
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({
|
|
34
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7033_40039)" }, { children: _jsx("path", { d: "M11.2483 5.33398C11.2483 4.47217 10.9064 3.6456 10.2971 3.03613C9.6876 2.42664 8.86022 2.08398 7.99827 2.08398C7.13645 2.08408 6.30982 2.42673 5.70042 3.03613C5.09104 3.64561 4.74827 4.47212 4.74827 5.33398C4.74827 6.29385 5.27536 7.37034 6.01975 8.38379C6.70202 9.31263 7.49819 10.0927 7.99827 10.5488C8.49845 10.0929 9.29531 9.31298 9.97776 8.38379C10.722 7.37039 11.2483 6.2939 11.2483 5.33398ZM2.11545 13.917H13.8821L12.6047 10.084H10.5403C9.9137 10.8175 9.29437 11.4056 8.90354 11.7559C8.88906 11.7688 8.87406 11.7812 8.85862 11.793C8.61164 11.9816 8.30904 12.084 7.99827 12.084C7.68762 12.0839 7.38578 11.9815 7.13889 11.793C7.12325 11.781 7.10764 11.769 7.09299 11.7559C6.70253 11.4056 6.08382 10.8175 5.45725 10.084H3.39573L2.11545 13.917ZM8.58225 5.33398C8.58225 5.01182 8.32043 4.75098 7.99827 4.75098C7.67627 4.75117 7.41526 5.01194 7.41526 5.33398C7.41526 5.65603 7.67627 5.91679 7.99827 5.91699C8.32043 5.91699 8.58225 5.65615 8.58225 5.33398ZM10.0823 5.33398C10.0823 6.48458 9.14886 7.41699 7.99827 7.41699C6.84784 7.41679 5.91526 6.48446 5.91526 5.33398C5.91526 4.18351 6.84784 3.25117 7.99827 3.25098C9.14886 3.25098 10.0823 4.18339 10.0823 5.33398ZM12.7395 5.60547C12.6711 6.66975 12.2087 7.6965 11.6506 8.58398H12.6643C12.9246 8.58392 13.1794 8.65556 13.4006 8.79004L13.4934 8.85156L13.5803 8.91992C13.7498 9.06348 13.8835 9.24462 13.9699 9.44922L14.009 9.55273L15.342 13.5527C15.4129 13.7655 15.4324 13.9922 15.3987 14.2139C15.3648 14.4357 15.2788 14.6471 15.1477 14.8291C15.0166 15.011 14.8442 15.1594 14.6448 15.2617C14.4451 15.364 14.2236 15.4168 13.9992 15.417H1.99827C1.77384 15.4169 1.5525 15.3641 1.35276 15.2617C1.15295 15.1593 0.980017 15.0103 0.848853 14.8281C0.717783 14.646 0.631562 14.4348 0.597876 14.2129C0.564278 13.9911 0.584401 13.7645 0.655493 13.5518L1.99143 9.55176L2.03049 9.44727C2.1314 9.20941 2.29628 9.00342 2.50706 8.85156L2.59983 8.79004C2.82065 8.65595 3.07444 8.58412 3.3342 8.58398H4.34592C3.78785 7.6966 3.32547 6.66961 3.25706 5.60547L3.24827 5.33398C3.24827 4.07429 3.74919 2.86637 4.63987 1.97559C5.53058 1.08487 6.73862 0.584082 7.99827 0.583984C9.25805 0.583984 10.4668 1.08479 11.3576 1.97559C12.2483 2.86635 12.7483 4.07435 12.7483 5.33398L12.7395 5.60547Z", fill: "#0F7173" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40039" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
|
|
35
35
|
};
|
|
36
36
|
export default MapIcon;
|
|
@@ -31,6 +31,6 @@ var PlusCircleIcon = function (_a) {
|
|
|
31
31
|
var sizeClasses = getSizeClasses();
|
|
32
32
|
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
33
|
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({
|
|
34
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7074_66340)" }, { children: _jsx("path", { d: "M13.915 8.00098C13.915 4.7334 11.2666 2.08416 7.99902 2.08398C4.73134 2.08398 2.08203 4.73329 2.08203 8.00098C2.08221 11.2685 4.73145 13.917 7.99902 13.917C11.2664 13.9168 13.9149 11.2684 13.915 8.00098ZM7.24902 10.667V8.75098H5.33203C4.91793 8.75098 4.58221 8.41504 4.58203 8.00098C4.58203 7.58676 4.91782 7.25098 5.33203 7.25098H7.24902V5.33398C7.24902 4.91977 7.58481 4.58398 7.99902 4.58398C8.41309 4.58416 8.74902 4.91988 8.74902 5.33398V7.25098H10.665L10.7422 7.25488C11.1203 7.29337 11.415 7.61271 11.415 8.00098C11.4149 8.38912 11.1202 8.70862 10.7422 8.74707L10.665 8.75098H8.74902V10.667C8.74902 11.0811 8.41309 11.4168 7.99902 11.417C7.58481 11.417 7.24902 11.0812 7.24902 10.667ZM15.415 8.00098C15.4149 12.0968 12.0949 15.4168 7.99902 15.417C3.90302 15.417 0.582208 12.0969 0.582031 8.00098C0.582031 3.90487 3.90291 0.583984 7.99902 0.583984C12.095 0.584161 15.415 3.90497 15.415 8.00098Z", fill: "white" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7074_66340" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
|
|
35
35
|
};
|
|
36
36
|
export default PlusCircleIcon;
|
|
@@ -31,6 +31,6 @@ var SeaIcon = function (_a) {
|
|
|
31
31
|
var sizeClasses = getSizeClasses();
|
|
32
32
|
var colorClass = color ? "text-".concat(color) : 'text-current';
|
|
33
33
|
var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
|
|
34
|
-
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({
|
|
34
|
+
return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_238_4210)" }, { children: _jsx("path", { d: "M13.916 10.6664V7.41638H12.75V10.6664C12.75 11.2189 12.5303 11.7493 12.1396 12.14C11.7489 12.5307 11.2186 12.7504 10.666 12.7504C10.2521 12.7502 9.91619 12.4143 9.91602 12.0004C9.91602 11.5863 10.252 11.2505 10.666 11.2504C10.8207 11.2504 10.9697 11.1889 11.0791 11.0795C11.1885 10.9701 11.25 10.8211 11.25 10.6664V9.49353C10.6882 9.87454 10.0216 10.0834 9.33301 10.0834H8.98926C8.43974 10.0755 7.91492 9.8509 7.53027 9.45837C7.52045 9.44835 7.5112 9.43769 7.50195 9.42712L7.05957 8.92126C6.8232 8.6932 6.50876 8.69298 6.27246 8.92126L5.83105 9.42712C5.82176 9.43774 5.81163 9.4483 5.80176 9.45837C5.41714 9.85078 4.89317 10.0755 4.34375 10.0834H4C3.09384 10.0834 2.22473 9.72315 1.58398 9.0824C0.943235 8.44165 0.583008 7.57254 0.583008 6.66638C0.583094 5.76034 0.943312 4.89104 1.58398 4.25037C2.2247 3.60982 3.094 3.25037 4 3.25037H9.33301C10.0213 3.25037 10.6883 3.45758 11.25 3.83826V1.33337C11.25 0.91916 11.5858 0.583374 12 0.583374H14.666C15.0802 0.583374 15.416 0.91916 15.416 1.33337V10.6664C15.416 13.2806 13.2802 15.4164 10.666 15.4164H8C7.44747 15.4164 6.91707 15.1967 6.52637 14.806C6.29243 14.572 6.12124 14.2877 6.02051 13.9789C5.71169 13.8781 5.42736 13.707 5.19336 13.473C4.80274 13.0824 4.58309 12.5528 4.58301 12.0004C4.58301 11.5862 4.91879 11.2504 5.33301 11.2504C5.74722 11.2504 6.08301 11.5862 6.08301 12.0004C6.08309 12.155 6.14459 12.3032 6.25391 12.4125C6.36323 12.5218 6.51142 12.5833 6.66602 12.5834C6.82072 12.5834 6.9697 12.5219 7.0791 12.4125C7.18832 12.3032 7.24991 12.1549 7.25 12.0004C7.25 11.5862 7.58579 11.2504 8 11.2504C8.41406 11.2505 8.75 11.5863 8.75 12.0004C8.74991 12.5527 8.53017 13.0824 8.13965 13.473C8.00163 13.611 7.84535 13.7265 7.67773 13.8197C7.77252 13.8824 7.88463 13.9164 8 13.9164H10.666C12.4518 13.9164 13.916 12.4522 13.916 10.6664ZM3.41602 14.3334C3.41602 14.1321 3.27369 13.9641 3.08398 13.9252L3 13.9164C2.76988 13.9164 2.58301 14.1033 2.58301 14.3334C2.58301 14.5635 2.76988 14.7504 3 14.7504C3.22997 14.7502 3.41602 14.5634 3.41602 14.3334ZM2.00586 10.9164C2.41996 10.9164 2.75568 11.2523 2.75586 11.6664C2.75586 12.0806 2.42007 12.4164 2.00586 12.4164H2C1.58579 12.4164 1.25 12.0806 1.25 11.6664C1.25018 11.2523 1.5859 10.9164 2 10.9164H2.00586ZM12.75 5.91638H13.916V2.08337H12.75V5.91638ZM4.08301 14.3334C4.08301 14.9316 3.59816 15.4162 3 15.4164C2.40169 15.4164 1.91602 14.9317 1.91602 14.3334C1.91602 13.7351 2.40169 13.2504 3 13.2504L3.11035 13.2552C3.65669 13.3107 4.08301 13.7724 4.08301 14.3334ZM2.08301 6.66638C2.08301 7.17471 2.28509 7.66241 2.64453 8.02185C3.00398 8.3813 3.49167 8.58337 4 8.58337H4.32227C4.47445 8.58121 4.6192 8.51918 4.72656 8.4115L5.16895 7.90662L5.20312 7.86951C6.02931 7.04366 7.30376 7.04355 8.12988 7.86951C8.14165 7.88128 8.1531 7.89409 8.16406 7.90662L8.6084 8.41443C8.7155 8.5205 8.85979 8.58122 9.01074 8.58337H9.33301L9.52246 8.57361C9.96121 8.53003 10.374 8.33635 10.6885 8.02185C11.003 7.70728 11.1967 7.29464 11.2402 6.85583L11.25 6.66638L11.2402 6.47693C11.1966 6.03844 11.0027 5.62628 10.6885 5.31189C10.374 4.99737 9.96124 4.80272 9.52246 4.75916L9.33301 4.75037H4C3.49167 4.75037 3.00398 4.95245 2.64453 5.31189C2.28527 5.67124 2.08309 6.15824 2.08301 6.66638Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_238_4210" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
|
|
35
35
|
};
|
|
36
36
|
export default SeaIcon;
|
|
@@ -30,6 +30,7 @@ import CatamaranIcon from './CatamaranIcon';
|
|
|
30
30
|
import Check from './Check';
|
|
31
31
|
import CheckCircleIcon from './CheckCircleIcon';
|
|
32
32
|
import Chevron from './Chevron';
|
|
33
|
+
import ClockIcon from './ClockIcon';
|
|
33
34
|
import Close from './Close';
|
|
34
35
|
import CloseCircleIcon from './CloseCircleIcon';
|
|
35
36
|
import DeleteIcon from './DeleteIcon';
|
|
@@ -140,4 +141,5 @@ export var ICONS = {
|
|
|
140
141
|
land: LandIcon,
|
|
141
142
|
booking: BookingIcon,
|
|
142
143
|
'close-circle': CloseCircleIcon,
|
|
144
|
+
clock: ClockIcon,
|
|
143
145
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IconName } from '../../Icon/Icon';
|
|
2
3
|
interface InputProps {
|
|
3
4
|
variant?: 'default' | 'focus' | 'success' | 'error' | 'disabled';
|
|
4
5
|
placeholder?: string;
|
|
@@ -8,7 +9,7 @@ interface InputProps {
|
|
|
8
9
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
10
|
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
10
11
|
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
|
-
icon?:
|
|
12
|
+
icon?: IconName;
|
|
12
13
|
iconPosition?: 'leading' | 'trailing';
|
|
13
14
|
}
|
|
14
15
|
declare const Input: React.FC<InputProps>;
|
|
@@ -19,7 +19,7 @@ var Input = function (_a) {
|
|
|
19
19
|
focus: 'input-field--focus',
|
|
20
20
|
success: 'input-field--success',
|
|
21
21
|
error: 'input-field--error',
|
|
22
|
-
disabled: 'input-field--disabled'
|
|
22
|
+
disabled: 'input-field--disabled',
|
|
23
23
|
};
|
|
24
24
|
var inputClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(icon ? "input-field--with-icon input-field--icon-".concat(iconPosition) : '', " ").concat(className).trim();
|
|
25
25
|
return (_jsxs("div", __assign({ className: "input-wrapper ".concat(icon ? 'input-wrapper--with-icon' : '').trim() }, { children: [icon && iconPosition === 'leading' && (_jsx("span", __assign({ className: "input-icon input-icon--leading" }, { children: _jsx(Icon, { name: icon, size: "sm" }) }))), _jsx("input", { type: "text", className: inputClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', onChange: onChange, onFocus: onFocus, onBlur: onBlur }), icon && iconPosition === 'trailing' && (_jsx("span", __assign({ className: "input-icon input-icon--trailing" }, { children: _jsx(Icon, { name: icon, size: "sm" }) })))] })));
|
|
@@ -6,9 +6,11 @@ interface TextareaProps {
|
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
rows?: number;
|
|
8
8
|
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
9
10
|
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
11
|
+
onInput?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
10
12
|
onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
11
13
|
onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
12
14
|
}
|
|
13
|
-
declare const Textarea: React.
|
|
15
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
14
16
|
export default Textarea;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import React from 'react';
|
|
3
|
+
var Textarea = React.forwardRef(function (_a, ref) {
|
|
4
|
+
var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Enter your text...' : _c, value = _a.value, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.rows, rows = _e === void 0 ? 4 : _e, _f = _a.className, className = _f === void 0 ? '' : _f, style = _a.style, onChange = _a.onChange, onInput = _a.onInput, onFocus = _a.onFocus, onBlur = _a.onBlur;
|
|
4
5
|
var baseClasses = 'input-field';
|
|
5
6
|
var variantClasses = {
|
|
6
7
|
default: 'input-field--default',
|
|
7
8
|
focus: 'input-field--focus',
|
|
8
9
|
success: 'input-field--success',
|
|
9
10
|
error: 'input-field--error',
|
|
10
|
-
disabled: 'input-field--disabled'
|
|
11
|
+
disabled: 'input-field--disabled',
|
|
11
12
|
};
|
|
12
13
|
var textareaClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(className);
|
|
13
|
-
return (_jsx("textarea", { className: textareaClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', rows: rows, onChange: onChange, onFocus: onFocus, onBlur: onBlur }));
|
|
14
|
-
};
|
|
14
|
+
return (_jsx("textarea", { ref: ref, className: textareaClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', rows: rows, style: style, onChange: onChange, onInput: onInput, onFocus: onFocus, onBlur: onBlur }));
|
|
15
|
+
});
|
|
16
|
+
Textarea.displayName = 'Textarea';
|
|
15
17
|
export default Textarea;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const BookingPax: {
|
|
3
|
+
(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
Accom: React.FC<import("./BookingPaxAccom").BookingPaxAccomProps>;
|
|
5
|
+
Excursion: React.FC<import("./BookingPaxExcursion").BookingPaxExcursionProps>;
|
|
6
|
+
Transfer: React.FC<import("./BookingPaxTransfer").BookingPaxTransferProps>;
|
|
7
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import { BookingPaxAccom } from './BookingPaxAccom';
|
|
14
|
+
import { BookingPaxExcursion } from './BookingPaxExcursion';
|
|
15
|
+
import { BookingPaxTransfer } from './BookingPaxTransfer';
|
|
16
|
+
export var BookingPax = function (props) {
|
|
17
|
+
return _jsx("div", __assign({ className: "booking-pax space-y-6" }, props));
|
|
18
|
+
};
|
|
19
|
+
BookingPax.Accom = BookingPaxAccom;
|
|
20
|
+
BookingPax.Excursion = BookingPaxExcursion;
|
|
21
|
+
BookingPax.Transfer = BookingPaxTransfer;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BookingPaxClientInfo, BookingPaxClientProps } from './BookingPaxClient/BookingPaxClient';
|
|
3
|
+
export interface BookingPaxAccomRoom {
|
|
4
|
+
paxCount: number;
|
|
5
|
+
}
|
|
6
|
+
export interface RoomData {
|
|
7
|
+
room: BookingPaxAccomRoom;
|
|
8
|
+
roomIndex: number;
|
|
9
|
+
selectedCount: number;
|
|
10
|
+
isPaxCountError: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface BookingPaxAccomProps extends Pick<BookingPaxClientProps, 'selectedClientsInfoIds' | 'onPaxChange'> {
|
|
13
|
+
rooms: BookingPaxAccomRoom[];
|
|
14
|
+
clientsInfo: BookingPaxClientInfo[];
|
|
15
|
+
hotelName: string;
|
|
16
|
+
roomName: string;
|
|
17
|
+
isSubmitted?: boolean;
|
|
18
|
+
maxPaxCount?: number;
|
|
19
|
+
onRemarkChange?: (value: string) => void;
|
|
20
|
+
onError?: (roomIndex: number, hasError: boolean) => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const BookingPaxAccom: React.FC<BookingPaxAccomProps>;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
import useBookingPax from '@/src/hooks/useBookingPax';
|
|
14
|
+
import { useEffect, useMemo, useRef } from 'react';
|
|
15
|
+
import TextWithIcon from '../TextWithIcon/TextWithIcon';
|
|
16
|
+
import { BookingPaxClient, } from './BookingPaxClient/BookingPaxClient';
|
|
17
|
+
import { BookingPaxHeader } from './BookingPaxHeader';
|
|
18
|
+
import { BookingPaxLayout } from './BookingPaxLayout/BookingPaxLayout';
|
|
19
|
+
import { BookingPaxRemarks } from './BookingPaxRemarks';
|
|
20
|
+
export var BookingPaxAccom = function (props) {
|
|
21
|
+
var rooms = props.rooms, _a = props.clientsInfo, clientsInfo = _a === void 0 ? [] : _a, hotelName = props.hotelName, roomName = props.roomName, selectedClientsInfoIds = props.selectedClientsInfoIds, isSubmitted = props.isSubmitted, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onError = props.onError;
|
|
22
|
+
var _b = useBookingPax(selectedClientsInfoIds), changeOptions = _b.changeOptions, isSelectedClient = _b.isSelectedClient, onPaxOptionsChange = _b.onPaxOptionsChange, onSelectedClients = _b.onSelectedClients;
|
|
23
|
+
// Calculate selected pax count for each room
|
|
24
|
+
var roomData = useMemo(function () {
|
|
25
|
+
return rooms.map(function (room, roomIndex) {
|
|
26
|
+
var selectedClients = clientsInfo.filter(function (client) {
|
|
27
|
+
return isSelectedClient(roomIndex, client.clientId);
|
|
28
|
+
});
|
|
29
|
+
var selectedCount = selectedClients.length;
|
|
30
|
+
var isPaxCountError = selectedCount < room.paxCount;
|
|
31
|
+
return {
|
|
32
|
+
room: room,
|
|
33
|
+
roomIndex: roomIndex,
|
|
34
|
+
selectedCount: selectedCount,
|
|
35
|
+
isPaxCountError: isPaxCountError,
|
|
36
|
+
};
|
|
37
|
+
});
|
|
38
|
+
}, [rooms, selectedClientsInfoIds, isSubmitted, isSelectedClient]);
|
|
39
|
+
// Track previous error states to only call onError when it changes
|
|
40
|
+
var previousErrorsRef = useRef({});
|
|
41
|
+
// Call onError only when error state changes
|
|
42
|
+
useEffect(function () {
|
|
43
|
+
if (!onError)
|
|
44
|
+
return;
|
|
45
|
+
roomData.forEach(function (_a) {
|
|
46
|
+
var roomIndex = _a.roomIndex, isPaxCountError = _a.isPaxCountError;
|
|
47
|
+
var previousError = previousErrorsRef.current[roomIndex];
|
|
48
|
+
if (previousError !== isPaxCountError) {
|
|
49
|
+
onError(roomIndex, isPaxCountError);
|
|
50
|
+
previousErrorsRef.current[roomIndex] = isPaxCountError;
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
}, [roomData, onError]);
|
|
54
|
+
useEffect(function () {
|
|
55
|
+
onSelectedClients(clientsInfo, onPaxChange);
|
|
56
|
+
}, [changeOptions, onPaxChange]);
|
|
57
|
+
return (_jsxs(BookingPaxLayout, __assign({ title: "Accommodation", icon: "accom", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Name, { name: hotelName, icon: "accom", location: roomName }) }) }, { children: [roomData.map(function (_a) {
|
|
58
|
+
var room = _a.room, roomIndex = _a.roomIndex;
|
|
59
|
+
return (_jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsxs(TextWithIcon, __assign({ icon: "accom" }, { children: ["Room ", roomIndex + 1] })), _jsx(BookingPaxClient, { id: "accommodation-".concat(roomIndex), clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: roomIndex, paxCount: room.paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted })] }), "rm-".concat(roomIndex)));
|
|
60
|
+
}), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] })));
|
|
61
|
+
};
|