kupos-ui-components-lib 1.0.0

package/dist/components/InternationalServicePopupBody.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const InternationalServicePopupBody: React.FC;
+export default InternationalServicePopupBody;

package/dist/components/InternationalServicePopupBody.js

@@ -0,0 +1,21 @@
+import React from "react";
+const InternationalServicePopupBody = () => {
+    return (React.createElement("div", { className: "text-base p-2 space-y-6 text-justify" },
+        React.createElement("div", null,
+            React.createElement("p", { className: "bold-text text-lg mb-3" }, "Si viajas desde Argentina a Chile, debes contar con:"),
+            React.createElement("div", { className: "pl-6 mb-3 relative" },
+                React.createElement("span", { className: "inline-block  h-[7px] w-[7px] rounded-full bg-black justify-center items-center mb-[2px] mr-[5px]" }),
+                "Documento de identidad original, vigente y en buen estado.")),
+        React.createElement("div", { className: "leading-[1.3]" },
+            React.createElement("div", { className: "font-semibold text-lg mb-3" }, "Si viajas desde Chile a Argentina, debes contar con:"),
+            React.createElement("div", { className: "pl-6  relative" },
+                React.createElement("span", { className: "inline-block h-[7px] w-[7px] rounded-full bg-black justify-center items-center mb-[2px] mr-[5px]" }),
+                "Documento de identidad original, vigente y en buen estado."),
+            React.createElement("div", { className: "pl-6  relative" },
+                React.createElement("span", { className: "inline-block h-[7px] w-[7px] rounded-full bg-black justify-center items-center mb-[2px] mr-[5px]" }),
+                "Menores de edad: si viajan con ambos padres certificado de nacimiento y documento de identidad vigente. Si va con un solo padre o tutor, debe portar un permiso con autorizaci\u00F3n de viaje."),
+            React.createElement("div", { className: "pl-6 relative" },
+                React.createElement("span", { className: "inline-block h-[7px] w-[7px] rounded-full bg-black justify-center items-center mb-[2px] mr-[5px]" }),
+                "En caso de viajar con carnet de identidad el chip debe estar funcional."))));
+};
+export default InternationalServicePopupBody;

package/dist/components/PaymentSideBar/PaymentSideBarDesktop.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { PaymentSideBarProps } from "./types";
+declare const PaymentSideBarDesktop: React.FC<PaymentSideBarProps>;
+export default PaymentSideBarDesktop;

package/dist/components/PaymentSideBar/PaymentSideBarDesktop.js

@@ -0,0 +1,107 @@
+import React from "react";
+const PaymentSideBarDesktop = (props) => {
+    const { amount = 0, currency = "$", paymentMethods = [], customerDetails, onPaymentComplete, onPaymentError, colors = {}, showSummary = true, orderDetails, } = props;
+    const handlePayment = () => {
+        try {
+            // Payment processing logic would go here
+            onPaymentComplete && onPaymentComplete("payment-123");
+        }
+        catch (error) {
+            onPaymentError && onPaymentError(error);
+        }
+    };
+    return (React.createElement("div", { className: "payment-sidebar-desktop", style: {
+            backgroundColor: colors.backgroundColor || "#ffffff",
+            color: colors.textColor || "#333333",
+            padding: "20px",
+            borderRadius: "8px",
+            boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
+            maxWidth: "400px",
+        } },
+        React.createElement("h2", { style: { marginBottom: "20px", color: colors.primaryColor || "#333" } }, "Payment Details"),
+        showSummary && orderDetails && (React.createElement("div", { className: "order-summary", style: { marginBottom: "20px" } },
+            React.createElement("h3", { style: { marginBottom: "10px" } }, "Order Summary"),
+            orderDetails.items.map((item, index) => (React.createElement("div", { key: index, style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    marginBottom: "8px",
+                } },
+                React.createElement("span", null,
+                    item.name,
+                    " x ",
+                    item.quantity),
+                React.createElement("span", null,
+                    currency,
+                    item.price.toFixed(2))))),
+            React.createElement("div", { style: {
+                    borderTop: "1px solid #eee",
+                    paddingTop: "10px",
+                    marginTop: "10px",
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        marginBottom: "5px",
+                    } },
+                    React.createElement("span", null, "Subtotal"),
+                    React.createElement("span", null,
+                        currency,
+                        orderDetails.subtotal.toFixed(2))),
+                orderDetails.tax !== undefined && (React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        marginBottom: "5px",
+                    } },
+                    React.createElement("span", null, "Tax"),
+                    React.createElement("span", null,
+                        currency,
+                        orderDetails.tax.toFixed(2)))),
+                orderDetails.discount !== undefined && (React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        marginBottom: "5px",
+                    } },
+                    React.createElement("span", null, "Discount"),
+                    React.createElement("span", null,
+                        "-",
+                        currency,
+                        orderDetails.discount.toFixed(2)))),
+                React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        fontWeight: "bold",
+                        marginTop: "10px",
+                    } },
+                    React.createElement("span", null, "Total"),
+                    React.createElement("span", null,
+                        currency,
+                        orderDetails.total.toFixed(2)))))),
+        React.createElement("div", { className: "payment-methods", style: { marginBottom: "20px" } },
+            React.createElement("h3", { style: { marginBottom: "10px" } }, "Payment Methods"),
+            paymentMethods.length > 0 ? (paymentMethods.map((method) => (React.createElement("div", { key: method.id, style: {
+                    display: "flex",
+                    alignItems: "center",
+                    padding: "10px",
+                    marginBottom: "8px",
+                    border: `1px solid ${method.isSelected ? colors.primaryColor || "#007bff" : "#ddd"}`,
+                    borderRadius: "4px",
+                    cursor: "pointer",
+                    backgroundColor: method.isSelected ? "#f8f9fa" : "transparent",
+                } },
+                method.icon && (React.createElement("img", { src: method.icon, alt: method.name, style: { width: "24px", height: "24px", marginRight: "10px" } })),
+                React.createElement("span", null, method.name))))) : (React.createElement("p", null, "No payment methods available"))),
+        React.createElement("button", { onClick: handlePayment, style: {
+                backgroundColor: colors.buttonColor || "#007bff",
+                color: colors.buttonTextColor || "#ffffff",
+                padding: "12px 20px",
+                border: "none",
+                borderRadius: "4px",
+                fontSize: "16px",
+                cursor: "pointer",
+                width: "100%",
+            } },
+            "Pay ",
+            currency,
+            amount.toFixed(2))));
+};
+export default PaymentSideBarDesktop;

package/dist/components/PaymentSideBar/PaymentSideBarMobile.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { PaymentSideBarProps } from "./types";
+declare const PaymentSideBarMobile: React.FC<PaymentSideBarProps>;
+export default PaymentSideBarMobile;

package/dist/components/PaymentSideBar/PaymentSideBarMobile.js

@@ -0,0 +1,115 @@
+import React from "react";
+const PaymentSideBarMobile = (props) => {
+    const { amount = 0, currency = "$", paymentMethods = [], customerDetails, onPaymentComplete, onPaymentError, colors = {}, showSummary = true, orderDetails, } = props;
+    const handlePayment = () => {
+        try {
+            // Payment processing logic would go here
+            onPaymentComplete && onPaymentComplete("payment-123");
+        }
+        catch (error) {
+            onPaymentError && onPaymentError(error);
+        }
+    };
+    return (React.createElement("div", { className: "payment-sidebar-mobile", style: {
+            backgroundColor: colors.backgroundColor || "#ffffff",
+            color: colors.textColor || "#333333",
+            padding: "15px",
+            borderRadius: "8px",
+            boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
+            width: "100%",
+            maxWidth: "100%",
+        } },
+        React.createElement("h2", { style: {
+                marginBottom: "15px",
+                color: colors.primaryColor || "#333",
+                fontSize: "18px"
+            } }, "Payment Details"),
+        showSummary && orderDetails && (React.createElement("div", { className: "order-summary", style: { marginBottom: "15px" } },
+            React.createElement("h3", { style: { marginBottom: "8px", fontSize: "16px" } }, "Order Summary"),
+            React.createElement("div", { style: { maxHeight: "150px", overflowY: "auto" } }, orderDetails.items.map((item, index) => (React.createElement("div", { key: index, style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    marginBottom: "6px",
+                    fontSize: "14px"
+                } },
+                React.createElement("span", null,
+                    item.name,
+                    " x ",
+                    item.quantity),
+                React.createElement("span", null,
+                    currency,
+                    item.price.toFixed(2)))))),
+            React.createElement("div", { style: {
+                    borderTop: "1px solid #eee",
+                    paddingTop: "8px",
+                    marginTop: "8px",
+                    fontSize: "14px"
+                } },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        marginBottom: "4px",
+                    } },
+                    React.createElement("span", null, "Subtotal"),
+                    React.createElement("span", null,
+                        currency,
+                        orderDetails.subtotal.toFixed(2))),
+                orderDetails.tax !== undefined && (React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        marginBottom: "4px",
+                    } },
+                    React.createElement("span", null, "Tax"),
+                    React.createElement("span", null,
+                        currency,
+                        orderDetails.tax.toFixed(2)))),
+                orderDetails.discount !== undefined && (React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        marginBottom: "4px",
+                    } },
+                    React.createElement("span", null, "Discount"),
+                    React.createElement("span", null,
+                        "-",
+                        currency,
+                        orderDetails.discount.toFixed(2)))),
+                React.createElement("div", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        fontWeight: "bold",
+                        marginTop: "8px",
+                        fontSize: "16px"
+                    } },
+                    React.createElement("span", null, "Total"),
+                    React.createElement("span", null,
+                        currency,
+                        orderDetails.total.toFixed(2)))))),
+        React.createElement("div", { className: "payment-methods", style: { marginBottom: "15px" } },
+            React.createElement("h3", { style: { marginBottom: "8px", fontSize: "16px" } }, "Payment Methods"),
+            React.createElement("div", { style: { maxHeight: "150px", overflowY: "auto" } }, paymentMethods.length > 0 ? (paymentMethods.map((method) => (React.createElement("div", { key: method.id, style: {
+                    display: "flex",
+                    alignItems: "center",
+                    padding: "8px",
+                    marginBottom: "6px",
+                    border: `1px solid ${method.isSelected ? colors.primaryColor || "#007bff" : "#ddd"}`,
+                    borderRadius: "4px",
+                    cursor: "pointer",
+                    backgroundColor: method.isSelected ? "#f8f9fa" : "transparent",
+                } },
+                method.icon && (React.createElement("img", { src: method.icon, alt: method.name, style: { width: "20px", height: "20px", marginRight: "8px" } })),
+                React.createElement("span", { style: { fontSize: "14px" } }, method.name))))) : (React.createElement("p", { style: { fontSize: "14px" } }, "No payment methods available")))),
+        React.createElement("button", { onClick: handlePayment, style: {
+                backgroundColor: colors.buttonColor || "#007bff",
+                color: colors.buttonTextColor || "#ffffff",
+                padding: "10px 16px",
+                border: "none",
+                borderRadius: "4px",
+                fontSize: "16px",
+                cursor: "pointer",
+                width: "100%",
+            } },
+            "Pay ",
+            currency,
+            amount.toFixed(2))));
+};
+export default PaymentSideBarMobile;

package/dist/components/PaymentSideBar/ResponsivePaymentSideBar.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { PaymentSideBarProps } from "./types";
+export default function ResponsivePaymentSideBar(props: PaymentSideBarProps): React.JSX.Element;

package/dist/components/PaymentSideBar/ResponsivePaymentSideBar.js

@@ -0,0 +1,10 @@
+import React from "react";
+import PaymentSideBarDesktop from "./PaymentSideBarDesktop";
+import PaymentSideBarMobile from "./PaymentSideBarMobile";
+export default function ResponsivePaymentSideBar(props) {
+    const { variant } = props;
+    if (variant === "mobile") {
+        return React.createElement(PaymentSideBarMobile, Object.assign({}, props));
+    }
+    return React.createElement(PaymentSideBarDesktop, Object.assign({}, props));
+}

package/dist/components/PaymentSideBar/index.d.ts

@@ -0,0 +1,5 @@
+import PaymentSideBarDesktop from "./PaymentSideBarDesktop";
+import PaymentSideBarMobile from "./PaymentSideBarMobile";
+import ResponsivePaymentSideBar from "./ResponsivePaymentSideBar";
+export { PaymentSideBarDesktop, PaymentSideBarMobile, ResponsivePaymentSideBar };
+export type { PaymentSideBarProps } from "./types";

package/dist/components/PaymentSideBar/index.js

@@ -0,0 +1,4 @@
+import PaymentSideBarDesktop from "./PaymentSideBarDesktop";
+import PaymentSideBarMobile from "./PaymentSideBarMobile";
+import ResponsivePaymentSideBar from "./ResponsivePaymentSideBar";
+export { PaymentSideBarDesktop, PaymentSideBarMobile, ResponsivePaymentSideBar };

package/dist/components/PaymentSideBar/types.d.ts

@@ -0,0 +1,38 @@
+export interface PaymentSideBarProps {
+    variant?: "mobile" | "desktop";
+    amount?: number;
+    currency?: string;
+    paymentMethods?: Array<{
+        id: string;
+        name: string;
+        icon?: string;
+        isSelected?: boolean;
+    }>;
+    customerDetails?: {
+        name?: string;
+        email?: string;
+        phone?: string;
+    };
+    onPaymentComplete?: (paymentId: string) => void;
+    onPaymentError?: (error: any) => void;
+    colors?: {
+        primaryColor?: string;
+        secondaryColor?: string;
+        backgroundColor?: string;
+        textColor?: string;
+        buttonColor?: string;
+        buttonTextColor?: string;
+    };
+    showSummary?: boolean;
+    orderDetails?: {
+        items: Array<{
+            name: string;
+            quantity: number;
+            price: number;
+        }>;
+        subtotal: number;
+        tax?: number;
+        discount?: number;
+        total: number;
+    };
+}

package/dist/components/PaymentSideBar/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ServiceItem/ResponsiveServiceItem.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ServiceItemProps } from "./types";
+export default function ResponsiveServiceItem(props: ServiceItemProps): React.JSX.Element;

package/dist/components/ServiceItem/ResponsiveServiceItem.js

@@ -0,0 +1,10 @@
+import React from "react";
+import ServiceItemDesktop from "../ServiceItem/ServiceItemDesktop";
+import ServiceItemMobile from "../ServiceItem/ServiceItemMobile";
+export default function ResponsiveServiceItem(props) {
+    const { variant } = props;
+    if (variant === "mobile") {
+        return React.createElement(ServiceItemMobile, Object.assign({}, props));
+    }
+    return React.createElement(ServiceItemDesktop, Object.assign({}, props));
+}

package/dist/components/ServiceItem/ServiceItemDesktop.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ServiceItemProps } from "./types";
+declare function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, t, }: ServiceItemProps): React.ReactElement;
+export default ServiceItemPB;