@momo-webplatform/mobase 0.0.43 → 0.0.44

package/publish/cjs/components/Card/Card.js

@@ -1,47 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const utils_1 = require("../../helpers/utils");
-const Card = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
-exports.Card = Card;
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("flex flex-col space-y-1.5 p-6", className), ...props })));
-exports.CardHeader = CardHeader;
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("h3", { ref: ref, className: (0, utils_1.cn)("font-semibold leading-none tracking-tight", className), ...props })));
-exports.CardTitle = CardTitle;
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("p", { ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className), ...props })));
-exports.CardDescription = CardDescription;
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("p-6 pt-0", className), ...props })));
-exports.CardContent = CardContent;
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("flex items-center p-6 pt-0", className), ...props })));
-exports.CardFooter = CardFooter;
-CardFooter.displayName = "CardFooter";

package/publish/cjs/components/Card/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardTitle = exports.CardHeader = exports.CardFooter = exports.CardDescription = exports.CardContent = exports.Card = void 0;
-var Card_1 = require("./Card");
-Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
-Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return Card_1.CardContent; } });
-Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return Card_1.CardDescription; } });
-Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return Card_1.CardFooter; } });
-Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return Card_1.CardHeader; } });
-Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return Card_1.CardTitle; } });

package/publish/cjs/components/Checkbox/Checkbox.js

@@ -1,67 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Indicator = exports.Root = exports.createCheckboxScope = exports.CheckboxIndicator = exports.Checkbox = exports.useCheckboxContext = exports.CheckboxProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
-const lucide_react_1 = require("lucide-react");
-const react_primitive_1 = require("@radix-ui/react-primitive");
-const react_context_1 = require("@radix-ui/react-context");
-const react_presence_1 = require("@radix-ui/react-presence");
-const utils_1 = require("../../helpers/utils");
-/* -------------------------------------------------------------------------------------------------
- * Checkbox
- * -----------------------------------------------------------------------------------------------*/
-const CHECKBOX_NAME = "Checkbox";
-const [createCheckboxContext, createCheckboxScope] = (0, react_context_1.createContextScope)(CHECKBOX_NAME);
-exports.createCheckboxScope = createCheckboxScope;
-_a = createCheckboxContext(CHECKBOX_NAME), exports.CheckboxProvider = _a[0], exports.useCheckboxContext = _a[1];
-const INDICATOR_NAME = "CheckboxIndicator";
-function getState(checked) {
-    return isIndeterminate(checked)
-        ? "indeterminate"
-        : checked
-            ? "checked"
-            : "unchecked";
-}
-const CheckboxIndicator = React.forwardRef((props, forwardedRef) => {
-    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
-    const context = (0, exports.useCheckboxContext)(INDICATOR_NAME, __scopeCheckbox);
-    return ((0, jsx_runtime_1.jsx)(react_presence_1.Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: (0, jsx_runtime_1.jsx)(react_primitive_1.Primitive.span, { "data-state": getState(context.state), "data-disabled": context.disabled ? "" : undefined, ...indicatorProps, ref: forwardedRef, style: { pointerEvents: "none", ...props.style } }) }));
-});
-exports.CheckboxIndicator = CheckboxIndicator;
-function isIndeterminate(checked) {
-    return checked === "indeterminate";
-}
-CheckboxIndicator.displayName = INDICATOR_NAME;
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Root, { ref: ref, className: (0, utils_1.cn)("peer h-4 w-4 shrink-0 rounded-sm border-2 disabled:bg-gray-300  border-gray-300 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-50 data-[state=checked]:border-none disabled:data-[state=checked]:bg-gray-300 disabled:data-[state=checked]:text-gray-600 data-[state=checked]:bg-pink-500 data-[state=checked]:text-white", className), ...props, children: (0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, { className: (0, utils_1.cn)("flex items-center justify-center text-current"), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-3.5 w-3.5" }) }) })));
-exports.Checkbox = Checkbox;
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-const Root = Checkbox;
-exports.Root = Root;
-const Indicator = CheckboxIndicator;
-exports.Indicator = Indicator;

package/publish/cjs/components/Checkbox/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Indicator = exports.createCheckboxScope = exports.CheckboxIndicator = exports.Checkbox = exports.Root = void 0;
-var Checkbox_1 = require("./Checkbox");
-Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return Checkbox_1.Root; } });
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
-Object.defineProperty(exports, "CheckboxIndicator", { enumerable: true, get: function () { return Checkbox_1.CheckboxIndicator; } });
-Object.defineProperty(exports, "createCheckboxScope", { enumerable: true, get: function () { return Checkbox_1.createCheckboxScope; } });
-Object.defineProperty(exports, "Indicator", { enumerable: true, get: function () { return Checkbox_1.Indicator; } });

package/publish/cjs/components/Choicebox/Choicebox.js

@@ -1,90 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChoiceboxGroup = exports.ChoiceboxGroupItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const Checkbox_1 = require("../Checkbox");
-const utils_1 = require("../../helpers/utils");
-const lucide_react_1 = require("lucide-react");
-const ChoiceboxGroupItem = ({ title, description, value, type, name, checked, disabled, hiddenInput, classNameDescription, classNameTitle, className, onChange, children, }) => {
-    const [checkedCheckbox, setCheckedCheckbox] = (0, react_1.useState)(false);
-    const handleChange = (event) => {
-        if (onChange) {
-            onChange(event?.target?.value);
-        }
-    };
-    const handleChangeCheckbox = (checked) => {
-        setCheckedCheckbox(checked);
-        onChange?.(checked);
-    };
-    return ((0, jsx_runtime_1.jsxs)("label", { className: (0, utils_1.cn)(" flex rounded-md cursor-pointer p-4 items-center space-x-6", checked || checkedCheckbox ? "mobase-focus" : "mobase-visible", disabled ? "opacity-60 bg-gray-100" : "", className), htmlFor: value, children: [!title && !description ? null : ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("text-gray-900 text-sm select-none font-bold", classNameTitle), children: title }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("text-gray-900 select-none text-sm", classNameDescription), children: description })] })), children, type === "radio" ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("relative", hiddenInput ? "hidden" : ""), children: [(0, jsx_runtime_1.jsx)("input", { "aria-checked": checked, "data-state": checked ? "checked" : "unchecked", checked: checked, type: "radio", value: value, name: name, id: value, disabled: disabled, onChange: handleChange, className: "custom-radio cursor-pointer aspect-square ml-auto h-4 w-4 rounded-full border border-gray-700 disabled:bg-gray-300 disabled:data-[state=checked]:text-gray-500 data-[state=checked]:text-white disabled:data-[state=checked]:bg-gray-300 data-[state=checked]:bg-pink-500 disabled:border-none data-[state=checked]:border-none text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-40" }), (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: (0, utils_1.cn)("h-2 w-2 absolute top-[6px] right-[4px] fill-white text-current transition-opacity", checked ? "opacti-100" : "opacity-0", disabled ? "fill-gray-300" : "") })] })) : ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { disabled: disabled, id: value, value: value, name: value, onCheckedChange: handleChangeCheckbox, className: (0, utils_1.cn)("ml-auto", hiddenInput ? "hidden" : "") })), (0, jsx_runtime_1.jsx)("style", { children: `
-          .custom-radio {
-            appearance: none;
-            border: 1px solid #ccc;
-            border-radius: 50%;
-            width: 16px;
-            height: 16px;
-            position: relative;
-          }
-          .mobase-visible {
-            box-shadow: 0px 0px 0px 1px rgb(var(--mobase-gray-400) / 1) inset;
-          }
-          
-          .mobase-focus {
-            box-shadow: 0px 0px 0px 2px rgb(var(--mobase-pink-500) / 1) inset;
-        }
-        ` })] }));
-};
-exports.ChoiceboxGroupItem = ChoiceboxGroupItem;
-const ChoiceboxGroup = ({ direction = "row", label, type, value, children, disabled, hiddenInput, onChange, className, ...props }) => {
-    const name = `choicebox-group-${label?.replace(/\s+/g, "-").toLowerCase()}`;
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, children: [(0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsx)("ul", { className: (0, utils_1.cn)("", className, direction
-                    ? "flex md:flex-row md:space-y-0 md:space-x-4 flex-col space-y-4"
-                    : "block"), children: react_1.default.Children?.map(children, (child) => {
-                    if (react_1.default.isValidElement(child)) {
-                        const updatedProps = {
-                            disabled: child.props.disabled ?? disabled,
-                            type,
-                            name,
-                            checked: child.props.value === value,
-                            hiddenInput,
-                            className: child.props.className,
-                            classNameTitle: child.props.classNameTitle,
-                            classNameDescription: child.props.classNameDescription,
-                            onChange,
-                        };
-                        const knownProps = Object.keys(updatedProps).reduce((acc, key) => {
-                            if (updatedProps[key] !== undefined) {
-                                acc[key] = updatedProps[key];
-                            }
-                            return acc;
-                        }, {});
-                        return react_1.default.cloneElement(child, knownProps);
-                    }
-                    return null;
-                }) })] }));
-};
-exports.ChoiceboxGroup = ChoiceboxGroup;

package/publish/cjs/components/Choicebox/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChoiceboxGroupItem = exports.ChoiceboxGroup = void 0;
-var Choicebox_1 = require("./Choicebox");
-Object.defineProperty(exports, "ChoiceboxGroup", { enumerable: true, get: function () { return Choicebox_1.ChoiceboxGroup; } });
-Object.defineProperty(exports, "ChoiceboxGroupItem", { enumerable: true, get: function () { return Choicebox_1.ChoiceboxGroupItem; } });

package/publish/cjs/components/Combobox/Combobox.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Combobox = exports.ComboboxContent = exports.ComboboxTrigger = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../helpers/utils");
-const solid_1 = require("@heroicons/react/16/solid");
-const Popover_1 = require("../Popover");
-const ComboboxTrigger = ({ className, value, label, children, placeholder, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)(Popover_1.PopoverTrigger, { className: (0, utils_1.cn)("focus-visible:outline-none w-72 focus-visible:ring-0 focus-visible:ring-offset-0 focus:ring-0 select-mobase-button bg-white ring-0 transition-all  rounded-md border border-gray-400 data-[placeholder]:text-gray-500 p-3 disabled:bg-gray-50 disabled:border-gray-300  disabled:pointer-events-none flex items-center justify-between data-[state=open]:border-pink-500 data-[state=open]:ring-1 hover:ring-1 hover:ring-gray-400 data-[state=open]:ring-pink-500 text-gray-900 h-11 ring-inset text-sm", className), children: [value || children || placeholder, (0, jsx_runtime_1.jsx)(solid_1.ChevronDownIcon, { className: "h-4 w-4 text-gray-700 flex-none" })] }), label && ((0, jsx_runtime_1.jsx)("span", { className: "absolute bg-white -top-2 px-1.5 left-2 text-xs text-gray-500 z-[1]", children: label }))] }));
-};
-exports.ComboboxTrigger = ComboboxTrigger;
-const ComboboxContent = ({ children, className, }) => {
-    return ((0, jsx_runtime_1.jsx)(Popover_1.PopoverContent, { className: (0, utils_1.cn)("!p-0 border-none", className), children: children }));
-};
-exports.ComboboxContent = ComboboxContent;
-const Combobox = ({ open, onOpenChange, children }) => {
-    return ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { open: open, onOpenChange: onOpenChange, children: children }));
-};
-exports.Combobox = Combobox;

package/publish/cjs/components/Combobox/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Combobox = exports.ComboboxContent = exports.ComboboxTrigger = void 0;
-var Combobox_1 = require("./Combobox");
-Object.defineProperty(exports, "ComboboxTrigger", { enumerable: true, get: function () { return Combobox_1.ComboboxTrigger; } });
-Object.defineProperty(exports, "ComboboxContent", { enumerable: true, get: function () { return Combobox_1.ComboboxContent; } });
-Object.defineProperty(exports, "Combobox", { enumerable: true, get: function () { return Combobox_1.Combobox; } });

package/publish/cjs/components/Command/Command.js

@@ -1,74 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommandSeparator = exports.CommandShortcut = exports.CommandItem = exports.CommandGroup = exports.CommandEmpty = exports.CommandList = exports.CommandInput = exports.CommandDialog = exports.Command = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const cmdk_1 = require("cmdk");
-const utils_1 = require("../../helpers/utils");
-const Dialog_1 = require("../Dialog");
-const solid_1 = require("@heroicons/react/16/solid");
-const Command = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command, { ref: ref, className: (0, utils_1.cn)("flex text-gray-900 border border-gray-300 shadow-lg bg-white h-full w-full flex-col overflow-hidden rounded-md", className), ...props })));
-exports.Command = Command;
-Command.displayName = cmdk_1.Command.displayName;
-const CommandDialog = ({ children, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { ...props, children: (0, jsx_runtime_1.jsx)(Dialog_1.DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: (0, jsx_runtime_1.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) }) }));
-};
-exports.CommandDialog = CommandDialog;
-const CommandInput = React.forwardRef(({ className, onClickClear, ...props }, ref) => {
-    const divRef = React.useRef(null);
-    const [search, setSearch] = React.useState("");
-    const handleClearInput = () => {
-        if (!search || search?.length <= 0)
-            return;
-        setSearch("");
-        onClickClear?.(search);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: divRef, className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [(0, jsx_runtime_1.jsx)(solid_1.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0  text-gray-500" }), (0, jsx_runtime_1.jsx)(cmdk_1.Command.Input, { ref: ref, className: (0, utils_1.cn)("flex  h-10 text-gray-900 w-full rounded-md focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 focus:ring-0 bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className), value: search, onValueChange: setSearch, ...props }), (0, jsx_runtime_1.jsx)(solid_1.XCircleIcon, { onClick: handleClearInput, className: (0, utils_1.cn)("ml-2 transition-all cursor-pointer h-4 w-4 duration-75 shrink-0 text-gray-500", search?.length > 0 ? "opacity-100" : "opacity-0") })] }));
-});
-exports.CommandInput = CommandInput;
-CommandInput.displayName = cmdk_1.Command.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.List, { ref: ref, className: (0, utils_1.cn)("max-h-[300px]  text-gray-900 overflow-y-auto overflow-x-hidden", className), ...props })));
-exports.CommandList = CommandList;
-CommandList.displayName = cmdk_1.Command.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Empty, { ref: ref, className: "py-6 text-gray-900 text-center text-sm", ...props })));
-exports.CommandEmpty = CommandEmpty;
-CommandEmpty.displayName = cmdk_1.Command.Empty.displayName;
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Group, { ref: ref, className: (0, utils_1.cn)("overflow-hidden text-gray-900 p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className), ...props })));
-exports.CommandGroup = CommandGroup;
-CommandGroup.displayName = cmdk_1.Command.Group.displayName;
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(cmdk_1.Command.Separator, { ref: ref, className: (0, utils_1.cn)("-mx-1 text-gray-900 h-px bg-border", className), ...props })));
-exports.CommandSeparator = CommandSeparator;
-CommandSeparator.displayName = cmdk_1.Command.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, children, isActive, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsxs)(cmdk_1.Command.Item, { ref: ref, className: (0, utils_1.cn)("relative cursor-pointer text-gray-900 flex rounded-md select-none hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:text-gray-900 items-center px-2 py-1.5 text-sm outline-none  data-[disabled]:pointer-events-none data-[disabled]:opacity-50", isActive ? "bg-gray-100" : "", className), ...props, children: [(0, jsx_runtime_1.jsx)(solid_1.CheckIcon, { className: (0, utils_1.cn)("h-4 w-4 mr-2", isActive ? "opacity-100" : "opacity-0") }), children] }));
-});
-exports.CommandItem = CommandItem;
-CommandItem.displayName = cmdk_1.Command.Item.displayName;
-const CommandShortcut = ({ className, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("ml-auto text-xs text-gray-900 tracking-widest text-muted-foreground", className), ...props }));
-};
-exports.CommandShortcut = CommandShortcut;
-CommandShortcut.displayName = "CommandShortcut";

package/publish/cjs/components/Command/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommandSeparator = exports.CommandShortcut = exports.CommandItem = exports.CommandGroup = exports.CommandEmpty = exports.CommandList = exports.CommandInput = exports.CommandDialog = exports.Command = void 0;
-var Command_1 = require("./Command");
-Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return Command_1.Command; } });
-Object.defineProperty(exports, "CommandDialog", { enumerable: true, get: function () { return Command_1.CommandDialog; } });
-Object.defineProperty(exports, "CommandInput", { enumerable: true, get: function () { return Command_1.CommandInput; } });
-Object.defineProperty(exports, "CommandList", { enumerable: true, get: function () { return Command_1.CommandList; } });
-Object.defineProperty(exports, "CommandEmpty", { enumerable: true, get: function () { return Command_1.CommandEmpty; } });
-Object.defineProperty(exports, "CommandGroup", { enumerable: true, get: function () { return Command_1.CommandGroup; } });
-Object.defineProperty(exports, "CommandItem", { enumerable: true, get: function () { return Command_1.CommandItem; } });
-Object.defineProperty(exports, "CommandShortcut", { enumerable: true, get: function () { return Command_1.CommandShortcut; } });
-Object.defineProperty(exports, "CommandSeparator", { enumerable: true, get: function () { return Command_1.CommandSeparator; } });

package/publish/cjs/components/Dialog/Dialog.js

@@ -1,90 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogDescription = exports.DialogTitle = exports.DialogFooter = exports.DialogBody = exports.DialogHeader = exports.DialogContent = exports.DialogTrigger = exports.DialogClose = exports.DialogOverlay = exports.DialogPortal = exports.Dialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
-const utils_1 = require("../../helpers/utils");
-const solid_1 = require("@heroicons/react/20/solid");
-const Dialog = DialogPrimitive.Root;
-exports.Dialog = Dialog;
-const DialogTrigger = DialogPrimitive.Trigger;
-exports.DialogTrigger = DialogTrigger;
-const DialogPortal = DialogPrimitive.Portal;
-exports.DialogPortal = DialogPortal;
-const DialogClose = DialogPrimitive.Close;
-exports.DialogClose = DialogClose;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { ref: ref, className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/60 !duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
-exports.DialogOverlay = DialogOverlay;
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, isRightCloseButton, size = "md", position = "center", height = "auto", isFull = false, children, ...props }, ref) => {
-    const classNames = {
-        base: "fixed z-50 flex  bg-white shadow-lg sm:rounded-xl bg-white text-gray-900 w-full max-w-[calc(-64px_+_100vw)] max-h-[calc(-64px_+_100vh)] flex-col",
-        center: "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl",
-        bottom: "!duration-300 bottom-0 sm:bottom-1/2 left-1/2 rounded-t-xl sm:translate-y-1/2 data-[state=closed]:animate-out -translate-x-1/2 data-[state=open]:animate-in data-[state=open]:slide-in-from-left-1/2 ease-in-out data-[state=open]:slide-in-from-bottom-2/3 data-[state=closed]:slide-out-to-bottom-2/3 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 max-w-full max-h-[calc(-32px_+_100vh)] sm:max-h-[calc(-64px_+_100vh)]",
-        left: "!duration-300 max-h-screen !h-full rounded-r-xl sm:rounded-l-none top-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-left data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left ease-in-out",
-        right: "!duration-300 !h-full rounded-l-xl sm:rounded-r-none max-h-screen top-0 right-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-right data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right ease-in-out",
-    };
-    const sizeClassNames = {
-        sm: "w-80 sm:w-80",
-        md: "w-[512px] sm:w-[512px]",
-        lg: "w-[672px] sm:w-[672px]",
-        xl: "w-[1024px] sm:-[1024px]",
-    };
-    const heightClassNames = {
-        auto: "h-auto sm:h-auto",
-        small: "h-[480px] sm:h-[480px]",
-        large: "h-[640px] sm:h-[640px]",
-        full: "h-full",
-    };
-    const classNamesDialogContent = [
-        classNames.base,
-        classNames[position],
-        sizeClassNames[size],
-        heightClassNames[height],
-        isFull &&
-            "h-full max-h-screen max-w-full w-full rounded-none sm:rounded-xl sm:max-h-[calc(-64px_+_100vh)]",
-        className,
-    ];
-    return ((0, jsx_runtime_1.jsxs)(DialogPortal, { children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)(...classNamesDialogContent), ...props, children: [children, (0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: (0, utils_1.cn)("absolute md:top-4 top-2 focus:outline-none focus:ring-0 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-700 text-gray-900 w-8 h-8   flex justify-center items-center rounded-full before:opacity-0  hover:before:opacity-100 before:transition-opacity before:z-[-1]  before:content-[''] before:absolute before:inset-0 before:rounded-full before:select-none  before:left-0 before:top-0 before:bg-gray-200  left-3 md:left-auto md:right-4", isRightCloseButton && "left-auto right-3 md:right-4"), title: "\u0110\u00F3ng", children: [(0, jsx_runtime_1.jsx)(solid_1.XMarkIcon, { className: "h-5 w-5 text-gray-700" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] })] })] }));
-});
-exports.DialogContent = DialogContent;
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("dialog-header py-2 md:py-4 h-12 md:h-16 px-10 md:px-12 items-center justify-center flex border-b border-gray-200 w-full shrink-0", className), ...props }));
-exports.DialogHeader = DialogHeader;
-DialogHeader.displayName = "DialogHeader";
-const DialogBody = ({ className, isCondensed = false, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("dialog-body p-6 flex-1 overflow-y-auto", isCondensed && "p-5", className), ...props }));
-exports.DialogBody = DialogBody;
-DialogBody.displayName = "DialogBody";
-const DialogFooter = ({ className, isDivider = true, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("dialog-footer flex sm:flex-row justify-center [&>*]:basis-1/2 [&>*]:sm:basis-auto sm:justify-end space-x-2 px-6 pb-4 shrink-0", isDivider && "border-gray-200 border-t py-4", className), ...props }));
-exports.DialogFooter = DialogFooter;
-DialogFooter.displayName = "DialogFooter";
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Title, { ref: ref, className: (0, utils_1.cn)("text-base font-semibold line-clamp-1 max-w-full", className), ...props })));
-exports.DialogTitle = DialogTitle;
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Description, { ref: ref, className: (0, utils_1.cn)("text-sm text-gray-700", className), ...props })));
-exports.DialogDescription = DialogDescription;
-DialogDescription.displayName = DialogPrimitive.Description.displayName;

package/publish/cjs/components/Dialog/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogDescription = exports.DialogTitle = exports.DialogFooter = exports.DialogBody = exports.DialogHeader = exports.DialogContent = exports.DialogTrigger = exports.DialogClose = exports.DialogOverlay = exports.DialogPortal = exports.Dialog = void 0;
-var Dialog_1 = require("./Dialog");
-Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
-Object.defineProperty(exports, "DialogPortal", { enumerable: true, get: function () { return Dialog_1.DialogPortal; } });
-Object.defineProperty(exports, "DialogOverlay", { enumerable: true, get: function () { return Dialog_1.DialogOverlay; } });
-Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return Dialog_1.DialogClose; } });
-Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return Dialog_1.DialogTrigger; } });
-Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return Dialog_1.DialogContent; } });
-Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return Dialog_1.DialogHeader; } });
-Object.defineProperty(exports, "DialogBody", { enumerable: true, get: function () { return Dialog_1.DialogBody; } });
-Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return Dialog_1.DialogFooter; } });
-Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return Dialog_1.DialogTitle; } });
-Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return Dialog_1.DialogDescription; } });

package/publish/cjs/components/DialogQr/DialogQr.js

@@ -1,98 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogQr = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Dialog_1 = require("../Dialog");
-const qrcode_react_1 = __importDefault(require("qrcode.react"));
-const utils_1 = require("../../helpers/utils");
-const QRCodeScan = ({ img = "", children, isQrForAll }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "qrcode__scan__container", children: (0, jsx_runtime_1.jsxs)("div", { className: "qrcode__scan", children: [(0, jsx_runtime_1.jsx)("div", { className: "qrcode__gradient", children: (0, jsx_runtime_1.jsx)("img", { alt: "step 1", className: "img-fluid", src: "https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png" }) }), (0, jsx_runtime_1.jsx)("div", { className: "qrcode__border", children: (0, jsx_runtime_1.jsx)("img", { alt: "step 2", className: "img-fluid", src: "https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg" }) }), (0, jsx_runtime_1.jsx)("div", { className: "qrcode__image p-4", children: img ? ((0, jsx_runtime_1.jsx)("img", { alt: "step 3", className: "img-fluid d-block mx-auto", src: img, loading: "lazy" })) : (children) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 text-sm text-white", children: isQrForAll ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: "https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png", width: 255, height: 32, className: "mx-auto", alt: "QR all" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: "Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\u00ED \u0110i\u1EC7n T\u1EED v\u00E0 Ng\u00E2n H\u00E0ng" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", className: "mr-1 inline h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z" }) }), "S\u1EED d\u1EE5ng App MoMo ho\u1EB7c", (0, jsx_runtime_1.jsx)("br", {}), "\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\u00E9t m\u00E3."] })) }), (0, jsx_runtime_1.jsx)("style", { children: `
-            .qrcode__scan__container {
-              padding: 15px;
-              background-color: white;
-              width: 280px;
-              height: 280px;
-              border-radius: 20px;
-              border-radius: 15px;
-              margin: 0 auto;
-            }
-    
-            .qrcode__image {
-              width: 100%;
-            }
-    
-            .qrcode__image img {
-              width: 100%;
-            }
-    
-            .qrcode__scan {
-              width: 245px;
-              height: 245px;
-              margin: 0 auto;
-              overflow: hidden;
-              background-color: white;
-              position: relative;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-            }
-    
-            .qrcode__border {
-              position: absolute;
-              width: 100%;
-              height: 100%;
-              top: 0;
-              left: 0;
-              z-index: 5;
-              opacity: 0.9;
-              pointer-events: none;
-            }
-    
-            .qrcode__gradient {
-              position: absolute;
-              opacity: 0.6;
-              width: 98%;
-              height: 98%;
-              top: 1%;
-              left: 1%;
-              z-index: 6;
-              // pointer-events: none;
-              transform: translate3d(0, -110%, 0);
-              animation: QRCodeScan 3s infinite cubic-bezier(0.45, 0.03, 0.81, 0.63);
-    
-              backface-visibility: hidden;
-            }
-    
-            @keyframes QRCodeScan {
-              0% {
-                transform: translate3d(0, -110%, 0);
-              }
-    
-              90% {
-                transform: translate3d(0, 30%, 0);
-              }
-              100% {
-                transform: translate3d(0, 30%, 0);
-              }
-            }
-          ` })] }));
-};
-const DialogQr = ({ className, children, title, shortTitle, qrImage, qrLink, logoQr, isQrForAll = false, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { ...props, children: (0, jsx_runtime_1.jsx)(Dialog_1.DialogContent, { className: (0, utils_1.cn)("md:max-w-2xl lg:max-w-3xl h-auto md:max-h-screen max-h-screen overflow-hidden [&>button>svg]:text-white border-0", className), size: "xl", isRightCloseButton: true, children: (0, jsx_runtime_1.jsx)(Dialog_1.DialogBody, { className: "p-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-wrap", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-full flex-none md:w-5/12 hidden sm:block", children: children || ((0, jsx_runtime_1.jsxs)("div", { className: "px-5 text-sm py-8 grid grid-cols-1 gap-y-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-nowrap items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-none", children: (0, jsx_runtime_1.jsx)("img", { className: "w-20", loading: "lazy", src: "https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png", alt: "Step 1" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 pl-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "step font-semibold text-gray-800 ", children: "B\u01B0\u1EDBc 1 :" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-1 text-gray-500 ", children: isQrForAll
-                                                            ? "Mở app MoMo hoặc ứng dụng ngân hàng/ví điện tử chấp nhận mã vạch từ QR Đa Năng"
-                                                            : "Mở ứng dụng camera mặc định hoặc ứng dụng hỗ trợ QR code của bạn" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-nowrap items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-none", children: (0, jsx_runtime_1.jsx)("img", { className: "w-20 ", loading: "lazy", src: "https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png", alt: "Step 2" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 pl-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "step font-semibold text-gray-800 ", children: "B\u01B0\u1EDBc 2 :" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-1 text-gray-500 ", children: "Qu\u00E9t m\u00E3 QR Code theo h\u00ECnh b\u00EAn ph\u1EA3i" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-nowrap items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex-none", children: (0, jsx_runtime_1.jsx)("img", { className: "w-20 ", loading: "lazy", src: "https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png", alt: "Step 3" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 pl-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "step font-semibold text-gray-800 ", children: "B\u01B0\u1EDBc 3 :" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-1 text-gray-500 ", children: ["B\u1EA5m v\u00E0o th\u00F4ng b\u00E1o hi\u1EC3n th\u1ECB \u0111\u1EC3 t\u1EA3i \u1EE9ng d\u1EE5ng ho\u1EB7c", " ", shortTitle || "Truy cập ngay"] })] })] })] })) }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-full items-center justify-center md:w-7/12 h-auto", style: {
-                                background: "url(https://homepage.momocdn.net/jk/momo2020/img/intro/qrcode-pattern.png) 10px 10px no-repeat,linear-gradient(to top,#c1177c,#e11b90)",
-                            }, children: (0, jsx_runtime_1.jsxs)("div", { className: "px-5 py-10 text-center", children: [title && ((0, jsx_runtime_1.jsx)("h4", { className: "mb-5 text-base font-semibold text-white", children: title })), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [isQrForAll && ((0, jsx_runtime_1.jsx)("div", { className: "absolute -top-2 left-1/2 z-[5] -translate-x-1/2", children: (0, jsx_runtime_1.jsx)("img", { src: "https://homepage.momocdn.net/fileuploads/svg/momo-file-231211170324.svg", alt: "Title QR all" }) })), (0, jsx_runtime_1.jsx)(QRCodeScan, { img: qrImage, isQrForAll: isQrForAll, children: qrLink && ((0, jsx_runtime_1.jsx)(qrcode_react_1.default, { value: qrLink, size: 215, renderAs: "svg", imageSettings: {
-                                                        src: `${logoQr ||
-                                                            "https://homepage.momocdn.net/pwa/images/logoMomox50.png"}`,
-                                                        x: null,
-                                                        y: null,
-                                                        height: 50,
-                                                        width: 50,
-                                                        excavate: true,
-                                                    }, level: "H" })) })] })] }) })] }) }) }) }));
-};
-exports.DialogQr = DialogQr;

package/publish/cjs/components/DialogQr/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogQr = void 0;
-var DialogQr_1 = require("./DialogQr");
-Object.defineProperty(exports, "DialogQr", { enumerable: true, get: function () { return DialogQr_1.DialogQr; } });

package/publish/cjs/components/Footer/Footer.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const FooterContent_1 = __importDefault(require("./FooterContent"));
-const utils_1 = require("../../helpers/utils");
-const Footer = (0, react_1.memo)(({ className, dataMenu }) => {
-    // const { logo, name, url } = serviceInfo;
-    return ((0, jsx_runtime_1.jsx)("footer", { className: (0, utils_1.cn)("grid grid-cols-1 flex-wrap bg-gray-900", className), children: (0, jsx_runtime_1.jsx)(FooterContent_1.default, { dataMenu: dataMenu }) }));
-});
-exports.Footer = Footer;