@opexa/portal-components 0.0.27 → 0.0.29

package/dist/components/KYC/KYC.mjs

@@ -1,84 +0,0 @@
-"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.js

@@ -1 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-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.js

@@ -1 +0,0 @@
-"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

@@ -1,42 +0,0 @@
-"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.js

@@ -1 +0,0 @@
-"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

@@ -1,67 +0,0 @@
-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.js

@@ -1 +0,0 @@
-"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

@@ -1,126 +0,0 @@
-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.js

@@ -1 +0,0 @@
-"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

@@ -1,98 +0,0 @@
-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.js

@@ -1 +0,0 @@
-"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

@@ -1,42 +0,0 @@
-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.js

@@ -1 +0,0 @@
-"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

@@ -1,69 +0,0 @@
-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.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../icons/Camera01Icon.js"),u=require("../../icons/CheckCircleIcon.js"),l=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 s=require("./KYCContext.js");function o(){const i=s.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:()=>i.setUploadingSelfie(!1),children:e.jsx(l.XIcon,{className:"text-text-quinary size-5"})}),e.jsx("h2",{className:"text-center text-xl font-semibold",children:"Take a Selfie Holding Your ID"}),e.jsx("p",{className:"text-text-tertiary-600 mt-md text-center",children:"Make sure your face and ID are clearly visible, with no glare or blur."}),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(t.Camera01Icon,{}),"Retake Photo"]}),e.jsxs(r.Button,{fullWidth:!1,children:[e.jsx(u.CheckCircleIcon,{}),"Use Photo"]})]})]})}exports.UploadSelfie=o;