mautourco-components 0.2.30 → 0.2.31

package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.d.ts

@@ -0,0 +1,16 @@
+import { CancellationPolicyItem } from '@/src/components/molecules/DialogContentPolicy/DialogCancellationList';
+import { PaxCount } from '@/src/components/molecules/PaxChips/PaxChips';
+import React from 'react';
+import './CancelBooking.css';
+export interface CancelBookingProps {
+    bookingNo: string;
+    pax: PaxCount;
+    bookingDetails: {
+        number: string;
+        agency: string;
+        client: string;
+    };
+    cancellationPolicies: CancellationPolicyItem[];
+    onSubmit: () => void;
+}
+export declare const CancelBooking: React.FC<CancelBookingProps>;

package/dist/components/organisms/DialogCancelService/CancelBooking/CancelBooking.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '../../../atoms/Button/Button';
+import CardServiceAccom from '../../../atoms/CardServiceAccom/CardServiceAccom';
+import Checkbox from '../../../atoms/Checkbox/Checkbox';
+import { Heading, Text } from '../../../atoms/Typography/Typography';
+import { CancellationsList, } from '../../../molecules/DialogContentPolicy/DialogCancellationList';
+import { PaxChips } from '../../../molecules/PaxChips/PaxChips';
+import { useState } from 'react';
+import './CancelBooking.css';
+export var CancelBooking = function (props) {
+    var bookingNo = props.bookingNo, cancellationPolicies = props.cancellationPolicies, pax = props.pax, bookingDetails = props.bookingDetails, onSubmit = props.onSubmit;
+    var _a = useState(false), accepted = _a[0], setAccepted = _a[1];
+    var bookingDetailsList = [
+        {
+            label: 'Booking no. :',
+            value: bookingDetails.number,
+        },
+        {
+            label: 'Agency :',
+            value: bookingDetails.agency,
+        },
+        {
+            label: 'Client type :',
+            value: bookingDetails.client,
+        },
+    ];
+    return (_jsxs("div", { className: "cancel-booking", children: [_jsx(Text, { children: "This action is irreversible, and you won\u2019t be able to undo it. If you are certain you want to cancel you booking, please confirm below." }), _jsxs("div", { className: "cancel-booking__header", children: [_jsxs("div", { className: "cancel-booking__header-info", children: [_jsxs(Heading, { level: 6, as: "h3", color: "brand", children: ["Booking \u00B0", bookingNo] }), _jsx(Text, { children: "Booking cancellation" }), _jsx(PaxChips, { pax: pax })] }), _jsxs(CardServiceAccom, { className: "space-y-4", children: [_jsx(Text, { color: "accent", variant: "bold", children: "Documents details" }), _jsx("div", { className: "space-y-2", children: bookingDetailsList.map(function (detail) { return (_jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", as: "span", children: detail.label }), _jsx(Text, { size: "sm", leading: "4", as: "span", children: detail.value })] }, detail.label)); }) })] })] }), _jsx("div", { className: "cancel-booking__cancellations", children: _jsx(CancellationsList, { cancellations: cancellationPolicies }) }), _jsxs("div", { className: "cancel-booking__footer", children: [_jsx("div", { className: "flex gap-x-2.5 items-center", children: _jsx(Checkbox, { checked: accepted, onChange: setAccepted, label: "I've read and accept the cancellation policy.", labelPosition: "leading" }) }), _jsx(Button, { className: "w-[250px]", variant: "secondary", disabled: !accepted, onClick: onSubmit, children: "Confirm cancellation" })] })] }));
+};

package/dist/components/organisms/{CancelService → DialogCancelService}/CancelPolicy.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { CancellationItem } from '../../molecules/DialogContentPolicy/DialogCancellationList';
+import { CancellationPolicyItem } from '../../molecules/DialogContentPolicy/DialogCancellationList';
 export interface CancelPolicyProps {
     /**
      * The cancellations to display.
      */
-    cancellations: CancellationItem[];
+    cancellations: CancellationPolicyItem[];
     /**
      * Whether the policy is transgressed.
      */

package/dist/components/organisms/DialogCancelService/CancelPolicy.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '../../atoms/Button/Button';
+import { Text } from '../../atoms/Typography/Typography';
+import { CancellationsList, } from '../../molecules/DialogContentPolicy/DialogCancellationList';
+export var CancelPolicy = function (props) {
+    var cancellations = props.cancellations, isPolicyTransgressed = props.isPolicyTransgressed, isProcessing = props.isProcessing, onProceedToPayment = props.onProceedToPayment;
+    return (_jsxs("div", { children: [isPolicyTransgressed && (_jsx(Text, { color: "state-error", children: "It appears that removing this item violates one or more cancellation policies. Please settle the cancellation fee if you wish to proceed with this item\u2019s cancellation." })), _jsx("div", { className: "max-h-[400px] overflow-y-auto -mr-5 pr-2.5", children: _jsx(CancellationsList, { cancellations: cancellations }) }), _jsx("div", { className: "flex justify-end mt-9", children: _jsx(Button, { variant: "secondary", size: "sm", className: "w-[250px]", disabled: isProcessing, onClick: onProceedToPayment, children: "Proceed to payment" }) })] }));
+};

package/dist/components/organisms/DialogCancelService/ConfirmDelete/ConfirmDelete.js

@@ -0,0 +1,24 @@
+var _a, _b;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '../../../atoms/Button/Button';
+import FromTo from '../../../molecules/FromTo/FromTo';
+import TextWithIcon from '../../../molecules/TextWithIcon/TextWithIcon';
+import { ServiceType } from '../../../../types/table/index';
+import { Text } from '../../../atoms/Typography/Typography';
+import './ConfirmDelete.css';
+var mappedServiceIcon = (_a = {},
+    _a[ServiceType.ACCOMMODATION] = 'accom',
+    _a[ServiceType.EXCURSION] = 'map',
+    _a[ServiceType.TRANSFER] = 'car',
+    _a[ServiceType.OTHER_SERVICE] = 'wallet',
+    _a);
+var mappedServiceName = (_b = {},
+    _b[ServiceType.ACCOMMODATION] = 'Accommodation',
+    _b[ServiceType.EXCURSION] = 'Excursion',
+    _b[ServiceType.TRANSFER] = 'Transfer',
+    _b[ServiceType.OTHER_SERVICE] = 'Other Service',
+    _b);
+export var ConfirmDelete = function (props) {
+    var serviceType = props.serviceType, serviceName = props.serviceName, transferData = props.transferData, onCancel = props.onCancel, onDelete = props.onDelete;
+    return (_jsxs("div", { className: "confirm-delete", children: [_jsxs("div", { className: "space-y-6", children: [_jsx(Text, { size: "sm", children: "Are you sure you want to delete this service:" }), _jsxs("div", { className: "confirm-delete__service", children: [_jsx(TextWithIcon, { icon: mappedServiceIcon[serviceType], textSize: "sm", color: "accent", textVariant: "bold", children: mappedServiceName[serviceType] }), _jsx(Text, { size: "sm", variant: "bold", children: serviceName }), serviceType === ServiceType.TRANSFER && transferData && (_jsx(FromTo, { from: transferData.from, to: transferData.to }))] })] }), _jsxs("div", { className: "confirm-delete__actions", children: [_jsx(Button, { variant: "outline-secondary", onClick: onCancel, size: "sm", children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: onDelete, size: "sm", children: "Delete" })] })] }));
+};

package/dist/components/organisms/{CancelService/CancelService.d.ts → DialogCancelService/DialogCancelService.d.ts}

@@ -1,14 +1,15 @@
 import React from 'react';
-export interface CancelServiceProps {
+export interface DialogCancelServiceProps {
     open: boolean;
     children?: React.ReactNode;
     title?: string;
     className?: string;
     setOpen: (open: boolean) => void;
 }
-export declare const CancelService: {
-    (props: CancelServiceProps): import("react/jsx-runtime").JSX.Element;
+export declare const DialogCancelService: {
+    (props: DialogCancelServiceProps): import("react/jsx-runtime").JSX.Element;
     FromList: <T extends import("../Table").TableRowData<T> = import("../../..").DetailResumeItem>(props: import("./FromList").FromListProps<T>) => import("react/jsx-runtime").JSX.Element;
     Confirm: React.FC<import("./ConfirmDelete/ConfirmDelete").ConfirmDeleteProps>;
     CancelPolicy: React.FC<import("./CancelPolicy").CancelPolicyProps>;
+    Booking: React.FC<import("./CancelBooking/CancelBooking").CancelBookingProps>;
 };

package/dist/components/organisms/DialogCancelService/DialogCancelService.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DialogBookingConfirm } from '../DialogBookingConfirm';
+import { CancelBooking } from './CancelBooking/CancelBooking';
+import { CancelPolicy } from './CancelPolicy';
+import { ConfirmDelete } from './ConfirmDelete/ConfirmDelete';
+import { FromList } from './FromList';
+export var DialogCancelService = function (props) {
+    var open = props.open, children = props.children, title = props.title, className = props.className, setOpen = props.setOpen;
+    return (_jsx(DialogBookingConfirm, { title: title, open: open, setOpen: setOpen, className: className, children: children }));
+};
+DialogCancelService.FromList = FromList;
+DialogCancelService.Confirm = ConfirmDelete;
+DialogCancelService.CancelPolicy = CancelPolicy;
+DialogCancelService.Booking = CancelBooking;

package/dist/components/organisms/DialogCancelService/FromList.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '../../atoms/Button/Button';
+import { Table } from '../Table';
+import { columns as defaultColumns } from '../Table/columns';
+export var FromList = function (props) {
+    var data = props.data, columns = props.columns, totalRows = props.totalRows, onRemove = props.onRemove, onCancel = props.onCancel, onSaveAndUpdate = props.onSaveAndUpdate;
+    // When using default columns, we need to ensure T is compatible with DetailResumeItem
+    var defaultColumnsResult = columns
+        ? columns
+        : defaultColumns.bookingCancelService({
+            onRemove: onRemove
+                ? function (value, index, childIndex) {
+                    onRemove(value, index, childIndex);
+                }
+                : undefined,
+        });
+    return (_jsxs("div", { className: "pb-20", children: [_jsx(Table, { columns: defaultColumnsResult, data: data, totalRows: totalRows, isGrouped: true }), _jsxs("div", { className: "flex justify-end gap-x-4 [&>*]:w-[250px] absolute bottom-0 right-2 left-0 p-6 bg-white", children: [_jsx(Button, { variant: "outline-secondary", size: "sm", onClick: onCancel, children: "Cancel" }), _jsx(Button, { variant: "secondary", size: "sm", onClick: onSaveAndUpdate, children: "Save and update" })] })] }));
+};

package/dist/components/organisms/DialogCancelService/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DialogCancelService';
+export type { CancelBookingProps } from './CancelBooking/CancelBooking';
+export type { CancelPolicyProps } from './CancelPolicy';
+export type { ConfirmDeleteProps } from './ConfirmDelete/ConfirmDelete';
+export type { FromListProps } from './FromList';

package/dist/components/organisms/DialogCancelService/index.js

@@ -0,0 +1 @@
+export * from './DialogCancelService';