@bikiran/utils 1.18.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Kumar Bishojit Paul
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,102 @@
+# 7502NPM-Bikiran-Utils
+
+# Dependencies
+
+**1.clsx**
+**2.tailwind-merge**
+**3.Nextjs**
+
+# IMPORTANT NOTE
+
+This package was specifically developed and tailored for our organization’s projects. It may not be particularly helpful for your needs, but you’re welcome to try it out. Just keep in mind that it could potentially break your project—or it might work exactly as intended.
+
+## 🎨 **Available Components**
+
+```tsx
+<Pagination  />
+<FilterBarWrapper />
+<ServicesPopup />
+<ButtonWrapper />
+<CurrencySelector />
+<CustomSidebar/>
+<PageLoading />
+<LoadingComp  />
+<CookiesAcceptPopup />
+<ProfileManage />
+<TooltipUserInfo />
+<UserInfoComp />
+```
+
+## Pagination
+
+You need to write this code where you will use your pagination .This will Check query Params and create a new url . which is important for this component
+
+```tsx
+const pathname = usePathname();
+const searchParams = useSearchParams();
+const currentPage = Number(searchParams.get("CurrentPage"));
+const queries = new URLSearchParams(searchParams.toString());
+
+// Make URL with existing queries if any
+const mkUrl = (number: number) => {
+  queries.set("CurrentPage", number.toString());
+  return `${pathname}?${queries.toString()}`;
+};
+```
+
+# Props and Usage
+
+## Props
+
+| prop        | type                                           | description                                     | default value           | priority   |
+| ----------- | ---------------------------------------------- | ----------------------------------------------- | ----------------------- | ---------- |
+| data        | TPagination                                    | this is an object                               | {} as TPagination       | ✅Required |
+| disabled    | boolean                                        | determine is that pagination is disabled or not | false                   | ❌Optional |
+| currentPage | number                                         | Which page it is now                            | 0                       | ✅Required |
+| mkUrl       | (page: number) => string                       | add query params                                | (page:number) => string | ✅Required |
+| link        | FC<{ href: string; children: React.ReactNode } | Pass the link tag here                          | null                    | ✅Required |
+
+## Usage
+
+```tsx
+import { usePathname, useSearchParams } from "next/navigation";
+import Link from "next/link";
+import Pagination from "your-pagination-package";
+
+const MyPagination = ({ data }) => {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const currentPage = Number(searchParams.get("CurrentPage")) || 1;
+
+  const makeUrl = (num: number) => {
+    const queries = new URLSearchParams(searchParams.toString());
+    queries.set("CurrentPage", num.toString());
+    return `${pathname}?${queries.toString()}`;
+  };
+
+  return (
+    <Pagination
+      data={data}
+      currentPage={currentPage}
+      makeUrl={makeUrl}
+      LinkComponent={Link}
+    />
+  );
+};
+```
+
+## 🔗 **More Details**
+
+For more details, visit the [GitHub repository](https://github.com/bikirandev/7502NPM-Bikiran-Utils/tree/main/documents).
+
+---
+
+## 🔗 **License**
+
+This project is licensed under the MIT License.
+
+---
+
+## 👨‍💻 **Author**
+
+Created by [bikiran.com](https://bikiran.com/). Feel free to contribute!

package/dist/components/Profile/LoginBtn.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+declare const LoginBtn: FC<{
+    loginUrl: string;
+    SIZE_SM: number;
+    windowWidth: number;
+    LinkComponent: any;
+}>;
+export default LoginBtn;

package/dist/components/Profile/LoginBtn.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { UserIcon } from "./icons";
+import style from "./style/LoginBtn.module.css";
+const LoginBtn = ({ loginUrl = "", windowWidth, SIZE_SM, LinkComponent }) => {
+    if (!windowWidth)
+        return null;
+    if (windowWidth && windowWidth < SIZE_SM) {
+        return (_jsx(LinkComponent, { type: "button", className: style.userBtn, href: loginUrl, children: _jsx(UserIcon, {}) }));
+    }
+    return (_jsx(LinkComponent, { type: "button", href: loginUrl, className: style.loginBtn, children: "Login" }));
+};
+export default LoginBtn;

package/dist/components/Profile/ProfileManage.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+declare const ProfileManage: FC<{
+    LinkComponent: any;
+    AuthCompWrapper: any;
+    ImageComponent: any;
+    authFn: () => {
+        authInfo: any;
+        logOut: () => void;
+        loginUrl: string;
+    };
+}>;
+export default ProfileManage;

package/dist/components/Profile/ProfileManage.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import ProfileView from "./ProfileView";
+import ProfileMenuPopup from "./ProfileMenuPopup";
+import { cn } from "../../lib/utils/cn";
+import style from "./style/ProfileManage.module.css";
+const ProfileManage = ({ LinkComponent, AuthCompWrapper, ImageComponent, authFn }) => {
+    const bodyRef = useRef(null);
+    const [showMenu, setShowMenu] = useState(false);
+    const { authInfo, logOut, loginUrl } = authFn();
+    const [windowWidth, setWindowWidth] = useState(typeof window !== "undefined" ? window.innerWidth : 0);
+    const SIZE_SM = 576;
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const updateSize = () => {
+            setWindowWidth(window.innerWidth);
+        };
+        window.addEventListener("resize", updateSize);
+        return () => {
+            window.removeEventListener("resize", updateSize);
+        };
+    }, []);
+    const handleLogout = () => {
+        // -- handler for logout
+        logOut();
+        // -- close the popup
+        setShowMenu(false);
+    };
+    useEffect(() => {
+        // bodyRef outside focus or click or scroll then close the profile info
+        const handleClickOutside = (event) => {
+            if (bodyRef.current && !bodyRef.current.contains(event.target)) {
+                setShowMenu(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    return (_jsxs("div", { className: cn("profile-manage", style.profileManage), ref: bodyRef, children: [_jsx("div", { className: cn("content", style.content), children: _jsx(ProfileView, { auth: authInfo, onClick: () => setShowMenu((prev) => !prev), loginUrl: loginUrl, LinkComponent: LinkComponent, AuthCompWrapper: AuthCompWrapper, ImageComponent: ImageComponent, SIZE_SM: SIZE_SM, windowWidth: windowWidth }) }), _jsx(ProfileMenuPopup, { show: showMenu, authInfo: authInfo, logout: handleLogout, closeClick: () => setShowMenu((prev) => !prev), LinkComponent: LinkComponent, ImageComponent: ImageComponent })] }));
+};
+export default ProfileManage;

package/dist/components/Profile/ProfileMenuList.d.ts

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

package/dist/components/Profile/ProfileMenuList.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActivityHistoryIcon, BillingInfoIcon, NotificationIcon, ContactSupportIcon, } from "./icons";
+import { getAccountUrl, getSupportUrl } from "../../lib/utils/Env";
+import style from "./style/ProfileMenuList.module.css";
+import { cn } from "../../lib/utils/cn";
+const billingSubmenu = [
+    {
+        title: "Invoice",
+        link: "/user/billing/invoice",
+    },
+    {
+        title: "Payments",
+        link: "/user/billing/payment",
+    },
+    {
+        title: "Subscription",
+        link: "/user/subscriptions",
+    },
+];
+const OptionBilling = ({ LinkComponent }) => {
+    return (_jsxs("div", { className: cn(style.optionBillingContainer, "optionBillingContainer"), children: [_jsx("div", { className: cn("billingIcon", style.billingIcon), children: _jsx(BillingInfoIcon, {}) }), _jsxs("div", { className: "", children: [_jsx("div", { className: cn("billingText", style.billingText), children: "Billings Information" }), _jsx("div", { className: cn("linkContainer ML", style.linkContainer), children: billingSubmenu.map(({ title, link }, index) => {
+                            return (_jsxs(LinkComponent, { href: `${getAccountUrl()}${link}`, target: "_blank", className: cn("billingSubmenuLinks", style.billingSubmenuLinks), children: [index !== 0 && _jsx("span", { children: "\u2022 \u00A0" }), title] }, title));
+                        }) })] })] }));
+};
+const Option = ({ path, fullPath, icon, title, notifCount, className, LinkComponent, }) => {
+    const href = fullPath !== undefined ? fullPath : `${getAccountUrl()}/${path}`;
+    return (_jsxs(LinkComponent, { href: href, target: "_blank", className: cn("optionLink group", className, style.optionLink), children: [_jsx("span", { className: cn("optionIcon", style.optionIcon), children: icon }), _jsx("span", { className: cn("optionTitle", style.optionTitle), children: title }), notifCount !== undefined && (_jsx("div", { className: cn("badge", style.badge), children: _jsx("span", { className: cn("badgeSpan", style.badgeSpan), children: "15" }) }))] }));
+};
+const ProfileMenuList = ({ LinkComponent }) => {
+    return (_jsxs("div", { className: cn("menuSection", style.menuSection), children: [_jsx(Option, { path: "user/activities", icon: _jsx(ActivityHistoryIcon, {}), title: "Activity History", className: cn("firstOption", style.firstOption), LinkComponent: LinkComponent }), _jsx(Option, { path: "user/notifications", icon: _jsx(NotificationIcon, {}), title: "Notifications", className: cn("secondOption", style.secondOption), LinkComponent: LinkComponent }), _jsx(OptionBilling, { LinkComponent: LinkComponent }), _jsx(Option, { fullPath: getSupportUrl(), icon: _jsx(ContactSupportIcon, {}), title: "Contact Support", className: cn("lastOption", style.lastOption), LinkComponent: LinkComponent })] }));
+};
+export default ProfileMenuList;

package/dist/components/Profile/ProfileMenuPopup.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { TAuthInfo } from "./authTypes";
+type TProps = {
+    show: boolean;
+    authInfo: TAuthInfo;
+    logout: () => void;
+    closeClick: () => void;
+    LinkComponent: any;
+    ImageComponent: any;
+};
+declare const ProfileMenuPopup: FC<TProps>;
+export default ProfileMenuPopup;

package/dist/components/Profile/ProfileMenuPopup.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CrossIcon } from "./icons";
+import ProfileMenuList from "./ProfileMenuList";
+import ProfileUserInformation from "./ProfileUserInformation";
+import { getAccountUrl, getBikiranUrl } from "../../lib/utils/Env";
+import { cn } from "../../lib/utils/cn";
+import style from "./style/ProfileMenuPopup.module.css";
+const termsArr = [
+    {
+        title: "Privacy Policy",
+        link: `${getBikiranUrl()}/legal/privacy-policy/`,
+    },
+    {
+        title: "Terms of Service",
+        link: `${getBikiranUrl()}/legal/terms-of-service/`,
+    },
+];
+const CloseBtn = ({ closeClick }) => {
+    return (_jsx("button", { type: "button", onClick: closeClick, className: cn("closeBtn", style.closeBtn), children: _jsx(CrossIcon, {}) }));
+};
+const ProfileMenuPopup = ({ show, authInfo, logout, closeClick, LinkComponent, ImageComponent, }) => {
+    if (!show)
+        return null;
+    return (_jsx("div", { className: cn(style.popupContainer, "popupContainer"), children: _jsxs("div", { className: cn("popupContent", style.popupContent), children: [_jsxs("div", { className: cn("popupTopSection", style.popupTopSection), children: [_jsx(ProfileUserInformation, { auth: authInfo, logout: logout, ImageComponent: ImageComponent }), _jsx("div", { className: cn("manageLinkContainer", style.manageLinkContainer), children: _jsx(LinkComponent, { href: `${getAccountUrl()}/user/personal-info`, target: "_blank", className: cn("manageLink", style.manageLink), children: "Manage Your Bikiran Account" }) }), _jsx(ProfileMenuList, { LinkComponent: LinkComponent }), _jsx(CloseBtn, { closeClick: closeClick })] }), _jsx("div", { className: cn("termsAndCondition", style.termsAndCondition), children: termsArr === null || termsArr === void 0 ? void 0 : termsArr.map((item, index) => (_jsxs("div", { children: [_jsx("a", { href: item.link, target: "_blank", rel: "noopener noreferrer", className: cn("termsAndConditionLinks", style.termsAndConditionLinks), children: item.title }), index === 0 ? (_jsx("span", { className: cn("indexSpan", style.indexSpan), children: "\u2022" })) : null] }, item.title))) })] }) }));
+};
+export default ProfileMenuPopup;

package/dist/components/Profile/ProfileUserInformation.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { TAuthInfo } from "./authTypes";
+declare const ProfileUserInformation: FC<{
+    auth: TAuthInfo;
+    logout: () => void;
+    ImageComponent: any;
+}>;
+export default ProfileUserInformation;

package/dist/components/Profile/ProfileUserInformation.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LogoutIcon } from "./icons";
+import { cn } from "../../lib/utils/cn";
+import style from "./style/ProfileUserInformation.module.css";
+const ProfileUserInformation = ({ auth, logout, ImageComponent }) => {
+    const user = auth.currentUser;
+    return (_jsxs("div", { className: cn("userInformation", style.userInformation), children: [_jsxs("div", { className: cn("userInformationContainer", style.userInformationContainer), children: [_jsx("div", { className: cn("userImageContainer", style.userImageContainer), children: _jsx(ImageComponent, { src: auth.currentUser.photoUrl, alt: "User Avatar", width: 100, height: 100, sizes: "100vw", className: cn("userImage", style.userImage) }) }), _jsxs("div", { className: cn("detailsContainer", style.detailsContainer), children: [_jsx("div", { className: cn("username", style.username), children: user.name }), _jsx("div", { className: cn("userEmail", style.userEmail), children: user.email })] })] }), _jsx("button", { type: "button", onClick: logout, className: cn("logoutBtn", style.logoutBtn), children: _jsx(LogoutIcon, {}) })] }));
+};
+export default ProfileUserInformation;

package/dist/components/Profile/ProfileView.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { TAuthInfo } from "./authTypes";
+type TProfileView = {
+    auth: TAuthInfo;
+    loginUrl: string;
+    onClick: () => void;
+    ImageComponent: any;
+    LinkComponent: any;
+    AuthCompWrapper: any;
+    windowWidth: number;
+    SIZE_SM: number;
+};
+declare const ProfileView: React.FC<TProfileView>;
+export default ProfileView;

package/dist/components/Profile/ProfileView.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import LoginBtn from "./LoginBtn";
+import { LoadingRoundDottedIcon } from "./icons";
+import { cn } from "../../lib/utils/cn";
+import style from "./style/ProfileView.module.css";
+const ProfileView = ({ auth, onClick, loginUrl, LinkComponent, ImageComponent, AuthCompWrapper, windowWidth, SIZE_SM, }) => {
+    return (_jsx("div", { className: cn("profileContainer", style.profileContainer), children: _jsxs(AuthCompWrapper, { auth: auth, children: [_jsx("div", { className: cn("imageUserContainer", style.imageUserContainer), onClick: onClick, children: _jsx(ImageComponent, { src: auth.currentUser.photoUrl, alt: "user_avatar", width: 100, height: 100, sizes: "100vw", className: cn("imageUser", style.imageUser) }) }), _jsx(LoginBtn, { loginUrl: loginUrl, SIZE_SM: SIZE_SM, windowWidth: windowWidth, LinkComponent: LinkComponent }), _jsx(LinkComponent, { href: "#", type: "button", className: cn("linkBtn", style.linkBtn), children: _jsx(LoadingRoundDottedIcon, {}) })] }) }));
+};
+export default ProfileView;

package/dist/components/Profile/authTypes.d.ts

@@ -0,0 +1,21 @@
+export type TAuthInfo = {
+    loading: boolean;
+    currentUser: TAuthUser;
+    error: boolean;
+    message: string;
+    referenceName?: string;
+    provider?: string;
+};
+export type TAuthUser = {
+    name: string;
+    username: string;
+    sex: string;
+    genderTxt: string;
+    dob: string;
+    dobText: string;
+    phone: string;
+    email: string;
+    photoUrl: string;
+    userUid: string;
+    refreshToken: string;
+};

package/dist/components/Profile/authTypes.js

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

package/dist/components/Profile/authTypes.ts

@@ -0,0 +1,22 @@
+export type TAuthInfo = {
+    loading: boolean;
+    currentUser: TAuthUser;
+    error: boolean;
+    message: string;
+    referenceName?: string;
+    provider?: string;
+  };
+
+  export type TAuthUser = {
+    name: string;
+    username: string;
+    sex: string;
+    genderTxt: string;
+    dob: string;
+    dobText: string;
+    phone: string;
+    email: string;
+    photoUrl: string;
+    userUid: string;
+    refreshToken: string;
+  };

package/dist/components/Profile/icons.d.ts

@@ -0,0 +1,9 @@
+export declare const LoginFill: () => import("react/jsx-runtime").JSX.Element;
+export declare const UserIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const LogoutIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityHistoryIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const BillingInfoIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ContactSupportIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CrossIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingRoundDottedIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Profile/icons.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LoginFill = () => {
+    return (_jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 18V20C10 21.654 11.346 23 13 23H16V24C16 25.103 16.897 26 18 26C18.213 26 18.416 25.97 18.62 25.907L24.638 23.901C25.456 23.617 26 22.854 26 22V4C26 2.897 25.103 2 24 2C23.951 2 23.905 2.018 23.857 2.022C23.82 2.017 23.788 2 23.75 2H13C11.346 2 10 3.346 10 5V6C10 6.552 10.447 7 11 7C11.553 7 12 6.552 12 6V5C12 4.449 12.448 4 13 4H17.658L17.362 4.099C16.544 4.383 16 5.146 16 6V21H13C12.448 21 12 20.551 12 20V18C12 17.448 11.553 17 11 17C10.447 17 10 17.448 10 18Z", fill: "#AE00B9" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.707 11.2929L8.707 7.29295C8.421 7.00695 7.991 6.92095 7.617 7.07595C7.244 7.23095 7 7.59594 7 7.99994V10.9999H3C2.448 10.9999 2 11.4479 2 11.9999C2 12.5519 2.448 12.9999 3 12.9999H7V15.9999C7 16.4039 7.244 16.7689 7.617 16.9239C7.991 17.0789 8.421 16.9929 8.707 16.7069L12.707 12.7069C13.098 12.3159 13.098 11.6839 12.707 11.2929Z", fill: "#AE00B9" })] }));
+};
+export const UserIcon = () => {
+    return (_jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M0.786164 11.4481C0.800322 5.55503 5.62063 0.769355 11.5252 0.785809C17.4539 0.802454 22.2529 5.61281 22.2145 11.543C22.1751 17.6299 17.1848 22.2996 11.2531 22.2132C5.52401 22.1299 0.772197 17.2981 0.786164 11.4481ZM3.29715 15.7973C3.55745 16.2743 4.19414 16.3255 4.61227 15.9783C6.60048 14.3276 8.89748 13.4615 11.5369 13.4676C14.1592 13.4736 16.4419 14.3454 18.3999 15.9697C18.8227 16.3205 19.4677 16.2645 19.727 15.7801C21.5659 12.3437 21.0849 7.64481 17.7265 4.60777C14.0932 1.32229 8.53397 1.42503 5.01776 4.86166C1.80043 8.0063 1.55406 12.6028 3.29715 15.7973Z", fill: "#130F40" }), _jsx("path", { d: "M15.7937 7.90965C15.8001 10.2733 13.882 12.203 11.5222 12.2074C9.15678 12.2117 7.22513 10.2961 7.21825 7.93931C7.21117 5.58139 9.13592 3.64535 11.4925 3.6398C13.8558 3.63425 15.7874 5.55154 15.7937 7.90965Z", fill: "#130F40" })] }));
+};
+export const LogoutIcon = () => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [_jsx("path", { d: "M21.7983 10.692C21.0671 9.91976 20.3034 9.17748 19.5466 8.43091C19.2929 8.18062 18.9731 8.11719 18.6346 8.21662C17.9497 8.41805 17.7346 9.25976 18.2369 9.78176C18.6029 10.1615 18.9843 10.5266 19.3589 10.8978C19.3529 10.9149 19.346 10.9329 19.34 10.95C19.2757 10.95 19.2106 10.95 19.1463 10.95C18.2094 10.95 17.2726 10.95 16.3357 10.95C15.8274 10.95 15.3183 10.9432 14.81 10.9543C14.3566 10.9638 13.9863 11.2955 13.9186 11.7292C13.8226 12.3429 14.2563 12.8349 14.9069 12.8366C16.3323 12.84 17.7577 12.8375 19.1823 12.8375C19.2508 12.8375 19.3186 12.8375 19.4454 12.8375C19.0229 13.2575 18.6448 13.6252 18.2763 14.0023C17.8974 14.3898 17.8991 14.9632 18.2686 15.336C18.638 15.7089 19.2166 15.7183 19.6023 15.3386C20.3317 14.6203 21.0611 13.902 21.7717 13.1649C22.442 12.4698 22.4617 11.3932 21.7983 10.692Z", fill: "#2B2754" }), _jsx("path", { d: "M17.091 14.9657C16.491 14.5372 15.651 14.9315 15.5739 15.6772C15.5482 15.9343 15.5567 16.2343 15.471 16.4743C15.1624 17.3057 14.7424 17.4686 13.791 17.6829C13.5939 17.7257 13.3967 17.7515 13.191 17.7772C13.0967 17.7857 12.9939 17.8029 12.8996 17.82C12.8567 17.8115 12.8224 17.7943 12.8139 17.7343C12.8139 17.6657 12.8053 17.5972 12.8139 17.5372C12.8224 17.3229 12.831 17.1086 12.8396 16.8943C12.8482 16.68 12.8567 16.4572 12.8653 16.2429C12.8739 16.1057 12.8739 15.9686 12.8739 15.8315C12.9253 14.3315 12.9082 12.84 12.8739 11.34C12.8567 10.62 12.8482 9.90003 12.771 9.18003C12.771 9.1286 12.7624 9.0686 12.7539 9.01717C12.7367 8.82003 12.711 8.61431 12.6767 8.41717C12.651 8.26289 12.6167 8.10003 12.5824 7.94574C12.5482 7.8086 12.5139 7.67146 12.471 7.53431C12.4282 7.39717 12.3853 7.2686 12.3339 7.13146C12.2824 7.00289 12.231 6.87431 12.171 6.74574C12.111 6.61717 12.0424 6.4886 11.9739 6.36003C11.9224 6.26574 11.871 6.18003 11.8196 6.08574C11.7682 6.00003 11.7082 5.91431 11.6482 5.82003C11.4767 5.56289 11.271 5.31431 11.0482 5.08289C10.8167 4.85146 10.551 4.66289 10.2767 4.50003C10.1739 4.4486 10.071 4.3886 9.96815 4.33717C9.78815 4.23431 9.59958 4.14003 9.41101 4.04574C9.23101 3.95146 9.03387 3.86574 8.82815 3.77146C8.75958 3.73717 8.69958 3.71146 8.63101 3.67717C8.69958 3.6686 8.7253 3.66003 8.75101 3.66003C9.6853 3.6686 10.6196 3.64289 11.5539 3.67717C11.5624 3.6686 11.571 3.6686 11.5796 3.67717C12.2053 3.72003 12.831 3.7886 13.4567 3.90003H13.4824C14.3739 4.21717 15.0767 4.93717 15.3424 5.83717C15.3767 6.0086 15.3939 6.17146 15.411 6.34289C15.4796 7.18289 15.4024 6.76289 15.4796 7.60289C15.4882 7.69717 15.5053 7.78289 15.5482 7.86003C15.6939 8.24574 16.0796 8.50289 16.4996 8.47717C16.9882 8.43431 17.391 8.05717 17.3396 7.49146C17.2367 6.50574 17.2967 6.78003 17.1767 5.79431C16.9624 4.05431 15.5053 2.46003 13.7996 2.10003C13.1224 1.96289 12.4367 1.8686 11.751 1.81717C9.75387 1.66289 7.75672 1.69717 5.76815 2.03146C4.01101 2.33146 2.46815 3.73717 2.11672 5.48574C1.86815 6.74574 1.81672 8.03146 1.75672 9.31717C1.73958 9.84003 1.72244 10.3543 1.71387 10.8857C1.71387 11.58 1.72244 12.2743 1.74815 12.96C1.7653 13.5086 1.79101 14.0486 1.8253 14.5886C1.84244 14.82 1.85958 15.0515 1.89387 15.2829C1.91958 15.4886 1.9453 15.6943 1.97958 15.9V15.9086C2.02244 16.1057 2.0653 16.3115 2.11672 16.5086C2.15958 16.6715 2.21101 16.8257 2.26244 16.98C2.26244 16.9886 2.27101 16.9972 2.27101 16.9972C2.27958 17.04 2.29672 17.0915 2.31387 17.1343C2.69958 18.18 3.2653 19.0972 4.24244 19.6715C4.50815 19.8257 4.78244 19.98 5.05672 20.1257C5.1853 20.2029 5.31387 20.2715 5.44244 20.3315C5.73387 20.4943 6.03387 20.6486 6.33387 20.7943C6.60815 20.9229 6.88244 21.0515 7.1653 21.18C7.19101 21.1886 7.20815 21.1972 7.23387 21.2057C7.41387 21.2915 7.59387 21.3686 7.78244 21.4372C7.84244 21.4715 7.91101 21.4972 7.97958 21.5143C8.15958 21.5915 8.33958 21.66 8.51958 21.7286C9.11958 21.9429 9.73672 22.1057 10.3539 22.2772H10.9539C11.0653 22.2429 11.1682 22.2086 11.2624 22.1572C11.2796 22.1486 11.2967 22.1486 11.3053 22.14C11.3739 22.1057 11.4339 22.0715 11.5024 22.0286C11.5796 21.9772 11.6653 21.9172 11.7339 21.8486C11.7767 21.8143 11.8196 21.78 11.8539 21.7372C11.8882 21.7029 11.9224 21.6686 11.9482 21.6343C11.991 21.5743 12.0339 21.5229 12.0682 21.4629C12.1453 21.3429 12.2224 21.2229 12.2824 21.0943C12.3424 20.9743 12.3939 20.8457 12.4453 20.7172C12.4796 20.6143 12.5139 20.5115 12.5396 20.4086V20.4C12.5567 20.3315 12.5739 20.2543 12.591 20.1857C12.6082 20.1086 12.6253 20.0229 12.6339 19.9457C12.6596 19.8257 12.6939 19.7829 12.8224 19.7743C13.4053 19.7315 13.971 19.6029 14.4939 19.3715C14.511 19.3629 14.5196 19.3543 14.5367 19.3543C15.8482 18.8572 16.851 17.76 17.2282 16.4057C17.3053 16.1315 17.391 16.1829 17.4424 15.6857C17.4596 15.54 17.4339 15.4115 17.3824 15.2915C17.3224 15.1629 17.2196 15.0515 17.091 14.9657ZM5.5453 18.1886C4.89387 17.7943 4.5253 17.1772 4.25101 16.5C3.9253 15.72 3.77101 14.8972 3.72815 14.0572C3.61672 12.12 3.61672 10.1829 3.69387 8.23717C3.71958 7.50003 3.73672 6.75431 3.88244 6.02574C3.95101 5.65717 4.11387 5.33146 4.31958 5.01431C4.38815 4.90289 4.48244 4.86003 4.61101 4.83431C5.26244 4.74003 5.89672 4.86003 6.53101 5.02289C7.53387 5.26289 8.45958 5.68289 9.35101 6.1886C9.71101 6.40289 9.94244 6.72003 10.1567 7.06289C10.6367 7.84289 10.8253 8.70003 10.8682 9.60003C10.9453 10.9972 10.971 12.3857 10.971 13.7743C10.9796 15.6943 10.9196 17.6057 10.7567 19.5172C10.7567 19.5343 10.7567 19.5515 10.7482 19.5772C10.7139 19.8086 10.7139 20.0829 10.551 20.2286C10.3624 20.3915 10.1224 20.22 9.91672 20.1515C8.38244 19.6629 6.91672 19.02 5.5453 18.1886Z", fill: "#2B2754" })] }));
+};
+export const ActivityHistoryIcon = () => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", children: _jsx("path", { d: "M21.006 24L6.99174 24C5.93103 24 5.07031 23.1393 5.07031 22.0786L5.07031 5.92143C5.07031 4.86071 5.93103 4 6.99174 4L21.006 4C22.0667 4 22.9275 4.86071 22.9275 5.92143L22.9275 22.0786C22.9275 23.1393 22.0667 24 21.006 24ZM9.40603 7.97857C9.22746 7.8 8.97746 7.68929 8.70603 7.68929C8.1596 7.68929 7.71674 8.13214 7.71674 8.675C7.71674 8.95 7.82746 9.19643 8.00603 9.375C8.1846 9.55357 8.4346 9.66429 8.70603 9.66429C8.97746 9.66429 9.22746 9.55357 9.40603 9.375C9.5846 9.19643 9.69531 8.95 9.69531 8.675C9.69531 8.40357 9.5846 8.15714 9.40603 7.97857ZM9.40603 13.3C9.22746 13.1214 8.97746 13.0107 8.70603 13.0107C8.1596 13.0107 7.71674 13.4536 7.71674 14C7.71674 14.2714 7.82746 14.5214 8.00603 14.7C8.1846 14.8786 8.4346 14.9893 8.70603 14.9893C8.97746 14.9893 9.22746 14.8786 9.40603 14.7C9.5846 14.5214 9.69531 14.2714 9.69531 14C9.69531 13.7286 9.5846 13.4786 9.40603 13.3ZM9.40603 18.625C9.22746 18.4464 8.97746 18.3357 8.70603 18.3357C8.1596 18.3357 7.71674 18.7786 7.71674 19.325C7.71674 19.5964 7.82746 19.8429 8.00603 20.0214C8.1846 20.2 8.4346 20.3107 8.70603 20.3107C8.97746 20.3107 9.22746 20.2 9.40603 20.0214C9.5846 19.8429 9.69531 19.5964 9.69531 19.325C9.69531 19.05 9.5846 18.8036 9.40603 18.625ZM19.9917 7.97857C19.8132 7.8 19.5632 7.68929 19.2917 7.68929H12.0453C11.4989 7.68929 11.056 8.13214 11.056 8.675C11.056 8.95 11.1667 9.19643 11.3453 9.375C11.5239 9.55357 11.7703 9.66429 12.0453 9.66429L19.2917 9.66429C19.8382 9.66429 20.281 9.22143 20.281 8.675C20.281 8.40357 20.1703 8.15714 19.9917 7.97857ZM19.9917 13.3C19.8132 13.1214 19.5632 13.0107 19.2917 13.0107L12.0453 13.0107C11.4989 13.0107 11.056 13.4536 11.056 14C11.056 14.2714 11.1667 14.5214 11.3453 14.7C11.5239 14.8786 11.7703 14.9893 12.0453 14.9893L19.2917 14.9893C19.8382 14.9893 20.281 14.5464 20.281 14C20.281 13.7286 20.1703 13.4786 19.9917 13.3ZM19.9917 18.625C19.8132 18.4464 19.5632 18.3357 19.2917 18.3357H12.0453C11.4989 18.3357 11.056 18.7786 11.056 19.325C11.056 19.5964 11.1667 19.8429 11.3453 20.0214C11.5239 20.2 11.7703 20.3107 12.0453 20.3107H19.2917C19.8382 20.3107 20.281 19.8679 20.281 19.325C20.281 19.05 20.1703 18.8036 19.9917 18.625Z", fill: "#130F40" }) }));
+};
+export const NotificationIcon = () => {
+    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: "M12.4632 21.2279C12.9631 21.1222 16.0093 21.1222 16.5092 21.2279C16.9366 21.3266 17.3987 21.5573 17.3987 22.0608C17.3738 22.5402 17.0926 22.9653 16.704 23.2352C16.2001 23.628 15.6088 23.8767 14.9906 23.9664C14.6487 24.0107 14.3128 24.0117 13.9828 23.9664C13.3636 23.8767 12.7723 23.628 12.2694 23.2342C11.8798 22.9653 11.5985 22.5402 11.5737 22.0608C11.5737 21.5573 12.0358 21.3266 12.4632 21.2279ZM14.5452 4C16.6254 4 18.7502 4.98702 20.0125 6.62466C20.8314 7.67916 21.2071 8.73265 21.2071 10.3703V10.7963C21.2071 12.0523 21.539 12.7925 22.2695 13.6456C22.8231 14.2741 23 15.0808 23 15.956C23 16.8302 22.7128 17.6601 22.1373 18.3339C21.384 19.1417 20.3215 19.6573 19.2372 19.747C17.6659 19.8809 16.0937 19.9937 14.5005 19.9937C12.9063 19.9937 11.335 19.9263 9.76375 19.747C8.67846 19.6573 7.61602 19.1417 6.86367 18.3339C6.28822 17.6601 6 16.8302 6 15.956C6 15.0808 6.1779 14.2741 6.73049 13.6456C7.48384 12.7925 7.79392 12.0523 7.79392 10.7963V10.3703C7.79392 8.68834 8.21333 7.58852 9.07699 6.51186C10.3611 4.9417 12.4194 4 14.4558 4H14.5452Z", fill: "#130F40" }) }));
+};
+export const BillingInfoIcon = () => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", children: _jsx("path", { d: "M18.6506 4H18.0356C17.2623 4.00833 16.4556 4.00833 15.6406 4.00833H15.2331C14.4348 4.00833 13.6614 4.00833 12.9714 4H12.7389C11.9823 4 11.3581 4.24083 10.7931 4.80667C10.7431 4.84833 10.6931 4.89833 10.6431 4.94833C10.4098 5.1975 10.1606 5.43833 9.90227 5.68833C9.68643 5.90417 9.4531 6.12917 9.22893 6.35333C8.89643 6.6775 8.5556 7.00167 8.1981 7.32667C7.86477 7.65083 7.5156 7.975 7.17477 8.29083C6.6756 8.765 6.3931 9.30583 6.30143 9.94583V9.97083C6.2681 10.1208 6.25977 10.2783 6.25977 10.445C6.2681 11.7592 6.25977 13.0725 6.25977 14.395V21.3475C6.25977 21.3558 6.25977 21.3558 6.25977 21.3558C6.47643 22.8692 7.67393 23.9667 9.23727 24H18.6506C18.9664 24 19.2414 23.9583 19.5239 23.8833C20.8548 23.5008 21.7273 22.3033 21.7273 20.84V7.15167C21.7281 5.35583 20.4139 4.01667 18.6506 4ZM11.5823 10.3117C11.3906 10.3783 11.1581 10.4033 10.9089 10.3867C10.4181 10.3617 9.9031 10.3367 9.3956 10.3117C8.92977 10.2867 8.4556 10.2617 7.98227 10.2367C7.92393 10.2367 7.88227 10.1783 7.8906 10.12C7.92393 9.87083 8.08227 9.6875 8.2481 9.52167C8.3981 9.36333 8.5556 9.21417 8.71393 9.06417C9.48727 8.3075 10.2606 7.5425 11.0423 6.7775C11.2414 6.5775 11.4331 6.38667 11.6323 6.18667C11.7156 6.11167 11.7823 6.045 11.8481 5.97083C12.0231 5.80417 12.2056 5.71333 12.4139 5.68C12.5306 5.655 12.6298 5.73 12.6298 5.855V8.71583C12.6298 9.51333 12.2389 10.1042 11.5823 10.3117ZM14.7673 19.7342C14.5431 19.8342 14.5098 19.9333 14.5348 20.125C14.5431 20.225 14.5431 20.3325 14.5348 20.4492C14.5098 20.7317 14.2856 20.94 13.9773 20.94C13.6948 20.94 13.4781 20.7325 13.4614 20.4242C13.4531 20.3075 13.4531 20.1833 13.4531 20.0583V19.925L13.3114 19.8917C12.9706 19.8167 12.6631 19.6925 12.3798 19.5092C12.0639 19.3092 11.9723 19.01 12.1306 18.7442C12.2139 18.6108 12.3298 18.52 12.4631 18.4867C12.5048 18.4867 12.5381 18.4783 12.5798 18.4783C12.7048 18.4783 12.8206 18.52 12.9373 18.595C13.2448 18.7942 13.5856 18.8692 14.0681 18.8358C14.4589 18.8025 14.7998 18.4533 14.8498 18.0542C14.8831 17.8133 14.8164 17.48 14.3339 17.2892L14.2089 17.2308C13.7181 17.0642 13.3356 16.8983 12.9948 16.7067C12.4206 16.3575 12.1631 15.8583 12.2214 15.2267C12.2964 14.5283 12.6373 14.0625 13.2523 13.8217C13.4106 13.7467 13.4931 13.68 13.4598 13.4892C13.4348 13.3642 13.4514 13.24 13.4598 13.115C13.4848 12.8408 13.7006 12.6325 13.9923 12.6325C14.2839 12.6325 14.5081 12.84 14.5331 13.1233C14.5414 13.215 14.5331 13.3067 14.5331 13.3892C14.5331 13.4392 14.5248 13.4892 14.5248 13.5392V13.7225L14.6498 13.7642C14.8498 13.8308 15.0656 13.9142 15.2814 14.0633C15.5639 14.2708 15.6389 14.5792 15.4648 14.8367C15.2981 15.0942 14.9823 15.1442 14.6914 14.9533C14.3673 14.7458 14.0348 14.6958 13.7014 14.7867C13.4023 14.8783 13.3273 15.1275 13.2856 15.3192C13.2689 15.5267 13.3523 15.66 13.5764 15.7933C13.8756 15.96 14.1998 16.0925 14.5748 16.2258L14.6748 16.2675C15.4564 16.5667 15.8806 17.1158 15.9306 17.8808C15.9648 18.6775 15.4906 19.4425 14.7673 19.7342ZM18.0856 11.1433H15.3081C14.9589 11.1433 14.6931 10.8692 14.6931 10.5275C14.6931 10.1867 14.9589 9.9125 15.3081 9.9125H18.0856C18.4264 9.9125 18.7006 10.1867 18.7006 10.5275C18.7006 10.8692 18.4264 11.1433 18.0856 11.1433ZM18.0856 8.64H15.3081C14.9589 8.64 14.6931 8.36583 14.6931 8.025C14.6931 7.68417 14.9589 7.40917 15.3081 7.40917H18.0856C18.4264 7.40917 18.7006 7.68333 18.7006 8.025C18.7006 8.36583 18.4264 8.64 18.0856 8.64Z", fill: "#130F40" }) }));
+};
+export const ContactSupportIcon = () => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", children: [_jsx("path", { d: "M23.9993 14.004C23.9668 14.5432 24.0318 15.0132 23.9301 15.4798C23.6084 16.9548 22.1926 17.944 20.7043 17.7115C20.5443 17.6865 20.4685 17.7381 20.381 17.8623C19.161 19.6006 17.5061 20.6756 15.4219 21.0856C15.3086 21.1081 15.2561 21.1539 15.2086 21.2581C14.8761 21.9989 14.0845 22.3897 13.3003 22.2105C12.537 22.0364 11.9787 21.3147 12.0028 20.5331C12.0278 19.7314 12.612 19.0606 13.4053 18.9223C14.0828 18.8039 14.7853 19.1298 15.1261 19.7448C15.2044 19.8864 15.2803 19.8922 15.4119 19.8622C18.0236 19.2714 19.9818 17.229 20.446 14.6082C21.0685 11.0933 18.6902 7.69251 15.1719 7.06419C11.6795 6.44087 8.33293 8.69082 7.61545 12.1624C7.30045 13.6865 7.51378 15.149 8.2371 16.5323C8.51626 17.0656 8.38043 17.4081 7.80961 17.6006C6.01131 18.2065 4.10302 16.9131 4.03302 15.009C4.00636 14.294 3.96552 13.5724 4.05386 12.8574C4.21469 11.5608 5.35216 10.4908 6.6563 10.415C6.84796 10.4041 6.93796 10.3416 7.02629 10.1675C8.27543 7.69418 10.2604 6.20671 13.0128 5.82255C16.3453 5.35756 19.6002 7.16336 21.016 10.215C21.0768 10.3458 21.1427 10.4016 21.2935 10.41C22.8084 10.4966 23.9818 11.7324 23.9976 13.2507C24.0018 13.5249 23.9993 13.7999 23.9993 14.004Z", fill: "#130F40" }), _jsx("path", { d: "M13.9008 8.87415C16.4191 8.87748 18.4316 10.7266 18.6382 13.1257C18.8507 15.5915 17.0999 17.7931 14.65 18.1356C14.0833 18.2148 13.5192 18.1914 12.9625 18.0564C12.8567 18.0306 12.7775 18.0423 12.6859 18.0964C12.1134 18.4314 11.5392 18.7648 10.9617 19.0923C10.5842 19.3064 10.1676 19.1131 10.1009 18.7023C10.0834 18.5948 10.1142 18.4939 10.1409 18.3939C10.2784 17.8781 10.4176 17.3615 10.5592 16.8465C10.5876 16.7448 10.5776 16.6715 10.5042 16.5823C9.35343 15.1882 9.02427 13.6174 9.65426 11.9224C10.2826 10.2308 11.5451 9.23997 13.3292 8.93248C13.5542 8.89331 13.7833 8.88581 13.9008 8.87415ZM14.0058 14.079C14.3133 14.0782 14.5592 13.8374 14.5625 13.5349C14.5658 13.2274 14.3067 12.9682 14.0017 12.9724C13.7017 12.9774 13.4533 13.2299 13.4542 13.5299C13.455 13.8357 13.7008 14.0807 14.0058 14.079ZM15.8416 14.079C16.15 14.0857 16.3991 13.8532 16.4108 13.5482C16.4224 13.2432 16.1683 12.9766 15.8633 12.9724C15.5658 12.9682 15.3091 13.2182 15.3033 13.5174C15.2975 13.8224 15.5375 14.0724 15.8416 14.079ZM12.1675 14.079C12.4725 14.0765 12.715 13.8307 12.7142 13.5257C12.7134 13.2274 12.4592 12.9732 12.1625 12.9724C11.8567 12.9716 11.6 13.2341 11.6067 13.5399C11.6125 13.844 11.86 14.0815 12.1675 14.079Z", fill: "#130F40" })] }));
+};
+export const CrossIcon = () => {
+    return (_jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M10.8652 8.99846L16.3264 3.53727C16.5762 3.28896 16.7143 2.95691 16.7143 2.60429C16.7143 2.25167 16.5762 1.92109 16.3264 1.67132C15.8298 1.17325 14.96 1.17031 14.4604 1.67132L8.99926 7.13252L3.53806 1.67132C3.02383 1.15709 2.18635 1.15709 1.67212 1.67132C1.15788 2.18556 1.15788 3.02156 1.67212 3.53727L7.13331 8.99846L1.67212 14.4597C1.42235 14.7094 1.28571 15.0415 1.28571 15.3926C1.28571 15.7452 1.42235 16.0773 1.67212 16.3256C2.17166 16.8266 3.04293 16.8237 3.53806 16.3256L8.99926 10.8644L14.4604 16.3256C14.7102 16.5754 15.0423 16.7135 15.3934 16.7135C15.746 16.7135 16.0796 16.5754 16.3264 16.3256C16.5762 16.0773 16.7143 15.7452 16.7143 15.3941C16.7143 15.0429 16.5762 14.7094 16.3264 14.4597L10.8652 8.99846Z", fill: "#130F40" }) }));
+};
+export const LoadingRoundDottedIcon = () => {
+    return (_jsxs("svg", { style: {
+            margin: "auto",
+            background: "transparent",
+            display: "block",
+            shapeRendering: "auto",
+        }, width: "100%", height: "100%", viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", children: [_jsx("g", { transform: "translate(80,50)", children: _jsx("g", { transform: "rotate(0)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "1", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "-0.875s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "-0.875s" })] }) }) }), _jsx("g", { transform: "translate(71.21320343559643,71.21320343559643)", children: _jsx("g", { transform: "rotate(45)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "0.875", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "-0.75s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "-0.75s" })] }) }) }), _jsx("g", { transform: "translate(50,80)", children: _jsx("g", { transform: "rotate(90)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "0.75", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "-0.625s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "-0.625s" })] }) }) }), _jsx("g", { transform: "translate(28.786796564403577,71.21320343559643)", children: _jsx("g", { transform: "rotate(135)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "0.625", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "-0.5s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "-0.5s" })] }) }) }), _jsx("g", { transform: "translate(20,50.00000000000001)", children: _jsx("g", { transform: "rotate(180)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "0.5", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "-0.375s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "-0.375s" })] }) }) }), _jsx("g", { transform: "translate(28.78679656440357,28.786796564403577)", children: _jsx("g", { transform: "rotate(225)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "0.375", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "-0.25s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "-0.25s" })] }) }) }), _jsx("g", { transform: "translate(49.99999999999999,20)", children: _jsx("g", { transform: "rotate(270)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "0.25", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "-0.125s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "-0.125s" })] }) }) }), _jsx("g", { transform: "translate(71.21320343559643,28.78679656440357)", children: _jsx("g", { transform: "rotate(315)", children: _jsxs("circle", { cx: "0", cy: "0", r: "6", fill: "currentColor", fillOpacity: "0.125", children: [_jsx("animateTransform", { attributeName: "transform", type: "scale", begin: "0s", values: "1.5 1.5;1 1", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "fill-opacity", keyTimes: "0;1", dur: "1s", repeatCount: "indefinite", values: "1;0", begin: "0s" })] }) }) })] }));
+};

package/dist/components/Profile/style/LoginBtn.module.css

@@ -0,0 +1,6 @@
+.loginBtn {
+  @apply bg-secondary-100 text-secondary rounded-lg leading-6 text-base font-normal p-2 w-24 hover:text-white hover:bg-secondary transition;
+}
+.userBtn {
+  @apply block size-7 cursor-pointer;
+}

package/dist/components/Profile/style/ProfileManage.module.css

@@ -0,0 +1,6 @@
+.profileManage {
+  @apply relative z-50;
+}
+.content {
+  @apply flex items-center gap-2;
+}

package/dist/components/Profile/style/ProfileMenuList.module.css

@@ -0,0 +1,50 @@
+.optionBillingContainer {
+  @apply flex items-center gap-[10px] px-[15px] py-[11px] bg-white;
+}
+.billingIcon {
+  @apply size-7;
+}
+.billingText {
+  @apply text-primary-900 font-normal text-base;
+}
+.billingSubmenuLinks {
+  @apply text-primary-700 hover:text-secondary-700 font-normal text-[13px] transition-all relative;
+}
+.linkContainer {
+  @apply flex items-center gap-2;
+}
+
+.optionLink {
+  @apply flex items-center gap-2.5 px-[15px] py-[11px] bg-white relative;
+}
+
+.optionIcon {
+  @apply size-7;
+}
+.optionTitle {
+  @apply text-primary-900 font-normal text-base;
+}
+
+.badge {
+  @apply size-6.5 rounded-full flex justify-center items-center bg-[#FF3B30] absolute right-2.5 top-1/2 transform -translate-y-1/2;
+}
+
+.badgeSpan {
+  @apply text-white text-sm font-medium;
+}
+
+.menuSection {
+  @apply flex flex-col gap-0.5;
+}
+
+.firstOption {
+  @apply rounded-[12px_12px_3px_3px];
+}
+
+.secondOption {
+  @apply rounded-[3px];
+}
+
+.lastOption {
+  @apply rounded-[0px_0px_12px_12px];
+}

package/dist/components/Profile/style/ProfileMenuPopup.module.css

@@ -0,0 +1,30 @@
+.popupContainer {
+  @apply w-full sm:w-100 h-full sm:h-[440px] fixed z-50 sm:absolute right-0 top-0 sm:top-[55px] sm:rounded-30 bg-[#F7F3F8] shadow-[0px_0px_30px_0px_rgba(19,15,64,0.20)];
+}
+
+.closeBtn {
+  @apply absolute -top-12 -right-2 size-8 p-2 border rounded-full transition-colors block sm:hidden;
+}
+.popupContent {
+  @apply size-full p-5;
+}
+.popupTopSection {
+  @apply flex flex-col justify-center gap-5 mt-10 sm:mt-0 relative;
+}
+
+.manageLinkContainer {
+  @apply w-full flex justify-center items-center;
+}
+.manageLink {
+  @apply p-[7px_16px] border border-[#D780DC] rounded-10 text-[#AE00B9] text-center;
+}
+.termsAndCondition {
+  @apply flex items-center justify-center text-xs text-primary mt-3;
+}
+
+.termsAndConditionLinks {
+  @apply hover:bg-primary-100 px-[6px] py-[2px] rounded-5 transition-all;
+}
+.indexSpan {
+  @apply text-primary mx-1;
+}

package/dist/components/Profile/style/ProfileUserInformation.module.css

@@ -0,0 +1,26 @@
+.userInformation {
+  @apply flex justify-between items-center;
+}
+.userInformationContainer {
+  @apply flex items-center gap-[14px];
+}
+.userImageContainer {
+  @apply size-[70px] overflow-hidden;
+}
+.userImage {
+  @apply rounded-full size-full;
+}
+.detailsContainer {
+  @apply flex flex-col;
+}
+.username {
+  @apply text-primary text-xl font-medium;
+}
+
+.userEmail {
+  @apply text-primary-700 text-base font-normal;
+}
+
+.logoutBtn {
+  @apply size-10 p-2 bg-primary-100 sm:bg-transparent sm:hover:bg-primary-100 rounded-full transition-colors;
+}

package/dist/components/Profile/style/ProfileView.module.css

@@ -0,0 +1,12 @@
+.profileContainer {
+  @apply w-auto lg:w-full h-8 sm:h-10 flex items-center;
+}
+.imageUserContainer {
+  @apply size-8 sm:size-10 rounded-full border border-[#AE00B9] relative;
+}
+.imageUser {
+  @apply rounded-full size-full;
+}
+.linkBtn {
+  @apply size-10;
+}

package/dist/components/button-wrapper/ButtonWrapper.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface ButtonWrapperProps {
+    ImageComponent: any;
+    children: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+    blockIcon: string;
+    hoverIcon: string;
+    loading: boolean;
+    disabled: boolean;
+}
+export declare const ButtonLoading: React.FC;
+declare const ButtonWrapper: React.FC<ButtonWrapperProps>;
+export default ButtonWrapper;