@opexa/portal-components 0.0.18 → 0.0.20

package/dist/components/KYC/KYC.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { Portal as m } from "@ark-ui/react";
+import e from "next/image";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../ui/Button/button.recipe.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import { Root as l, Backdrop as n, Positioner as a, Content as s } from "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { KYCContext as c } from "./KYCContext.mjs";
+import { Step1 as f } from "./Step1.mjs";
+import { Step2 as u } from "./Step2.mjs";
+import { Step3 as d } from "./Step3.mjs";
+import { StepIndicator as g } from "./StepIndicator.mjs";
+import { UploadDocument as x } from "./UploadDocument.mjs";
+import { UploadSelfie as h } from "./UploadSelfie.mjs";
+import { useKYC as S } from "./useKYC.mjs";
+function mo(p) {
+  const t = S();
+  return /* @__PURE__ */ o(c, { value: t, children: /* @__PURE__ */ o(
+    l,
+    {
+      open: t.open,
+      onOpenChange: (i) => {
+        t.setOpen(i.open);
+      },
+      lazyMount: !0,
+      unmountOnExit: !0,
+      closeOnEscape: !1,
+      closeOnInteractOutside: !1,
+      children: /* @__PURE__ */ r(m, { children: [
+        /* @__PURE__ */ o(n, {}),
+        /* @__PURE__ */ o(a, { children: /* @__PURE__ */ r(s, { className: "mx-auto w-fit", children: [
+          t.uploadingSelfie && /* @__PURE__ */ o(h, {}),
+          t.uploadingDocument && /* @__PURE__ */ o(x, {}),
+          !t.uploadingSelfie && !t.uploadingDocument && /* @__PURE__ */ r("div", { className: "bg-bg-primary-alt flex h-full w-full flex-col p-3xl lg:h-[800px] lg:w-[400px] lg:rounded-xl", children: [
+            /* @__PURE__ */ o(
+              e,
+              {
+                src: p.logo,
+                alt: "",
+                width: 200,
+                height: 100,
+                className: "mx-auto h-auto w-[120px]",
+                draggable: !1
+              }
+            ),
+            /* @__PURE__ */ o(g, {}),
+            t.step === 1 && /* @__PURE__ */ o(f, {}),
+            t.step === 2 && /* @__PURE__ */ o(u, {}),
+            t.step === 3 && /* @__PURE__ */ o(d, {})
+          ] })
+        ] }) })
+      ] })
+    }
+  ) });
+}
+export {
+  mo as KYC
+};

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

@@ -0,0 +1,3 @@
+import { UseKYCReturn } from './useKYC';
+export declare const KYCContext: import('react').Context<UseKYCReturn | null>;
+export declare function useKYCContext(): UseKYCReturn;

package/dist/components/KYC/KYCContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("tiny-invariant"),n=e.createContext(null);function r(){const t=e.useContext(n);return o(t),t}exports.KYCContext=n;exports.useKYCContext=r;

package/dist/components/KYC/KYCContext.mjs

@@ -0,0 +1,11 @@
+import { createContext as n, useContext as o } from "react";
+import e from "tiny-invariant";
+const r = n(null);
+function c() {
+  const t = o(r);
+  return e(t), t;
+}
+export {
+  r as KYCContext,
+  c as useKYCContext
+};

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

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+export interface KYCTriggerProps extends ComponentPropsWithRef<'button'> {
+    asChild?: boolean;
+}
+export declare function KYCTrigger(props: KYCTriggerProps): import("react").JSX.Element;

package/dist/components/KYC/KYCTrigger.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@ark-ui/react"),o=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const q=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function c(e){const u=q.useGlobalStore(o.useShallow(r=>({kyc:r.kyc})));return i.jsx(n.ark.button,{type:"button",...e,onClick:r=>{var t;return u.kyc.setOpen(!0),(t=e.onClick)==null?void 0:t.call(e,r)},"data-state":u.kyc.open?"open":"closed"})}exports.KYCTrigger=c;

package/dist/components/KYC/KYCTrigger.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { ark as e } from "@ark-ui/react";
+import { useShallow as p } from "zustand/shallow";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
+import "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as n } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+function O(t) {
+  const r = n(
+    p((o) => ({
+      kyc: o.kyc
+    }))
+  );
+  return /* @__PURE__ */ m(
+    e.button,
+    {
+      type: "button",
+      ...t,
+      onClick: (o) => {
+        var i;
+        return r.kyc.setOpen(!0), (i = t.onClick) == null ? void 0 : i.call(t, o);
+      },
+      "data-state": r.kyc.open ? "open" : "closed"
+    }
+  );
+}
+export {
+  O as KYCTrigger
+};

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

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

package/dist/components/KYC/Step1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const r=require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const s=require("./KYCContext.js");function n(){const t=s.useKYCContext();return e.jsxs("form",{className:"mt-3xl flex grow flex-col",onSubmit:i=>{i.preventDefault(),t.setStep(2)},children:[e.jsx("h2",{className:"text-text-primary-900 text-center text-lg",children:"Basic Information"}),e.jsx("p",{className:"text-text-tertiary-600 text-center text-sm",children:"Enter your basic details for identification and communication."}),e.jsxs("div",{className:"mt-9 grow",children:[e.jsxs(r.Root,{children:[e.jsx(r.Label,{children:"Real name"}),e.jsx(r.Input,{})]}),e.jsxs(r.Root,{className:"mt-xl",children:[e.jsx(r.Label,{children:"Date of birth"}),e.jsx(r.Input,{type:"date"})]}),e.jsx(u.Button,{type:"submit",className:"mt-xl",children:"Continue"})]}),e.jsxs("div",{className:"text-text-tertiary-600 mt-3xl w-full text-center text-sm",children:["Use another account."," ",e.jsx("button",{type:"button",className:"text-button-tertiary-fg font-semibold",children:"Log out"})]})]})}exports.Step1=n;

package/dist/components/KYC/Step1.mjs

@@ -0,0 +1,67 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as n } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import { Root as e, Label as o, Input as i } from "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { useKYCContext as a } from "./KYCContext.mjs";
+function H() {
+  const m = a();
+  return /* @__PURE__ */ r(
+    "form",
+    {
+      className: "mt-3xl flex grow flex-col",
+      onSubmit: (p) => {
+        p.preventDefault(), m.setStep(2);
+      },
+      children: [
+        /* @__PURE__ */ t("h2", { className: "text-text-primary-900 text-center text-lg", children: "Basic Information" }),
+        /* @__PURE__ */ t("p", { className: "text-text-tertiary-600 text-center text-sm", children: "Enter your basic details for identification and communication." }),
+        /* @__PURE__ */ r("div", { className: "mt-9 grow", children: [
+          /* @__PURE__ */ r(e, { children: [
+            /* @__PURE__ */ t(o, { children: "Real name" }),
+            /* @__PURE__ */ t(i, {})
+          ] }),
+          /* @__PURE__ */ r(e, { className: "mt-xl", children: [
+            /* @__PURE__ */ t(o, { children: "Date of birth" }),
+            /* @__PURE__ */ t(i, { type: "date" })
+          ] }),
+          /* @__PURE__ */ t(n, { type: "submit", className: "mt-xl", children: "Continue" })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "text-text-tertiary-600 mt-3xl w-full text-center text-sm", children: [
+          "Use another account.",
+          " ",
+          /* @__PURE__ */ t("button", { type: "button", className: "text-button-tertiary-fg font-semibold", children: "Log out" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  H as Step1
+};

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

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

package/dist/components/KYC/Step2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../icons/HelpCircleIcon.js"),a=require("../../icons/UploadCloud02Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const s=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const r=require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const o=require("./KYCContext.js");function n(){const t=o.useKYCContext();return e.jsxs("form",{className:"mt-3xl flex grow flex-col items-start justify-start overflow-y-auto",onSubmit:i=>{i.preventDefault(),t.setStep(3)},children:[e.jsx("h2",{className:"text-text-primary-900 w-full text-center text-lg",children:"Verify Your Identity"}),e.jsx("p",{className:"text-text-tertiary-600 w-full text-center text-sm",children:"Verify your details to confirm your identity and secure your access."}),e.jsxs("div",{className:"border-border-secondary bg-bg-brand-secondary-alt text-text-tertiary-600 mt-xl w-full rounded-xl border p-3 text-2xs leading-tight",children:[e.jsx("h4",{className:"font-semibold",children:"Instructions"}),e.jsxs("ol",{className:"mt-2 list-inside list-decimal",children:[e.jsx("li",{children:"Upload a full photo of your ID."}),e.jsx("li",{children:"Please ensure that all details in the uploaded image are legible."}),e.jsx("li",{children:"Please ensure that the ID uploaded is within the validity period."})]})]}),e.jsxs("div",{className:"scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full mt-xl w-full grow overflow-y-auto",children:[e.jsxs(r.Root,{children:[e.jsxs(r.Label,{className:"flex items-center gap-1.5",children:["Front of your ID"," ",e.jsx(l.HelpCircleIcon,{className:"text-text-quinary size-4"})]}),e.jsxs("div",{className:"border-border-secondary bg-bg-primary rounded-xl border px-3xl py-xl",children:[e.jsx("div",{className:"border-border-secondary shadow-xs text-text-secondary-700 mx-auto flex size-8 items-center justify-center rounded-sm border",children:e.jsx(a.UploadCloud02Icon,{className:"size-4"})}),e.jsxs("p",{className:"text-text-tertiary-600 mt-lg text-center text-xs",children:[e.jsx("span",{className:"text-button-tertiary-fg font-semibold",children:"Click to upload"})," ","or drag and drop"]}),e.jsx("p",{className:"text-text-tertiary-600 mt-xs text-center text-xs",children:"PNG, JPG or JPEG (max. 10mb)"}),e.jsx("p",{className:"text-text-tertiary-600 mt-xs text-center text-xs",children:"or"}),e.jsx(s.Button,{size:"xs",variant:"outline",className:"mx-auto mt-xs w-fit",onClick:()=>{t.setUploadingDocument(!0)},children:"Take a photo"})]})]}),e.jsxs(r.Root,{className:"mt-3",children:[e.jsxs(r.Label,{className:"flex items-center gap-1.5",children:["Selfie holding your ID"," ",e.jsx(l.HelpCircleIcon,{className:"text-text-quinary size-4"})]}),e.jsx("div",{className:"border-border-secondary bg-bg-primary flex h-[180px] items-center justify-center rounded-xl border px-3xl py-xl",children:e.jsx(s.Button,{size:"xs",variant:"outline",className:"w-fit",onClick:()=>{t.setUploadingDocument(!0)},children:"Take a photo"})})]})]}),e.jsxs("div",{className:"mt-xl w-full",children:[e.jsx(s.Button,{type:"submit",children:"Continue"}),e.jsxs("div",{className:"text-text-tertiary-600 mt-3xl w-full text-center text-sm",children:["Use another account."," ",e.jsx("button",{type:"button",className:"text-button-tertiary-fg font-semibold",children:"Log out"})]})]})]})}exports.Step2=n;

package/dist/components/KYC/Step2.mjs

@@ -0,0 +1,126 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { HelpCircleIcon as i } from "../../icons/HelpCircleIcon.mjs";
+import { UploadCloud02Icon as m } from "../../icons/UploadCloud02Icon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as o } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import { Root as l, Label as a } from "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { useKYCContext as n } from "./KYCContext.mjs";
+function R() {
+  const r = n();
+  return /* @__PURE__ */ e(
+    "form",
+    {
+      className: "mt-3xl flex grow flex-col items-start justify-start overflow-y-auto",
+      onSubmit: (s) => {
+        s.preventDefault(), r.setStep(3);
+      },
+      children: [
+        /* @__PURE__ */ t("h2", { className: "text-text-primary-900 w-full text-center text-lg", children: "Verify Your Identity" }),
+        /* @__PURE__ */ t("p", { className: "text-text-tertiary-600 w-full text-center text-sm", children: "Verify your details to confirm your identity and secure your access." }),
+        /* @__PURE__ */ e("div", { className: "border-border-secondary bg-bg-brand-secondary-alt text-text-tertiary-600 mt-xl w-full rounded-xl border p-3 text-2xs leading-tight", children: [
+          /* @__PURE__ */ t("h4", { className: "font-semibold", children: "Instructions" }),
+          /* @__PURE__ */ e("ol", { className: "mt-2 list-inside list-decimal", children: [
+            /* @__PURE__ */ t("li", { children: "Upload a full photo of your ID." }),
+            /* @__PURE__ */ t("li", { children: "Please ensure that all details in the uploaded image are legible." }),
+            /* @__PURE__ */ t("li", { children: "Please ensure that the ID uploaded is within the validity period." })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full mt-xl w-full grow overflow-y-auto", children: [
+          /* @__PURE__ */ e(l, { children: [
+            /* @__PURE__ */ e(a, { className: "flex items-center gap-1.5", children: [
+              "Front of your ID",
+              " ",
+              /* @__PURE__ */ t(i, { className: "text-text-quinary size-4" })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "border-border-secondary bg-bg-primary rounded-xl border px-3xl py-xl", children: [
+              /* @__PURE__ */ t("div", { className: "border-border-secondary shadow-xs text-text-secondary-700 mx-auto flex size-8 items-center justify-center rounded-sm border", children: /* @__PURE__ */ t(m, { className: "size-4" }) }),
+              /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 mt-lg text-center text-xs", children: [
+                /* @__PURE__ */ t("span", { className: "text-button-tertiary-fg font-semibold", children: "Click to upload" }),
+                " ",
+                "or drag and drop"
+              ] }),
+              /* @__PURE__ */ t("p", { className: "text-text-tertiary-600 mt-xs text-center text-xs", children: "PNG, JPG or JPEG (max. 10mb)" }),
+              /* @__PURE__ */ t("p", { className: "text-text-tertiary-600 mt-xs text-center text-xs", children: "or" }),
+              /* @__PURE__ */ t(
+                o,
+                {
+                  size: "xs",
+                  variant: "outline",
+                  className: "mx-auto mt-xs w-fit",
+                  onClick: () => {
+                    r.setUploadingDocument(!0);
+                  },
+                  children: "Take a photo"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e(l, { className: "mt-3", children: [
+            /* @__PURE__ */ e(a, { className: "flex items-center gap-1.5", children: [
+              "Selfie holding your ID",
+              " ",
+              /* @__PURE__ */ t(i, { className: "text-text-quinary size-4" })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "border-border-secondary bg-bg-primary flex h-[180px] items-center justify-center rounded-xl border px-3xl py-xl", children: /* @__PURE__ */ t(
+              o,
+              {
+                size: "xs",
+                variant: "outline",
+                className: "w-fit",
+                onClick: () => {
+                  r.setUploadingDocument(!0);
+                },
+                children: "Take a photo"
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "mt-xl w-full", children: [
+          /* @__PURE__ */ t(o, { type: "submit", children: "Continue" }),
+          /* @__PURE__ */ e("div", { className: "text-text-tertiary-600 mt-3xl w-full text-center text-sm", children: [
+            "Use another account.",
+            " ",
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "text-button-tertiary-fg font-semibold",
+                children: "Log out"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  R as Step2
+};

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

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

package/dist/components/KYC/Step3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../icons/CheckIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=require("../../ui/Button/Button.js"),t=require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");const r=require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const u=require("./KYCContext.js");function a(){const s=u.useKYCContext();return e.jsxs("form",{className:"mt-3xl flex grow flex-col items-start justify-start overflow-y-auto",onSubmit:l=>{l.preventDefault(),s.setOpen(!1)},children:[e.jsx("h2",{className:"text-text-primary-900 w-full text-center text-lg",children:"Personal Information"}),e.jsx("p",{className:"text-text-tertiary-600 w-full text-center text-sm",children:"Provide your basic details and work info."}),e.jsxs("div",{className:"scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full mt-4 w-full grow overflow-y-auto",children:[e.jsxs(r.Root,{children:[e.jsx(r.Label,{children:"Permanent address"}),e.jsx(r.Input,{})]}),e.jsxs(t.Root,{className:"mt-lg",children:[e.jsx(t.Control,{children:e.jsx(t.Indicator,{asChild:!0,children:e.jsx(i.CheckIcon,{})})}),e.jsx(t.Label,{children:"Use permanent address as current address"}),e.jsx(t.HiddenInput,{})]}),e.jsxs(r.Root,{className:"mt-xl",children:[e.jsx(r.Label,{children:"Current address"}),e.jsx(r.Input,{})]}),e.jsxs(r.Root,{className:"mt-xl",children:[e.jsx(r.Label,{children:"Source of income"}),e.jsx(r.Input,{})]}),e.jsxs(r.Root,{className:"mt-xl",children:[e.jsx(r.Label,{children:"Nature of work"}),e.jsx(r.Input,{})]}),e.jsxs(r.Root,{className:"mt-xl",children:[e.jsx(r.Label,{children:"Place of birth"}),e.jsx(r.Input,{})]}),e.jsxs(r.Root,{className:"mt-xl",children:[e.jsx(r.Label,{children:"Nationality"}),e.jsx(r.Input,{})]})]}),e.jsxs("div",{className:"mt-xl w-full",children:[e.jsx(n.Button,{type:"submit",children:"Submit and Play"}),e.jsxs("div",{className:"text-text-tertiary-600 mt-3xl w-full text-center text-sm",children:["Use another account."," ",e.jsx("button",{type:"button",className:"text-button-tertiary-fg font-semibold",children:"Log out"})]})]})]})}exports.Step3=a;

package/dist/components/KYC/Step3.mjs

@@ -0,0 +1,98 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { CheckIcon as a } from "../../icons/CheckIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as n } from "../../ui/Button/Button.mjs";
+import { Root as s, Control as c, Indicator as d, Label as p, HiddenInput as u } from "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import { Root as e, Label as o, Input as l } from "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { useKYCContext as h } from "./KYCContext.mjs";
+function T() {
+  const i = h();
+  return /* @__PURE__ */ r(
+    "form",
+    {
+      className: "mt-3xl flex grow flex-col items-start justify-start overflow-y-auto",
+      onSubmit: (m) => {
+        m.preventDefault(), i.setOpen(!1);
+      },
+      children: [
+        /* @__PURE__ */ t("h2", { className: "text-text-primary-900 w-full text-center text-lg", children: "Personal Information" }),
+        /* @__PURE__ */ t("p", { className: "text-text-tertiary-600 w-full text-center text-sm", children: "Provide your basic details and work info." }),
+        /* @__PURE__ */ r("div", { className: "scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full mt-4 w-full grow overflow-y-auto", children: [
+          /* @__PURE__ */ r(e, { children: [
+            /* @__PURE__ */ t(o, { children: "Permanent address" }),
+            /* @__PURE__ */ t(l, {})
+          ] }),
+          /* @__PURE__ */ r(s, { className: "mt-lg", children: [
+            /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(d, { asChild: !0, children: /* @__PURE__ */ t(a, {}) }) }),
+            /* @__PURE__ */ t(p, { children: "Use permanent address as current address" }),
+            /* @__PURE__ */ t(u, {})
+          ] }),
+          /* @__PURE__ */ r(e, { className: "mt-xl", children: [
+            /* @__PURE__ */ t(o, { children: "Current address" }),
+            /* @__PURE__ */ t(l, {})
+          ] }),
+          /* @__PURE__ */ r(e, { className: "mt-xl", children: [
+            /* @__PURE__ */ t(o, { children: "Source of income" }),
+            /* @__PURE__ */ t(l, {})
+          ] }),
+          /* @__PURE__ */ r(e, { className: "mt-xl", children: [
+            /* @__PURE__ */ t(o, { children: "Nature of work" }),
+            /* @__PURE__ */ t(l, {})
+          ] }),
+          /* @__PURE__ */ r(e, { className: "mt-xl", children: [
+            /* @__PURE__ */ t(o, { children: "Place of birth" }),
+            /* @__PURE__ */ t(l, {})
+          ] }),
+          /* @__PURE__ */ r(e, { className: "mt-xl", children: [
+            /* @__PURE__ */ t(o, { children: "Nationality" }),
+            /* @__PURE__ */ t(l, {})
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "mt-xl w-full", children: [
+          /* @__PURE__ */ t(n, { type: "submit", children: "Submit and Play" }),
+          /* @__PURE__ */ r("div", { className: "text-text-tertiary-600 mt-3xl w-full text-center text-sm", children: [
+            "Use another account.",
+            " ",
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "text-button-tertiary-fg font-semibold",
+                children: "Log out"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  T as Step3
+};

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

@@ -0,0 +1 @@
+export declare function StepIndicator(): import("react").JSX.Element;

package/dist/components/KYC/StepIndicator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../utils/capitalize.js");const a=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const s=require("./KYCContext.js");function u(){const t=s.useKYCContext();return e.jsxs("div",{className:"mx-auto mt-3xl flex w-fit items-center",children:[e.jsx(i,{active:t.step>=1}),e.jsx(r,{active:t.step>=2}),e.jsx(i,{active:t.step>=2}),e.jsx(r,{active:t.step>=3}),e.jsx(i,{active:t.step>=3})]})}function i({active:t}){return e.jsx("div",{className:"ui-active:bg-bg-brand-solid ui-active:shadow-brand border-border-disabled-subtle bg-bg-disabled-subtle group flex size-6 items-center justify-center rounded-full transition-colors delay-300 duration-300","data-active":a.dataAttr(t),children:e.jsx("div",{className:"bg-text-disabled-subtle size-2.5 rounded-full transition-all delay-300 duration-300 ui-group-active:bg-white"})})}function r({active:t}){return e.jsx("div",{className:"bg-bg-quaternary group relative h-0.5 w-20","data-active":a.dataAttr(t),children:e.jsx("div",{className:"bg-text-brand-primary-600 absolute left-0 top-0 h-full w-0 transition-all duration-300 ui-group-active:w-full"})})}exports.StepIndicator=u;

package/dist/components/KYC/StepIndicator.mjs

@@ -0,0 +1,42 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import "../../utils/capitalize.mjs";
+import { dataAttr as a } from "../../utils/dataAttr.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import { useKYCContext as s } from "./KYCContext.mjs";
+function f() {
+  const t = s();
+  return /* @__PURE__ */ o("div", { className: "mx-auto mt-3xl flex w-fit items-center", children: [
+    /* @__PURE__ */ e(i, { active: t.step >= 1 }),
+    /* @__PURE__ */ e(r, { active: t.step >= 2 }),
+    /* @__PURE__ */ e(i, { active: t.step >= 2 }),
+    /* @__PURE__ */ e(r, { active: t.step >= 3 }),
+    /* @__PURE__ */ e(i, { active: t.step >= 3 })
+  ] });
+}
+function i({ active: t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "ui-active:bg-bg-brand-solid ui-active:shadow-brand border-border-disabled-subtle bg-bg-disabled-subtle group flex size-6 items-center justify-center rounded-full transition-colors delay-300 duration-300",
+      "data-active": a(t),
+      children: /* @__PURE__ */ e("div", { className: "bg-text-disabled-subtle size-2.5 rounded-full transition-all delay-300 duration-300 ui-group-active:bg-white" })
+    }
+  );
+}
+function r({ active: t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "bg-bg-quaternary group relative h-0.5 w-20",
+      "data-active": a(t),
+      children: /* @__PURE__ */ e("div", { className: "bg-text-brand-primary-600 absolute left-0 top-0 h-full w-0 transition-all duration-300 ui-group-active:w-full" })
+    }
+  );
+}
+export {
+  f as StepIndicator
+};

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

@@ -0,0 +1 @@
+export declare function UploadDocument(): import("react").JSX.Element;

package/dist/components/KYC/UploadDocument.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../icons/Camera01Icon.js"),u=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const r=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const n=require("./KYCContext.js");function o(){const t=n.useKYCContext();return e.jsxs("div",{className:"bg-bg-primary-alt relative w-[747px] rounded-xl pb-12 pt-4xl",children:[e.jsx("button",{type:"button",className:"absolute right-4 top-4",onClick:()=>t.setUploadingDocument(!1),children:e.jsx(s.XIcon,{className:"text-text-quinary size-5"})}),e.jsx("h2",{className:"text-center text-xl font-semibold",children:"Take a Picture of Your Front ID"}),e.jsxs("p",{className:"text-text-tertiary-600 mt-md text-center",children:["Make sure your ID is clearly visible, well-lit, and not blurry.",e.jsx("br",{})," Avoid glare or reflections, and ensure all corners are within the frame."]}),e.jsx("div",{className:"mx-auto mt-10 h-[333px] w-[643px] rounded-xl bg-white/10"}),e.jsxs("div",{className:"mx-auto mt-10 flex w-fit gap-3",children:[e.jsxs(r.Button,{variant:"outline",fullWidth:!1,children:[e.jsx(i.Camera01Icon,{}),"Retake Photo"]}),e.jsxs(r.Button,{fullWidth:!1,children:[e.jsx(u.CheckCircleIcon,{}),"Use Photo"]})]})]})}exports.UploadDocument=o;

package/dist/components/KYC/UploadDocument.mjs

@@ -0,0 +1,69 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Camera01Icon as e } from "../../icons/Camera01Icon.mjs";
+import { CheckCircleIcon as m } from "../../icons/CheckCircleIcon.mjs";
+import { XIcon as p } from "../../icons/XIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as o } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import "../../ui/Progress/Progress.mjs";
+import "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+import { useKYCContext as l } from "./KYCContext.mjs";
+function G() {
+  const i = l();
+  return /* @__PURE__ */ r("div", { className: "bg-bg-primary-alt relative w-[747px] rounded-xl pb-12 pt-4xl", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "absolute right-4 top-4",
+        onClick: () => i.setUploadingDocument(!1),
+        children: /* @__PURE__ */ t(p, { className: "text-text-quinary size-5" })
+      }
+    ),
+    /* @__PURE__ */ t("h2", { className: "text-center text-xl font-semibold", children: "Take a Picture of Your Front ID" }),
+    /* @__PURE__ */ r("p", { className: "text-text-tertiary-600 mt-md text-center", children: [
+      "Make sure your ID is clearly visible, well-lit, and not blurry.",
+      /* @__PURE__ */ t("br", {}),
+      " Avoid glare or reflections, and ensure all corners are within the frame."
+    ] }),
+    /* @__PURE__ */ t("div", { className: "mx-auto mt-10 h-[333px] w-[643px] rounded-xl bg-white/10" }),
+    /* @__PURE__ */ r("div", { className: "mx-auto mt-10 flex w-fit gap-3", children: [
+      /* @__PURE__ */ r(o, { variant: "outline", fullWidth: !1, children: [
+        /* @__PURE__ */ t(e, {}),
+        "Retake Photo"
+      ] }),
+      /* @__PURE__ */ r(o, { fullWidth: !1, children: [
+        /* @__PURE__ */ t(m, {}),
+        "Use Photo"
+      ] })
+    ] })
+  ] });
+}
+export {
+  G as UploadDocument
+};

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

@@ -0,0 +1 @@
+export declare function UploadSelfie(): import("react").JSX.Element;