@opexa/portal-components 0.0.17 → 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/Marquee/Marquee.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("tailwind-merge");function a(r){return e.jsxs("div",{className:s.twMerge("border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",r.className),children:[e.jsxs("div",{className:"border-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5",children:[e.jsx("span",{className:"bg-green-400 outline-green-400/20 size-2 rounded-full outline-4"}),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=a;
+"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,16 +1,16 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { twMerge as n } from "tailwind-merge";
-function d(r) {
+import { twMerge as i } from "tailwind-merge";
+function n(r) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: n(
-        "border-gray-200 text-gray-700 flex gap-lg rounded-lg border p-1 pr-2.5 text-sm font-medium",
+      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-gray-200 flex shrink-0 items-center gap-sm rounded-sm border px-2 py-0.5", children: [
-          /* @__PURE__ */ e("span", { className: "bg-green-400 outline-green-400/20 size-2 rounded-full outline-4" }),
+        /* @__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: [
@@ -22,5 +22,5 @@ function d(r) {
   );
 }
 export {
-  d as Marquee
+  n as Marquee
 };

package/dist/components/Messages/MessageItem.d.ts

@@ -0,0 +1,4 @@
+import { Message } from '@opexa/portal-sdk-core';
+export declare function MessageItem({ message }: {
+    message: Message;
+}): import("react").JSX.Element;

package/dist/components/Messages/MessageItem.js

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

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

@@ -0,0 +1 @@
+export declare const MessagePopup: () => import("react").JSX.Element;

package/dist/components/Messages/MessagePopup.js

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

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

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

package/dist/components/Messages/Messages.js

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

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

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

package/dist/components/Messages/utils.d.ts

@@ -0,0 +1,3 @@
+import { MessageIcon } from '@opexa/portal-sdk-core';
+import { BellRingIcon } from '../../icons';
+export declare function getMessageIcon(logo: MessageIcon): typeof BellRingIcon;

package/dist/components/Messages/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../icons/BellRingIcon.js"),e={BELL:r.BellRingIcon,CHECK:r.BellRingIcon,CONFETTI:r.BellRingIcon,GIFT:r.BellRingIcon,TROPHY:r.BellRingIcon,INFO:r.BellRingIcon};function i(n){return n==="ALERT"?e.INFO:n==="CHECK"?e.CHECK:n==="MESSAGE"?e.BELL:n==="CELEBRATE"?e.CONFETTI:n==="GIFT"?e.GIFT:n==="INFO"?e.INFO:e.TROPHY}exports.getMessageIcon=i;

package/dist/components/Messages/utils.mjs

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

@@ -0,0 +1,2 @@
+import { PortalProviderProps } from './PortalProvider';
+export declare function PortalProvider__client({ googleAnalyticsId, googleTagManagerId, googleRecaptchaSiteKey, facebookPixelId, children, }: PortalProviderProps): import("react").JSX.Element;

package/dist/components/PortalProvider/{Providers.js → PortalProvider.client.js}

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),l=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 o=require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const c=require("../../client/utils/toaster.js"),a=require("../../icons/AlertCircleIcon.js"),d=require("../../icons/XIcon.js");function u({children:s}){const n=o.getQueryClient();return e.jsxs(l.QueryClientProvider,{client:n,children:[s,e.jsx(t.Toaster,{toaster:c.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(a.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(d.XIcon,{className:"size-5"})})]},r.id)})]})}exports.Providers=u;
+"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;