@opexa/portal-components 0.0.27 → 0.0.28

package/dist/components/KYC/UploadSelfie.mjs

@@ -1,65 +0,0 @@
-import { jsxs as o, 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 r } 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 E() {
-  const i = l();
-  return /* @__PURE__ */ o("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.setUploadingSelfie(!1),
-        children: /* @__PURE__ */ t(p, { className: "text-text-quinary size-5" })
-      }
-    ),
-    /* @__PURE__ */ t("h2", { className: "text-center text-xl font-semibold", children: "Take a Selfie Holding Your ID" }),
-    /* @__PURE__ */ t("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." }),
-    /* @__PURE__ */ t("div", { className: "mx-auto mt-10 h-[333px] w-[643px] rounded-xl bg-white/10" }),
-    /* @__PURE__ */ o("div", { className: "mx-auto mt-10 flex w-fit gap-3", children: [
-      /* @__PURE__ */ o(r, { variant: "outline", fullWidth: !1, children: [
-        /* @__PURE__ */ t(e, {}),
-        "Retake Photo"
-      ] }),
-      /* @__PURE__ */ o(r, { fullWidth: !1, children: [
-        /* @__PURE__ */ t(m, {}),
-        "Use Photo"
-      ] })
-    ] })
-  ] });
-}
-export {
-  E as UploadSelfie
-};

package/dist/components/KYC/useKYC.mjs

@@ -1,43 +0,0 @@
-import { useState as o } from "react";
-import { useShallow as a } 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 "lodash-es";
-import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as c } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-function j() {
-  const [r, e] = o(1), [m, n] = c(
-    a((t) => [t.kyc.open, t.kyc.setOpen])
-  ), [s, p] = o(!1), [f, i] = o(!1);
-  function l(t) {
-    n(t), t || setTimeout(() => {
-      e(1), p(!1), i(!1);
-    }, 1e3);
-  }
-  function u(t) {
-    e(t);
-  }
-  return {
-    open: m,
-    setOpen: l,
-    step: r,
-    setStep: u,
-    uploadingSelfie: s,
-    setUploadingSelfie: p,
-    uploadingDocument: f,
-    setUploadingDocument: i
-  };
-}
-export {
-  j as useKYC
-};

package/dist/components/Marquee/Marquee.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("tailwind-merge");function i(r){return e.jsxs("div",{className:s.twMerge("border-border-primary bg-bg-primary text-text-secondary-700 shadow-xs flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",r.className),children:[e.jsxs("div",{className:"border-border-primary flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsx("span",{className:"bg-utility-success-500 outline-utility-success-100 size-2 rounded-full outline-2"}),e.jsx("span",{children:"What's new"})]}),e.jsx("div",{className:"flex grow items-center overflow-hidden",children:e.jsxs("div",{className:"flex items-center whitespace-nowrap",children:[e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children}),e.jsx("div",{className:"animate-marquee pr-4 [animation-delay:1s]",children:r.children})]})})]})}exports.Marquee=i;

package/dist/components/Marquee/Marquee.mjs

@@ -1,26 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { twMerge as i } from "tailwind-merge";
-function n(r) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: i(
-        "border-border-primary bg-bg-primary text-text-secondary-700 shadow-xs flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",
-        r.className
-      ),
-      children: [
-        /* @__PURE__ */ a("div", { className: "border-border-primary flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5", children: [
-          /* @__PURE__ */ e("span", { className: "bg-utility-success-500 outline-utility-success-100 size-2 rounded-full outline-2" }),
-          /* @__PURE__ */ e("span", { children: "What's new" })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex grow items-center overflow-hidden", children: /* @__PURE__ */ a("div", { className: "flex items-center whitespace-nowrap", children: [
-          /* @__PURE__ */ e("div", { className: "animate-marquee pr-4 [animation-delay:1s]", children: r.children }),
-          /* @__PURE__ */ e("div", { className: "animate-marquee pr-4 [animation-delay:1s]", children: r.children })
-        ] }) })
-      ]
-    }
-  );
-}
-export {
-  n as Marquee
-};

package/dist/components/Messages/MessageItem.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("@date-fns/tz"),g=require("date-fns"),h=require("next/link"),y=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 j=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const M=require("../../client/hooks/useLocaleInfo.js"),N=require("../../client/hooks/useMarkMessageAsReadMutation.js");require("usehooks-ts");const I=require("./utils.js");function k({message:t}){const{id:n,title:o,dateTimeCreated:i,content:l,markedAsRead:c,icon:u,actions:a}=t,d=M.useLocaleInfo(),{messages:r}=j.useGlobalStore(y.useShallow(s=>({messages:s.messages}))),{mutate:m}=N.useMarkMessageAsReadMutation(),x=I.getMessageIcon(u),q=async()=>{m(n),r.setOpen(!1),r.message.setData(t),r.message.setOpen(!0)},f=s=>{s.stopPropagation(),r.setOpen(!1),r.setTab("ALL")};return e.jsxs("div",{role:"button",tabIndex:0,className:"border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5",onClick:q,"aria-pressed":"false",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("p",{className:"text-text-tertiary-600 text-xs font-normal",children:g.format(new Date(i),"M/d/yyyy - h:mma",{in:b.tz(d.timezone)})}),!c&&e.jsx("div",{className:"bg-utility-success-500 h-2.5 w-2.5 rounded-full"})]}),e.jsxs("div",{className:"mb-2 flex items-center space-x-2",children:[e.jsx(x,{className:"text-brand-400"}),e.jsx("p",{className:"text-text-primary-brand text-sm font-semibold",children:o})]}),e.jsx("p",{className:"line-clamp-3 text-wrap text-sm font-normal",dangerouslySetInnerHTML:{__html:l}}),a.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap items-center justify-end gap-2",children:a.map((s,p)=>e.jsx(h,{className:"border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm",href:s.url,onClick:f,children:s.name},p))})]})}exports.MessageItem=k;

package/dist/components/Messages/MessageItem.mjs

@@ -1,75 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { tz as h } from "@date-fns/tz";
-import { format as y } from "date-fns";
-import N from "next/link";
-import { useShallow as M } 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 k } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as I } from "../../client/hooks/useLocaleInfo.mjs";
-import { useMarkMessageAsReadMutation as w } from "../../client/hooks/useMarkMessageAsReadMutation.mjs";
-import "usehooks-ts";
-import { getMessageIcon as v } from "./utils.mjs";
-function X({ message: o }) {
-  const { id: m, title: n, dateTimeCreated: i, content: l, markedAsRead: c, icon: p, actions: a } = o, d = I(), { messages: r } = k(
-    M((t) => ({ messages: t.messages }))
-  ), { mutate: f } = w(), x = v(p), u = async () => {
-    f(m), r.setOpen(!1), r.message.setData(o), r.message.setOpen(!0);
-  }, b = (t) => {
-    t.stopPropagation(), r.setOpen(!1), r.setTab("ALL");
-  };
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: "border-border-secondary rounded-xs bg-bg-secondary flex h-auto flex-shrink-0 cursor-pointer flex-col border px-3.5 py-2.5",
-      onClick: u,
-      "aria-pressed": "false",
-      children: [
-        /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 text-xs font-normal", children: y(new Date(i), "M/d/yyyy - h:mma", {
-            in: h(d.timezone)
-          }) }),
-          !c && /* @__PURE__ */ e("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" })
-        ] }),
-        /* @__PURE__ */ s("div", { className: "mb-2 flex items-center space-x-2", children: [
-          /* @__PURE__ */ e(x, { className: "text-brand-400" }),
-          /* @__PURE__ */ e("p", { className: "text-text-primary-brand text-sm font-semibold", children: n })
-        ] }),
-        /* @__PURE__ */ e(
-          "p",
-          {
-            className: "line-clamp-3 text-wrap text-sm font-normal",
-            dangerouslySetInnerHTML: { __html: l }
-          }
-        ),
-        a.length > 0 && /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: a.map((t, g) => /* @__PURE__ */ e(
-          N,
-          {
-            className: "border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm",
-            href: t.url,
-            onClick: b,
-            children: t.name
-          },
-          g
-        )) })
-      ]
-    }
-  );
-}
-export {
-  X as MessageItem
-};

package/dist/components/Messages/MessagePopup.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@ark-ui/react"),l=require("next/link"),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 c=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const q=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.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");const s=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.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 x=require("./utils.js"),d=()=>{const{messages:i}=c.useGlobalStore(o.useShallow(t=>({messages:t.messages}))),r=i.message.data,n=x.getMessageIcon((r==null?void 0:r.icon)??"MESSAGE");return e.jsx(s.Root,{lazyMount:!0,unmountOnExit:!0,open:i.message.open,onOpenChange:({open:t})=>{i.message.setOpen(t)},closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(a.Portal,{children:[e.jsx(s.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(s.Positioner,{className:"!z-[calc(var(--z-dialog)+2)] flex items-center justify-center",children:e.jsxs(s.Content,{className:"min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl",children:[e.jsx(s.CloseTrigger,{children:e.jsx(q.XIcon,{})}),e.jsxs("div",{className:"pb-6",children:[e.jsx("div",{className:"bg-bg-brand-secondary mx-auto w-fit rounded-full p-3",children:e.jsx(n,{className:"text-text-brand",height:"24",width:"24"})}),e.jsx("p",{className:"text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight",children:r==null?void 0:r.title}),e.jsx("div",{className:"text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight",dangerouslySetInnerHTML:{__html:(r==null?void 0:r.content)??""}})]}),r!=null&&r.actions.length?e.jsx("div",{className:"flex flex-col space-y-2 px-4 pb-8 pt-6 text-center",children:r.actions.map((t,u)=>e.jsx(l,{className:"bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold",href:t.url,onClick:()=>{i.message.setOpen(!1)},children:t.name},u))}):null]})})]})})};exports.MessagePopup=d;

package/dist/components/Messages/MessagePopup.mjs

@@ -1,95 +0,0 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { Portal as n } from "@ark-ui/react";
-import s from "next/link";
-import { useShallow as a } 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 l } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-import { XIcon as c } from "../../icons/XIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.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 d, Backdrop as x, Positioner as u, Content as f, CloseTrigger as g } 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 { getMessageIcon as h } from "./utils.mjs";
-const at = () => {
-  const { messages: r } = l(
-    a((e) => ({ messages: e.messages }))
-  ), t = r.message.data, m = h((t == null ? void 0 : t.icon) ?? "MESSAGE");
-  return /* @__PURE__ */ o(
-    d,
-    {
-      lazyMount: !0,
-      unmountOnExit: !0,
-      open: r.message.open,
-      onOpenChange: ({ open: e }) => {
-        r.message.setOpen(e);
-      },
-      closeOnEscape: !1,
-      closeOnInteractOutside: !1,
-      children: /* @__PURE__ */ i(n, { children: [
-        /* @__PURE__ */ o(x, { className: "!z-[calc(var(--z-dialog)+1)]" }),
-        /* @__PURE__ */ o(u, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: /* @__PURE__ */ i(f, { className: "min-h-auto mx-auto min-w-[21.438rem] max-w-[21.438rem] rounded-xl px-xl pb-0 pt-5 shadow-xl", children: [
-          /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(c, {}) }),
-          /* @__PURE__ */ i("div", { className: "pb-6", children: [
-            /* @__PURE__ */ o("div", { className: "bg-bg-brand-secondary mx-auto w-fit rounded-full p-3", children: /* @__PURE__ */ o(m, { className: "text-text-brand", height: "24", width: "24" }) }),
-            /* @__PURE__ */ o("p", { className: "text-text-primary-brand mt-lg text-center text-lg font-semibold leading-tight", children: t == null ? void 0 : t.title }),
-            /* @__PURE__ */ o(
-              "div",
-              {
-                className: "text-shadow-text-secondary-700 mt-xs text-center text-sm font-normal leading-tight",
-                dangerouslySetInnerHTML: { __html: (t == null ? void 0 : t.content) ?? "" }
-              }
-            )
-          ] }),
-          t != null && t.actions.length ? /* @__PURE__ */ o("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: t.actions.map((e, p) => /* @__PURE__ */ o(
-            s,
-            {
-              className: "bg-button-primary-bg rounded-xs text-button-primary-fg w-full px-4 py-2.5 text-base font-semibold",
-              href: e.url,
-              onClick: () => {
-                r.message.setOpen(!1);
-              },
-              children: e.name
-            },
-            p
-          )) }) : null
-        ] }) })
-      ] })
-    }
-  );
-};
-export {
-  at as MessagePopup
-};

package/dist/components/Messages/Messages.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@ark-ui/react"),x=require("zod"),m=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 g=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const q=require("../../client/hooks/useMessagesQuery.js");require("usehooks-ts");const b=require("../../client/hooks/useUnreadMessagesCountQuery.js"),p=require("../../icons/Bell01Icon.js"),h=require("../../icons/SpinnerIcon.js"),f=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.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");const s=require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const j=require("../../ui/IconButton/IconButton.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");const a=require("../../ui/Tabs/Tabs.js"),y=require("../InfiniteScroll.js"),N=require("./MessageItem.js"),v=require("./MessagePopup.js"),c=["ALL","UNREAD"];function M(){var o;const t=g.useGlobalStore(m.useShallow(r=>({messages:r.messages}))),l=b.useUnreadMessagesCountQuery({},{refetchInterval:5e3}).data??0,n=q.useMessagesQuery({first:10,...t.messages.tab==="UNREAD"&&{filter:{markedAsRead:{equal:!0}}}},{refetchInterval:5e3}),u=((o=n.data)==null?void 0:o.pages.flatMap(r=>r.edges.map(i=>i.node)))??[];return e.jsxs(e.Fragment,{children:[e.jsxs(s.Root,{open:t.messages.open,onOpenChange:({open:r})=>t.messages.setOpen(r),lazyMount:!0,unmountOnExit:!0,children:[e.jsx(s.Trigger,{asChild:!0,children:e.jsxs(j.IconButton,{size:"sm",colorScheme:"gray",className:"relative",children:[!!l&&e.jsx("div",{className:"bg-brand-500 leading-4.5 text-button-primary-fg absolute -right-1.5 -top-1.5 rounded-full border px-1.5 text-2xs font-semibold",children:l}),e.jsx(p.Bell01Icon,{})]})}),e.jsxs(d.Portal,{children:[e.jsx(s.Backdrop,{}),e.jsx(s.Positioner,{children:e.jsx(s.Content,{className:"bg-gray-50 bg-bg-primary flex flex-col",children:e.jsxs("div",{className:"flex flex-col space-y-6",children:[e.jsxs("div",{className:"flex items-end justify-between px-4 pt-6",children:[e.jsx("p",{className:"text-text-primary-brand text-xl font-semibold",children:"Notifications"}),e.jsx(s.CloseTrigger,{className:"p-2",children:e.jsx(f.XIcon,{})})]}),e.jsxs(a.Root,{value:t.messages.tab,onValueChange:r=>t.messages.setTab(x.z.enum(c).parse(r.value)),lazyMount:!0,unmountOnExit:!0,children:[e.jsx("div",{className:"mb-4 w-full px-4",children:e.jsxs(a.List,{className:"border-border-secondary w-full border",children:[e.jsx(a.Trigger,{value:"ALL",className:"flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600",children:"All"}),e.jsxs(a.Trigger,{value:"UNREAD",className:"flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600 flex items-center justify-center space-x-2",children:[e.jsx("div",{children:"Unread"}),!!l&&e.jsx("div",{className:"border-border-primary bg-bg-secondary rounded-full border px-2 py-0.5",children:l})]}),e.jsx(a.Indicator,{className:"bg-bg-active"})]})}),e.jsx("div",{className:"border-border-secondary mb-10 w-full border-t"}),c.map(r=>e.jsxs(a.Content,{id:"messages-scrollable",value:r,className:"scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full max-h-[calc(100vh-197px)] overflow-y-auto pb-4 pl-4",style:{scrollbarGutter:"stable"},children:[u.length>0&&e.jsx("div",{className:"flex flex-col space-y-4",children:u.map(i=>e.jsx(N.MessageItem,{message:i},i.id))}),e.jsx(y.InfiniteScroll,{loader:e.jsx(h.SpinnerIcon,{className:"mx-auto size-5"}),hasMore:!!n.hasNextPage,loadMore:async()=>{await n.fetchNextPage()},className:"mt-4"})]},r))]})]})})})]})]}),e.jsx(v.MessagePopup,{})]})}exports.Messages=M;

package/dist/components/Messages/Messages.mjs

@@ -1,166 +0,0 @@
-"use client";
-import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { Portal as d } from "@ark-ui/react";
-import { z as u } from "zod";
-import { useShallow as g } 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 b } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useMessagesQuery as f } from "../../client/hooks/useMessagesQuery.mjs";
-import "usehooks-ts";
-import { useUnreadMessagesCountQuery as x } from "../../client/hooks/useUnreadMessagesCountQuery.mjs";
-import { Bell01Icon as h } from "../../icons/Bell01Icon.mjs";
-import { SpinnerIcon as y } from "../../icons/SpinnerIcon.mjs";
-import { XIcon as N } from "../../icons/XIcon.mjs";
-import "../../ui/AlertDialog/AlertDialog.mjs";
-import "../../ui/Avatar/Avatar.mjs";
-import "../../ui/Badge/Badge.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 "../../ui/Dialog/Dialog.mjs";
-import { Root as v, Trigger as M, Backdrop as C, Positioner as I, Content as w, CloseTrigger as A } from "../../ui/Drawer/Drawer.mjs";
-import "../../ui/Field/Field.mjs";
-import { IconButton as R } from "../../ui/IconButton/IconButton.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 { Root as S, List as T, Trigger as n, Indicator as z, Content as E } from "../../ui/Tabs/Tabs.mjs";
-import { InfiniteScroll as L } from "../InfiniteScroll.mjs";
-import { MessageItem as P } from "./MessageItem.mjs";
-import { MessagePopup as Q } from "./MessagePopup.mjs";
-const p = ["ALL", "UNREAD"];
-function Pe() {
-  var m;
-  const o = b(
-    g((r) => ({ messages: r.messages }))
-  ), a = x(
-    {},
-    { refetchInterval: 5e3 }
-  ).data ?? 0, l = f(
-    {
-      first: 10,
-      ...o.messages.tab === "UNREAD" && {
-        filter: {
-          markedAsRead: {
-            equal: !0
-          }
-        }
-      }
-    },
-    { refetchInterval: 5e3 }
-  ), i = ((m = l.data) == null ? void 0 : m.pages.flatMap(
-    (r) => r.edges.map((s) => s.node)
-  )) ?? [];
-  return /* @__PURE__ */ t(c, { children: [
-    /* @__PURE__ */ t(
-      v,
-      {
-        open: o.messages.open,
-        onOpenChange: ({ open: r }) => o.messages.setOpen(r),
-        lazyMount: !0,
-        unmountOnExit: !0,
-        children: [
-          /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ t(R, { size: "sm", colorScheme: "gray", className: "relative", children: [
-            !!a && /* @__PURE__ */ e("div", { className: "bg-brand-500 leading-4.5 text-button-primary-fg absolute -right-1.5 -top-1.5 rounded-full border px-1.5 text-2xs font-semibold", children: a }),
-            /* @__PURE__ */ e(h, {})
-          ] }) }),
-          /* @__PURE__ */ t(d, { children: [
-            /* @__PURE__ */ e(C, {}),
-            /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(w, { className: "bg-gray-50 bg-bg-primary flex flex-col", children: /* @__PURE__ */ t("div", { className: "flex flex-col space-y-6", children: [
-              /* @__PURE__ */ t("div", { className: "flex items-end justify-between px-4 pt-6", children: [
-                /* @__PURE__ */ e("p", { className: "text-text-primary-brand text-xl font-semibold", children: "Notifications" }),
-                /* @__PURE__ */ e(A, { className: "p-2", children: /* @__PURE__ */ e(N, {}) })
-              ] }),
-              /* @__PURE__ */ t(
-                S,
-                {
-                  value: o.messages.tab,
-                  onValueChange: (r) => o.messages.setTab(
-                    u.enum(p).parse(r.value)
-                  ),
-                  lazyMount: !0,
-                  unmountOnExit: !0,
-                  children: [
-                    /* @__PURE__ */ e("div", { className: "mb-4 w-full px-4", children: /* @__PURE__ */ t(T, { className: "border-border-secondary w-full border", children: [
-                      /* @__PURE__ */ e(
-                        n,
-                        {
-                          value: "ALL",
-                          className: "flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600",
-                          children: "All"
-                        }
-                      ),
-                      /* @__PURE__ */ t(
-                        n,
-                        {
-                          value: "UNREAD",
-                          className: "flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600 flex items-center justify-center space-x-2",
-                          children: [
-                            /* @__PURE__ */ e("div", { children: "Unread" }),
-                            !!a && /* @__PURE__ */ e("div", { className: "border-border-primary bg-bg-secondary rounded-full border px-2 py-0.5", children: a })
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ e(z, { className: "bg-bg-active" })
-                    ] }) }),
-                    /* @__PURE__ */ e("div", { className: "border-border-secondary mb-10 w-full border-t" }),
-                    p.map((r) => /* @__PURE__ */ t(
-                      E,
-                      {
-                        id: "messages-scrollable",
-                        value: r,
-                        className: "scrollbar:w-2 scrollbar-track:bg-bg-primary-alt scrollbar-track:rounded-full scrollbar-thumb:bg-bg-quaternary scrollbar-thumb:rounded-full max-h-[calc(100vh-197px)] overflow-y-auto pb-4 pl-4",
-                        style: { scrollbarGutter: "stable" },
-                        children: [
-                          i.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col space-y-4", children: i.map((s) => /* @__PURE__ */ e(P, { message: s }, s.id)) }),
-                          /* @__PURE__ */ e(
-                            L,
-                            {
-                              loader: /* @__PURE__ */ e(y, { className: "mx-auto size-5" }),
-                              hasMore: !!l.hasNextPage,
-                              loadMore: async () => {
-                                await l.fetchNextPage();
-                              },
-                              className: "mt-4"
-                            }
-                          )
-                        ]
-                      },
-                      r
-                    ))
-                  ]
-                }
-              )
-            ] }) }) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(Q, {})
-  ] });
-}
-export {
-  Pe as Messages
-};

package/dist/components/Messages/MessagesTrigger.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("@ark-ui/react"),n=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 o=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function a(e){const r=o.useGlobalStore(n.useShallow(s=>({messages:s.messages})));return i.jsx(t.ark.button,{type:"button",...e,onClick:s=>{var u;return r.messages.setOpen(!r.messages.open),(u=e.onClick)==null?void 0:u.call(e,s)},"data-state":r.messages.open?"open":"closed"})}exports.MessagesTrigger=a;

package/dist/components/Messages/MessagesTrigger.mjs

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { ark as i } from "@ark-ui/react";
-import { useShallow as s } 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 p } from "../../client/hooks/useGlobalStore.mjs";
-import "../../client/hooks/useInfiniteQueryHelper.mjs";
-import "usehooks-ts";
-function O(t) {
-  const o = p(
-    s((e) => ({
-      messages: e.messages
-    }))
-  );
-  return /* @__PURE__ */ r(
-    i.button,
-    {
-      type: "button",
-      ...t,
-      onClick: (e) => {
-        var m;
-        return o.messages.setOpen(!o.messages.open), (m = t.onClick) == null ? void 0 : m.call(t, e);
-      },
-      "data-state": o.messages.open ? "open" : "closed"
-    }
-  );
-}
-export {
-  O as MessagesTrigger
-};

package/dist/components/Messages/utils.mjs

@@ -1,16 +0,0 @@
-import "react/jsx-runtime";
-import { BellRingIcon as n } from "../../icons/BellRingIcon.mjs";
-const r = {
-  BELL: n,
-  CHECK: n,
-  CONFETTI: n,
-  GIFT: n,
-  TROPHY: n,
-  INFO: n
-};
-function I(E) {
-  return E === "ALERT" ? r.INFO : E === "CHECK" ? r.CHECK : E === "MESSAGE" ? r.BELL : E === "CELEBRATE" ? r.CONFETTI : E === "GIFT" ? r.GIFT : E === "INFO" ? r.INFO : r.TROPHY;
-}
-export {
-  I as getMessageIcon
-};

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

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),c=require("@next/third-parties/google"),u=require("@tanstack/react-query"),i=require("tailwind-merge");require("react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");const x=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const g=require("../../client/utils/toaster.js"),y=require("../../icons/AlertCircleIcon.js"),m=require("../../icons/XIcon.js"),j=require("../../third-parties/FacebookPixel/FacebookPixel.js"),p=require("../../third-parties/GoogleRecaptcha/GoogleRecaptcha.js");function q({googleAnalyticsId:s,googleTagManagerId:o,googleRecaptchaSiteKey:n,facebookPixelId:l,children:a}){const d=x.getQueryClient();return e.jsxs(u.QueryClientProvider,{client:d,children:[a,e.jsx(t.Toaster,{toaster:g.toaster,children:r=>e.jsxs(t.Toast.Root,{className:"shadow-xs border-gray-300 group z-[var(--z-index)] flex h-[var(--height)] w-[860px] max-w-full scale-[var(--scale)] items-center gap-lg rounded-xl border bg-white p-xl opacity-[var(--opacity)] transition-all duration-300 [translate:var(--x)_var(--y)_0]",children:[e.jsx("div",{className:i.twMerge("flex size-9.5 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/15":"border-green-500/15"),children:e.jsx("div",{className:i.twMerge("flex size-7 items-center justify-center rounded-full border-2",r.type==="error"?"border-red-500/35":"border-green-500/35"),children:e.jsx(y.AlertCircleIcon,{className:i.twMerge("size-5",r.type==="error"?"text-red-500":"text-green-500")})})}),e.jsxs("div",{className:"grow text-sm leading-none",children:[e.jsx(t.Toast.Title,{className:"font-semibold",children:r.title?r.title:r.type==="error"?"Error":"Success"}),e.jsx(t.Toast.Description,{className:"text-gray-700 mt-1",children:r.description?r.description:r.type==="error"?"Something went wrong.":"Operation completed successfully."})]}),e.jsx(t.Toast.CloseTrigger,{className:"text-gray-400 hover:text-gray-500 self-start",children:e.jsx(m.XIcon,{className:"size-5"})})]},r.id)}),l&&e.jsx(j.FacebookPixel,{fbId:l}),s&&e.jsx(c.GoogleAnalytics,{gaId:s}),o&&e.jsx(c.GoogleTagManager,{gtmId:o}),n&&e.jsx(p.GoogleRecaptcha,{siteKey:n})]})}exports.PortalProvider__client=q;