@opexa/portal-components 0.0.18 → 0.0.19

package/dist/components/KYC/UploadSelfie.js

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

package/dist/components/KYC/UploadSelfie.mjs

@@ -0,0 +1,65 @@
+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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './KYC';
+export * from './KYCTrigger';

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

@@ -0,0 +1,14 @@
+export interface UseKYCReturn extends ReturnType<typeof useKYC> {
+}
+type Step = 1 | 2 | 3;
+export declare function useKYC(): {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    step: Step;
+    setStep: (value: Step) => void;
+    uploadingSelfie: boolean;
+    setUploadingSelfie: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    uploadingDocument: boolean;
+    setUploadingDocument: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};
+export {};

package/dist/components/KYC/useKYC.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),p=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("lodash-es");require("@opexa/portal-sdk-core/object-id");const S=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function f(){const[s,t]=r.useState(1),[o,n]=S.useGlobalStore(p.useShallow(e=>[e.kyc.open,e.kyc.setOpen])),[l,u]=r.useState(!1),[a,i]=r.useState(!1);function q(e){n(e),e||setTimeout(()=>{t(1),u(!1),i(!1)},1e3)}function c(e){t(e)}return{open:o,setOpen:q,step:s,setStep:c,uploadingSelfie:l,setUploadingSelfie:u,uploadingDocument:a,setUploadingDocument:i}}exports.useKYC=f;

package/dist/components/KYC/useKYC.mjs

@@ -0,0 +1,43 @@
+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/KYC/utils.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Messages/MessageItem.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils.js"),q=require("date-fns"),f=require("next/link");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("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const h=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const y=require("../../client/hooks/useMarkMessageAsReadMutation.js"),j=require("zustand/shallow");function M({message:t}){const{id:n,title:i,dateTimeCreated:o,content:c,markedAsRead:l,icon:u,actions:a}=t,{messages:r}=h.useGlobalStore(j.useShallow(s=>({messages:s.messages}))),{mutateAsync:d}=y.useMarkMessageAsReadMutation(),m=g.getMessageIcon(u),x=async()=>{await d({id:n}),r.message.setOpen(!0),r.message.setContent(t),r.setOpen(!1)},b=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:x,"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:q.format(new Date(o),"M/d/yyyy - h:mma")}),!l&&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(m,{className:"text-brand-400"}),e.jsx("p",{className:"text-text-primary-brand text-sm font-semibold",children:i})]}),e.jsx("p",{className:"text-wrap text-sm font-normal",children:c}),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(f,{className:"border-button-secondary-border text-button-secondary-fg rounded-md border px-3 py-2 text-sm",href:s.url,onClick:b,children:s.name},p))})]})}exports.MessageItem=M;
+"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,7 +1,8 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { getMessageIcon as g } from "./utils.mjs";
-import { format as h } from "date-fns";
-import y from "next/link";
+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";
@@ -11,56 +12,64 @@ 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 { 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 { useMarkMessageAsReadMutation as k } from "../../client/hooks/useMarkMessageAsReadMutation.mjs";
-import { useShallow as w } from "zustand/shallow";
-function J({ message: o }) {
-  const { id: m, title: n, dateTimeCreated: i, content: c, markedAsRead: l, icon: d, actions: a } = o, { messages: s } = N(
-    w((t) => ({ messages: t.messages }))
-  ), { mutateAsync: p } = k(), x = g(d), f = async () => {
-    await p({
-      id: m
-    }), s.message.setOpen(!0), s.message.setContent(o), s.setOpen(!1);
-  }, u = (t) => {
-    t.stopPropagation(), s.setOpen(!1), s.setTab("ALL");
+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__ */ r(
+  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: f,
+      onClick: u,
       "aria-pressed": "false",
       children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 text-xs font-normal", children: h(new Date(i), "M/d/yyyy - h:mma") }),
-          !l && /* @__PURE__ */ e("div", { className: "bg-utility-success-500 h-2.5 w-2.5 rounded-full" })
+        /* @__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__ */ r("div", { className: "mb-2 flex items-center space-x-2", children: [
+        /* @__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: "text-wrap text-sm font-normal", children: c }),
-        a.length > 0 && /* @__PURE__ */ e("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-2", children: a.map((t, b) => /* @__PURE__ */ e(
-          y,
+        /* @__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: u,
+            onClick: b,
             children: t.name
           },
-          b
+          g
         )) })
       ]
     }
   );
 }
 export {
-  J as MessageItem
+  X as MessageItem
 };

package/dist/components/Messages/MessagePopup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@ark-ui/react"),u=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("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 x=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/DatePicker/DatePicker.js");const i=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 q=require("./utils.js"),d=()=>{const{messages:s}=c.useGlobalStore(o.useShallow(t=>({messages:t.messages}))),r=s.message.content,n=q.getMessageIcon((r==null?void 0:r.icon)??"MESSAGE");return e.jsx(i.Root,{lazyMount:!0,unmountOnExit:!0,open:s.message.open,onOpenChange:({open:t})=>{s.message.setOpen(t),s.setOpen(!1),s.setTab("ALL")},closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(a.Portal,{children:[e.jsx(i.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(i.Positioner,{className:"!z-[calc(var(--z-dialog)+2)] flex items-center justify-center",children:e.jsxs(i.Content,{className:"min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5",children:[e.jsx(i.CloseTrigger,{children:e.jsx(x.XIcon,{})}),e.jsxs("div",{className:"flex flex-col items-center space-y-3 pb-6",children:[e.jsx("div",{className:"bg-bg-brand-secondary w-fit rounded-full p-3",children:e.jsx(n,{className:"text-text-brand",height:"24",width:"24"})}),e.jsxs("div",{className:"group flex flex-col text-center",children:[e.jsx("p",{className:"text-text-primary-brand text-[18px] font-semibold leading-[28px]",children:r==null?void 0:r.title}),e.jsx("p",{className:"text-shadow-text-secondary-700 text-sm font-normal",children: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,l)=>e.jsx(u,{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:()=>{s.setOpen(!1),s.setTab("ALL"),s.message.setOpen(!1)},children:t.name},l))}):null]})})]})})};exports.MessagePopup=d;
+"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,6 +1,6 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Portal as s } from "@ark-ui/react";
-import n from "next/link";
+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";
@@ -11,6 +11,7 @@ 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";
@@ -25,8 +26,9 @@ 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 f, Content as u, CloseTrigger as h } from "../../ui/Dialog/Dialog.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";
@@ -40,42 +42,46 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { getMessageIcon as b } from "./utils.mjs";
-const st = () => {
-  const { messages: o } = l(
-    a((r) => ({ messages: r.messages }))
-  ), t = o.message.content, m = b((t == null ? void 0 : t.icon) ?? "MESSAGE");
-  return /* @__PURE__ */ e(
+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: o.message.open,
-      onOpenChange: ({ open: r }) => {
-        o.message.setOpen(r), o.setOpen(!1), o.setTab("ALL");
+      open: r.message.open,
+      onOpenChange: ({ open: e }) => {
+        r.message.setOpen(e);
       },
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
-      children: /* @__PURE__ */ i(s, { children: [
-        /* @__PURE__ */ e(x, { className: "!z-[calc(var(--z-dialog)+1)]" }),
-        /* @__PURE__ */ e(f, { className: "!z-[calc(var(--z-dialog)+2)] flex items-center justify-center", children: /* @__PURE__ */ i(u, { className: "min-h-auto mx-auto max-w-[343px] rounded-xl px-4 pb-0 pt-5", children: [
-          /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(c, {}) }),
-          /* @__PURE__ */ i("div", { className: "flex flex-col items-center space-y-3 pb-6", children: [
-            /* @__PURE__ */ e("div", { className: "bg-bg-brand-secondary w-fit rounded-full p-3", children: /* @__PURE__ */ e(m, { className: "text-text-brand", height: "24", width: "24" }) }),
-            /* @__PURE__ */ i("div", { className: "group flex flex-col text-center", children: [
-              /* @__PURE__ */ e("p", { className: "text-text-primary-brand text-[18px] font-semibold leading-[28px]", children: t == null ? void 0 : t.title }),
-              /* @__PURE__ */ e("p", { className: "text-shadow-text-secondary-700 text-sm font-normal", children: t == null ? void 0 : t.content })
-            ] })
+      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__ */ e("div", { className: "flex flex-col space-y-2 px-4 pb-8 pt-6 text-center", children: t.actions.map((r, p) => /* @__PURE__ */ e(
-            n,
+          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: r.url,
+              href: e.url,
               onClick: () => {
-                o.setOpen(!1), o.setTab("ALL"), o.message.setOpen(!1);
+                r.message.setOpen(!1);
               },
-              children: r.name
+              children: e.name
             },
             p
           )) }) : null
@@ -85,5 +91,5 @@ const st = () => {
   );
 };
 export {
-  st as MessagePopup
+  at as MessagePopup
 };

package/dist/components/Messages/Messages.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("@ark-ui/react"),b=require("react-infinite-scroll-component"),q=require("zod"),h=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("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const p=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const f=require("../../client/hooks/useUnreadMessagesCountQuery.js"),j=require("../../client/hooks/useMessagesQuery.js"),y=require("../../icons/Bell01Icon.js"),N=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/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");const s=require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const M=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 t=require("../../ui/Tabs/Tabs.js"),v=require("./MessageItem.js"),I=require("./MessagePopup.js");function L(){const{messages:a}=p.useGlobalStore(h.useShallow(r=>({messages:r.messages}))),{data:o,isLoading:u}=f.useUnreadMessagesCountQuery(),{data:i,fetchNextPage:d,hasNextPage:x}=j.useMessagesQuery({first:10},{refetchInterval:1e4}),c=(i==null?void 0:i.pages.flatMap(r=>r.edges.map(l=>l.node)))??[],n={ALL:c,UNREAD:c.filter(r=>!r.markedAsRead)},g=a.tab;return e.jsxs(e.Fragment,{children:[e.jsxs(s.Root,{open:a.open,onOpenChange:({open:r})=>a.setOpen(r),lazyMount:!0,unmountOnExit:!0,children:[e.jsx(s.Trigger,{asChild:!0,children:e.jsxs(M.IconButton,{size:"sm",colorScheme:"gray",className:"relative",children:[!u&&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:o}),e.jsx(y.Bell01Icon,{})]})}),e.jsxs(m.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(N.XIcon,{})})]}),e.jsxs(t.Root,{value:g,onValueChange:({value:r})=>a.setTab(q.z.enum(["ALL","UNREAD"]).parse(r)),lazyMount:!0,unmountOnExit:!0,children:[e.jsx("div",{className:"mb-4 w-full px-4",children:e.jsxs(t.List,{className:"border-border-secondary w-full border",children:[e.jsx(t.Trigger,{value:"ALL",className:"flex-1/5 ui-selected:text-text-primary-brand text-text-tertiary-600",children:"All"}),e.jsxs(t.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("p",{children:"Unread"}),!u&&e.jsx("div",{className:"border-border-primary bg-bg-secondary rounded-full border px-2 py-[2px]",children:o})]}),e.jsx(t.Indicator,{className:"bg-bg-active"})]})}),e.jsx("div",{className:"border-border-secondary mb-10 w-full border-t"}),["ALL","UNREAD"].map(r=>e.jsx(t.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:n[r].length>0&&e.jsx(b,{dataLength:n[r].length,next:d,hasMore:!!x,loader:null,scrollableTarget:"messages-scrollable",children:e.jsx("div",{className:"flex flex-col space-y-4",children:n[r].map(l=>e.jsx(v.MessageItem,{message:l},l.id))})})},r))]})]})})})]})]}),e.jsx(I.MessagePopup,{})]})}exports.Messages=L;
+"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;