mautourco-components 0.2.28 → 0.2.30

package/dist/components/molecules/TransferDocket/TransferDocket.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import Button from '../../atoms/Button/Button';
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
@@ -18,7 +19,7 @@ import { PriceDisplay } from '../PriceDisplay/PriceDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
 import '../../../styles/components/molecule/transfer-docket.css';
 export var TransferDocket = function (_a) {
-    var data = _a.data;
+    var data = _a.data, _b = _a.removeMode, removeMode = _b === void 0 ? false : _b, onRemove = _a.onRemove;
     var TransferDate = data.TransferDate, Currency = data.Currency, TotalPrice = data.TotalPrice, LocationFromName = data.LocationFromName, LocationToName = data.LocationToName, AdultCount = data.AdultCount, ChildCount = data.ChildCount, TeenCount = data.TeenCount, InfantCount = data.InfantCount, VehicleTypeName = data.VehicleTypeName, paxAge = data.paxAge;
     var formatChildrenInfo = function () {
         var totalChildren = (ChildCount || 0) + (TeenCount || 0);
@@ -54,6 +55,6 @@ export var TransferDocket = function (_a) {
         }
         return (_jsx("div", __assign({ className: "transfer-docket__children" }, { children: childGroups.map(function (group, index) { return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "transfer-docket__divider-vertical" }), _jsxs("span", __assign({ className: "transfer-docket__child-info" }, { children: [_jsxs(Text, __assign({ size: "sm", variant: "medium", color: "default" }, { children: [group.count, " Child", group.count > 1 ? 'ren' : ''] })), group.age > 0 ? (_jsxs(Text, __assign({ size: "sm", variant: "medium", className: "transfer-docket__child-age" }, { children: [' ', "(", group.age, " y.o)"] }))) : null] }))] }, "child-".concat(index))); }) })));
     };
-    return (_jsxs("div", __assign({ className: "transfer-docket" }, { children: [_jsxs("div", __assign({ className: "transfer-docket__header" }, { children: [_jsxs("div", __assign({ className: "transfer-docket__title-section" }, { children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, __assign({ variant: "bold", size: "sm", color: "accent" }, { children: "Transfer" }))] })), TotalPrice && Currency && (_jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] })), _jsxs("div", __assign({ className: "transfer-docket__details" }, { children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", __assign({ className: "transfer-docket__transfer-point" }, { children: [_jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: LocationFromName || 'From' })), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: LocationToName || 'To' }))] }))), _jsxs("div", __assign({ className: "transfer-docket__guests" }, { children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", color: "subtle" }, { children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] }))), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (_jsxs("div", __assign({ className: "transfer-docket__children-wrapper" }, { children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] }))) : null] })), VehicleTypeName && (_jsx(TextWithIcon, __assign({ icon: "car", textSize: "sm", color: "subtle", textLeading: "none" }, { children: VehicleTypeName })))] }))] })));
+    return (_jsxs("div", __assign({ className: "transfer-docket" }, { children: [_jsxs("div", __assign({ className: "transfer-docket__header" }, { children: [_jsxs("div", __assign({ className: "transfer-docket__title-section" }, { children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, __assign({ variant: "bold", size: "sm", color: "accent" }, { children: "Transfer" }))] })), removeMode ? (_jsx(Button, __assign({ variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "transfer-docket__remove-button" }, { children: "Remove" }))) : (TotalPrice && Currency && _jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] })), _jsxs("div", __assign({ className: "transfer-docket__details" }, { children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", __assign({ className: "transfer-docket__transfer-point" }, { children: [_jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: LocationFromName || 'From' })), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: LocationToName || 'To' }))] }))), _jsxs("div", __assign({ className: "transfer-docket__guests" }, { children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", color: "subtle" }, { children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] }))), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (_jsxs("div", __assign({ className: "transfer-docket__children-wrapper" }, { children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] }))) : null] })), VehicleTypeName && (_jsx(TextWithIcon, __assign({ icon: "car", textSize: "sm", color: "subtle", textLeading: "none" }, { children: VehicleTypeName })))] }))] })));
 };
 export default TransferDocket;

package/dist/components/organisms/CancelService/CancelPolicy.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { CancellationItem } from '../../molecules/DialogContentPolicy/DialogCancellationList';
+export interface CancelPolicyProps {
+    /**
+     * The cancellations to display.
+     */
+    cancellations: CancellationItem[];
+    /**
+     * Whether the policy is transgressed.
+     */
+    isPolicyTransgressed?: boolean;
+    /**
+     * The cancellation fee.
+     */
+    cancellationFee?: number;
+    /**
+     * The currency of the cancellation fee.
+     */
+    currency?: string;
+    /**
+     * Whether the policy is being processed.
+     */
+    isProcessing?: boolean;
+    /**
+     * The callback function to call when the proceed to payment button is clicked.
+     */
+    onProceedToPayment?: () => void;
+}
+export declare const CancelPolicy: React.FC<CancelPolicyProps>;

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

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from '../../atoms/Button/Button';
+import { Text } from '../../atoms/Typography/Typography';
+import { DialogCancellations, } 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, __assign({ 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", __assign({ className: "max-h-[400px] overflow-y-auto -mr-5 pr-2.5" }, { children: _jsx(DialogCancellations, { cancellations: cancellations }) })), _jsx("div", __assign({ className: "flex justify-end mt-9" }, { children: _jsx(Button, __assign({ variant: "secondary", size: "sm", className: "w-[250px]", disabled: isProcessing, onClick: onProceedToPayment }, { children: "Proceed to payment" })) }))] }));
+};

package/dist/components/organisms/CancelService/CancelService.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface CancelServiceProps {
+    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;
+    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>;
+};

package/dist/components/organisms/CancelService/CancelService.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DialogBookingConfirm } from '../DialogBookingConfirm';
+import { CancelPolicy } from './CancelPolicy';
+import { ConfirmDelete } from './ConfirmDelete/ConfirmDelete';
+import { FromList } from './FromList';
+export var CancelService = function (props) {
+    var open = props.open, children = props.children, title = props.title, className = props.className, setOpen = props.setOpen;
+    return (_jsx(DialogBookingConfirm, __assign({ title: title, open: open, setOpen: setOpen, className: className }, { children: children })));
+};
+CancelService.FromList = FromList;
+CancelService.Confirm = ConfirmDelete;
+CancelService.CancelPolicy = CancelPolicy;