@opexa/portal-components 0.0.302 → 0.0.304

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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", string | string[]>, undefined, unknown, unknown, undefined>>>>>;

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

@@ -1 +1 @@
-export declare const tableAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"body" | "footer" | "header" | "root" | "cell" | "heading" | "row">;
+export declare const tableAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"body" | "header" | "footer" | "root" | "cell" | "heading" | "row">;

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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "header" | "footer" | "root" | "cell" | "heading" | "row", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", 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" | "trigger" | "indicator" | "root" | "list", string | string[]>, undefined, unknown, unknown, undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.0.302",
+  "version": "0.0.304",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",

package/dist/components/FeatureFlag/FeatureFlag.d.ts

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

package/dist/components/FeatureFlag/FeatureFlag.js

@@ -1,29 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useRouter, useSearchParams } from 'next/navigation';
-import { useEffect } from 'react';
-import { FEATURE_FLAG_KEY, useFeatureFlag, } from '../../client/hooks/useFeatureFlag.js';
-export function FeatureFlag() {
-    const { featureFlagEnabled, setFeatureFlagEnabled } = useFeatureFlag();
-    const searchParams = useSearchParams();
-    const router = useRouter();
-    useEffect(() => {
-        const futureFlagParam = searchParams.get('future');
-        if (futureFlagParam !== null) {
-            const isEnabled = futureFlagParam === 'true';
-            setFeatureFlagEnabled(isEnabled);
-            localStorage.setItem(FEATURE_FLAG_KEY, isEnabled.toString());
-        }
-    }, [searchParams, setFeatureFlagEnabled]);
-    function disableFeatureFlag() {
-        setFeatureFlagEnabled(false);
-        localStorage.removeItem(FEATURE_FLAG_KEY);
-        const params = new URLSearchParams(searchParams.toString());
-        params.delete('future');
-        router.replace(`?${params.toString()}`, { scroll: false });
-    }
-    if (!featureFlagEnabled) {
-        return null;
-    }
-    return (_jsx("div", { className: "fixed bottom-3 flex w-full flex-col items-center justify-center", children: _jsxs("div", { className: "bg-black/70 p-1", children: ["Experimental features are enabled.", ' ', _jsxs("button", { onClick: () => disableFeatureFlag(), className: "cursor-pointer underline", children: [' ', "Disable"] })] }) }));
-}

package/dist/components/FeatureFlag/index.d.ts

@@ -1 +0,0 @@
-export * from './FeatureFlag';

package/dist/components/FeatureFlag/index.js

@@ -1 +0,0 @@
-export * from './FeatureFlag.js';

package/dist/components/KYC/AutoOpen.d.ts

@@ -1 +0,0 @@
-export declare function AutoOpen(): null;

package/dist/components/KYC/AutoOpen.js

@@ -1,40 +0,0 @@
-import { useEffect } from 'react';
-import { useShallow } from 'zustand/shallow';
-import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
-import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useMemberVerificationQuery } from '../../client/hooks/useMemberVerificationQuery.js';
-import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { KYC_PROMPT_LOCALSTORAGE_KEY } from '../../constants/index.js';
-export function AutoOpen() {
-    const kycStore = useGlobalStore(useShallow((ctx) => ctx.kyc));
-    const { data: session } = useSessionQuery();
-    const { data: account } = useAccountQuery();
-    const { data: verification } = useMemberVerificationQuery();
-    const isBasicInfoCompleted = account?.realName !== null && account?.birthDay !== null;
-    const isUploadCompleted = verification &&
-        verification.idFrontImage !== null &&
-        verification.selfieImage !== null;
-    const isRejected = Boolean(verification?.status === 'REJECTED');
-    const step = !isBasicInfoCompleted
-        ? 1
-        : isRejected
-            ? 2
-            : isUploadCompleted
-                ? 3
-                : 2;
-    const shouldOpen = !isBasicInfoCompleted || !isUploadCompleted || isRejected;
-    useEffect(() => {
-        if (session?.status == 'authenticated' &&
-            shouldOpen &&
-            localStorage.getItem(KYC_PROMPT_LOCALSTORAGE_KEY) === null) {
-            kycStore.setKycReminder(true);
-            return;
-        }
-    }, [kycStore, session?.status, shouldOpen]);
-    useEffect(() => {
-        if (step) {
-            kycStore.setStep(step);
-        }
-    }, [kycStore, step]);
-    return null;
-}

package/dist/components/KYC/backup/Header.d.ts

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

package/dist/components/KYC/backup/Header.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon } from '../../../icons/ChevronLeftIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { IconButton } from '../../../ui/IconButton/index.js';
-export function Header() {
-    return (_jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "bg-bg-primary-alt relative flex items-center gap-xl px-xl py-md lg:justify-center lg:bg-transparent lg:p-0", children: [_jsx(IconButton, { size: "2xs", variant: "outline", colorScheme: "gray", className: "lg:hidden", onClick: () => api.setOpen(false), children: _jsx(ChevronLeftIcon, {}) }), _jsx(Dialog.Title, { className: "text-lg font-semibold", children: "Personal Verification" }), _jsx("button", { type: "button", className: "text-text-quinary absolute right-0 top-1/2 hidden -translate-y-1/2 lg:block", onClick: () => api.setOpen(false), children: _jsx(XIcon, { className: "size-6" }) })] })) }));
-}

package/dist/components/KYC/backup/Indicator.d.ts

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

package/dist/components/KYC/backup/Indicator.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { noop } from 'lodash-es';
-import { ArrowLeftIcon } from '../../../icons/ArrowLeftIcon.js';
-import { Progress } from '../../../ui/Progress/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Indicator() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-xl grid grid-cols-[max-content_auto_auto] items-center px-xl lg:mt-md lg:px-0", children: [_jsxs("button", { className: "text-text-tertiary-600 flex items-center gap-sm text-sm font-semibold", children: [_jsx(ArrowLeftIcon, { className: "size-5" }), "Back"] }), _jsxs("div", { className: "flex justify-center gap-2", children: [_jsx(Progress.Root, { className: "w-[5.625rem] shrink-0", value: context.step >= 2 ? 100 : 50, onValueChange: noop, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) }), _jsx(Progress.Root, { className: "w-[5.625rem] shrink-0", value: context.step >= 3 ? 50 : 0, onValueChange: noop, children: _jsx(Progress.Track, { children: _jsx(Progress.Range, {}) }) })] })] }));
-}

package/dist/components/KYC/backup/KYC.d.ts

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

package/dist/components/KYC/backup/KYC.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import dynamic from 'next/dynamic';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-const Component = dynamic(() => import('./KYC.lazy.js').then((m) => m.KYC), {
-    ssr: false,
-    loading: () => null,
-});
-export function KYC() {
-    const touched = useGlobalStore(useShallow((ctx) => ctx.kyc['~touched']));
-    if (touched)
-        return _jsx(Component, {});
-}

package/dist/components/KYC/backup/KYC.lazy.d.ts

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

package/dist/components/KYC/backup/KYC.lazy.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { twMerge } from 'tailwind-merge';
-import { useShallow } from 'zustand/shallow';
-import { useGlobalStore } from '../../../client/hooks/useGlobalStore.js';
-import { Dialog } from '../../../ui/Dialog/index.js';
-import { Portal } from '../../../ui/Portal/index.js';
-import { Header } from './Header.js';
-import { Indicator } from './Indicator.js';
-import { KYCContext } from './KYCContext.js';
-import { Step1 } from './Step1.js';
-import { Step2 } from './Step2.js';
-import { Step3 } from './Step3.js';
-import { Step4 } from './Step4.js';
-import { useKYC } from './useKYC.js';
-export function KYC() {
-    const globalStore = useGlobalStore(useShallow((ctx) => ({
-        kyc: ctx.kyc,
-    })));
-    const context = useKYC();
-    return (_jsx(KYCContext, { value: context, children: _jsx(Dialog.Root, { open: globalStore.kyc.open, onOpenChange: (details) => {
-                globalStore.kyc.setOpen(details.open);
-            }, lazyMount: true, unmountOnExit: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { className: twMerge(context.step === 4 && 'flex items-center'), children: _jsxs(Dialog.Content, { className: twMerge(context.step < 4
-                                ? 'bg-bg-primary lg:bg-bg-primary-alt mx-auto h-full w-full lg:h-auto lg:w-[400px] lg:p-3xl'
-                                : 'mx-auto w-[25rem] max-w-[calc(100%-2rem)] p-3xl'), children: [context.step < 4 && _jsx(Header, {}), context.step < 4 && _jsx(Indicator, {}), context.step === 1 && _jsx(Step1, {}), context.step === 2 && _jsx(Step2, {}), context.step === 3 && _jsx(Step3, {}), context.step === 4 && _jsx(Step4, {})] }) })] }) }) }));
-}

package/dist/components/KYC/backup/KYCContext.d.ts

@@ -1,6 +0,0 @@
-import type { UseKYCReturn } from './useKYC';
-export declare const KYCContext: (props: {
-    value: UseKYCReturn;
-} & {
-    children?: import("react").ReactNode | undefined;
-}) => React.ReactNode, useKYCContext: () => UseKYCReturn;

package/dist/components/KYC/backup/KYCContext.js

@@ -1,2 +0,0 @@
-import { createContext } from '../../../client/utils/createContext.js';
-export const [KYCContext, useKYCContext] = createContext();

package/dist/components/KYC/backup/Step1.d.ts

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

package/dist/components/KYC/backup/Step1.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import uploadId from '../../../images/capture-id-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step1() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Prepare to upload your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", children: [_jsx(Image, { src: uploadId, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Upload front side of your ID"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "Don't edit image of your ID"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { onClick: () => {
-                                    context.setStep(2);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

package/dist/components/KYC/backup/Step2.d.ts

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

package/dist/components/KYC/backup/Step2.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { XIcon } from '../../../icons/XIcon.js';
-import selfie from '../../../images/capture-selfie-banner.png';
-import { Button } from '../../../ui/Button/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step2() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Take a selfie holding your ID" }), _jsxs("div", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", children: [_jsx(Image, { src: selfie, alt: "", className: "h-auto w-full", width: 600, height: 352 }), _jsxs("ul", { className: "mt-2xl space-y-3", children: [_jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Face and ID must be clearly visible"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(CheckIcon, { className: "text-text-featured-icon-light-success size-6" }), "Take a photo in a well lit room"] }), _jsxs("li", { className: "text-text-secondary-700 flex items-center gap-lg", children: [_jsx(XIcon, { className: "text-text-featured-icon-light-error size-6" }), "No hats, sunglasses, or masks"] })] }), _jsxs("div", { className: "mt-4xl space-y-lg", children: [_jsx(Button, { size: "sm", onClick: () => {
-                                    context.setStep(3);
-                                }, children: "Continue" }), _jsx(Button, { variant: "outline", children: "Continue on phone" })] })] })] }));
-}

package/dist/components/KYC/backup/Step3.d.ts

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

package/dist/components/KYC/backup/Step3.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon } from '../../../icons/CheckIcon.js';
-import { Button } from '../../../ui/Button/index.js';
-import { Checkbox } from '../../../ui/Checkbox/index.js';
-import { Field } from '../../../ui/Field/index.js';
-import { useKYCContext } from './KYCContext.js';
-export function Step3() {
-    const context = useKYCContext();
-    return (_jsxs("div", { className: "mt-2xl px-xl lg:mt-3xl lg:px-0", children: [_jsx("p", { className: "lg:text-text-secondary-700 text-center text-2xl font-semibold lg:text-base", children: "Enter your basic and work-related information" }), _jsxs("form", { className: "border-border-secondary bg-bg-primary-alt mt-6 rounded-xl border p-4 lg:mt-2xl lg:border-0 lg:bg-transparent lg:p-0", onSubmit: (e) => {
-                    e.preventDefault();
-                    context.setStep(4);
-                }, children: [_jsxs(Field.Root, { children: [_jsx(Field.Label, { children: "Permanent address" }), _jsx(Field.Input, { placeholder: "Enter your permanent address" })] }), _jsxs(Checkbox.Root, { className: "mt-2xl", children: [_jsx(Checkbox.Control, { children: _jsx(Checkbox.Indicator, { asChild: true, children: _jsx(CheckIcon, {}) }) }), _jsx(Checkbox.Label, { children: "Same as permanent address" }), _jsx(Checkbox.HiddenInput, {})] }), _jsxs(Field.Root, { className: "mt-sm", children: [_jsx(Field.Label, { children: "Current address" }), _jsx(Field.Input, { placeholder: "Enter your current address" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Source of income" }), _jsx(Field.Input, { placeholder: "Enter your source of income" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Work Description" }), _jsx(Field.Input, { placeholder: "Enter your work description" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Place of birth" }), _jsx(Field.Input, { placeholder: "Enter your place of birth" })] }), _jsxs(Field.Root, { className: "mt-2xl", children: [_jsx(Field.Label, { children: "Nationality" }), _jsx(Field.Input, { placeholder: "Enter your nationality" })] }), _jsx(Button, { type: "submit", className: "mt-4xl", children: "Submit" })] })] }));
-}