phx-react 1.3.1837 → 1.3.1839

package/dist/cjs/components/Modal/Modal.d.ts

@@ -45,4 +45,4 @@ export interface ModalProps {
     headerClassName?: string;
     theme?: 'WHITE' | 'GRAY';
 }
-export declare const PHXModal: ({ show, title, className, primaryActionText, secondaryActionText, dangerActionText, children, primaryLoading, size, dangerLoading, footerBulkAction, downloadLinkRef, downloadText, primarySubmit, dangerSubmit, hiddenSubmit, hrefLink, isCancel, closeButton, isHeaderDownload, noOverlay, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onCancel, onHeaderAction, type, customWidth, inCard, disableCloseButton, leftActionText, disableLeftAction, loadingLeftAction, onLeftActionText, disableSubmit, dowloadIcon, hiddenCloseButton, disableOutsideClick, customFooter, customHeight, headerClassName, theme, }: ModalProps) => React.JSX.Element;
+export declare const PHXModal: ({ children, className, closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton, disableLeftAction, disableOutsideClick, disableSubmit, dowloadIcon, downloadLinkRef, downloadText, footerBulkAction, headerClassName, headerContent, hiddenCloseButton, hiddenSubmit, hrefLink, inCard, isCancel, isHeaderDownload, leftActionText, loadingLeftAction, noOverlay, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText, primaryLoading, primarySubmit, secondaryActionText, show, size, theme, title, type, }: ModalProps) => React.JSX.Element;

package/dist/cjs/components/Modal/Modal.js

@@ -15,7 +15,10 @@ var MODAL_THEME;
     MODAL_THEME["WHITE"] = "WHITE";
     MODAL_THEME["GRAY"] = "GRAY";
 })(MODAL_THEME || (MODAL_THEME = {}));
-const PHXModal = ({ show, title, className, primaryActionText = 'Xác nhận', secondaryActionText = 'Đóng', dangerActionText, children, primaryLoading, size = 'small', dangerLoading, footerBulkAction, downloadLinkRef, downloadText, primarySubmit, dangerSubmit, hiddenSubmit, hrefLink, isCancel = false, closeButton, isHeaderDownload, noOverlay = false, headerContent, onHide, onSubmit, onPrimaryClick, onDangerClick, onCancel, onHeaderAction, type = 'default', customWidth, inCard = true, disableCloseButton = false, leftActionText, disableLeftAction = false, loadingLeftAction = false, onLeftActionText, disableSubmit = false, dowloadIcon = false, hiddenCloseButton = false, disableOutsideClick, customFooter, customHeight, headerClassName = '', theme = MODAL_THEME.WHITE, }) => {
+const PHXModal = ({ children, className, 
+// @ts-ignore
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton = false, disableLeftAction = false, disableOutsideClick, disableSubmit = false, dowloadIcon = false, downloadLinkRef, downloadText, footerBulkAction, headerClassName = '', headerContent, hiddenCloseButton = false, hiddenSubmit, hrefLink, inCard = true, isCancel = false, isHeaderDownload, leftActionText, loadingLeftAction = false, noOverlay = false, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText = 'Xác nhận', primaryLoading, primarySubmit, secondaryActionText = 'Đóng', show, size = 'small', theme = MODAL_THEME.WHITE, title, type = 'default', }) => {
     const [open, setOpen] = (0, react_1.useState)(false);
     const headerText = headerContent ? headerContent : '';
     const sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg', size === 'medium' && 'sm:max-w-xl', size === 'large' && 'sm:max-w-2xl', size === 'large-plus' && 'sm:max-w-2xl lg:max-w-4xl', size === 'extra-large' && 'w-[90vw] max-w-[95vw] sm:max-w-3xl md:max-w-4xl lg:max-w-5xl xl:max-w-7xl');
@@ -44,7 +47,16 @@ const PHXModal = ({ show, title, className, primaryActionText = 'Xác nhận', s
             onHide();
         }
     };
-    const Card = () => (react_1.default.createElement(Card_1.PHXCard, { footerBulkAction: footerBulkAction, dowloadIcon: dowloadIcon, primaryHeader: true, title: title, headerAction: { content: closeButton ? 'close' : headerText, onClick: handleClickCloseAction }, secondaryFooterActions: !hiddenCloseButton ? [{ content: secondaryActionText, onClick: onClose }] : undefined, type: 'modal', downloadLinkRef: downloadLinkRef, downloadText: downloadText, fullSize: type === 'no-padding', hrefLink: hrefLink, primaryFooterAction: !hiddenSubmit
+    const Card = () => (react_1.default.createElement(Card_1.PHXCard, { dangerFooterAction: {
+            content: dangerActionText,
+            loading: dangerLoading,
+            onClick: onDangerClick,
+            submit: dangerSubmit,
+            disabled: disableSubmit,
+        }, dowloadIcon: dowloadIcon, downloadLinkRef: downloadLinkRef, downloadText: downloadText, footerBulkAction: footerBulkAction, fullSize: type === 'no-padding', headerAction: {
+            content: headerText || 'close',
+            onClick: handleClickCloseAction,
+        }, hrefLink: hrefLink, isHeaderDownload: isHeaderDownload, primaryFooterAction: !hiddenSubmit
             ? {
                 content: primaryActionText,
                 loading: primaryLoading,
@@ -52,14 +64,26 @@ const PHXModal = ({ show, title, className, primaryActionText = 'Xác nhận', s
                 submit: primarySubmit,
                 disabled: disableSubmit,
             }
-            : {}, dangerFooterAction: {
-            content: dangerActionText,
-            loading: dangerLoading,
-            onClick: onDangerClick,
-            submit: dangerSubmit,
-            disabled: disableSubmit,
-        }, isHeaderDownload: isHeaderDownload },
+            : {}, primaryHeader: true, secondaryFooterActions: !hiddenCloseButton ? [{ content: secondaryActionText, onClick: onClose }] : undefined, title: title, type: 'modal' },
         react_1.default.createElement("div", { className: type !== 'no-padding' ? '-mt-1' : '' }, children)));
+    (0, react_1.useEffect)(() => {
+        /**
+         * Handles the Escape key press to close the modal.
+         * Prevents closing when the close button is disabled.
+         *
+         * @param event - The keyboard event triggered by the user.
+         */
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape' && !disableCloseButton) {
+                setOpen(false);
+                onHide === null || onHide === void 0 ? void 0 : onHide();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [disableCloseButton, show]);
     return (react_1.default.createElement(react_2.Transition.Root, { as: react_1.Fragment, show: open },
         react_1.default.createElement(react_2.Dialog, { as: 'div', className: 'relative z-50', onClose: () => {
                 // Chỉ tắt modal này
@@ -70,29 +94,39 @@ const PHXModal = ({ show, title, className, primaryActionText = 'Xác nhận', s
                 onHide === null || onHide === void 0 ? void 0 : onHide();
             }, static: true },
             !noOverlay && (react_1.default.createElement(react_2.Transition.Child, { as: react_1.Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10' },
-                react_1.default.createElement("div", { className: 'fixed inset-0 z-40 transition-opacity bg-gray-500 bg-opacity-75' }))),
+                react_1.default.createElement("div", { className: 'fixed inset-0 z-40 bg-gray-500 bg-opacity-75 transition-opacity' }))),
             react_1.default.createElement("div", { className: `fixed inset-0 z-50 overflow-y-auto ${className || ''}` },
-                react_1.default.createElement("div", { className: 'flex items-center justify-center min-h-full p-4 text-center sm:items-center sm:p-0' },
+                react_1.default.createElement("div", { className: 'flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0' },
                     react_1.default.createElement(react_2.Transition.Child, { as: react_1.Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-100 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10' },
                         react_1.default.createElement("div", { className: (0, types_1.classNames)('min-w-0 flex-1', customWidth ? customWidth : sizeModal) },
                             react_1.default.createElement(react_2.Dialog.Panel, { className: (0, types_1.classNames)('shadow-xl relative transform rounded-lg text-left transition-all sm:my-24 sm:w-full', theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-white') }, inCard ? (primarySubmit || dangerSubmit ? (react_1.default.createElement("form", { onSubmit: onSubmit },
                                 react_1.default.createElement(Card, null))) : (react_1.default.createElement(Card, null))) : (react_1.default.createElement("div", null,
                                 react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between rounded-t-lg border-b border-gray-200  p-4 text-sm font-semibold text-gray-900', headerClassName, theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-[#F3F3F3]') },
                                     react_1.default.createElement("div", { className: 'flex items-center gap-1' },
-                                        isCancel && (react_1.default.createElement("button", { className: 'inline-flex items-center px-2 py-1 text-xs font-bold text-gray-700 bg-transparent rounded-lg hover:bg-gray-200', onClick: onCancel, type: 'button' },
-                                            react_1.default.createElement(solid_1.ArrowLeftIcon, { className: 'w-4 h-4' }))),
-                                        title)),
-                                react_1.default.createElement("div", { style: { maxHeight: customHeight || '100%' }, className: type === 'default' ? 'p-3 text-xs text-gray-500' : '' }, children),
+                                        isCancel && (react_1.default.createElement("button", { className: 'inline-flex items-center rounded-lg bg-transparent px-2 py-1 text-xs font-bold text-gray-700 hover:bg-gray-200', onClick: onCancel, type: 'button' },
+                                            react_1.default.createElement(solid_1.ArrowLeftIcon, { className: 'h-4 w-4' }))),
+                                        title),
+                                    react_1.default.createElement("button", { className: 'grid grid-cols-1 rounded-md p-0.5 text-gray-400 hover:bg-gray-200 hover:text-gray-500', onClick: () => {
+                                            if (disableCloseButton) {
+                                                return;
+                                            }
+                                            setOpen(false);
+                                            onHide === null || onHide === void 0 ? void 0 : onHide();
+                                        }, type: 'button' },
+                                        react_1.default.createElement(react_1.default.Fragment, null,
+                                            react_1.default.createElement("span", { className: 'sr-only' }, "Close"),
+                                            react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
+                                react_1.default.createElement("div", { className: type === 'default' ? 'p-3 text-xs text-gray-500' : '', style: { maxHeight: customHeight || '100%' } }, children),
                                 react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between gap-x-3 rounded-b-lg border-t border-gray-200 ', theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-white') }, customFooter ? (customFooter) : (react_1.default.createElement(react_1.default.Fragment, null,
-                                    react_1.default.createElement("div", { className: 'flex items-center p-4 pl-5 rounded-t-lg gap-x-3' },
+                                    react_1.default.createElement("div", { className: 'flex items-center gap-x-3 rounded-t-lg p-4 pl-5' },
                                         downloadLinkRef && hrefLink && downloadText && (react_1.default.createElement("div", { className: 'group flex items-center gap-x-1' },
                                             dowloadIcon && (react_1.default.createElement(outline_1.ArrowDownTrayIcon, { className: 'h-4 w-4 text-link-500 group-hover:text-link-600 group-active:text-link-600', strokeWidth: 2 })),
-                                            react_1.default.createElement(link_1.default, { as: 'a', ref: downloadLinkRef, href: hrefLink }, downloadText))),
+                                            react_1.default.createElement(link_1.default, { ref: downloadLinkRef, as: 'a', href: hrefLink }, downloadText))),
                                         leftActionText && (react_1.default.createElement("div", { className: 'flex gap-2' },
-                                            react_1.default.createElement(Button_1.PHXButton, { className: 'text-sm !text-link-500 !px-0', disabled: disableLeftAction, onClick: onLeftActionText, plain: true }, leftActionText),
+                                            react_1.default.createElement(Button_1.PHXButton, { className: '!px-0 text-sm !text-link-500', disabled: disableLeftAction, onClick: onLeftActionText, plain: true }, leftActionText),
                                             loadingLeftAction && react_1.default.createElement(Button_1.PHXButton, { disabled: true, loading: true, plain: true, size: 'micro' }))),
                                         footerBulkAction && footerBulkAction.content && (react_1.default.createElement(Button_1.PHXButton, { danger: true, disabled: footerBulkAction.disabled, loading: footerBulkAction.loading, onClick: footerBulkAction.onClick, size: 'micro', submit: !!footerBulkAction.submit }, footerBulkAction.content))),
-                                    react_1.default.createElement("div", { className: 'flex justify-end p-4 rounded-t-lg gap-x-3' },
+                                    react_1.default.createElement("div", { className: 'flex justify-end gap-x-3 rounded-t-lg p-4' },
                                         react_1.default.createElement(Button_1.PHXButton, { disabled: disableCloseButton, onClick: onHide, secondary: true, size: 'micro' }, secondaryActionText),
                                         dangerSubmit && (react_1.default.createElement(Button_1.PHXButton, { danger: true, disabled: disableSubmit, loading: dangerLoading, onClick: onDangerClick, size: 'micro' }, dangerActionText)),
                                         !hiddenSubmit && (react_1.default.createElement(Button_1.PHXButton, { disabled: disableSubmit, loading: primaryLoading, onClick: () => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(), primary: true, size: 'micro' }, primaryActionText))))))))))))))));

package/dist/cjs/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Onboarding/contexts/onboarding-context.d.ts

@@ -0,0 +1,63 @@
+import 'driver.js/dist/driver.css';
+import React from 'react';
+export interface IPHXOnboardingStep {
+    element: string;
+    popover: {
+        title: string;
+        description: string;
+        side?: 'left' | 'right' | 'top' | 'bottom';
+        align?: 'start' | 'center' | 'end';
+    };
+}
+export interface IPHXOnboardingSlideStep {
+    id: number;
+    title?: string;
+    description?: string;
+    content?: string;
+    image: string;
+}
+/**
+ * Một flow onboarding có thể có slides, tour steps, hoặc cả hai.
+ * - Chỉ slides: hiện modal slides, không có tour
+ * - Chỉ tour: chạy driver.js tour trực tiếp
+ * - Cả hai: hiện modal slides → nút "Bắt đầu Tour" → chạy tour
+ */
+export interface IPHXOnboardingFlow {
+    name: string;
+    slides?: Array<IPHXOnboardingSlideStep>;
+    steps?: Array<IPHXOnboardingStep>;
+}
+export interface IPHXOnboardingStatus {
+    slidesCompleted: boolean;
+    toursCompleted: boolean;
+}
+export interface IPHXOnboardingContextType {
+    currentFlow: string | null;
+    isRunning: boolean;
+    registerFlow(flow: IPHXOnboardingFlow): void;
+    startFlow(flowName: string): void;
+    endFlow(): void;
+    nextStep(): void;
+    previousStep(): void;
+    skipFlow(): void;
+    resetStatusOnboarding(flowName: string): void;
+    isSlidesOpen: boolean;
+    closeSlides(): void;
+    /**
+     * Lưu trạng thái hoàn thành của flow vào localStorage.
+     * Mặc định trạng thái chỉ được giữ trong bộ nhớ (in-memory).
+     * Gọi hàm này khi muốn persist để không hiện lại lần sau.
+     */
+    persistFlowStatus(flowName: string): void;
+    /**
+     * Đọc trạng thái hiện tại của flow từ bộ nhớ.
+     */
+    getFlowStatus(flowName: string): IPHXOnboardingStatus;
+}
+export declare const PHXOnboardingProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+/**
+ * Hook để sử dụng context
+ */
+export declare const usePHXOnboarding: () => IPHXOnboardingContextType;

package/dist/cjs/components/Onboarding/contexts/onboarding-context.js

@@ -0,0 +1,282 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePHXOnboarding = exports.PHXOnboardingProvider = void 0;
+const tslib_1 = require("tslib");
+const driver_js_1 = require("driver.js");
+require("driver.js/dist/driver.css");
+const react_1 = tslib_1.__importStar(require("react"));
+const modal_slides_1 = require("../modal-slides/modal-slides");
+const style_1 = require("./style");
+const ONBOARDING_STATUS_KEY = 'phx-onboarding-status';
+const PHXOnboardingContext = (0, react_1.createContext)(undefined);
+const PHXOnboardingProvider = ({ children }) => {
+    const [currentFlow, setCurrentFlow] = (0, react_1.useState)(null);
+    const [isRunning, setIsRunning] = (0, react_1.useState)(false);
+    const [flows, setFlows] = (0, react_1.useState)(new Map());
+    const [driverInstance, setDriverInstance] = (0, react_1.useState)(null);
+    // Modal slides state
+    const [isSlidesOpen, setIsSlidesOpen] = (0, react_1.useState)(false);
+    const [activeSlides, setActiveSlides] = (0, react_1.useState)([]);
+    const [hasTours, setHasTours] = (0, react_1.useState)(false);
+    const [pendingTourFlowName, setPendingTourFlowName] = (0, react_1.useState)(null);
+    // In-memory status only — không tự động ghi localStorage
+    const [onboardingStatus, setOnboardingStatus] = (0, react_1.useState)({});
+    // Đọc trạng thái đã persist từ localStorage khi khởi động
+    (0, react_1.useEffect)(() => {
+        const saved = localStorage.getItem(ONBOARDING_STATUS_KEY);
+        if (saved) {
+            try {
+                setOnboardingStatus(JSON.parse(saved));
+            }
+            catch (_a) {
+                // ignore parse error
+            }
+        }
+    }, []);
+    /**
+     * Cập nhật trạng thái trong bộ nhớ (KHÔNG ghi localStorage)
+     * @param flowName Tên flow
+     * @param patch Trạng thái muốn cập nhật
+     */
+    const updateStatus = (flowName, patch) => {
+        setOnboardingStatus((prev) => {
+            var _a;
+            const current = (_a = prev[flowName]) !== null && _a !== void 0 ? _a : {
+                slidesCompleted: false,
+                toursCompleted: false,
+            };
+            return {
+                ...prev,
+                [flowName]: { ...current, ...patch },
+            };
+        });
+    };
+    /** Lưu trạng thái của flow vào localStorage
+     * @param flowName Tên flow
+     */
+    const persistFlowStatus = (flowName) => {
+        setOnboardingStatus((prev) => {
+            var _a;
+            const status = (_a = prev[flowName]) !== null && _a !== void 0 ? _a : {
+                slidesCompleted: false,
+                toursCompleted: false,
+            };
+            const updated = { ...prev, [flowName]: status };
+            localStorage.setItem(ONBOARDING_STATUS_KEY, JSON.stringify(updated));
+            return updated;
+        });
+    };
+    /**
+     * Lấy trạng thái của flow
+     * @param flowName Tên flow
+     */
+    const getFlowStatus = (flowName) => {
+        var _a;
+        return (_a = onboardingStatus[flowName]) !== null && _a !== void 0 ? _a : {
+            slidesCompleted: false,
+            toursCompleted: false,
+        };
+    };
+    /**
+     * Đăng ký flow
+     * @param flow Flow cần đăng ký
+     */
+    const registerFlow = (flow) => {
+        setFlows((prev) => new Map(prev).set(flow.name, flow));
+    };
+    /**
+     * Chạy tour
+     * @param flowName Tên flow
+     * @param flow Flow cần chạy tour
+     */
+    const runTour = (flowName, flow) => {
+        var _a;
+        if (!((_a = flow.steps) === null || _a === void 0 ? void 0 : _a.length))
+            return;
+        if (driverInstance) {
+            driverInstance.destroy();
+        }
+        /**
+         * Tạo driver instance
+         */
+        const newDriver = (0, driver_js_1.driver)({
+            showProgress: true,
+            showButtons: ['next', 'previous', 'close'],
+            nextBtnText: 'Tiếp theo',
+            prevBtnText: 'Quay lại',
+            doneBtnText: 'Hoàn tất',
+            stageRadius: 12,
+            allowClose: true,
+            onDestroyed: () => {
+                setDriverInstance(null);
+                setCurrentFlow(null);
+                setIsRunning(false);
+                // Chỉ cập nhật in-memory, không tự động persist
+                updateStatus(flowName, { toursCompleted: true });
+            },
+        });
+        newDriver.setSteps(flow.steps.map((step) => {
+            var _a, _b;
+            return ({
+                element: step.element,
+                popover: {
+                    title: step.popover.title,
+                    description: step.popover.description,
+                    side: (_a = step.popover.side) !== null && _a !== void 0 ? _a : 'bottom',
+                    align: (_b = step.popover.align) !== null && _b !== void 0 ? _b : 'center',
+                },
+            });
+        }));
+        setDriverInstance(newDriver);
+        setCurrentFlow(flowName);
+        setIsRunning(true);
+        newDriver.drive();
+    };
+    /**
+     * Bắt đầu flow
+     * @param flowName Tên flow
+     */
+    const startFlow = (flowName) => {
+        var _a, _b;
+        const flow = flows.get(flowName);
+        if (!flow) {
+            console.warn(`[Onboarding] Flow "${flowName}" not registered`);
+            return;
+        }
+        const hasSlides = Boolean((_a = flow.slides) === null || _a === void 0 ? void 0 : _a.length);
+        const hasTourSteps = Boolean((_b = flow.steps) === null || _b === void 0 ? void 0 : _b.length);
+        const status = getFlowStatus(flowName);
+        // Case 1: chỉ có tour (không có slides)
+        if (!hasSlides && hasTourSteps) {
+            runTour(flowName, flow);
+            return;
+        }
+        // Case 2: chỉ có slides (không có tour)
+        if (hasSlides && !hasTourSteps) {
+            if (!status.slidesCompleted) {
+                setActiveSlides(flow.slides);
+                setHasTours(false);
+                setPendingTourFlowName(null);
+                setCurrentFlow(flowName);
+                setIsSlidesOpen(true);
+            }
+            return;
+        }
+        // Case 3: cả slides lẫn tour
+        if (hasSlides && hasTourSteps) {
+            if (!status.slidesCompleted) {
+                setActiveSlides(flow.slides);
+                setHasTours(true);
+                setPendingTourFlowName(flowName);
+                setCurrentFlow(flowName);
+                setIsSlidesOpen(true);
+            }
+            else if (!status.toursCompleted) {
+                runTour(flowName, flow);
+            }
+            return;
+        }
+        console.warn(`[Onboarding] Flow "${flowName}" has no slides or steps`);
+    };
+    /**
+     * Cập nhật trạng thái của flow
+     */
+    const updateStatusFlow = () => {
+        if (currentFlow) {
+            // Chỉ cập nhật in-memory, không tự động persist
+            updateStatus(currentFlow, { slidesCompleted: true });
+        }
+    };
+    /**
+     * Đóng slides
+     */
+    const closeSlides = () => {
+        setIsSlidesOpen(false);
+        updateStatusFlow();
+    };
+    /**
+     * Bắt đầu tour từ slides
+     */
+    const startTourFromSlides = () => {
+        setIsSlidesOpen(false);
+        updateStatusFlow();
+        if (pendingTourFlowName) {
+            const flow = flows.get(pendingTourFlowName);
+            if (flow) {
+                runTour(pendingTourFlowName, flow);
+            }
+        }
+    };
+    /**
+     * Kết thúc flow
+     */
+    const endFlow = () => {
+        if (driverInstance) {
+            driverInstance.destroy();
+            setDriverInstance(null);
+        }
+        setIsRunning(false);
+        setCurrentFlow(null);
+    };
+    /**
+     * Chuyển đến bước tiếp theo
+     */
+    const nextStep = () => {
+        driverInstance === null || driverInstance === void 0 ? void 0 : driverInstance.moveNext();
+    };
+    /**
+     * Chuyển đến bước trước đó
+     */
+    const previousStep = () => {
+        driverInstance === null || driverInstance === void 0 ? void 0 : driverInstance.movePrevious();
+    };
+    /**
+     * Bỏ qua flow
+     */
+    const skipFlow = () => {
+        endFlow();
+    };
+    /**
+     * Reset trạng thái của flow
+     * @param flowName Tên flow
+     */
+    const resetStatusOnboarding = (flowName) => {
+        updateStatus(flowName, {
+            slidesCompleted: false,
+            toursCompleted: false,
+        });
+    };
+    const value = {
+        currentFlow,
+        isRunning,
+        registerFlow,
+        startFlow,
+        endFlow,
+        nextStep,
+        previousStep,
+        skipFlow,
+        isSlidesOpen,
+        closeSlides,
+        persistFlowStatus,
+        getFlowStatus,
+        resetStatusOnboarding,
+    };
+    return (react_1.default.createElement(PHXOnboardingContext.Provider, { value: value },
+        react_1.default.createElement("style", { dangerouslySetInnerHTML: { __html: style_1.styleOnboarding } }),
+        children,
+        react_1.default.createElement(modal_slides_1.PHXOnboardingModal, { hasTours: hasTours, onHide: closeSlides, onStartTour: startTourFromSlides, show: isSlidesOpen, slides: activeSlides })));
+};
+exports.PHXOnboardingProvider = PHXOnboardingProvider;
+/**
+ * Hook để sử dụng context
+ */
+const usePHXOnboarding = () => {
+    const context = (0, react_1.useContext)(PHXOnboardingContext);
+    if (!context) {
+        throw new Error('useOnboarding must be used within OnboardingProvider');
+    }
+    return context;
+};
+exports.usePHXOnboarding = usePHXOnboarding;
+//# sourceMappingURL=onboarding-context.js.map

package/dist/cjs/components/Onboarding/contexts/onboarding-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-context.js","sourceRoot":"","sources":["../../../../../src/components/Onboarding/contexts/onboarding-context.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Onboarding/contexts/style.d.ts

@@ -0,0 +1 @@
+export declare const styleOnboarding = "\n.driver-popover-footer button {\n  all: unset;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 6px 12px;\n  font-weight: 400 !important;\n  text-decoration: none;\n  text-shadow: 1px 1px 0 #fff;\n  background-color: #fff;\n  color: rgb(3 7 18 / 1);\n  font-size: 14px;\n  line-height: normal;\n  font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,\n    Roboto, Helvetica Neue, sans-serif;\n  cursor: pointer;\n  outline: 0;\n  border: 1px solid rgb(209 213 219 / 1);\n  border-radius: 8px;\n  transition-duration: 0.3s;\n  transition-property: color, background-color, border-color,\n    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n    backdrop-filter;\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.driver-popover-footer button:active {\n  --tw-shadow: 0rem 0.125rem 0.1rem 0rem #0004 inset;\n  --tw-shadow-colored: inset 0rem 0.125rem 0.1rem 0rem var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  padding-top: 0.3rem;\n  padding-bottom: 0.2rem;\n  background-color: rgb(229 231 235 / 1);\n  border-bottom-color: rgb(209 213 219 / 1);\n  transition-timing-function: cubic-bezier(0.4, 0.36, 0, 1);\n}\n.driver-popover {\n  font-weight: 400 !important;\n  font-size: 14px;\n  line-height: normal;\n  font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,\n    Roboto, Helvetica Neue, sans-serif;\n  border-radius: 12px;\n  color: #fff;\n  background-color: rgb(0 0 0 / 1);\n}\n\n.driver-popover-title {\n  font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,\n    Roboto, Helvetica Neue, sans-serif;\n}\n.driver-popover .driver-popover-arrow-side-left.driver-popover-arrow {\n  border-left-color: rgb(0 0 0 / 1);\n}\n\n.driver-popover .driver-popover-arrow-side-right.driver-popover-arrow {\n  border-right-color: rgb(0 0 0 / 1);\n}\n\n.driver-popover .driver-popover-arrow-side-top.driver-popover-arrow {\n  border-top-color: rgb(0 0 0 / 1);\n}\n\n.driver-popover .driver-popover-arrow-side-bottom.driver-popover-arrow {\n  border-bottom-color: rgb(0 0 0 / 1);\n}\n";

package/dist/cjs/components/Onboarding/contexts/style.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styleOnboarding = void 0;
+exports.styleOnboarding = `
+.driver-popover-footer button {
+  all: unset;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 6px 12px;
+  font-weight: 400 !important;
+  text-decoration: none;
+  text-shadow: 1px 1px 0 #fff;
+  background-color: #fff;
+  color: rgb(3 7 18 / 1);
+  font-size: 14px;
+  line-height: normal;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,
+    Roboto, Helvetica Neue, sans-serif;
+  cursor: pointer;
+  outline: 0;
+  border: 1px solid rgb(209 213 219 / 1);
+  border-radius: 8px;
+  transition-duration: 0.3s;
+  transition-property: color, background-color, border-color,
+    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
+    backdrop-filter;
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.driver-popover-footer button:active {
+  --tw-shadow: 0rem 0.125rem 0.1rem 0rem #0004 inset;
+  --tw-shadow-colored: inset 0rem 0.125rem 0.1rem 0rem var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  padding-top: 0.3rem;
+  padding-bottom: 0.2rem;
+  background-color: rgb(229 231 235 / 1);
+  border-bottom-color: rgb(209 213 219 / 1);
+  transition-timing-function: cubic-bezier(0.4, 0.36, 0, 1);
+}
+.driver-popover {
+  font-weight: 400 !important;
+  font-size: 14px;
+  line-height: normal;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,
+    Roboto, Helvetica Neue, sans-serif;
+  border-radius: 12px;
+  color: #fff;
+  background-color: rgb(0 0 0 / 1);
+}
+
+.driver-popover-title {
+  font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,
+    Roboto, Helvetica Neue, sans-serif;
+}
+.driver-popover .driver-popover-arrow-side-left.driver-popover-arrow {
+  border-left-color: rgb(0 0 0 / 1);
+}
+
+.driver-popover .driver-popover-arrow-side-right.driver-popover-arrow {
+  border-right-color: rgb(0 0 0 / 1);
+}
+
+.driver-popover .driver-popover-arrow-side-top.driver-popover-arrow {
+  border-top-color: rgb(0 0 0 / 1);
+}
+
+.driver-popover .driver-popover-arrow-side-bottom.driver-popover-arrow {
+  border-bottom-color: rgb(0 0 0 / 1);
+}
+`;
+//# sourceMappingURL=style.js.map

package/dist/cjs/components/Onboarding/contexts/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/components/Onboarding/contexts/style.tsx"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwE9B,CAAA"}

package/dist/cjs/components/Onboarding/hooks/use-onboarding-init.d.ts

@@ -0,0 +1,7 @@
+import { IPHXOnboardingFlow } from '../contexts/onboarding-context';
+/**
+ * Đăng ký danh sách flows vào OnboardingProvider.
+ * Gọi hook này một lần trong component gốc của mỗi module.
+ * @param flows Danh sách flows cần đăng ký
+ */
+export declare const usePHXOnboardingInit: (flows: Array<IPHXOnboardingFlow>) => void;

package/dist/cjs/components/Onboarding/hooks/use-onboarding-init.js

@@ -0,0 +1,19 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePHXOnboardingInit = void 0;
+const react_1 = require("react");
+const onboarding_context_1 = require("../contexts/onboarding-context");
+/**
+ * Đăng ký danh sách flows vào OnboardingProvider.
+ * Gọi hook này một lần trong component gốc của mỗi module.
+ * @param flows Danh sách flows cần đăng ký
+ */
+const usePHXOnboardingInit = (flows) => {
+    const { registerFlow } = (0, onboarding_context_1.usePHXOnboarding)();
+    (0, react_1.useEffect)(() => {
+        flows.map((flow) => registerFlow(flow));
+    }, [registerFlow]);
+};
+exports.usePHXOnboardingInit = usePHXOnboardingInit;
+//# sourceMappingURL=use-onboarding-init.js.map