@opexa/portal-components 0.0.40 → 0.0.42

package/dist/ui/Table/Table.d.ts

@@ -12,7 +12,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -26,7 +26,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -40,7 +40,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Header: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -55,7 +55,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -69,7 +69,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -83,7 +83,7 @@ export declare const Header: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Body: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -98,7 +98,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -112,7 +112,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -126,7 +126,7 @@ export declare const Body: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Footer: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -141,7 +141,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -155,7 +155,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -169,7 +169,7 @@ export declare const Footer: import("react").ComponentType<import("@ark-ui/react
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Row: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableRowElement> & import("react").HTMLAttributes<HTMLTableRowElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -184,7 +184,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -198,7 +198,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -212,7 +212,7 @@ export declare const Row: import("react").ComponentType<import("@ark-ui/react").
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Heading: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -227,7 +227,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -241,7 +241,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -255,7 +255,7 @@ export declare const Heading: import("react").ComponentType<import("@ark-ui/reac
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Cell: import("react").ComponentType<import("@ark-ui/react").Assign<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & import("@ark-ui/react").PolymorphicProps, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {
@@ -270,7 +270,7 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -284,7 +284,7 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -298,4 +298,4 @@ export declare const Cell: import("react").ComponentType<import("@ark-ui/react")
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>>>>;

package/dist/ui/Table/table.recipe.d.ts

@@ -12,7 +12,7 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, {
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -26,7 +26,7 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -40,4 +40,4 @@ export declare const tableRecipe: import("tailwind-variants").TVReturnType<{
             body: string;
         };
     };
-}, Record<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"body" | "footer" | "header" | "cell" | "heading" | "row" | "root", string | string[]>, undefined, unknown, unknown, undefined>>;

package/dist/ui/Tabs/Tabs.d.ts

@@ -11,7 +11,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -23,7 +23,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -35,7 +35,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Content: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.ContentProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
@@ -48,7 +48,7 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -60,7 +60,7 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -72,7 +72,7 @@ export declare const Content: import("react").ComponentType<import("@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
@@ -85,7 +85,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -97,7 +97,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -109,7 +109,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const List: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.ListProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
@@ -122,7 +122,7 @@ export declare const List: import("react").ComponentType<import("@ark-ui/react")
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -134,7 +134,7 @@ export declare const List: import("react").ComponentType<import("@ark-ui/react")
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -146,7 +146,7 @@ export declare const List: import("react").ComponentType<import("@ark-ui/react")
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Trigger: import("react").ComponentType<import("@ark-ui/react").Assign<Tabs.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
@@ -159,7 +159,7 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -171,7 +171,7 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -183,5 +183,5 @@ export declare const Trigger: import("react").ComponentType<import("@ark-ui/reac
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export declare const Context: (props: Tabs.ContextProps) => import("react").ReactNode;

package/dist/ui/Tabs/tabs.recipe.d.ts

@@ -10,7 +10,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, {
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, {
     size: {
         md: {};
     };
@@ -22,7 +22,7 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {};
     };
@@ -34,4 +34,4 @@ export declare const tabsRecipe: import("tailwind-variants").TVReturnType<{
             trigger: string;
         };
     };
-}, Record<"content" | "root" | "indicator" | "list" | "trigger", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"content" | "list" | "trigger" | "root" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.40",
+  "version": "0.0.42",
   "exports": {
     ".": {
       "types": "./dist/components/index.d.ts",
@@ -19,9 +19,9 @@
       "default": "./dist/middleware.js"
     },
     "./client-utils": {
-      "types": "./dist/client-utils.d.ts",
-      "import": "./dist/client-utils.mjs",
-      "require": "./dist/client-utils.js"
+      "types": "./dist/client/utils.d.ts",
+      "import": "./dist/client/utils.mjs",
+      "require": "./dist/client/utils.js"
     },
     "./client-hooks": {
       "types": "./dist/client/hooks/index.d.ts",
@@ -75,6 +75,7 @@
     "embla-carousel-react": "8.6.0",
     "is-mobile": "^5.0.0",
     "lodash-es": "4.17.21",
+    "next-themes": "^0.4.6",
     "tailwind-merge": "3.3.0",
     "tailwind-variants": "1.0.0",
     "tailwindcss-plugin-zag": "0.1.0",
@@ -142,5 +143,10 @@
       "to": "dist/",
       "toFlat": false
     }
-  ]
+  ],
+  "copyFilesSettings": {
+    "whenFileExists": "overwrite",
+    "removeSourceMappingURL": true,
+    "ignoreDotFilesAndFolders": false
+  }
 }

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositLoading.d.ts

@@ -1 +0,0 @@
-export declare function OnlineBankDepositLoading(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositLoading.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SpinnerIcon } from '../../../../icons/index.js';
-export function OnlineBankDepositLoading() {
-    return (_jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:py-16", children: [_jsx(SpinnerIcon, { className: "mx-auto size-8 lg:size-10" }), _jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Processing Your Deposit" }), _jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your deposit is being processed. Please hold tight as we verify the account details and amount. Once verified, a Virtual Collection Account (VCA) will be displayed for you to copy and paste in a designated field and complete the transaction." })] }));
-}

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositSuccess.d.ts

@@ -1 +0,0 @@
-export declare function OnlineBankDepositSuccess(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositSuccess.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleBrokenIcon } from '../../../../icons/index.js';
-export function OnlineBankDepositSuccess() {
-    return (_jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [_jsx(CheckCircleBrokenIcon, { className: "text-green-600 mx-auto size-8 lg:size-10" }), _jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Deposit Successful!" }), _jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your funds have been successfully added and are now ready to use in your account." })] }));
-}

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositVCA.d.ts

@@ -1 +0,0 @@
-export declare function OnlineBankDepositVCA(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositVCA.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal } from '@ark-ui/react';
-import Image from 'next/image';
-import { BankIcon, XIcon } from '../../../../icons/index.js';
-import bankIcon from '../../../../images/bank-icon.png';
-import { Button, Clipboard, Dialog } from '../../../../ui/index.js';
-import { useOnlineBankDepositContext } from './OnlineBankDepositContext.js';
-export function OnlineBankDepositVCA() {
-    const context = useOnlineBankDepositContext();
-    return (_jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [_jsx(Image, { src: bankIcon, alt: "", width: 52, height: 44.2, className: "mx-auto h-auto w-[3.25rem]" }), _jsx("p", { className: "mt-8 text-center font-semibold", children: "Your unique Virtual Collection Account (VCA) is:" }), _jsx(Clipboard.Root, { value: context.vca ?? '', className: "mx-auto mt-6 max-w-[22.5rem]", children: _jsxs(Clipboard.Control, { className: "flex flex-col gap-4 lg:flex-row", children: [_jsx(Clipboard.Input, { className: "lg:grow" }), _jsx(Clipboard.Context, { children: (ctx) => (_jsx(Clipboard.Trigger, { asChild: true, children: _jsx(Button, { fullWidth: false, className: "w-full shrink-0 lg:w-28", children: ctx.copied ? 'Copied' : 'Copy VCA' }) })) })] }) }), _jsx(Instruction, {})] }));
-}
-function Instruction() {
-    return (_jsxs("p", { className: "text-gray-500 mt-6 text-center text-xs", children: ["Need help using the online bank for payment?", ' ', _jsxs(Dialog.Root, { lazyMount: true, unmountOnExit: true, children: [_jsx(Dialog.Trigger, { className: "text-blue-500", children: "See instructions" }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Dialog.Body, { children: [_jsxs("div", { className: "flex items-center gap-xl", children: [_jsx("div", { className: "border-gray-200 flex size-11 items-center justify-center rounded-lg border", children: _jsx(BankIcon, { className: "text-gray-600 size-6" }) }), _jsx(Dialog.Title, { className: "text-lg font-semibold", children: "How to Use Online Bank for Payment" })] }), _jsx(Dialog.Description, { className: "mt-5", children: "Follow these simple steps to complete your transaction:" }), _jsxs("ol", { className: "mt-3 list-inside list-decimal space-y-3", children: [_jsx("li", { children: "Click the 'Copy VCA' button to save your unique account number." }), _jsx("li", { children: "Log in to your Online Banking: Open your bank's app or website." }), _jsx("li", { children: "Initiate a Deposit: Choose the option to make a deposit." }), _jsx("li", { children: "Enter VCA: Paste your VCA in the designated field." }), _jsx("li", { children: "Complete Transaction: Follow your bank's prompts to finalize the deposit." })] }), _jsx("p", { className: "mt-3", children: "Note: Please ensure that the deposit amount you enter matches exactly." })] })] }) })] })] })] }));
-}

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositLoading.d.ts

@@ -1 +0,0 @@
-export declare function QRPHDepositLoading(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositLoading.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SpinnerIcon } from '../../../../icons/index.js';
-export function QRPHDepositLoading() {
-    return (_jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [_jsx(SpinnerIcon, { className: "mx-auto size-8 lg:size-10" }), _jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Generating QR Code" }), _jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Please hold tight as we verify the account details and amount. Once verified, a QRPH code will be displayed for you to scan and complete the transaction." })] }));
-}

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositQrCode.d.ts

@@ -1 +0,0 @@
-export declare function QRPHDepositQrCode(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositQrCode.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Portal, QrCode } from '@ark-ui/react';
-import Image from 'next/image';
-import { QrCode02Icon, SpinnerIcon, XIcon } from '../../../../icons/index.js';
-import qrphIcon from '../../../../images/qrph-icon.png';
-import { Button, Dialog } from '../../../../ui/index.js';
-import { useQRPHDepositContext } from './QRPHDepositContext.js';
-export function QRPHDepositQrCode() {
-    const context = useQRPHDepositContext();
-    return (_jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [_jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "QR Code" }), _jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Scan the QR code below with your banking app, or upload it to complete your deposit." }), _jsxs(QrCode.Root, { value: context.qrCode ?? '', className: "border-gray-200 mx-auto mt-6 w-[12.5rem] rounded-lg border bg-white p-5 lg:w-[13rem] lg:p-6", children: [_jsxs("div", { className: "relative", children: [_jsx(QrCode.Frame, { className: "border-gray-200 mx-auto size-[10rem] rounded-[0.25rem] border", children: _jsx(QrCode.Pattern, {}) }), _jsx(QrCode.Overlay, { className: "bg-white p-0.5", children: _jsx(Image, { src: qrphIcon, alt: "", className: "size-8", width: 40, height: 40 }) })] }), _jsx(QrCode.DownloadTrigger, { fileName: `qrcode-${new Date().getTime()}`, mimeType: "image/png", className: "text-gray-900 mt-5 block w-full text-center text-sm font-semibold", children: "Download QR Code" })] }), context.view === 'QR_CODE' && (_jsxs("div", { className: "mt-6 flex flex-col gap-4 lg:flex-row", children: [_jsx(Button, { size: "sm", variant: "outline", colorScheme: "gray", onClick: () => {
-                            context.reset();
-                        }, children: "Generate New QR Code" }), _jsx(Button, { size: "sm", onClick: () => {
-                            context.verify();
-                        }, children: "Confirm Deposit" })] })), context.view === 'VERIFYING' && (_jsxs("div", { className: "border-gray-200 mt-6 rounded-lg border bg-white p-4 lg:p-6", children: [_jsx(SpinnerIcon, { className: "mx-auto size-6 lg:size-8" }), _jsx("p", { className: "mt-5 text-center font-semibold lg:text-lg", children: "Processing your deposit" }), _jsxs("p", { className: "text-gray-700 mx-auto mt-2 text-center text-xs lg:text-sm", children: ["Your deposit is being processed. ", _jsx("br", {}), "Please hold tight as we verify the account details and amount."] })] })), _jsx(Instruction, {})] }));
-}
-function Instruction() {
-    return (_jsxs("p", { className: "text-gray-500 mt-6 text-center text-xs", children: ["Need help using the QR Code?", ' ', _jsxs(Dialog.Root, { lazyMount: true, unmountOnExit: true, children: [_jsx(Dialog.Trigger, { className: "text-blue-500", children: "See instructions" }), _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, { className: "!z-[calc(var(--z-dialog)+2)]" }), _jsx(Dialog.Positioner, { className: "!z-[calc(var(--z-dialog)+3)] flex items-center justify-center", children: _jsxs(Dialog.Content, { className: "mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]", children: [_jsx(Dialog.CloseTrigger, { children: _jsx(XIcon, {}) }), _jsxs(Dialog.Body, { children: [_jsxs("div", { className: "flex items-center gap-xl", children: [_jsx("div", { className: "border-gray-200 flex size-11 items-center justify-center rounded-lg border", children: _jsx(QrCode02Icon, { className: "text-gray-600 size-6" }) }), _jsx(Dialog.Title, { className: "text-lg font-semibold", children: "How to Use the QR Code for Payment" })] }), _jsx(Dialog.Description, { className: "mt-5", children: "Follow these simple steps to complete your transaction:" }), _jsxs("ol", { className: "mt-3 list-inside list-decimal space-y-3", children: [_jsx("li", { children: "Open your preferred banking or EMI mobile app and select 'Transfer Money' or 'Pay via QR'" }), _jsx("li", { children: "Scan or upload the generated QR Ph code. If prompted by the app, enter the amount to be sent." }), _jsx("li", { children: "Proceed with the transfer or payment." })] })] })] }) })] })] })] }));
-}

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositSuccess.d.ts

@@ -1 +0,0 @@
-export declare function QRPHDepositSuccess(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositSuccess.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleBrokenIcon } from '../../../../icons/index.js';
-import { Button } from '../../../../ui/index.js';
-import { useQRPHDepositContext } from './QRPHDepositContext.js';
-export function QRPHDepositSuccess() {
-    const context = useQRPHDepositContext();
-    return (_jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [_jsx(CheckCircleBrokenIcon, { className: "text-green-600 mx-auto size-8 lg:size-10" }), _jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Deposit Successful!" }), _jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your funds have been successfully added and are now ready to use in your account." }), _jsx(Button, { size: "sm", variant: "outline", colorScheme: "gray", className: "mx-auto mt-6 w-fit", onClick: () => context.reset(), children: "Generate New QR Code" })] }));
-}

package/dist/components/DepositWithdrawal/MayaSessionExpired.d.ts

@@ -1 +0,0 @@
-export declare function MayaSessionExpired(): import("react/jsx-runtime").JSX.Element;

package/dist/components/DepositWithdrawal/MayaSessionExpired.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangleIcon } from '../../icons/index.js';
-export function MayaSessionExpired() {
-    return (_jsxs("div", { className: "bg-gray-50 mt-3xl rounded-lg px-5 py-16 lg:mt-4xl", children: [_jsx(AlertTriangleIcon, { className: "text-amber-500 mx-auto size-10" }), _jsx("h2", { className: "mt-3 text-center text-lg font-semibold", children: "Session Expired" }), _jsx("p", { className: "text-gray-700 mx-auto mt-2 max-w-[30rem] text-center text-sm", children: "Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app." })] }));
-}

package/dist/components/PortalProvider/PortalProvider.client.d.ts

@@ -1,2 +0,0 @@
-import type { PortalProviderProps } from './PortalProvider';
-export declare function PortalProvider__client({ googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, facebookPixelId, children, }: PortalProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/PortalProvider/PortalProvider.client.js

@@ -1,38 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast, Toaster } from '@ark-ui/react';
-import { GoogleAnalytics, GoogleTagManager } from '@next/third-parties/google';
-import { QueryClientProvider } from '@tanstack/react-query';
-import { twMerge } from 'tailwind-merge';
-import { toaster } from '../../client/utils/index.js';
-import { AlertCircleIcon, XIcon } from '../../icons/index.js';
-import { FacebookPixel, GoogleRecaptcha } from '../../third-parties/index.js';
-import { getQueryClient } from '../../utils/index.js';
-export function PortalProvider__client({ googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, facebookPixelId, children, }) {
-    const queryClient = getQueryClient();
-    return (_jsxs(QueryClientProvider, { client: queryClient, children: [children, _jsx(Toaster, { toaster: toaster, children: (toast) => (_jsxs(Toast.Root, { className: twMerge('group', 'p-xl', 'border', 'border-border-primary', 'bg-bg-primary-alt', 'flex', 'items-start', 'gap-lg', 'w-[21.438rem]', 'lg:w-[1200px]', 'max-w-full', 'rounded-xl', 'shadow-xs', 'h-[var(--height)]', 'z-[var(--z-index)]', 'scale-[var(--scale)]', 'opacity-[var(--opacity)]', '[translate:var(--x)_var(--y)_0]', 'transition-all', 'duration-300'), children: [_jsxs("div", { className: "flex grow flex-col gap-xl lg:flex-row lg:gap-lg", children: [_jsx("div", { className: twMerge('flex size-9.5 items-center justify-center rounded-full border-2', toast.type === 'error'
-                                        ? 'border-text-error-primary/15'
-                                        : toast.type === 'warning'
-                                            ? 'border-text-warning-primary/15'
-                                            : 'border-text-success-primary/15'), children: _jsx("div", { className: twMerge('flex size-7 items-center justify-center rounded-full border-2', toast.type === 'error'
-                                            ? 'border-text-error-primary/35'
-                                            : toast.type === 'warning'
-                                                ? 'border-text-warning-primary/35'
-                                                : 'border-text-success-primary/35'), children: _jsx(AlertCircleIcon, { className: twMerge('size-5', toast.type === 'error'
-                                                ? 'text-text-error-primary'
-                                                : toast.type === 'warning'
-                                                    ? 'text-text-warning-primary'
-                                                    : 'text-text-success-primary') }) }) }), _jsxs("div", { className: "grow text-sm leading-none", children: [_jsx(Toast.Title, { className: "text-text-secondary-700 font-semibold", children: toast.title
-                                                ? toast.title
-                                                : toast.type === 'error'
-                                                    ? 'Error'
-                                                    : toast.type === 'warning'
-                                                        ? 'Warning'
-                                                        : 'Success' }), _jsx(Toast.Description, { className: "text-text-tertiary-600 mt-xs", children: toast.description
-                                                ? toast.description
-                                                : toast.type === 'error'
-                                                    ? 'Something went wrong.'
-                                                    : toast.type === 'warning'
-                                                        ? 'Please be cautious.'
-                                                        : 'Operation completed successfully.' })] })] }), _jsx(Toast.CloseTrigger, { className: "text-text-secondary-700", children: _jsx(XIcon, { className: "size-5" }) })] }, toast.id)) }), facebookPixelId && _jsx(FacebookPixel, { fbId: facebookPixelId }), googleAnalyticsId && _jsx(GoogleAnalytics, { gaId: googleAnalyticsId }), googleTagManagerId && _jsx(GoogleTagManager, { gtmId: googleTagManagerId }), googleRecaptchaSiteKey && (_jsx(GoogleRecaptcha, { siteKey: googleRecaptchaSiteKey }))] }));
-}