@bikiran/utils 1.18.0

package/dist/components/button-wrapper/ButtonWrapper.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils/cn";
+import { iconLoading } from "./icons/icon";
+import style from "./style/style.module.css";
+export const ButtonLoading = () => {
+    return (_jsx("div", { className: cn(style.btnLoadingWrapper, "btnLoadingWrapper"), children: _jsx("span", { className: cn(style.btnContent, "btnContent"), children: iconLoading() }) }));
+};
+const ButtonWrapper = ({ className, onClick, ImageComponent, blockIcon, hoverIcon, loading, disabled, }) => {
+    return (_jsxs("button", { className: cn(style.btnClass, "group", className), onClick: onClick, disabled: disabled, children: [_jsx(ImageComponent, { src: blockIcon, width: 100, height: 100, alt: "sync", sizes: "100vw", className: cn(style.blockIcon, "group-hover:hidden", "blockIcon") }), _jsx(ImageComponent, { src: hoverIcon, width: 100, height: 100, alt: "sync", sizes: "100vw", className: cn(style.hoverIcon, "group-hover:block", "hoverIcon") }), loading ? (_jsx("div", { className: cn(style.btnLoading, "btnLoading"), children: _jsx(ButtonLoading, {}) })) : null] }));
+};
+export default ButtonWrapper;

package/dist/components/button-wrapper/icons/icon.d.ts

@@ -0,0 +1 @@
+export declare const iconLoading: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/button-wrapper/icons/icon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const iconLoading = () => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-loader-circle", children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56", children: _jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "1s", repeatCount: "indefinite" }) }) }));
+};

package/dist/components/button-wrapper/style/style.module.css

@@ -0,0 +1,18 @@
+.btnClass {
+  @apply relative px-3 py-2 flex justify-center items-center !bg-secondary-50 hover:!bg-secondary;
+}
+.blockIcon {
+  @apply size-7  block;
+}
+.hoverIcon {
+  @apply size-7  hidden;
+}
+.btnLoading {
+  @apply absolute top-0 left-0 size-full text-primary;
+}
+.btnLoadingWrapper {
+  @apply size-full bg-primary-50 opacity-50 absolute top-0 left-0;
+}
+.btnContent {
+  @apply absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;
+}

package/dist/components/cookie-accept-popup/CookiesAcceptPopup.d.ts

@@ -0,0 +1,2 @@
+declare const CookiesAcceptPopup: () => import("react/jsx-runtime").JSX.Element | null;
+export default CookiesAcceptPopup;

package/dist/components/cookie-accept-popup/CookiesAcceptPopup.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { getBaseDomain, getBikiranUrl } from "../../lib/utils/Env";
+import style from "./style/CookieAcceptPopup.module.css";
+import Cookie from "../../lib/utils/Cookie";
+import { cn } from "../../lib/utils/cn";
+const CookiesAcceptPopup = () => {
+    // State to control the popup visibility
+    const [mode, setMode] = useState(false);
+    // State to check if the user has already accepted the cookie policy
+    const [isAccept, setIsAccept] = useState(new Cookie("accept-tc", getBaseDomain()).verifyCookie("yes"));
+    // Handle mode change when the user accepts cookies
+    useEffect(() => {
+        if (mode) {
+            // Set Data to cookies to parent domain
+            const cookie = new Cookie("accept-tc", getBaseDomain());
+            cookie.setCookie("yes", 365);
+            setIsAccept(true);
+        }
+    }, [mode]);
+    // Return null if cookies have already been accepted
+    if (isAccept) {
+        return null;
+    }
+    return (_jsxs("div", { className: cn(style.container, "container"), children: [_jsxs("p", { className: cn(style.text, "text"), children: ["This site uses cookies. By continuing to use this website, you agree to their use. For details, please check our", " ", _jsx("a", { href: getBikiranUrl() + "/legal/privacy-policy", target: "_blank", className: cn(style.a, "a"), children: "Privacy Policy" }), "."] }), _jsx("button", { type: "button", className: cn(style.btn, "btn"), onClick: () => setMode(true), children: "I Accept" })] }));
+};
+export default CookiesAcceptPopup;

package/dist/components/cookie-accept-popup/style/CookieAcceptPopup.module.css

@@ -0,0 +1,12 @@
+.container {
+  @apply fixed bottom-7 z-[9999999] sm:bottom-16 left-5 w-[320px] sm:w-[405px] bg-white shadow-[0px_3px_50px_0px_rgba(19,15,64,0.08)] rounded-15 p-5 sm:px-5 sm:py-[25px];
+}
+.text {
+  @apply text-primary-700 text-sm sm:text-base font-normal leading-[25px] mb-4 sm:mb-[18px];
+}
+.a {
+  @apply text-secondary;
+}
+.btn {
+  @apply h-10 bg-secondary text-white text-sm sm:text-base font-medium px-4 sm:px-5 rounded-[8px];
+}

package/dist/components/copy-wrapper/CopyWrapper.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+declare const CopyWrapper: FC<{
+    content: any;
+    className?: string;
+}>;
+export default CopyWrapper;

package/dist/components/copy-wrapper/CopyWrapper.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Copy from "../../lib/utils/Copy";
+import { cn } from "../../lib/utils/cn";
+import { iconCopy, iconTick } from "./icon/icons";
+const CopyWrapper = ({ content, className, }) => {
+    const { copy, isCopied } = Copy();
+    return (_jsxs("button", { className: cn("flex items-center gap-1 group", className), onClick: () => copy(content), children: [_jsx("div", { className: "text-sm", children: content }), isCopied ? (_jsx("div", { children: iconTick() })) : (_jsx("div", { className: "group-hover:block hidden", children: iconCopy() }))] }));
+};
+export default CopyWrapper;

package/dist/components/copy-wrapper/icon/icons.d.ts

@@ -0,0 +1,2 @@
+export declare const iconTick: () => import("react/jsx-runtime").JSX.Element;
+export declare const iconCopy: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/copy-wrapper/icon/icons.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const iconTick = () => {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.72392 17.9089L8.52392 24.7199C8.88692 25.1549 9.36692 25.4809 9.90492 25.6569C10.6999 25.9069 11.7999 25.8899 12.7439 24.5429L25.6989 4.34391C25.7949 4.19491 25.8689 4.03191 25.9179 3.86391C26.1099 3.20391 26.0689 1.75491 24.6309 2.33391C24.2319 2.49691 23.8789 2.75891 23.6079 3.09291L11.3979 17.7869C10.9299 18.3509 10.0939 18.4279 9.52892 17.9599C9.47592 17.9169 9.42592 17.8689 9.37992 17.8159L6.65392 14.7179C6.10192 14.0739 5.31092 13.6829 4.46392 13.6299C3.54892 13.5919 2.49192 13.8609 2.10492 15.1959C1.84492 16.1489 2.07592 17.1639 2.72392 17.9089Z", fill: "#130F40" }) }));
+};
+export const iconCopy = () => {
+    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M16.4772 1.42859H7.31432C6.68218 1.42859 6.16789 1.94287 6.16789 2.57502V3.6543H4.33004C3.25289 3.6543 2.37646 4.53073 2.37646 5.60787V16.6179C2.37646 17.695 3.25289 18.5714 4.33004 18.5714H13.5208C14.5986 18.5714 15.4743 17.695 15.4743 16.6179V14.6993H16.4772C17.1093 14.6993 17.6236 14.185 17.6236 13.5529V2.57502C17.6236 1.94287 17.1093 1.42859 16.4772 1.42859ZM14.15 16.6179C14.15 16.9657 13.8679 17.2479 13.5208 17.2479H4.33004C3.98289 17.2479 3.70004 16.9657 3.70004 16.6179V5.60787C3.70004 5.26073 3.98289 4.97859 4.33004 4.97859H6.16789V13.5529C6.16789 14.185 6.68218 14.6993 7.31432 14.6993H14.1493L14.15 16.6179ZM16.2993 12.745C16.2993 13.0929 16.0172 13.375 15.6693 13.375H8.12147C7.77432 13.375 7.49147 13.0929 7.49147 12.745V3.38287C7.49147 3.03573 7.77432 2.75287 8.12147 2.75287H12.3286L12.3565 2.86287C12.8315 4.77359 14.3022 6.30787 16.195 6.86502L16.2993 6.89573V12.745Z", fill: "#130F40" }) }));
+};

package/dist/components/currency-selector/CurrencySelector.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, FC } from "react";
+type TCurrencyDropdownProps = {
+    children?: ReactNode;
+    className?: string;
+    onClick?: (currency: string) => void;
+    value?: string;
+    useApp: () => {
+        currencies: any;
+        locale: any;
+        handelChangeLocale: (currency: string) => void;
+    };
+};
+declare const CurrencySelector: FC<TCurrencyDropdownProps>;
+export default CurrencySelector;

package/dist/components/currency-selector/CurrencySelector.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import style from "./style/CurrencySelector.module.css";
+import { cn } from "../../lib/utils/cn";
+function IconArrow({ className }) {
+    return (_jsx("svg", { width: "12", height: "7", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: `transform transition-all ${className}`, children: _jsx("path", { d: "M.808 5.159a.971.971 0 1 0 1.387 1.36l2.45-2.499c.627-.638.94-.958 1.337-.973.397-.015.734.28 1.407.868l2.636 2.303a.971.971 0 0 0 1.278-1.463l-4.016-3.51C6.613.656 6.277.362 5.879.378c-.397.015-.71.334-1.336.973L.808 5.159Z", fill: "currentColor" }) }));
+}
+function Option({ item, isCurrent, onClick }) {
+    return (_jsxs("button", { type: "button", className: cn(style.option, "option", isCurrent ? style.isCurrent : "isCurrent"), onClick: onClick, children: [_jsx("span", { children: (item === null || item === void 0 ? void 0 : item.currency) || "--" }), " ", _jsx("span", { children: (item === null || item === void 0 ? void 0 : item.currency) === "USD" ? "$" : "৳" })] }));
+}
+const CurrencySelector = ({ children, className, onClick, value, useApp, }) => {
+    const [open, setOpen] = useState(true);
+    const ref = useRef(null);
+    const { currencies, locale, handelChangeLocale } = useApp();
+    const isCustomHandler = onClick && typeof onClick === "function";
+    const handleOptionClick = (ev, item) => {
+        setOpen(true);
+        if (isCustomHandler) {
+            onClick(item === null || item === void 0 ? void 0 : item.currency);
+        }
+        else {
+            handelChangeLocale(item === null || item === void 0 ? void 0 : item.currency);
+        }
+    };
+    const handleMenuClick = (ev) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        setOpen((prev) => !prev);
+    };
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (ref.current && !ref.current.contains(event.target)) {
+                setOpen(true);
+            }
+        }
+        document.addEventListener("mousedown", (ev) => handleClickOutside(ev));
+        return () => {
+            document.removeEventListener("mousedown", (ev) => handleClickOutside(ev));
+        };
+    }, [ref]);
+    return (_jsxs("div", { className: cn(style.container, className, "container"), ref: ref, children: [children ? (_jsx("button", { type: "button", className: "", onClick: handleMenuClick, children: children })) : (_jsxs("button", { type: "button", className: cn(style.btn, "btn"), onClick: handleMenuClick, children: [_jsx("h2", { className: cn(style.currency, "currency"), children: isCustomHandler ? value : locale === null || locale === void 0 ? void 0 : locale.currency }), _jsx(IconArrow, { className: cn(style.iconArrow, "iconArrow", open ? style.iconArrowOpen : "iconArrowOpen") })] })), _jsx("div", { className: cn(style.dropDown, "dropDown", open ? style.dropDownOpen : "dropDownOpen"), children: currencies &&
+                    currencies.map((item) => (_jsx(Option, { item: item, isCurrent: isCustomHandler
+                            ? (item === null || item === void 0 ? void 0 : item.currency) === value
+                            : (locale === null || locale === void 0 ? void 0 : locale.currency) === (item === null || item === void 0 ? void 0 : item.currency), onClick: (ev) => handleOptionClick(ev, item) }, item.currency))) })] }));
+};
+export default CurrencySelector;

package/dist/components/currency-selector/style/CurrencySelector.module.css

@@ -0,0 +1,28 @@
+.container {
+  @apply size-full rounded-[25px] cursor-pointer relative;
+}
+.btn {
+  @apply w-full flex items-center justify-between;
+}
+.currency {
+  @apply text-primary text-sm font-medium;
+}
+.iconArrow {
+  @apply text-primary rotate-0;
+}
+.iconArrowOpen {
+  @apply rotate-180;
+}
+.dropDown {
+  @apply w-[80px]  bg-white shadow-lg absolute -left-2.5 rounded-[7px] top-8 z-10 visible transition-all;
+}
+.dropDownOpen {
+  @apply top-0 -z-10 invisible;
+}
+.option {
+  @apply w-full flex items-center justify-between text-sm py-[7px] px-3 border-b border-secondary-100 last:border-0 first:rounded-tl-[7px] first:rounded-tr-[7px] last:rounded-bl-[7px] last:rounded-br-[7px] hover:text-secondary text-primary;
+}
+
+.isCurrent {
+  @apply text-secondary;
+}

package/dist/components/custom-sidebar/CustomSidebar.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+type TProps = {
+    children: ReactNode;
+    className?: string;
+    showType: string;
+    usePathname: () => string;
+    useTemplate: () => {
+        modalType: string;
+        closeModal: () => void;
+        openModal: (type: string, data: any) => void;
+        modalData: any;
+    };
+};
+declare const CustomSidebar: FC<TProps>;
+export default CustomSidebar;

package/dist/components/custom-sidebar/CustomSidebar.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { cn } from "../../lib/utils/cn";
+import { IconClose } from "./icons";
+import style from "./style/CustomSidebar.module.css";
+const Content = ({ children, className }) => {
+    return (_jsx("div", { className: cn(style.content, "content custom-scrollbar", className), children: children }));
+};
+const CustomSidebar = ({ children, className, showType, usePathname, useTemplate, }) => {
+    const { modalType, closeModal, openModal, modalData } = useTemplate();
+    const pathname = usePathname();
+    const isOpen = modalType === showType;
+    const handleToggle = () => {
+        if (isOpen) {
+            openModal("", modalData);
+        }
+        else {
+            openModal(showType, modalData);
+        }
+    };
+    useEffect(() => {
+        if (isOpen) {
+            closeModal();
+        }
+    }, [pathname]);
+    return (_jsx("div", { className: cn(style.container, className, modalType === showType ? style.type : "type"), children: _jsxs("div", { className: "flex items-stretch h-full", children: [_jsx("div", { className: cn(style.sidebarBody, "sidebarBody", isOpen ? style.sidebarBodyOpen : "sidebarBodyOpen"), children: _jsx("button", { type: "button", onClick: handleToggle, className: cn(style.btnClose, "btnClose", !isOpen ? style.notOpen : "notOpen"), children: isOpen ? _jsx(IconClose, {}) : null }) }), _jsx(Content, { className: "content-wrapper", children: children })] }) }));
+};
+export default CustomSidebar;

package/dist/components/custom-sidebar/icons.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const IconClose: FC;
+export declare const IconArrow: FC;

package/dist/components/custom-sidebar/icons.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const IconClose = () => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "#2b2754", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-x h-4 w-4", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }));
+};
+export const IconArrow = () => {
+    return (_jsx("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M24.525 12.655H7.024L13.018 7.16495C13.294 6.91195 13.447 6.57595 13.448 6.21995C13.449 5.86295 13.298 5.52695 13.023 5.27295C12.447 4.73995 11.507 4.73795 10.928 5.26895L2.429 13.052C2.152 13.306 2 13.642 2 13.999C2 14.357 2.152 14.694 2.428 14.947L2.427 14.948L10.928 22.731C11.507 23.261 12.447 23.26 13.023 22.726C13.298 22.472 13.449 22.136 13.448 21.779C13.447 21.422 13.295 21.087 13.018 20.834L7.024 15.344H24.526C25.338 15.344 26 14.742 26 14C26 13.258 25.338 12.655 24.525 12.655Z", fill: "#130F40" }) }));
+};

package/dist/components/custom-sidebar/style/CustomSidebar.module.css

@@ -0,0 +1,21 @@
+.container {
+  @apply max-w-[800px] w-full h-full fixed top-[50px] right-0 z-[1] transition-[transform_right] transform translate-x-full;
+}
+.type {
+  @apply translate-x-0;
+}
+.sidebarBody {
+  @apply w-0 h-full bg-primary-100  flex flex-col items-center py-3;
+}
+.sidebarBodyOpen {
+  @apply w-16;
+}
+.notOpen {
+  @apply bg-transparent border-0;
+}
+.btnClose {
+  @apply border border-primary-300 rounded-full bg-primary-300 size-7.5 flex justify-center items-center;
+}
+.content {
+  @apply flex-1 bg-white p-5 pb-20 overflow-auto;
+}

package/dist/components/filter-wrapper/FilterBarWrapper.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+type TProps = {
+    formData: Record<string, any>;
+    onSearch: (search: string) => void;
+    resetClick?: () => void;
+    children: React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+declare const FilterBarWrapper: FC<TProps>;
+export default FilterBarWrapper;

package/dist/components/filter-wrapper/FilterBarWrapper.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import SearchInput from "./SearchInput";
+import { iconReset } from "./icons/Icons";
+import style from "./style/FilterBarWrapper.module.css";
+import { cn } from "../../lib/utils/cn";
+const getStrValue = (filter) => {
+    var _a, _b, _c;
+    // //check if value is not string type then convert it to string
+    if (Object.values(filter).some((val) => typeof val !== "string")) {
+        const newFilter = Object.assign({}, filter);
+        Object.keys(newFilter).forEach((key) => {
+            if (typeof newFilter[key] !== "string") {
+                newFilter[key] = JSON.stringify(newFilter[key]);
+            }
+        });
+        return (_a = JSON === null || JSON === void 0 ? void 0 : JSON.stringify(newFilter)) === null || _a === void 0 ? void 0 : _a.replace(/[{},"]/g, " ");
+    }
+    //if any property is empty then remove that property
+    if (Object.values(filter).some((val) => (val === null || val === void 0 ? void 0 : val.trim()) === "")) {
+        const newFilter = Object.assign({}, filter);
+        Object.keys(newFilter).forEach((key) => {
+            var _a;
+            if (((_a = newFilter[key]) === null || _a === void 0 ? void 0 : _a.trim()) === "") {
+                delete newFilter[key];
+            }
+        });
+        return (_b = JSON === null || JSON === void 0 ? void 0 : JSON.stringify(newFilter)) === null || _b === void 0 ? void 0 : _b.replace(/[{},"]/g, " ");
+    }
+    return (_c = JSON === null || JSON === void 0 ? void 0 : JSON.stringify(filter)) === null || _c === void 0 ? void 0 : _c.replace(/[{},"]/g, " ");
+};
+const FilterBarWrapper = ({ children, formData, disabled, placeholder = "Search anything...", onSearch, resetClick, className, }) => {
+    const [isFilterOpen, setIsFilterOpen] = useState(false);
+    // get queries
+    const urlParams = new URLSearchParams(typeof window !== "undefined" ? window.location.search : "");
+    // get properties of formData object from urlParams
+    const properties = Object.fromEntries(Object.keys(formData).map((key) => [key, urlParams.get(key) || ""])) || {};
+    const [filters, setFilters] = useState(properties);
+    const [isFocus, setIsFocus] = useState(false);
+    const ref = useRef(null);
+    const filterValues = Object.keys(filters).length > 0 ? filters : properties;
+    const searchedValue = getStrValue(filterValues) || "";
+    useEffect(() => {
+        const urlParams = new URLSearchParams(typeof window !== "undefined" ? window.location.search : "");
+        const properties = Object.fromEntries(Object.keys(formData).map((key) => [key, urlParams.get(key) || ""])) || {};
+        setFilters(properties);
+    }, [window.location.search]);
+    // outside click
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            var _a, _b;
+            const isSelectClick = ((_a = e.target) === null || _a === void 0 ? void 0 : _a.closest('[role="combobox"]')) ||
+                ((_b = e.target) === null || _b === void 0 ? void 0 : _b.closest('[role="listbox"]'));
+            if (ref.current &&
+                !ref.current.contains(e.target) &&
+                !isSelectClick) {
+                setIsFilterOpen(false);
+                setIsFocus(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [ref]);
+    const isOpen = isFilterOpen || isFocus;
+    const handleSearch = () => {
+        // Build the query string
+        const queryString = Object.entries(formData)
+            .filter(([_, value]) => value) // Filter out empty values
+            .map(([key, value]) => `${key}=${value}`)
+            .join("&");
+        onSearch(`?${queryString}`);
+    };
+    const onSubmit = (e) => {
+        e.preventDefault();
+        handleSearch();
+        setIsFilterOpen(false);
+        setIsFocus(false);
+    };
+    return (_jsxs("div", { className: cn(style.filterBarContainer, "filterBarContainer", className, disabled
+            ? style.filterBarContainerDisabled
+            : "filterBarContainerDisabled"), ref: ref, children: [_jsx(SearchInput, { isOpen: isOpen, onFocus: () => setIsFocus(true), toggleFilter: () => setIsFilterOpen((prev) => !prev), searchedValue: searchedValue, placeholder: placeholder }), _jsx("div", { className: cn(style.expandSection, "expandSection", isOpen ? `${style.isExpanded} isExpanded` : ""), children: _jsxs("form", { onSubmit: onSubmit, className: cn(style.form, "form"), children: [children, _jsxs("div", { className: style.buttonContainer, children: [resetClick !== undefined && (_jsx("button", { type: "button", onClick: resetClick, className: cn(style.resetBtn, "resetBtn group"), children: iconReset("text-secondary group-hover:text-white") })), _jsx("button", { className: cn(style.searchBtn, "searchBtn"), children: "Search" })] })] }) })] }));
+};
+export default FilterBarWrapper;

package/dist/components/filter-wrapper/SearchInput.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+type TProps = {
+    isOpen: boolean;
+    onFocus: () => void;
+    toggleFilter: () => void;
+    searchedValue: string;
+    placeholder: string;
+};
+declare const SearchInput: FC<TProps>;
+export default SearchInput;

package/dist/components/filter-wrapper/SearchInput.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { iconFilter } from "./icons/Icons";
+import style from "./style/FilterBarWrapper.module.css";
+import { cn } from "../../lib/utils/cn";
+const SearchInput = ({ isOpen, onFocus, toggleFilter, searchedValue, placeholder, }) => {
+    return (_jsxs("div", { className: cn(style.searchBar, "searchBar", isOpen ? style.searchBarIsOpen : "searchBarIsOpen"), children: [_jsx("input", { type: "text", onChange: () => { }, onFocus: onFocus, value: searchedValue, readOnly: true, placeholder: "Search Anything....", className: cn(style.searchBarInput, "searchBarInput") }), (searchedValue === null || searchedValue === void 0 ? void 0 : searchedValue.length) === 2 && (_jsx("span", { className: cn(style.hasSearchValue, "hasSearchValue"), onClick: toggleFilter, children: placeholder })), _jsx("button", { className: cn(style.icon, "icon", isOpen ? "bg-primary-100" : "iconActive"), onClick: toggleFilter, children: iconFilter() })] }));
+};
+export default SearchInput;

package/dist/components/filter-wrapper/icons/Icons.d.ts

@@ -0,0 +1,2 @@
+export declare const iconFilter: () => import("react/jsx-runtime").JSX.Element;
+export declare const iconReset: (className?: string) => import("react/jsx-runtime").JSX.Element;

package/dist/components/filter-wrapper/icons/Icons.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const iconFilter = () => {
+    return (_jsx("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3.34605 8.64002C3.79005 8.65002 4.22405 8.65802 4.65605 8.63702C4.67705 8.63602 4.69805 8.63502 4.71905 8.63502C5.07005 8.63502 5.29205 8.78502 5.45705 9.12802C6.27205 10.819 7.59905 11.677 9.40305 11.68C9.40605 11.68 9.40905 11.68 9.41105 11.68C11.198 11.68 12.518 10.833 13.336 9.16302C13.521 8.78402 13.755 8.63602 14.168 8.63602C14.17 8.63602 14.173 8.63602 14.173 8.63602C17.253 8.64602 20.89 8.65202 24.505 8.63002C24.833 8.62702 25.209 8.52302 25.486 8.35802C25.917 8.10002 26.106 7.51902 25.937 6.97502C25.771 6.44602 25.283 6.08902 24.718 6.08702C23.087 6.08102 21.455 6.08202 19.824 6.08402H13.596L13.525 5.94402L13.515 5.92002L13.503 5.89602L13.46 5.81102C12.669 3.98502 11.318 3.05302 9.44405 3.03802C7.58905 3.00902 6.19705 3.93202 5.37605 5.73802C5.28505 5.93702 5.02705 6.06802 4.84105 6.07602C4.52005 6.08902 4.19805 6.08802 3.87605 6.08602C3.70405 6.08402 3.53305 6.08302 3.36105 6.08502C2.57905 6.09002 2.00605 6.62302 2.00005 7.35302C1.99405 8.06902 2.57305 8.62302 3.34605 8.64002ZM8.14105 6.10102C8.47405 5.76302 8.92005 5.57602 9.39805 5.57502C9.40105 5.57502 9.40405 5.57502 9.40405 5.57502C9.87905 5.57502 10.325 5.75802 10.66 6.09202C10.996 6.42702 11.183 6.87502 11.184 7.35302C11.187 8.33702 10.394 9.14302 9.41505 9.15002C9.41005 9.15002 9.40605 9.15002 9.40205 9.15002C8.93505 9.15002 8.49405 8.96802 8.16005 8.63802C7.81805 8.30002 7.62905 7.84902 7.62805 7.36802C7.62605 6.88902 7.80805 6.43902 8.14105 6.10102ZM24.656 19.359C24.211 19.35 23.739 19.342 23.273 19.363C22.868 19.382 22.682 19.154 22.563 18.903C21.74 17.19 20.407 16.321 18.599 16.32H18.596C16.786 16.32 15.452 17.187 14.632 18.895C14.473 19.226 14.262 19.362 13.906 19.362C13.904 19.362 13.901 19.362 13.901 19.362C11.733 19.353 9.56605 19.352 7.39805 19.356L4.87305 19.355C4.36705 19.353 3.86105 19.35 3.35505 19.358C2.69105 19.366 2.17605 19.751 2.04205 20.338C1.95105 20.739 2.03305 21.125 2.27305 21.425C2.51905 21.734 2.91205 21.912 3.34905 21.912C5.89005 21.915 8.43105 21.917 10.97 21.914H14.4L14.471 22.052L14.478 22.07L14.49 22.087C14.513 22.131 14.53 22.164 14.543 22.2C15.336 24.025 16.698 24.959 18.587 24.964C18.591 24.964 18.596 24.964 18.601 24.964C20.456 24.964 21.81 24.056 22.622 22.267C22.713 22.066 22.97 21.934 23.156 21.925C23.481 21.911 23.805 21.911 24.131 21.915C24.301 21.915 24.468 21.918 24.636 21.915C25.419 21.91 25.991 21.377 25.999 20.647C26.008 19.928 25.429 19.374 24.656 19.359ZM18.613 22.422C18.607 22.422 18.601 22.422 18.596 22.422C18.125 22.422 17.683 22.241 17.348 21.912C17.009 21.578 16.819 21.131 16.816 20.653C16.809 19.654 17.582 18.86 18.574 18.846C18.583 18.846 18.592 18.846 18.6 18.846C19.062 18.846 19.499 19.025 19.833 19.352C20.177 19.688 20.369 20.137 20.373 20.618C20.382 21.605 19.592 22.414 18.613 22.422Z", fill: "#130F40" }) }));
+};
+export const iconReset = (className) => {
+    return (_jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: _jsx("path", { d: "M23.4805 19.6821C22.2025 22.4695 20.0742 24.3966 17.1609 25.3979C15.098 26.1124 13.0301 26.1929 11.0124 25.6293C7.45009 24.6381 4.95949 22.384 3.60098 18.9374C3.35947 18.3185 3.67645 17.599 4.31042 17.3324C4.47646 17.2569 4.65257 17.2267 4.82364 17.2267C5.2966 17.2267 5.73938 17.4883 5.96579 17.9412C6.0463 18.1072 6.1268 18.2733 6.20731 18.4443C6.41863 18.8972 6.64002 19.3651 6.93185 19.7877C8.64256 22.2582 11.0174 23.4708 13.9709 23.3903C17.4024 23.2997 20.3308 21.1362 21.4226 17.8808C22.3837 15.0128 21.8956 12.3713 19.9786 10.0165C18.4792 8.17498 16.4565 7.18377 13.976 7.06302C13.6741 7.04792 13.3772 7.07308 13.0854 7.10327C12.9345 7.11333 12.7835 7.12843 12.6326 7.13849C12.5621 7.13849 12.3508 7.14855 12.225 7.31459C12.1093 7.46554 12.1294 7.65171 12.1596 7.79259C12.2401 8.17498 12.3105 8.55235 12.386 8.93474C12.4162 9.09072 12.4464 9.2467 12.4766 9.40268L12.4866 9.46305L12.5168 9.62406C12.5219 9.63413 12.5219 9.63916 12.5219 9.64922C12.5219 9.9008 12.2602 10.092 12.0137 9.98633C12.0087 9.98633 11.9986 9.98633 11.9936 9.9813L6.85134 7.55611C6.81612 7.54101 6.7809 7.52089 6.74568 7.49573C6.36832 7.26931 6.26769 6.76616 6.52932 6.41395C6.54442 6.38879 6.56454 6.36364 6.58467 6.34351L10.4288 2.16735L10.5042 2.08684C10.5093 2.08181 10.5193 2.07678 10.5244 2.06672C10.7156 1.93086 10.9873 2.01137 11.0778 2.22772C11.103 2.34345 11.1231 2.45917 11.1432 2.5749L11.1483 2.58999L11.2891 3.31956C11.3495 3.60133 11.4049 3.8831 11.4502 4.16486C11.5256 4.58751 11.8175 4.63279 12.0489 4.59757C16.9899 3.81265 21.8906 6.62528 23.7019 11.2794C24.8088 14.1172 24.7334 16.9449 23.4805 19.6821Z", fill: "currentColor" }) }));
+};

package/dist/components/filter-wrapper/style/FilterBarWrapper.module.css

@@ -0,0 +1,41 @@
+.filterBarContainer {
+  @apply bg-white shadow-[0_7px_20px_rgb(174_0_185/5%)] rounded-10 relative z-[1];
+}
+.filterBarContainerDisabled {
+  @apply [&_input]:bg-primary-50 [&>div]:!border-primary-100 bg-primary-50  pointer-events-none;
+}
+.expandSection {
+  @apply w-full bg-white shadow-[0_7px_20px_rgb(174_0_185/5%)] absolute top-8 left-0 z-30 max-h-0 overflow-hidden transition-[max-height];
+}
+.isExpanded {
+  @apply max-h-[600px] rounded-bl-10 rounded-br-10 overflow-visible;
+}
+.form {
+  @apply pt-8 px-4 pb-4 space-y-4 border border-secondary-100 border-t-transparent rounded-bl-10 rounded-br-10;
+}
+.buttonContainer {
+  @apply flex justify-end gap-2.5;
+}
+.resetBtn {
+  @apply rounded-[8px] bg-secondary-100 hover:bg-secondary p-1.5 transition-colors size-[34px];
+}
+.searchBtn {
+  @apply relative px-3 h-[34px] text-base font-medium rounded-[8px] transition-colors disabled:bg-primary-100 disabled:pointer-events-none disabled:text-primary-500 w-36  bg-[#AE00B9] text-white;
+}
+
+.searchBar {
+  @apply flex items-center h-10 overflow-hidden border border-secondary-100 rounded-10 relative z-50;
+}
+
+.searchBarIsOpen {
+  @apply rounded-[10px_10px_0_0];
+}
+.searchBarInput {
+  @apply flex-1 rounded-10 py-2 px-4 focus:outline-none text-xs;
+}
+.hasSearchValue {
+  @apply absolute top-1/2 left-4 -translate-y-1/2 text-primary-500;
+}
+.icon {
+  @apply w-10 h-[80%] mx-1 px-3 rounded-[5px] hover:bg-primary-100 transition-colors flex justify-center items-center;
+}

package/dist/components/header/FixedHeaderControl.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./header.css";
+type TFixedHeaderControl = {
+    children: React.ReactNode;
+};
+declare const FixedHeaderControl: React.FC<TFixedHeaderControl>;
+export default FixedHeaderControl;

package/dist/components/header/FixedHeaderControl.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import "./header.css";
+const FixedHeaderControl = ({ children }) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        const handleScroll = () => {
+            if (ref === null || ref === void 0 ? void 0 : ref.current) {
+                if (typeof window !== "undefined" && window.scrollY > 5) {
+                    ref.current.classList.add("position-high");
+                }
+                else {
+                    ref.current.classList.remove("position-high");
+                }
+            }
+        };
+        window.addEventListener("scroll", handleScroll);
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "web-header", ref: ref, children: children }), _jsx("div", { className: "web-header-gap" })] }));
+};
+export default FixedHeaderControl;

package/dist/components/header/HeaderLoginColumnComp.d.ts

@@ -0,0 +1,25 @@
+import { FC } from "react";
+type THeaderLoginComp = {
+    cartFn: () => {
+        cartItems: any[];
+        reloadCartData: () => void;
+    };
+    authFn: () => {
+        authInfo: any;
+        logOut: () => void;
+        loginUrl: string;
+    };
+    templateFn: () => {
+        setMessage: (message: string) => void;
+        setConfirm: (confirm: any) => void;
+        setTemplateLoading: (loading: boolean) => void;
+    };
+    removeProductFromCartFn?: (productId: number) => void;
+    pathname: string;
+    ImageComponent: any;
+    LinkComponent: any;
+    authWrapper: any;
+    applicationData: any;
+};
+declare const HeaderLoginColumnComp: FC<THeaderLoginComp>;
+export default HeaderLoginColumnComp;

package/dist/components/header/HeaderLoginColumnComp.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ProfileManage from "../Profile/ProfileManage";
+import HeaderServiceBtnComp from "./HeaderServiceBtnComp";
+const HeaderLoginColumnComp = ({ cartFn, authFn, templateFn, pathname, ImageComponent, LinkComponent, removeProductFromCartFn, authWrapper, applicationData, }) => {
+    const { cartItems, reloadCartData } = cartFn();
+    const { authInfo, logOut, loginUrl } = authFn();
+    const { setMessage, setConfirm, setTemplateLoading } = templateFn();
+    // const removeProductFromCart = (productId: number) => {
+    //   setConfirm({
+    //     show: true,
+    //     text: "Are you sure you want to remove this item from cart?",
+    //     textCancel: "No",
+    //     txtAction: "Yes",
+    //     textActionCname: "!bg-primary-100 !text-primary",
+    //     clickAction: () => {
+    //       setMessage("Removing...");
+    //       setTemplateLoading(true);
+    //       ApiDeleteCartItem(authInfo, productId)
+    //         .then(({ message }) => {
+    //           setMessage(message);
+    //           reloadCartData();
+    //         })
+    //         .catch((err: Error) => {
+    //           setMessage(err.message);
+    //         })
+    //         .finally(() => {
+    //           setTemplateLoading(false);
+    //           setConfirm(null);
+    //         });
+    //     },
+    //   });
+    // };
+    return (_jsxs("ul", { className: "flex items-center justify-end  gap-3.5 lg:gap-4", children: [_jsx("li", {}), pathname !== "/cart" ? (_jsx("li", { className: "flex -mx-1" })) : null, _jsx("li", { className: "-mx-1", children: _jsx(HeaderServiceBtnComp, { ImageComponent: ImageComponent, LinkComponent: LinkComponent, applicationData: applicationData, authInfo: authInfo }) }), _jsx("li", { children: _jsx(ProfileManage, { authFn: authFn, AuthCompWrapper: authWrapper, LinkComponent: LinkComponent, ImageComponent: ImageComponent }) })] }));
+};
+export default HeaderLoginColumnComp;

package/dist/components/header/HeaderLogoComp.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+declare const HeaderLogoComp: FC<{
+    ImageComponent: any;
+    LinkComponent: any;
+}>;
+export default HeaderLogoComp;

package/dist/components/header/HeaderLogoComp.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { headerIcons } from "./icons/icons";
+const HeaderLogoComp = ({ ImageComponent, LinkComponent }) => {
+    return (_jsx(LinkComponent, { href: "/", className: "lg:w-auto xl:w-[160px] h-10 xl:h-[50px]", children: _jsx(ImageComponent, { src: headerIcons.iconBikLogo, alt: "logo", width: 0, height: 0, className: "size-full", priority: true }) }));
+};
+export default HeaderLogoComp;

package/dist/components/header/HeaderSection.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode } from "react";
+type THeaderProps = {
+    className?: string;
+    children?: ReactNode;
+    cartFn?: () => {
+        cartItems: any[];
+        reloadCartData: () => void;
+    };
+    removeProductFromCartFn?: (id: number) => void;
+    ImageComponent: any;
+    LinkComponent: any;
+    authWrapper: any;
+    authFn: () => any;
+    templateFn: () => any;
+    routerFn: () => any;
+    pathname: string;
+    applicationData: any;
+    navLinks?: any;
+};
+declare const HeaderSection: FC<THeaderProps>;
+export default HeaderSection;