@greatapps/common 1.1.188 → 1.1.191

package/dist/components/embeds/CrispEmbed.mjs

@@ -0,0 +1,64 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { useAuth } from "../../providers/auth.provider";
+import { useWhitelabel } from "../../providers/whitelabel.provider";
+import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
+const V4_WHITELABEL_ID = 367568;
+const CRISP_WEBSITE_ID = "3339a3ec-b4c6-4aac-8b86-45668fb7655c";
+const CRISP_SCRIPT_URL = "https://client.crisp.chat/l.js";
+const CRISP_LOAD_DELAY = 800;
+function openCrispHelpdesk() {
+  if (typeof window !== "undefined" && window.$crisp) {
+    window.$crisp.push(["do", "helpdesk:search"]);
+  }
+}
+function CrispEmbed() {
+  const { user, account } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const scriptLoadedRef = useRef(false);
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+  useEffect(() => {
+    if (!user || scriptLoadedRef.current) return;
+    const win = window;
+    win.$crisp = [];
+    win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;
+    const timeout = setTimeout(() => {
+      if (document.querySelector(`script[src="${CRISP_SCRIPT_URL}"]`)) return;
+      const s = document.createElement("script");
+      s.src = CRISP_SCRIPT_URL;
+      s.async = true;
+      document.head.appendChild(s);
+      scriptLoadedRef.current = true;
+    }, CRISP_LOAD_DELAY);
+    return () => clearTimeout(timeout);
+  }, [user]);
+  useEffect(() => {
+    const $crisp = window.$crisp;
+    if (!user || !$crisp) return;
+    $crisp.push(["set", "user:email", user.email]);
+    $crisp.push(["set", "user:nickname", `${user.name} ${user.last_name}`.trim()]);
+    $crisp.push(["set", "user:company", account?.name ?? ""]);
+    $crisp.push(["set", "user:phone", `${user.ddi}${user.phone}`]);
+    if (user.photo) {
+      $crisp.push(["set", "user:avatar", user.photo]);
+    }
+    if (isV4) {
+      $crisp.push(["set", "session:segments", [["company_v4"]]]);
+      $crisp.push(["set", "session:data", [[["Company", "V4"]]]]);
+    } else {
+      const planName = subscription?.plan_name ?? "";
+      $crisp.push(["set", "session:segments", [[`plano_${planName}`]]]);
+      $crisp.push(["set", "session:segments", [[`usuario_${user.profile}`]]]);
+      $crisp.push(["set", "session:data", [[["Plano", planName]]]]);
+      $crisp.push(["set", "session:data", [[["Usuario", user.profile]]]]);
+    }
+  }, [user, account, isV4, subscription?.plan_name]);
+  return null;
+}
+export {
+  CrispEmbed,
+  openCrispHelpdesk
+};
+//# sourceMappingURL=CrispEmbed.mjs.map

package/dist/components/embeds/CrispEmbed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/embeds/CrispEmbed.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\n\nconst CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';\nconst CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';\nconst CRISP_LOAD_DELAY = 800;\n\nexport function openCrispHelpdesk() {\n  if (typeof window !== 'undefined' && (window as any).$crisp) {\n    (window as any).$crisp.push(['do', 'helpdesk:search']);\n  }\n}\n\nexport function CrispEmbed() {\n  const { user, account } = useAuth();\n  const { whitelabel } = useWhitelabel();\n  const { data: subscriptionData } = useActiveSubscription();\n  const scriptLoadedRef = useRef(false);\n\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n\n  // Load Crisp script (once, with 800ms delay)\n  useEffect(() => {\n    if (!user || scriptLoadedRef.current) return;\n\n    const win = window as any;\n    win.$crisp = [];\n    win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;\n\n    const timeout = setTimeout(() => {\n      if (document.querySelector(`script[src=\"${CRISP_SCRIPT_URL}\"]`)) return;\n      const s = document.createElement('script');\n      s.src = CRISP_SCRIPT_URL;\n      s.async = true;\n      document.head.appendChild(s);\n      scriptLoadedRef.current = true;\n    }, CRISP_LOAD_DELAY);\n\n    return () => clearTimeout(timeout);\n  }, [user]);\n\n  // Identify user\n  useEffect(() => {\n    const $crisp = (window as any).$crisp;\n    if (!user || !$crisp) return;\n\n    $crisp.push(['set', 'user:email', user.email]);\n    $crisp.push(['set', 'user:nickname', `${user.name} ${user.last_name}`.trim()]);\n    $crisp.push(['set', 'user:company', account?.name ?? '']);\n    $crisp.push(['set', 'user:phone', `${user.ddi}${user.phone}`]);\n\n    if (user.photo) {\n      $crisp.push(['set', 'user:avatar', user.photo]);\n    }\n\n    if (isV4) {\n      $crisp.push(['set', 'session:segments', [['company_v4']]]);\n      $crisp.push(['set', 'session:data', [[['Company', 'V4']]]]);\n    } else {\n      const planName = subscription?.plan_name ?? '';\n      $crisp.push(['set', 'session:segments', [[`plano_${planName}`]]]);\n      $crisp.push(['set', 'session:segments', [[`usuario_${user.profile}`]]]);\n      $crisp.push(['set', 'session:data', [[['Plano', planName]]]]);\n      $crisp.push(['set', 'session:data', [[['Usuario', user.profile]]]]);\n    }\n  }, [user, account, isV4, subscription?.plan_name]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAClC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAEtC,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AAElB,SAAS,oBAAoB;AAClC,MAAI,OAAO,WAAW,eAAgB,OAAe,QAAQ;AAC3D,IAAC,OAAe,OAAO,KAAK,CAAC,MAAM,iBAAiB,CAAC;AAAA,EACvD;AACF;AAEO,SAAS,aAAa;AAC3B,QAAM,EAAE,MAAM,QAAQ,IAAI,QAAQ;AAClC,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,EAAE,MAAM,iBAAiB,IAAI,sBAAsB;AACzD,QAAM,kBAAkB,OAAO,KAAK;AAEpC,QAAM,eAAe,kBAAkB,OAAO,CAAC,KAAK;AACpD,QAAM,OAAO,YAAY,OAAO;AAGhC,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,gBAAgB,QAAS;AAEtC,UAAM,MAAM;AACZ,QAAI,SAAS,CAAC;AACd,QAAI,mBAAmB;AAEvB,UAAM,UAAU,WAAW,MAAM;AAC/B,UAAI,SAAS,cAAc,eAAe,gBAAgB,IAAI,EAAG;AACjE,YAAM,IAAI,SAAS,cAAc,QAAQ;AACzC,QAAE,MAAM;AACR,QAAE,QAAQ;AACV,eAAS,KAAK,YAAY,CAAC;AAC3B,sBAAgB,UAAU;AAAA,IAC5B,GAAG,gBAAgB;AAEnB,WAAO,MAAM,aAAa,OAAO;AAAA,EACnC,GAAG,CAAC,IAAI,CAAC;AAGT,YAAU,MAAM;AACd,UAAM,SAAU,OAAe;AAC/B,QAAI,CAAC,QAAQ,CAAC,OAAQ;AAEtB,WAAO,KAAK,CAAC,OAAO,cAAc,KAAK,KAAK,CAAC;AAC7C,WAAO,KAAK,CAAC,OAAO,iBAAiB,GAAG,KAAK,IAAI,IAAI,KAAK,SAAS,GAAG,KAAK,CAAC,CAAC;AAC7E,WAAO,KAAK,CAAC,OAAO,gBAAgB,SAAS,QAAQ,EAAE,CAAC;AACxD,WAAO,KAAK,CAAC,OAAO,cAAc,GAAG,KAAK,GAAG,GAAG,KAAK,KAAK,EAAE,CAAC;AAE7D,QAAI,KAAK,OAAO;AACd,aAAO,KAAK,CAAC,OAAO,eAAe,KAAK,KAAK,CAAC;AAAA,IAChD;AAEA,QAAI,MAAM;AACR,aAAO,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;AACzD,aAAO,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC;AAAA,IAC5D,OAAO;AACL,YAAM,WAAW,cAAc,aAAa;AAC5C,aAAO,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,CAAC,CAAC;AAChE,aAAO,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC,CAAC,CAAC;AACtE,aAAO,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC5D,aAAO,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,MAAM,SAAS,MAAM,cAAc,SAAS,CAAC;AAEjD,SAAO;AACT;","names":[]}

package/dist/components/embeds/FrillEmbed.mjs

@@ -0,0 +1,97 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { usePathname } from "next/navigation";
+import { useAuth } from "../../providers/auth.provider";
+import { useWhitelabel } from "../../providers/whitelabel.provider";
+import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
+const V4_WHITELABEL_ID = 367568;
+const FRILL_SCRIPT_URL = "https://widget.frill.co/v2/container.js";
+const FRILL_KEY = "2f77f232-a120-438e-8ef6-01912ffd1b99";
+const EXCLUDED_ROUTES = [
+  "/login",
+  "/forgot-password",
+  "/register"
+];
+const SURVEYS = [{ key: "7f59dbf6-b665-458a-80e2-778de47efe1c" }];
+const WIDGETS = [
+  { key: "4a5ba13b-1150-49fe-aa15-f9a2da0ba909" },
+  { key: "720c0912-e6a4-495c-835e-3ff1f59d6dfc" }
+];
+function initFrillLoader() {
+  const win = window;
+  if (win.Frill) return;
+  let counter = 0;
+  const queue = {};
+  win.Frill = function(action, params) {
+    let instance;
+    const id = counter++;
+    const promise = new Promise((resolve, reject) => {
+      queue[id] = {
+        params: [action, params],
+        resolve: (f) => {
+          instance = f;
+          resolve(f);
+        },
+        reject
+      };
+    });
+    promise.destroy = () => {
+      delete queue[id];
+      instance?.destroy();
+    };
+    return promise;
+  };
+  win.Frill.q = queue;
+}
+function loadFrillScript() {
+  if (document.querySelector(`script[src="${FRILL_SCRIPT_URL}"]`)) return;
+  const anchor = document.getElementsByTagName("script")[0];
+  const script = document.createElement("script");
+  script.type = "text/javascript";
+  script.async = true;
+  script.src = FRILL_SCRIPT_URL;
+  anchor?.parentNode?.insertBefore(script, anchor);
+}
+function FrillEmbed() {
+  const pathname = usePathname();
+  const { user } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const containerRef = useRef(null);
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+  useEffect(() => {
+    if (isExcluded || !user) return;
+    initFrillLoader();
+    if (document.readyState === "complete" || document.readyState === "interactive") {
+      loadFrillScript();
+    } else {
+      document.addEventListener("DOMContentLoaded", loadFrillScript);
+    }
+    const userData = {
+      id: String(user.id),
+      email: user.email,
+      name: `${user.name} ${user.last_name}`.trim(),
+      attributes: isV4 ? { company: "V4" } : { profile: user.profile, plan: subscription?.plan_name ?? "" }
+    };
+    const config = { key: FRILL_KEY, user: userData };
+    if (!isV4) {
+      config.surveys = SURVEYS;
+      config.widgets = WIDGETS;
+    }
+    const win = window;
+    containerRef.current = win.Frill("container", config);
+    win.Frill("identify", userData);
+    return () => {
+      containerRef.current?.destroy();
+      containerRef.current = null;
+      document.removeEventListener("DOMContentLoaded", loadFrillScript);
+    };
+  }, [user, isExcluded, isV4, subscription?.plan_name]);
+  return null;
+}
+export {
+  FrillEmbed
+};
+//# sourceMappingURL=FrillEmbed.mjs.map

package/dist/components/embeds/FrillEmbed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/embeds/FrillEmbed.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { usePathname } from 'next/navigation';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\n\nconst FRILL_SCRIPT_URL = 'https://widget.frill.co/v2/container.js';\nconst FRILL_KEY = '2f77f232-a120-438e-8ef6-01912ffd1b99';\n\nconst EXCLUDED_ROUTES = [\n  '/login',\n  '/forgot-password',\n  '/register',\n];\n\nconst SURVEYS = [{ key: '7f59dbf6-b665-458a-80e2-778de47efe1c' }];\nconst WIDGETS = [\n  { key: '4a5ba13b-1150-49fe-aa15-f9a2da0ba909' },\n  { key: '720c0912-e6a4-495c-835e-3ff1f59d6dfc' },\n];\n\nfunction initFrillLoader() {\n  const win = window as any;\n  if (win.Frill) return;\n\n  let counter = 0;\n  const queue: Record<number, any> = {};\n\n  win.Frill = function (action: string, params: any) {\n    let instance: any;\n    const id = counter++;\n    const promise: any = new Promise((resolve, reject) => {\n      queue[id] = {\n        params: [action, params],\n        resolve: (f: any) => {\n          instance = f;\n          resolve(f);\n        },\n        reject,\n      };\n    });\n    promise.destroy = () => {\n      delete queue[id];\n      instance?.destroy();\n    };\n    return promise;\n  };\n  win.Frill.q = queue;\n}\n\nfunction loadFrillScript() {\n  if (document.querySelector(`script[src=\"${FRILL_SCRIPT_URL}\"]`)) return;\n  const anchor = document.getElementsByTagName('script')[0];\n  const script = document.createElement('script');\n  script.type = 'text/javascript';\n  script.async = true;\n  script.src = FRILL_SCRIPT_URL;\n  anchor?.parentNode?.insertBefore(script, anchor);\n}\n\nexport function FrillEmbed() {\n  const pathname = usePathname();\n  const { user } = useAuth();\n  const { whitelabel } = useWhitelabel();\n  const { data: subscriptionData } = useActiveSubscription();\n  const containerRef = useRef<any>(null);\n\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n\n  useEffect(() => {\n    if (isExcluded || !user) return;\n\n    initFrillLoader();\n\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\n      loadFrillScript();\n    } else {\n      document.addEventListener('DOMContentLoaded', loadFrillScript);\n    }\n\n    const userData = {\n      id: String(user.id),\n      email: user.email,\n      name: `${user.name} ${user.last_name}`.trim(),\n      attributes: isV4\n        ? { company: 'V4' }\n        : { profile: user.profile, plan: subscription?.plan_name ?? '' },\n    };\n\n    const config: Record<string, any> = { key: FRILL_KEY, user: userData };\n    if (!isV4) {\n      config.surveys = SURVEYS;\n      config.widgets = WIDGETS;\n    }\n\n    const win = window as any;\n    containerRef.current = win.Frill('container', config);\n    win.Frill('identify', userData);\n\n    return () => {\n      containerRef.current?.destroy();\n      containerRef.current = null;\n      document.removeEventListener('DOMContentLoaded', loadFrillScript);\n    };\n  }, [user, isExcluded, isV4, subscription?.plan_name]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAClC,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAEtC,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB;AACzB,MAAM,YAAY;AAElB,MAAM,kBAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,UAAU,CAAC,EAAE,KAAK,uCAAuC,CAAC;AAChE,MAAM,UAAU;AAAA,EACd,EAAE,KAAK,uCAAuC;AAAA,EAC9C,EAAE,KAAK,uCAAuC;AAChD;AAEA,SAAS,kBAAkB;AACzB,QAAM,MAAM;AACZ,MAAI,IAAI,MAAO;AAEf,MAAI,UAAU;AACd,QAAM,QAA6B,CAAC;AAEpC,MAAI,QAAQ,SAAU,QAAgB,QAAa;AACjD,QAAI;AACJ,UAAM,KAAK;AACX,UAAM,UAAe,IAAI,QAAQ,CAAC,SAAS,WAAW;AACpD,YAAM,EAAE,IAAI;AAAA,QACV,QAAQ,CAAC,QAAQ,MAAM;AAAA,QACvB,SAAS,CAAC,MAAW;AACnB,qBAAW;AACX,kBAAQ,CAAC;AAAA,QACX;AAAA,QACA;AAAA,MACF;AAAA,IACF,CAAC;AACD,YAAQ,UAAU,MAAM;AACtB,aAAO,MAAM,EAAE;AACf,gBAAU,QAAQ;AAAA,IACpB;AACA,WAAO;AAAA,EACT;AACA,MAAI,MAAM,IAAI;AAChB;AAEA,SAAS,kBAAkB;AACzB,MAAI,SAAS,cAAc,eAAe,gBAAgB,IAAI,EAAG;AACjE,QAAM,SAAS,SAAS,qBAAqB,QAAQ,EAAE,CAAC;AACxD,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,OAAO;AACd,SAAO,QAAQ;AACf,SAAO,MAAM;AACb,UAAQ,YAAY,aAAa,QAAQ,MAAM;AACjD;AAEO,SAAS,aAAa;AAC3B,QAAM,WAAW,YAAY;AAC7B,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,EAAE,MAAM,iBAAiB,IAAI,sBAAsB;AACzD,QAAM,eAAe,OAAY,IAAI;AAErC,QAAM,eAAe,kBAAkB,OAAO,CAAC,KAAK;AACpD,QAAM,aAAa,gBAAgB,KAAK,CAAC,UAAU,SAAS,WAAW,KAAK,CAAC;AAC7E,QAAM,OAAO,YAAY,OAAO;AAEhC,YAAU,MAAM;AACd,QAAI,cAAc,CAAC,KAAM;AAEzB,oBAAgB;AAEhB,QAAI,SAAS,eAAe,cAAc,SAAS,eAAe,eAAe;AAC/E,sBAAgB;AAAA,IAClB,OAAO;AACL,eAAS,iBAAiB,oBAAoB,eAAe;AAAA,IAC/D;AAEA,UAAM,WAAW;AAAA,MACf,IAAI,OAAO,KAAK,EAAE;AAAA,MAClB,OAAO,KAAK;AAAA,MACZ,MAAM,GAAG,KAAK,IAAI,IAAI,KAAK,SAAS,GAAG,KAAK;AAAA,MAC5C,YAAY,OACR,EAAE,SAAS,KAAK,IAChB,EAAE,SAAS,KAAK,SAAS,MAAM,cAAc,aAAa,GAAG;AAAA,IACnE;AAEA,UAAM,SAA8B,EAAE,KAAK,WAAW,MAAM,SAAS;AACrE,QAAI,CAAC,MAAM;AACT,aAAO,UAAU;AACjB,aAAO,UAAU;AAAA,IACnB;AAEA,UAAM,MAAM;AACZ,iBAAa,UAAU,IAAI,MAAM,aAAa,MAAM;AACpD,QAAI,MAAM,YAAY,QAAQ;AAE9B,WAAO,MAAM;AACX,mBAAa,SAAS,QAAQ;AAC9B,mBAAa,UAAU;AACvB,eAAS,oBAAoB,oBAAoB,eAAe;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,MAAM,YAAY,MAAM,cAAc,SAAS,CAAC;AAEpD,SAAO;AACT;","names":[]}

package/dist/components/layouts/UsersSelectorPopover.mjs

@@ -3,7 +3,6 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Plus, Settings, User, Users } from "lucide-react";
 import { UserAvatar } from "../ui/data-display/UserAvatar";
-import { useQueryClient, useMutation } from "@tanstack/react-query";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay/Popover";
 import { Button } from "../ui/buttons/Button";
 import {
@@ -16,16 +15,10 @@ import {
 import { Checkbox } from "../ui/form/Checkbox";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
 import { cn } from "../../infra/utils/clsx";
-import {
-  useListProjectUsers,
-  LIST_PROJECT_USERS_BASE_KEY
-} from "../../modules/projects/hooks/list-project-users.hook";
-import {
-  useListAllAccountUsers,
-  LIST_ALL_ACCOUNT_USERS_BASE_KEY
-} from "../../modules/projects/hooks/list-all-account-users.hook";
-import { removeProjectUserAction } from "../../modules/projects/actions/remove-project-user.action";
-import { addProjectUserAction } from "../../modules/projects/actions/add-project-user.action";
+import { useListProjectUsers } from "../../modules/projects/hooks/list-project-users.hook";
+import { useListAllAccountUsers } from "../../modules/projects/hooks/list-all-account-users.hook";
+import { useAddProjectUser } from "../../modules/projects/hooks/add-project-user.hook";
+import { useRemoveProjectUser } from "../../modules/projects/hooks/remove-project-user.hook";
 function UserItemSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 gap-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
@@ -42,7 +35,6 @@ function UsersSelectorPopover({
   align,
   contentClassName
 }) {
-  const queryClient = useQueryClient();
   const [open, setOpen] = useState(false);
   const [hoveredId, setHoveredId] = useState(null);
   const [searchInput, setSearchInput] = useState("");
@@ -54,22 +46,12 @@ function UsersSelectorPopover({
   }, [searchInput]);
   const accountUsers = useListAllAccountUsers(search, id || void 0);
   const projectUsers = useListProjectUsers(id, "");
+  const addMutation = useAddProjectUser(id);
+  const removeMutation = useRemoveProjectUser(id);
   const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];
   const isLoading = accountUsers.isLoading;
   const isFetchingMore = accountUsers.isFetchingNextPage;
   const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;
-  const invalidate = () => {
-    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });
-    queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
-  };
-  const removeMutation = useMutation({
-    mutationFn: (userId) => removeProjectUserAction({ projectId: id, users: [userId] }),
-    onSuccess: invalidate
-  });
-  const addMutation = useMutation({
-    mutationFn: (userId) => addProjectUserAction({ projectId: id, users: [userId] }),
-    onSuccess: invalidate
-  });
   const toggleUser = (userId, inProject, removable) => {
     if (inProject) {
       if (!removable) return;

package/dist/components/layouts/UsersSelectorPopover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Plus, Settings, User, Users } from \"lucide-react\";\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\nimport { useQueryClient, useMutation } from \"@tanstack/react-query\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay/Popover\";\nimport { Button } from \"../ui/buttons/Button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"../ui/overlay/Command\";\nimport { Checkbox } from \"../ui/form/Checkbox\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"../../modules/projects/hooks/list-project-users.hook\";\nimport {\n  useListAllAccountUsers,\n  LIST_ALL_ACCOUNT_USERS_BASE_KEY,\n} from \"../../modules/projects/hooks/list-all-account-users.hook\";\nimport { removeProjectUserAction } from \"../../modules/projects/actions/remove-project-user.action\";\nimport { addProjectUserAction } from \"../../modules/projects/actions/add-project-user.action\";\n\nexport interface UsersSelectorPopoverProps {\n  projectId?: number;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  contentClassName?: string;\n}\n\nfunction UserItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-1.5 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-8 rounded-full shrink-0\" />\n        <div className=\"skeleton h-3.5 w-28 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded shrink-0\" />\n    </div>\n  );\n}\n\nconst GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? \"\";\n\nexport function UsersSelectorPopover({\n  projectId,\n  side,\n  align,\n  contentClassName,\n}: UsersSelectorPopoverProps) {\n  const queryClient = useQueryClient();\n  const [open, setOpen] = useState(false);\n  const [hoveredId, setHoveredId] = useState<number | null>(null);\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [search, setSearch] = useState(\"\");\n\n  const id = projectId ?? 0;\n\n  useEffect(() => {\n    const timer = setTimeout(() => setSearch(searchInput), 300);\n    return () => clearTimeout(timer);\n  }, [searchInput]);\n\n  const accountUsers = useListAllAccountUsers(search, id || undefined);\n  const projectUsers = useListProjectUsers(id, \"\");\n\n  const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];\n  const isLoading = accountUsers.isLoading;\n  const isFetchingMore = accountUsers.isFetchingNextPage;\n  const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;\n\n  const invalidate = () => {\n    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });\n    queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });\n  };\n\n  const removeMutation = useMutation({\n    mutationFn: (userId: number) =>\n      removeProjectUserAction({ projectId: id, users: [userId] }),\n    onSuccess: invalidate,\n  });\n\n  const addMutation = useMutation({\n    mutationFn: (userId: number) =>\n      addProjectUserAction({ projectId: id, users: [userId] }),\n    onSuccess: invalidate,\n  });\n\n  const toggleUser = (userId: number, inProject: boolean, removable: boolean) => {\n    if (inProject) {\n      if (!removable) return;\n      removeMutation.mutate(userId);\n    } else {\n      addMutation.mutate(userId);\n    }\n  };\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const target = e.currentTarget;\n    const nearBottom =\n      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\n    if (!nearBottom) return;\n    if (accountUsers.hasNextPage && !accountUsers.isFetchingNextPage) {\n      accountUsers.fetchNextPage();\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger className=\"cursor-pointer\">\n        <div className=\"flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950\">\n          <span className=\"paragraph-small-semibold\">{totalInProject}</span>\n          <User size={16} />\n        </div>\n      </PopoverTrigger>\n\n      <PopoverContent\n        className={cn(\n          \"absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\",\n          contentClassName,\n        )}\n        side={side}\n        align={align}\n        sideOffset={8}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Usuários</span>\n            <div className=\"flex items-center gap-1.5\">\n              <Button\n                variant=\"secondary\"\n                className=\"h-8 paragraph-small-semibold text-gray-950\"\n                onClick={() => {\n                  window.location.href = `${GAPPS_URL}/my-teams?createNew=true`;\n                }}\n              >\n                <Plus size={16} />\n                Adicionar\n              </Button>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button\n                    variant=\"secondary\"\n                    className=\"p-0 size-8\"\n                    onClick={() => {\n                      window.location.href = `${GAPPS_URL}/my-teams`;\n                    }}\n                  >\n                    <Settings size={18} />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent className=\"z-[1002]\">\n                  Visualizar todos usuários\n                </TooltipContent>\n              </Tooltip>\n            </div>\n          </div>\n\n          <Command shouldFilter={false} className=\"gap-2\" value=\"\">\n            <CommandInput\n              placeholder=\"Busque aqui\"\n              value={searchInput}\n              onValueChange={setSearchInput}\n            />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\"\n              onScroll={handleScroll}\n            >\n              {isLoading ? (\n                <>\n                  <UserItemSkeleton />\n                  <UserItemSkeleton />\n                  <UserItemSkeleton />\n                </>\n              ) : allUsers.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <Users size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    Nenhum usuário encontrado.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n                  {allUsers.map((user) => {\n                    const inProject = user.in_project ?? false;\n                    const removable =\n                      inProject &&\n                      user.profile !== \"owner\" &&\n                      user.profile !== \"admin\";\n                    const interactive = !inProject || removable;\n\n                    return (\n                      <CommandItem\n                        key={user.id}\n                        value={user.name || String(user.id)}\n                        autoFocus={false}\n                        onPointerEnter={() => setHoveredId(user.id)}\n                        onPointerLeave={() => setHoveredId(null)}\n                        onFocus={() => setHoveredId(user.id)}\n                        onBlur={() => setHoveredId(null)}\n                        onSelect={() => toggleUser(user.id, inProject, removable)}\n                        className={interactive ? \"cursor-pointer\" : \"cursor-default\"}\n                      >\n                        <div className=\"flex items-center justify-between w-full\">\n                          <div className=\"flex items-center gap-2 min-w-0\">\n                            <UserAvatar\n                              photo={user.photo}\n                              name={user.name ?? undefined}\n                              size={32}\n                            />\n                            <span className=\"truncate\">{user.name}</span>\n                          </div>\n                          <Tooltip open={interactive && hoveredId === user.id}>\n                            <TooltipTrigger\n                              onClick={(e) => e.stopPropagation()}\n                              onPointerDown={(e) => e.stopPropagation()}\n                            >\n                              <Checkbox\n                                checked={inProject}\n                                disabled={!interactive}\n                                onCheckedChange={() =>\n                                  toggleUser(user.id, inProject, removable)\n                                }\n                                className={cn(\n                                  interactive && hoveredId === user.id\n                                    ? \"border-gray-950\"\n                                    : \"\",\n                                  \"disabled:opacity-10\",\n                                )}\n                              />\n                            </TooltipTrigger>\n                            <TooltipContent className=\"z-[1002]\">\n                              {inProject ? \"Remover do projeto\" : \"Adicionar ao projeto\"}\n                            </TooltipContent>\n                          </Tooltip>\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingMore && (\n                    <>\n                      <UserItemSkeleton />\n                      <UserItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/UsersSelectorPopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Plus, Settings, User, Users } from \"lucide-react\";\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay/Popover\";\nimport { Button } from \"../ui/buttons/Button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"../ui/overlay/Command\";\nimport { Checkbox } from \"../ui/form/Checkbox\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport { useListProjectUsers } from \"../../modules/projects/hooks/list-project-users.hook\";\nimport { useListAllAccountUsers } from \"../../modules/projects/hooks/list-all-account-users.hook\";\nimport { useAddProjectUser } from \"../../modules/projects/hooks/add-project-user.hook\";\nimport { useRemoveProjectUser } from \"../../modules/projects/hooks/remove-project-user.hook\";\n\nexport interface UsersSelectorPopoverProps {\n  projectId?: number;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  contentClassName?: string;\n}\n\nfunction UserItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-1.5 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-8 rounded-full shrink-0\" />\n        <div className=\"skeleton h-3.5 w-28 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded shrink-0\" />\n    </div>\n  );\n}\n\nconst GAPPS_URL = process.env.NEXT_PUBLIC_GREAT_APPS ?? \"\";\n\nexport function UsersSelectorPopover({\n  projectId,\n  side,\n  align,\n  contentClassName,\n}: UsersSelectorPopoverProps) {\n  const [open, setOpen] = useState(false);\n  const [hoveredId, setHoveredId] = useState<number | null>(null);\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [search, setSearch] = useState(\"\");\n\n  const id = projectId ?? 0;\n\n  useEffect(() => {\n    const timer = setTimeout(() => setSearch(searchInput), 300);\n    return () => clearTimeout(timer);\n  }, [searchInput]);\n\n  const accountUsers = useListAllAccountUsers(search, id || undefined);\n  const projectUsers = useListProjectUsers(id, \"\");\n  const addMutation = useAddProjectUser(id);\n  const removeMutation = useRemoveProjectUser(id);\n\n  const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];\n  const isLoading = accountUsers.isLoading;\n  const isFetchingMore = accountUsers.isFetchingNextPage;\n  const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;\n\n  const toggleUser = (userId: number, inProject: boolean, removable: boolean) => {\n    if (inProject) {\n      if (!removable) return;\n      removeMutation.mutate(userId);\n    } else {\n      addMutation.mutate(userId);\n    }\n  };\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const target = e.currentTarget;\n    const nearBottom =\n      target.scrollTop + target.clientHeight >= target.scrollHeight - 50;\n    if (!nearBottom) return;\n    if (accountUsers.hasNextPage && !accountUsers.isFetchingNextPage) {\n      accountUsers.fetchNextPage();\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger className=\"cursor-pointer\">\n        <div className=\"flex items-center gap-2 text-gray-950 px-3 py-2 border border-gray-200 rounded-full hover:border-gray-950\">\n          <span className=\"paragraph-small-semibold\">{totalInProject}</span>\n          <User size={16} />\n        </div>\n      </PopoverTrigger>\n\n      <PopoverContent\n        className={cn(\n          \"absolute right-[-88px] w-[273px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\",\n          contentClassName,\n        )}\n        side={side}\n        align={align}\n        sideOffset={8}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Usuários</span>\n            <div className=\"flex items-center gap-1.5\">\n              <Button\n                variant=\"secondary\"\n                className=\"h-8 paragraph-small-semibold text-gray-950\"\n                onClick={() => {\n                  window.location.href = `${GAPPS_URL}/my-teams?createNew=true`;\n                }}\n              >\n                <Plus size={16} />\n                Adicionar\n              </Button>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <Button\n                    variant=\"secondary\"\n                    className=\"p-0 size-8\"\n                    onClick={() => {\n                      window.location.href = `${GAPPS_URL}/my-teams`;\n                    }}\n                  >\n                    <Settings size={18} />\n                  </Button>\n                </TooltipTrigger>\n                <TooltipContent className=\"z-[1002]\">\n                  Visualizar todos usuários\n                </TooltipContent>\n              </Tooltip>\n            </div>\n          </div>\n\n          <Command shouldFilter={false} className=\"gap-2\" value=\"\">\n            <CommandInput\n              placeholder=\"Busque aqui\"\n              value={searchInput}\n              onValueChange={setSearchInput}\n            />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[162px]\"\n              onScroll={handleScroll}\n            >\n              {isLoading ? (\n                <>\n                  <UserItemSkeleton />\n                  <UserItemSkeleton />\n                  <UserItemSkeleton />\n                </>\n              ) : allUsers.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <Users size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    Nenhum usuário encontrado.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n                  {allUsers.map((user) => {\n                    const inProject = user.in_project ?? false;\n                    const removable =\n                      inProject &&\n                      user.profile !== \"owner\" &&\n                      user.profile !== \"admin\";\n                    const interactive = !inProject || removable;\n\n                    return (\n                      <CommandItem\n                        key={user.id}\n                        value={user.name || String(user.id)}\n                        autoFocus={false}\n                        onPointerEnter={() => setHoveredId(user.id)}\n                        onPointerLeave={() => setHoveredId(null)}\n                        onFocus={() => setHoveredId(user.id)}\n                        onBlur={() => setHoveredId(null)}\n                        onSelect={() => toggleUser(user.id, inProject, removable)}\n                        className={interactive ? \"cursor-pointer\" : \"cursor-default\"}\n                      >\n                        <div className=\"flex items-center justify-between w-full\">\n                          <div className=\"flex items-center gap-2 min-w-0\">\n                            <UserAvatar\n                              photo={user.photo}\n                              name={user.name ?? undefined}\n                              size={32}\n                            />\n                            <span className=\"truncate\">{user.name}</span>\n                          </div>\n                          <Tooltip open={interactive && hoveredId === user.id}>\n                            <TooltipTrigger\n                              onClick={(e) => e.stopPropagation()}\n                              onPointerDown={(e) => e.stopPropagation()}\n                            >\n                              <Checkbox\n                                checked={inProject}\n                                disabled={!interactive}\n                                onCheckedChange={() =>\n                                  toggleUser(user.id, inProject, removable)\n                                }\n                                className={cn(\n                                  interactive && hoveredId === user.id\n                                    ? \"border-gray-950\"\n                                    : \"\",\n                                  \"disabled:opacity-10\",\n                                )}\n                              />\n                            </TooltipTrigger>\n                            <TooltipContent className=\"z-[1002]\">\n                              {inProject ? \"Remover do projeto\" : \"Adicionar ao projeto\"}\n                            </TooltipContent>\n                          </Tooltip>\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingMore && (\n                    <>\n                      <UserItemSkeleton />\n                      <UserItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -191,6 +191,8 @@ import {
   TooltipContent,
   TooltipProvider
 } from "./components/ui/overlay/Tooltip";
+import { FrillEmbed } from "./components/embeds/FrillEmbed";
+import { CrispEmbed, openCrispHelpdesk } from "./components/embeds/CrispEmbed";
 import { useMdSidebarStore } from "./store/useMdSidebarStore";
 import { useModalManager } from "./store/useModalManager";
 import { AccountSectionType } from "./enums/AccountSectionType";
@@ -292,6 +294,7 @@ export {
   CommandShortcut,
   default15 as ConfirmGlobalPreferencesModal,
   CopyButton,
+  CrispEmbed,
   DatePicker,
   DateRangePicker,
   default6 as DefaultCircularProgress,
@@ -307,6 +310,7 @@ export {
   DialogTrigger,
   default14 as DisableTwoFactorAuthModal,
   FormField,
+  FrillEmbed,
   GENDER_OPTIONS,
   Input,
   InputOTP,
@@ -419,6 +423,7 @@ export {
   formatFullName,
   formatPhone,
   formatTimer,
+  openCrispHelpdesk,
   parseResult,
   parseSchema,
   readFromClipboard,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from \"./modules/auth/schema\";\nexport * from \"./modules/users/schema\";\nexport * from \"./modules/whitelabel/schema\";\nexport * from \"./modules/whitelabel/styles-schema\";\nexport * from \"./infra/api/types\";\n\n// Contexts\nexport * from \"./providers/query.provider\";\nexport * from \"./providers/auth.provider\";\nexport * from \"./providers/whitelabel.provider\";\n\n// Hooks\nexport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_QUERY_KEY,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-project-users.hook\";\nexport {\n  useListAvailableUsers,\n  LIST_AVAILABLE_USERS_QUERY_KEY,\n  LIST_AVAILABLE_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-available-users.hook\";\nexport type {\n  ProjectUser,\n  AccountUser,\n  AddRemoveProjectUsersParams,\n  ListUsersParams,\n  UsersPage,\n} from \"./modules/projects/types\";\nexport {\n  useUserQuery,\n  useUserValidateSession,\n  useInvalidateUser,\n  useSetUserData,\n  useTwoFactorVerify,\n  USER_QUERY_KEY,\n} from \"./modules/auth/hooks/useUserQuery\";\nexport {\n  useSubscriptions,\n  SUBSCRIPTIONS_QUERY_KEY,\n} from \"./modules/subscriptions/hooks/list-subscriptions.hook\";\nexport { useActiveSubscription } from \"./modules/subscriptions/hooks/find-active-subscription.hook\";\nexport { useIaCredits } from \"./modules/ia-credits/hooks/ia-credits.hook\";\nexport type {\n  IaCreditsSummary,\n  IaCreditOperation,\n} from \"./modules/ia-credits/types\";\nexport type {\n  Subscription,\n  SubscriptionItem,\n  FindSubscriptionsParams,\n} from \"./modules/subscriptions/types\";\nexport {\n  SubscriptionSchema,\n  SubscriptionItemSchema,\n} from \"./modules/subscriptions/types\";\nexport { ADDON_IDS } from \"./modules/subscriptions/constants/addons.constants\";\nexport type { AddonKindEnum } from \"./modules/subscriptions/constants/addons.constants\";\n\n// Providers\nexport { QueryProvider } from \"./providers/query.provider\";\n\n// Middleware\nexport { createAuthMiddleware } from \"./middlewares/create-auth-middleware\";\nexport { createMiddlewareChain } from \"./middlewares/chain\";\nexport { continueChain, stopChain } from \"./middlewares/types\";\nexport type {\n  MiddlewareFunction,\n  MiddlewareConfig,\n  MiddlewareResult,\n} from \"./middlewares/types\";\n\n// Utils\nexport { cn } from \"./infra/utils/clsx\";\nexport { buildQueryParams } from \"./infra/utils/params\";\nexport { parseSchema, parseResult } from \"./infra/utils/parser\";\nexport { withAction } from \"./utils/withAction\";\n\n// Layout\nexport {\n  MainLayout,\n  MainLayoutContent,\n  MainLayoutSpacer,\n  MainLayoutMain,\n} from \"./components/layouts/MainLayout\";\nexport { NavBar } from \"./components/layouts/NavBar\";\nexport type { NavBarProps } from \"./components/layouts/NavBar\";\nexport { AppNavBar } from \"./components/layouts/AppNavBar\";\nexport type { AppNavBarProps } from \"./components/layouts/AppNavBar\";\nexport { AppMobileNavBar } from \"./components/layouts/AppMobileNavBar\";\nexport type { AppMobileNavBarProps } from \"./components/layouts/AppMobileNavBar\";\nexport { SideBarNavigation } from \"./components/layouts/SideBarNavigation\";\nexport { MdSideBarNavigation } from \"./components/layouts/MdSideBarNavigation\";\nexport { default as NotificationCard } from \"./components/widgets/notifications/NotificationCard\";\nexport type { NotificationCardProps } from \"./components/widgets/notifications/NotificationCard\";\nexport { NotificationsPopover } from \"./components/layouts/NotificationsPopover\";\nexport type { NotificationsPopoverProps } from \"./components/layouts/NotificationsPopover\";\nexport { NotificationPageContent } from \"./components/pages/notifications/Notifications\";\nexport { UsersSelectorPopover } from \"./components/layouts/UsersSelectorPopover\";\nexport type { UsersSelectorPopoverProps } from \"./components/layouts/UsersSelectorPopover\";\nexport { ProfilePopover } from \"./components/layouts/ProfilePopover\";\nexport type {\n  ProfilePopoverProps,\n  ProfileMenuItem,\n} from \"./components/layouts/ProfilePopover\";\nexport { NavBarItem } from \"./components/layouts/NavBarItem\";\nexport type { NavBarItemProps } from \"./components/layouts/NavBarItem\";\n\n// Navigation\nexport { AppNavigation } from './components/navigation/AppNavigation';\nexport { CancelledSubscriptionBanner } from './components/navigation/CancelledSubscriptionBanner';\nexport type { NavItemConfig } from './components/navigation/subcomponents/NavItems';\nexport type { NavigationProject } from './components/navigation/types';\nexport { useMobileNavbarSheet } from './store/useMobileNavbarSheet';\n\n// Hooks\nexport { default as useCopyToClipboard } from \"./hooks/copy-to-clipboard.hook\";\n\n// UI - Buttons\nexport { Button, buttonVariants } from \"./components/ui/buttons/Button\";\nexport { CopyButton } from \"./components/ui/buttons/CopyButton\";\nexport { default as CancelButton } from \"./components/ui/buttons/CancelButton\";\n\n// UI - Data Display\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./components/ui/data-display/Accordion\";\nexport { Badge, badgeVariants } from \"./components/ui/data-display/Badge\";\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n} from \"./components/ui/data-display/Card\";\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"./components/ui/data-display/Pagination\";\nexport { ScrollArea, ScrollBar } from \"./components/ui/data-display/ScrollArea\";\nexport { Separator } from \"./components/ui/data-display/Separator\";\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} from \"./components/ui/data-display/Table\";\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"./components/ui/data-display/Tabs\";\nexport { UserAvatar } from \"./components/ui/data-display/UserAvatar\";\nexport type { UserAvatarProps } from \"./components/ui/data-display/UserAvatar\";\n\n// UI - Feedback\nexport { default as CircularProgress } from \"./components/ui/feedback/CircularProgress\";\nexport { default as DefaultCircularProgress } from \"./components/ui/feedback/DefaultCircularProgress\";\nexport { Progress } from \"./components/ui/feedback/Progress\";\nexport { LoadingOverlay } from \"./components/ui/feedback/LoadingOverlay\";\nexport {\n  Toast,\n  toastVariants,\n  toastIconContainerVariants,\n} from \"./components/ui/feedback/Toast\";\nexport type { ToastProps } from \"./components/ui/feedback/Toast\";\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from \"./components/ui/form/Calendar\";\nexport { Checkbox } from \"./components/ui/form/Checkbox\";\nexport { DatePicker } from \"./components/ui/form/DatePicker\";\nexport { DateRangePicker } from \"./components/ui/form/DateRangePicker\";\nexport { Input } from \"./components/ui/form/Input\";\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n} from \"./components/ui/form/InputOtp\";\nexport { RadioGroup, RadioGroupItem } from \"./components/ui/form/RadioGroup\";\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from \"./components/ui/form/Select\";\nexport { Switch } from \"./components/ui/form/Switch\";\nexport { Textarea } from \"./components/ui/form/Textarea\";\n\n// UI - Overlay\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n} from \"./components/ui/overlay/Command\";\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from \"./components/ui/overlay/Dialog\";\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n} from \"./components/ui/overlay/Popover\";\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n} from \"./components/ui/overlay/Sheet\";\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"./components/ui/overlay/Tooltip\";\n\n// Store\nexport { useMdSidebarStore } from \"./store/useMdSidebarStore\";\nexport { useModalManager } from \"./store/useModalManager\";\nexport type { ModalData } from \"./store/useModalManager\";\n\n// Enums\nexport { AccountSectionType } from \"./enums/AccountSectionType\";\n\n// Hooks\nexport { default as usePasswordVisibility } from \"./hooks/usePasswordVisibility\";\nexport { default as useCountdownTimer } from \"./hooks/useCountdownTimer\";\nexport { default as useIsMobile } from \"./hooks/useIsMobile\";\nexport { useDebounce } from \"./hooks/useDebounce\";\nexport { useDebouncedEffect } from \"./hooks/useDebouncedEffect\";\nexport { useDebounceState } from \"./hooks/useDebounceState\";\n\n// Utils\nexport {\n  formatPhone,\n  formatTimer,\n  formatFullName,\n  formatCPF,\n  formatCardNumber,\n} from \"./utils/format/masks\";\nexport type { TimezoneOption } from \"./modules/accounts/services/timezone.service\";\nexport {\n  buildLocaleOptions,\n  LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS,\n} from \"./utils/intl/locales\";\nexport type { LocaleOption } from \"./utils/intl/locales\";\nexport { copyToClipboard, readFromClipboard } from \"./utils/browser/clipboard\";\n\n// UI - Form (new widgets)\nexport { FormField } from \"./components/ui/form/FormField\";\nexport { SelectField } from \"./components/ui/form/SelectField\";\nexport { ComboboxField } from \"./components/ui/form/ComboboxField\";\nexport type { ComboboxOption } from \"./components/ui/form/ComboboxField\";\nexport { default as PhoneInput } from \"./components/ui/form/PhoneInput\";\nexport { default as SwitchOptionFieldWithIcon } from \"./components/ui/form/SwitchOptionFieldWithIcon\";\nexport { TextAreaField } from \"./components/ui/form/TextAreaField\";\n\n// Account Module - Hooks\nexport {\n  useCurrentAccount,\n  ACCOUNT_QUERY_KEY,\n} from \"./modules/accounts/hooks/current-account.hook\";\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from \"./modules/accounts/hooks/useAccountManagement\";\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from \"./modules/accounts/types\";\n\nexport { default as AccountModals } from \"./components/account/AccountModals\";\nexport { useAccountModals } from \"./store/useAccountModals\";\nexport type { AccountModalsConfig } from \"./store/useAccountModals\";\n\nexport { ModalManager } from \"./components/modals/ModalManager\";\nexport { Modals } from \"./components/modals/Modals\";\n\nexport { default as TwoFactorAuthModal } from \"./components/account/TwoFactorAuthModal\";\nexport { default as DisableTwoFactorAuthModal } from \"./components/account/DisableTwoFactorAuthModal\";\nexport { default as ConfirmGlobalPreferencesModal } from \"./components/account/ConfirmGlobalPreferencesModal\";\nexport { MyProfileSection } from \"./components/account/sections/MyProfileSection\";\nexport { PreferencesSection } from \"./components/account/sections/PreferencesSection\";\nexport { SecuritySection } from \"./components/account/sections/SecuritySection\";\nexport { ChangePasswordSection } from \"./components/account/sections/ChangePasswordSection\";\nexport { ChangeEmailModal } from \"./components/account/sections/ChangeEmailModal\";\nexport { ChangePhoneModal } from \"./components/account/sections/ChangePhoneModal\";\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from \"./components/account/constants\";\n"],"mappings":"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","names":["default","LANGUAGE_OPTIONS"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["// Types\nexport * from \"./modules/auth/schema\";\nexport * from \"./modules/users/schema\";\nexport * from \"./modules/whitelabel/schema\";\nexport * from \"./modules/whitelabel/styles-schema\";\nexport * from \"./infra/api/types\";\n\n// Contexts\nexport * from \"./providers/query.provider\";\nexport * from \"./providers/auth.provider\";\nexport * from \"./providers/whitelabel.provider\";\n\n// Hooks\nexport {\n  useListProjectUsers,\n  LIST_PROJECT_USERS_QUERY_KEY,\n  LIST_PROJECT_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-project-users.hook\";\nexport {\n  useListAvailableUsers,\n  LIST_AVAILABLE_USERS_QUERY_KEY,\n  LIST_AVAILABLE_USERS_BASE_KEY,\n} from \"./modules/projects/hooks/list-available-users.hook\";\nexport type {\n  ProjectUser,\n  AccountUser,\n  AddRemoveProjectUsersParams,\n  ListUsersParams,\n  UsersPage,\n} from \"./modules/projects/types\";\nexport {\n  useUserQuery,\n  useUserValidateSession,\n  useInvalidateUser,\n  useSetUserData,\n  useTwoFactorVerify,\n  USER_QUERY_KEY,\n} from \"./modules/auth/hooks/useUserQuery\";\nexport {\n  useSubscriptions,\n  SUBSCRIPTIONS_QUERY_KEY,\n} from \"./modules/subscriptions/hooks/list-subscriptions.hook\";\nexport { useActiveSubscription } from \"./modules/subscriptions/hooks/find-active-subscription.hook\";\nexport { useIaCredits } from \"./modules/ia-credits/hooks/ia-credits.hook\";\nexport type {\n  IaCreditsSummary,\n  IaCreditOperation,\n} from \"./modules/ia-credits/types\";\nexport type {\n  Subscription,\n  SubscriptionItem,\n  FindSubscriptionsParams,\n} from \"./modules/subscriptions/types\";\nexport {\n  SubscriptionSchema,\n  SubscriptionItemSchema,\n} from \"./modules/subscriptions/types\";\nexport { ADDON_IDS } from \"./modules/subscriptions/constants/addons.constants\";\nexport type { AddonKindEnum } from \"./modules/subscriptions/constants/addons.constants\";\n\n// Providers\nexport { QueryProvider } from \"./providers/query.provider\";\n\n// Middleware\nexport { createAuthMiddleware } from \"./middlewares/create-auth-middleware\";\nexport { createMiddlewareChain } from \"./middlewares/chain\";\nexport { continueChain, stopChain } from \"./middlewares/types\";\nexport type {\n  MiddlewareFunction,\n  MiddlewareConfig,\n  MiddlewareResult,\n} from \"./middlewares/types\";\n\n// Utils\nexport { cn } from \"./infra/utils/clsx\";\nexport { buildQueryParams } from \"./infra/utils/params\";\nexport { parseSchema, parseResult } from \"./infra/utils/parser\";\nexport { withAction } from \"./utils/withAction\";\n\n// Layout\nexport {\n  MainLayout,\n  MainLayoutContent,\n  MainLayoutSpacer,\n  MainLayoutMain,\n} from \"./components/layouts/MainLayout\";\nexport { NavBar } from \"./components/layouts/NavBar\";\nexport type { NavBarProps } from \"./components/layouts/NavBar\";\nexport { AppNavBar } from \"./components/layouts/AppNavBar\";\nexport type { AppNavBarProps } from \"./components/layouts/AppNavBar\";\nexport { AppMobileNavBar } from \"./components/layouts/AppMobileNavBar\";\nexport type { AppMobileNavBarProps } from \"./components/layouts/AppMobileNavBar\";\nexport { SideBarNavigation } from \"./components/layouts/SideBarNavigation\";\nexport { MdSideBarNavigation } from \"./components/layouts/MdSideBarNavigation\";\nexport { default as NotificationCard } from \"./components/widgets/notifications/NotificationCard\";\nexport type { NotificationCardProps } from \"./components/widgets/notifications/NotificationCard\";\nexport { NotificationsPopover } from \"./components/layouts/NotificationsPopover\";\nexport type { NotificationsPopoverProps } from \"./components/layouts/NotificationsPopover\";\nexport { NotificationPageContent } from \"./components/pages/notifications/Notifications\";\nexport { UsersSelectorPopover } from \"./components/layouts/UsersSelectorPopover\";\nexport type { UsersSelectorPopoverProps } from \"./components/layouts/UsersSelectorPopover\";\nexport { ProfilePopover } from \"./components/layouts/ProfilePopover\";\nexport type {\n  ProfilePopoverProps,\n  ProfileMenuItem,\n} from \"./components/layouts/ProfilePopover\";\nexport { NavBarItem } from \"./components/layouts/NavBarItem\";\nexport type { NavBarItemProps } from \"./components/layouts/NavBarItem\";\n\n// Navigation\nexport { AppNavigation } from './components/navigation/AppNavigation';\nexport { CancelledSubscriptionBanner } from './components/navigation/CancelledSubscriptionBanner';\nexport type { NavItemConfig } from './components/navigation/subcomponents/NavItems';\nexport type { NavigationProject } from './components/navigation/types';\nexport { useMobileNavbarSheet } from './store/useMobileNavbarSheet';\n\n// Hooks\nexport { default as useCopyToClipboard } from \"./hooks/copy-to-clipboard.hook\";\n\n// UI - Buttons\nexport { Button, buttonVariants } from \"./components/ui/buttons/Button\";\nexport { CopyButton } from \"./components/ui/buttons/CopyButton\";\nexport { default as CancelButton } from \"./components/ui/buttons/CancelButton\";\n\n// UI - Data Display\nexport {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"./components/ui/data-display/Accordion\";\nexport { Badge, badgeVariants } from \"./components/ui/data-display/Badge\";\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n} from \"./components/ui/data-display/Card\";\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n} from \"./components/ui/data-display/Pagination\";\nexport { ScrollArea, ScrollBar } from \"./components/ui/data-display/ScrollArea\";\nexport { Separator } from \"./components/ui/data-display/Separator\";\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n} from \"./components/ui/data-display/Table\";\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"./components/ui/data-display/Tabs\";\nexport { UserAvatar } from \"./components/ui/data-display/UserAvatar\";\nexport type { UserAvatarProps } from \"./components/ui/data-display/UserAvatar\";\n\n// UI - Feedback\nexport { default as CircularProgress } from \"./components/ui/feedback/CircularProgress\";\nexport { default as DefaultCircularProgress } from \"./components/ui/feedback/DefaultCircularProgress\";\nexport { Progress } from \"./components/ui/feedback/Progress\";\nexport { LoadingOverlay } from \"./components/ui/feedback/LoadingOverlay\";\nexport {\n  Toast,\n  toastVariants,\n  toastIconContainerVariants,\n} from \"./components/ui/feedback/Toast\";\nexport type { ToastProps } from \"./components/ui/feedback/Toast\";\n\n// UI - Form\nexport { Calendar, CalendarDayButton } from \"./components/ui/form/Calendar\";\nexport { Checkbox } from \"./components/ui/form/Checkbox\";\nexport { DatePicker } from \"./components/ui/form/DatePicker\";\nexport { DateRangePicker } from \"./components/ui/form/DateRangePicker\";\nexport { Input } from \"./components/ui/form/Input\";\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n} from \"./components/ui/form/InputOtp\";\nexport { RadioGroup, RadioGroupItem } from \"./components/ui/form/RadioGroup\";\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from \"./components/ui/form/Select\";\nexport { Switch } from \"./components/ui/form/Switch\";\nexport { Textarea } from \"./components/ui/form/Textarea\";\n\n// UI - Overlay\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n} from \"./components/ui/overlay/Command\";\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n} from \"./components/ui/overlay/Dialog\";\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverAnchor,\n} from \"./components/ui/overlay/Popover\";\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n} from \"./components/ui/overlay/Sheet\";\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"./components/ui/overlay/Tooltip\";\n\n// Embeds\nexport { FrillEmbed } from \"./components/embeds/FrillEmbed\";\nexport { CrispEmbed, openCrispHelpdesk } from \"./components/embeds/CrispEmbed\";\n\n// Store\nexport { useMdSidebarStore } from \"./store/useMdSidebarStore\";\nexport { useModalManager } from \"./store/useModalManager\";\nexport type { ModalData } from \"./store/useModalManager\";\n\n// Enums\nexport { AccountSectionType } from \"./enums/AccountSectionType\";\n\n// Hooks\nexport { default as usePasswordVisibility } from \"./hooks/usePasswordVisibility\";\nexport { default as useCountdownTimer } from \"./hooks/useCountdownTimer\";\nexport { default as useIsMobile } from \"./hooks/useIsMobile\";\nexport { useDebounce } from \"./hooks/useDebounce\";\nexport { useDebouncedEffect } from \"./hooks/useDebouncedEffect\";\nexport { useDebounceState } from \"./hooks/useDebounceState\";\n\n// Utils\nexport {\n  formatPhone,\n  formatTimer,\n  formatFullName,\n  formatCPF,\n  formatCardNumber,\n} from \"./utils/format/masks\";\nexport type { TimezoneOption } from \"./modules/accounts/services/timezone.service\";\nexport {\n  buildLocaleOptions,\n  LANGUAGE_OPTIONS as LOCALE_LANGUAGE_OPTIONS,\n} from \"./utils/intl/locales\";\nexport type { LocaleOption } from \"./utils/intl/locales\";\nexport { copyToClipboard, readFromClipboard } from \"./utils/browser/clipboard\";\n\n// UI - Form (new widgets)\nexport { FormField } from \"./components/ui/form/FormField\";\nexport { SelectField } from \"./components/ui/form/SelectField\";\nexport { ComboboxField } from \"./components/ui/form/ComboboxField\";\nexport type { ComboboxOption } from \"./components/ui/form/ComboboxField\";\nexport { default as PhoneInput } from \"./components/ui/form/PhoneInput\";\nexport { default as SwitchOptionFieldWithIcon } from \"./components/ui/form/SwitchOptionFieldWithIcon\";\nexport { TextAreaField } from \"./components/ui/form/TextAreaField\";\n\n// Account Module - Hooks\nexport {\n  useCurrentAccount,\n  ACCOUNT_QUERY_KEY,\n} from \"./modules/accounts/hooks/current-account.hook\";\nexport {\n  useUpdateAccount,\n  useUpdateAccountUser,\n  useUpdateAccountUserById,\n  useDeleteAccountUser,\n  useDeleteAccount,\n} from \"./modules/accounts/hooks/useAccountManagement\";\n\n// Account Types\nexport type {\n  UpdateAccountRequest,\n  UpdateAccountUserRequest,\n  ChangePasswordRequest,\n  DeleteAccountActionResult,\n  DeleteUserActionResult,\n  UpdateAccountActionResult,\n  UpdateUserActionResult,\n  TwoFactorGenerateResult,\n  TwoFactorActionResult,\n  ContactResetResult,\n} from \"./modules/accounts/types\";\n\nexport { default as AccountModals } from \"./components/account/AccountModals\";\nexport { useAccountModals } from \"./store/useAccountModals\";\nexport type { AccountModalsConfig } from \"./store/useAccountModals\";\n\nexport { ModalManager } from \"./components/modals/ModalManager\";\nexport { Modals } from \"./components/modals/Modals\";\n\nexport { default as TwoFactorAuthModal } from \"./components/account/TwoFactorAuthModal\";\nexport { default as DisableTwoFactorAuthModal } from \"./components/account/DisableTwoFactorAuthModal\";\nexport { default as ConfirmGlobalPreferencesModal } from \"./components/account/ConfirmGlobalPreferencesModal\";\nexport { MyProfileSection } from \"./components/account/sections/MyProfileSection\";\nexport { PreferencesSection } from \"./components/account/sections/PreferencesSection\";\nexport { SecuritySection } from \"./components/account/sections/SecuritySection\";\nexport { ChangePasswordSection } from \"./components/account/sections/ChangePasswordSection\";\nexport { ChangeEmailModal } from \"./components/account/sections/ChangeEmailModal\";\nexport { ChangePhoneModal } from \"./components/account/sections/ChangePhoneModal\";\n\n// Account Constants\nexport {\n  GENDER_OPTIONS,\n  CURRENCY_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n  NOTIFICATION_TYPES,\n  LANGUAGE_OPTIONS,\n} from \"./components/account/constants\";\n"],"mappings":"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","names":["default","LANGUAGE_OPTIONS"]}

package/dist/modules/projects/hooks/add-project-user.hook.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { useQueryClient, useMutation } from "@tanstack/react-query";
+import { addProjectUserAction } from "../actions/add-project-user.action";
+import { LIST_PROJECT_USERS_BASE_KEY } from "./list-project-users.hook";
+import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from "./list-all-account-users.hook";
+function useAddProjectUser(projectId) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (userId) => addProjectUserAction({ projectId, users: [userId] }),
+    onMutate: async (userId) => {
+      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+      const prevAccountUsers = queryClient.getQueriesData({
+        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY()
+      });
+      const prevProjectUsers = queryClient.getQueriesData({
+        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId)
+      });
+      queryClient.setQueriesData(
+        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },
+        (old) => {
+          if (!old) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page) => ({
+              ...page,
+              data: page.data.map(
+                (u) => u.id === userId ? { ...u, in_project: true } : u
+              )
+            }))
+          };
+        }
+      );
+      queryClient.setQueriesData(
+        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map(
+              (page, i) => i === 0 ? { ...page, total: page.total + 1 } : page
+            )
+          };
+        }
+      );
+      return { prevAccountUsers, prevProjectUsers };
+    },
+    onError: (_err, _userId, ctx) => {
+      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+    }
+  });
+}
+export {
+  useAddProjectUser
+};
+//# sourceMappingURL=add-project-user.hook.mjs.map

package/dist/modules/projects/hooks/add-project-user.hook.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/hooks/add-project-user.hook.ts"],"sourcesContent":["'use client';\n\nimport { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';\nimport { addProjectUserAction } from '../actions/add-project-user.action';\nimport { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';\nimport { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';\nimport type { UsersPage, AccountUser, ProjectUser } from '../types';\n\nexport function useAddProjectUser(projectId: number) {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (userId: number) =>\n      addProjectUserAction({ projectId, users: [userId] }),\n\n    onMutate: async (userId) => {\n      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });\n      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });\n\n      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({\n        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(),\n      });\n      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({\n        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId),\n      });\n\n      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(\n        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },\n        (old) => {\n          if (!old) return old;\n          return {\n            ...old,\n            pages: old.pages.map((page) => ({\n              ...page,\n              data: page.data.map((u) =>\n                u.id === userId ? { ...u, in_project: true } : u\n              ),\n            })),\n          };\n        }\n      );\n\n      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(\n        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },\n        (old) => {\n          if (!old?.pages.length) return old;\n          return {\n            ...old,\n            pages: old.pages.map((page, i) =>\n              i === 0 ? { ...page, total: page.total + 1 } : page\n            ),\n          };\n        }\n      );\n\n      return { prevAccountUsers, prevProjectUsers };\n    },\n\n    onError: (_err, _userId, ctx) => {\n      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));\n      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));\n    },\n\n    onSettled: () => {\n      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });\n      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB,mBAAiC;AAC1D,SAAS,4BAA4B;AACrC,SAAS,mCAAmC;AAC5C,SAAS,uCAAuC;AAGzC,SAAS,kBAAkB,WAAmB;AACnD,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,WACX,qBAAqB,EAAE,WAAW,OAAO,CAAC,MAAM,EAAE,CAAC;AAAA,IAErD,UAAU,OAAO,WAAW;AAC1B,YAAM,YAAY,cAAc,EAAE,UAAU,gCAAgC,EAAE,CAAC;AAC/E,YAAM,YAAY,cAAc,EAAE,UAAU,4BAA4B,SAAS,EAAE,CAAC;AAEpF,YAAM,mBAAmB,YAAY,eAAqD;AAAA,QACxF,UAAU,gCAAgC;AAAA,MAC5C,CAAC;AACD,YAAM,mBAAmB,YAAY,eAAqD;AAAA,QACxF,UAAU,4BAA4B,SAAS;AAAA,MACjD,CAAC;AAED,kBAAY;AAAA,QACV,EAAE,UAAU,gCAAgC,GAAG,OAAO,MAAM;AAAA,QAC5D,CAAC,QAAQ;AACP,cAAI,CAAC,IAAK,QAAO;AACjB,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,OAAO,IAAI,MAAM,IAAI,CAAC,UAAU;AAAA,cAC9B,GAAG;AAAA,cACH,MAAM,KAAK,KAAK;AAAA,gBAAI,CAAC,MACnB,EAAE,OAAO,SAAS,EAAE,GAAG,GAAG,YAAY,KAAK,IAAI;AAAA,cACjD;AAAA,YACF,EAAE;AAAA,UACJ;AAAA,QACF;AAAA,MACF;AAEA,kBAAY;AAAA,QACV,EAAE,UAAU,4BAA4B,SAAS,GAAG,OAAO,MAAM;AAAA,QACjE,CAAC,QAAQ;AACP,cAAI,CAAC,KAAK,MAAM,OAAQ,QAAO;AAC/B,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,OAAO,IAAI,MAAM;AAAA,cAAI,CAAC,MAAM,MAC1B,MAAM,IAAI,EAAE,GAAG,MAAM,OAAO,KAAK,QAAQ,EAAE,IAAI;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,aAAO,EAAE,kBAAkB,iBAAiB;AAAA,IAC9C;AAAA,IAEA,SAAS,CAAC,MAAM,SAAS,QAAQ;AAC/B,WAAK,iBAAiB,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM,YAAY,aAAa,KAAK,IAAI,CAAC;AAClF,WAAK,iBAAiB,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM,YAAY,aAAa,KAAK,IAAI,CAAC;AAAA,IACpF;AAAA,IAEA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,4BAA4B,SAAS,EAAE,CAAC;AAClF,kBAAY,kBAAkB,EAAE,UAAU,gCAAgC,EAAE,CAAC;AAAA,IAC/E;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/modules/projects/hooks/remove-project-user.hook.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { useQueryClient, useMutation } from "@tanstack/react-query";
+import { removeProjectUserAction } from "../actions/remove-project-user.action";
+import { LIST_PROJECT_USERS_BASE_KEY } from "./list-project-users.hook";
+import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from "./list-all-account-users.hook";
+function useRemoveProjectUser(projectId) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (userId) => removeProjectUserAction({ projectId, users: [userId] }),
+    onMutate: async (userId) => {
+      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+      const prevAccountUsers = queryClient.getQueriesData({
+        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY()
+      });
+      const prevProjectUsers = queryClient.getQueriesData({
+        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId)
+      });
+      queryClient.setQueriesData(
+        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },
+        (old) => {
+          if (!old) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page) => ({
+              ...page,
+              data: page.data.map(
+                (u) => u.id === userId ? { ...u, in_project: false } : u
+              )
+            }))
+          };
+        }
+      );
+      queryClient.setQueriesData(
+        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map(
+              (page, i) => i === 0 ? { ...page, total: page.total - 1 } : page
+            )
+          };
+        }
+      );
+      return { prevAccountUsers, prevProjectUsers };
+    },
+    onError: (_err, _userId, ctx) => {
+      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+    }
+  });
+}
+export {
+  useRemoveProjectUser
+};
+//# sourceMappingURL=remove-project-user.hook.mjs.map

package/dist/modules/projects/hooks/remove-project-user.hook.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/modules/projects/hooks/remove-project-user.hook.ts"],"sourcesContent":["'use client';\n\nimport { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';\nimport { removeProjectUserAction } from '../actions/remove-project-user.action';\nimport { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';\nimport { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';\nimport type { UsersPage, AccountUser, ProjectUser } from '../types';\n\nexport function useRemoveProjectUser(projectId: number) {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (userId: number) =>\n      removeProjectUserAction({ projectId, users: [userId] }),\n\n    onMutate: async (userId) => {\n      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });\n      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });\n\n      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({\n        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(),\n      });\n      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({\n        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId),\n      });\n\n      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(\n        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },\n        (old) => {\n          if (!old) return old;\n          return {\n            ...old,\n            pages: old.pages.map((page) => ({\n              ...page,\n              data: page.data.map((u) =>\n                u.id === userId ? { ...u, in_project: false } : u\n              ),\n            })),\n          };\n        }\n      );\n\n      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(\n        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },\n        (old) => {\n          if (!old?.pages.length) return old;\n          return {\n            ...old,\n            pages: old.pages.map((page, i) =>\n              i === 0 ? { ...page, total: page.total - 1 } : page\n            ),\n          };\n        }\n      );\n\n      return { prevAccountUsers, prevProjectUsers };\n    },\n\n    onError: (_err, _userId, ctx) => {\n      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));\n      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));\n    },\n\n    onSettled: () => {\n      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });\n      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB,mBAAiC;AAC1D,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAC5C,SAAS,uCAAuC;AAGzC,SAAS,qBAAqB,WAAmB;AACtD,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,WACX,wBAAwB,EAAE,WAAW,OAAO,CAAC,MAAM,EAAE,CAAC;AAAA,IAExD,UAAU,OAAO,WAAW;AAC1B,YAAM,YAAY,cAAc,EAAE,UAAU,gCAAgC,EAAE,CAAC;AAC/E,YAAM,YAAY,cAAc,EAAE,UAAU,4BAA4B,SAAS,EAAE,CAAC;AAEpF,YAAM,mBAAmB,YAAY,eAAqD;AAAA,QACxF,UAAU,gCAAgC;AAAA,MAC5C,CAAC;AACD,YAAM,mBAAmB,YAAY,eAAqD;AAAA,QACxF,UAAU,4BAA4B,SAAS;AAAA,MACjD,CAAC;AAED,kBAAY;AAAA,QACV,EAAE,UAAU,gCAAgC,GAAG,OAAO,MAAM;AAAA,QAC5D,CAAC,QAAQ;AACP,cAAI,CAAC,IAAK,QAAO;AACjB,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,OAAO,IAAI,MAAM,IAAI,CAAC,UAAU;AAAA,cAC9B,GAAG;AAAA,cACH,MAAM,KAAK,KAAK;AAAA,gBAAI,CAAC,MACnB,EAAE,OAAO,SAAS,EAAE,GAAG,GAAG,YAAY,MAAM,IAAI;AAAA,cAClD;AAAA,YACF,EAAE;AAAA,UACJ;AAAA,QACF;AAAA,MACF;AAEA,kBAAY;AAAA,QACV,EAAE,UAAU,4BAA4B,SAAS,GAAG,OAAO,MAAM;AAAA,QACjE,CAAC,QAAQ;AACP,cAAI,CAAC,KAAK,MAAM,OAAQ,QAAO;AAC/B,iBAAO;AAAA,YACL,GAAG;AAAA,YACH,OAAO,IAAI,MAAM;AAAA,cAAI,CAAC,MAAM,MAC1B,MAAM,IAAI,EAAE,GAAG,MAAM,OAAO,KAAK,QAAQ,EAAE,IAAI;AAAA,YACjD;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,aAAO,EAAE,kBAAkB,iBAAiB;AAAA,IAC9C;AAAA,IAEA,SAAS,CAAC,MAAM,SAAS,QAAQ;AAC/B,WAAK,iBAAiB,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM,YAAY,aAAa,KAAK,IAAI,CAAC;AAClF,WAAK,iBAAiB,QAAQ,CAAC,CAAC,KAAK,IAAI,MAAM,YAAY,aAAa,KAAK,IAAI,CAAC;AAAA,IACpF;AAAA,IAEA,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,4BAA4B,SAAS,EAAE,CAAC;AAClF,kBAAY,kBAAkB,EAAE,UAAU,gCAAgC,EAAE,CAAC;AAAA,IAC/E;AAAA,EACF,CAAC;AACH;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.188",
+  "version": "1.1.191",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/embeds/CrispEmbed.tsx

@@ -0,0 +1,76 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+import { useAuth } from '../../providers/auth.provider';
+import { useWhitelabel } from '../../providers/whitelabel.provider';
+import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
+
+const V4_WHITELABEL_ID = 367568;
+
+const CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';
+const CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';
+const CRISP_LOAD_DELAY = 800;
+
+export function openCrispHelpdesk() {
+  if (typeof window !== 'undefined' && (window as any).$crisp) {
+    (window as any).$crisp.push(['do', 'helpdesk:search']);
+  }
+}
+
+export function CrispEmbed() {
+  const { user, account } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const scriptLoadedRef = useRef(false);
+
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+
+  // Load Crisp script (once, with 800ms delay)
+  useEffect(() => {
+    if (!user || scriptLoadedRef.current) return;
+
+    const win = window as any;
+    win.$crisp = [];
+    win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;
+
+    const timeout = setTimeout(() => {
+      if (document.querySelector(`script[src="${CRISP_SCRIPT_URL}"]`)) return;
+      const s = document.createElement('script');
+      s.src = CRISP_SCRIPT_URL;
+      s.async = true;
+      document.head.appendChild(s);
+      scriptLoadedRef.current = true;
+    }, CRISP_LOAD_DELAY);
+
+    return () => clearTimeout(timeout);
+  }, [user]);
+
+  // Identify user
+  useEffect(() => {
+    const $crisp = (window as any).$crisp;
+    if (!user || !$crisp) return;
+
+    $crisp.push(['set', 'user:email', user.email]);
+    $crisp.push(['set', 'user:nickname', `${user.name} ${user.last_name}`.trim()]);
+    $crisp.push(['set', 'user:company', account?.name ?? '']);
+    $crisp.push(['set', 'user:phone', `${user.ddi}${user.phone}`]);
+
+    if (user.photo) {
+      $crisp.push(['set', 'user:avatar', user.photo]);
+    }
+
+    if (isV4) {
+      $crisp.push(['set', 'session:segments', [['company_v4']]]);
+      $crisp.push(['set', 'session:data', [[['Company', 'V4']]]]);
+    } else {
+      const planName = subscription?.plan_name ?? '';
+      $crisp.push(['set', 'session:segments', [[`plano_${planName}`]]]);
+      $crisp.push(['set', 'session:segments', [[`usuario_${user.profile}`]]]);
+      $crisp.push(['set', 'session:data', [[['Plano', planName]]]]);
+      $crisp.push(['set', 'session:data', [[['Usuario', user.profile]]]]);
+    }
+  }, [user, account, isV4, subscription?.plan_name]);
+
+  return null;
+}

package/src/components/embeds/FrillEmbed.tsx

@@ -0,0 +1,114 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+import { usePathname } from 'next/navigation';
+import { useAuth } from '../../providers/auth.provider';
+import { useWhitelabel } from '../../providers/whitelabel.provider';
+import { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';
+
+const V4_WHITELABEL_ID = 367568;
+
+const FRILL_SCRIPT_URL = 'https://widget.frill.co/v2/container.js';
+const FRILL_KEY = '2f77f232-a120-438e-8ef6-01912ffd1b99';
+
+const EXCLUDED_ROUTES = [
+  '/login',
+  '/forgot-password',
+  '/register',
+];
+
+const SURVEYS = [{ key: '7f59dbf6-b665-458a-80e2-778de47efe1c' }];
+const WIDGETS = [
+  { key: '4a5ba13b-1150-49fe-aa15-f9a2da0ba909' },
+  { key: '720c0912-e6a4-495c-835e-3ff1f59d6dfc' },
+];
+
+function initFrillLoader() {
+  const win = window as any;
+  if (win.Frill) return;
+
+  let counter = 0;
+  const queue: Record<number, any> = {};
+
+  win.Frill = function (action: string, params: any) {
+    let instance: any;
+    const id = counter++;
+    const promise: any = new Promise((resolve, reject) => {
+      queue[id] = {
+        params: [action, params],
+        resolve: (f: any) => {
+          instance = f;
+          resolve(f);
+        },
+        reject,
+      };
+    });
+    promise.destroy = () => {
+      delete queue[id];
+      instance?.destroy();
+    };
+    return promise;
+  };
+  win.Frill.q = queue;
+}
+
+function loadFrillScript() {
+  if (document.querySelector(`script[src="${FRILL_SCRIPT_URL}"]`)) return;
+  const anchor = document.getElementsByTagName('script')[0];
+  const script = document.createElement('script');
+  script.type = 'text/javascript';
+  script.async = true;
+  script.src = FRILL_SCRIPT_URL;
+  anchor?.parentNode?.insertBefore(script, anchor);
+}
+
+export function FrillEmbed() {
+  const pathname = usePathname();
+  const { user } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const containerRef = useRef<any>(null);
+
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+
+  useEffect(() => {
+    if (isExcluded || !user) return;
+
+    initFrillLoader();
+
+    if (document.readyState === 'complete' || document.readyState === 'interactive') {
+      loadFrillScript();
+    } else {
+      document.addEventListener('DOMContentLoaded', loadFrillScript);
+    }
+
+    const userData = {
+      id: String(user.id),
+      email: user.email,
+      name: `${user.name} ${user.last_name}`.trim(),
+      attributes: isV4
+        ? { company: 'V4' }
+        : { profile: user.profile, plan: subscription?.plan_name ?? '' },
+    };
+
+    const config: Record<string, any> = { key: FRILL_KEY, user: userData };
+    if (!isV4) {
+      config.surveys = SURVEYS;
+      config.widgets = WIDGETS;
+    }
+
+    const win = window as any;
+    containerRef.current = win.Frill('container', config);
+    win.Frill('identify', userData);
+
+    return () => {
+      containerRef.current?.destroy();
+      containerRef.current = null;
+      document.removeEventListener('DOMContentLoaded', loadFrillScript);
+    };
+  }, [user, isExcluded, isV4, subscription?.plan_name]);
+
+  return null;
+}

package/src/components/layouts/UsersSelectorPopover.tsx

@@ -3,7 +3,6 @@
 import { useEffect, useState } from "react";
 import { Plus, Settings, User, Users } from "lucide-react";
 import { UserAvatar } from "../ui/data-display/UserAvatar";
-import { useQueryClient, useMutation } from "@tanstack/react-query";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/overlay/Popover";
 import { Button } from "../ui/buttons/Button";
 import {
@@ -16,16 +15,10 @@ import {
 import { Checkbox } from "../ui/form/Checkbox";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/overlay/Tooltip";
 import { cn } from "../../infra/utils/clsx";
-import {
-  useListProjectUsers,
-  LIST_PROJECT_USERS_BASE_KEY,
-} from "../../modules/projects/hooks/list-project-users.hook";
-import {
-  useListAllAccountUsers,
-  LIST_ALL_ACCOUNT_USERS_BASE_KEY,
-} from "../../modules/projects/hooks/list-all-account-users.hook";
-import { removeProjectUserAction } from "../../modules/projects/actions/remove-project-user.action";
-import { addProjectUserAction } from "../../modules/projects/actions/add-project-user.action";
+import { useListProjectUsers } from "../../modules/projects/hooks/list-project-users.hook";
+import { useListAllAccountUsers } from "../../modules/projects/hooks/list-all-account-users.hook";
+import { useAddProjectUser } from "../../modules/projects/hooks/add-project-user.hook";
+import { useRemoveProjectUser } from "../../modules/projects/hooks/remove-project-user.hook";
 
 export interface UsersSelectorPopoverProps {
   projectId?: number;
@@ -54,7 +47,6 @@ export function UsersSelectorPopover({
   align,
   contentClassName,
 }: UsersSelectorPopoverProps) {
-  const queryClient = useQueryClient();
   const [open, setOpen] = useState(false);
   const [hoveredId, setHoveredId] = useState<number | null>(null);
   const [searchInput, setSearchInput] = useState("");
@@ -69,29 +61,14 @@ export function UsersSelectorPopover({
 
   const accountUsers = useListAllAccountUsers(search, id || undefined);
   const projectUsers = useListProjectUsers(id, "");
+  const addMutation = useAddProjectUser(id);
+  const removeMutation = useRemoveProjectUser(id);
 
   const allUsers = accountUsers.data?.pages.flatMap((p) => p.data) ?? [];
   const isLoading = accountUsers.isLoading;
   const isFetchingMore = accountUsers.isFetchingNextPage;
   const totalInProject = projectUsers.data?.pages[0]?.total ?? 0;
 
-  const invalidate = () => {
-    queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(id) });
-    queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
-  };
-
-  const removeMutation = useMutation({
-    mutationFn: (userId: number) =>
-      removeProjectUserAction({ projectId: id, users: [userId] }),
-    onSuccess: invalidate,
-  });
-
-  const addMutation = useMutation({
-    mutationFn: (userId: number) =>
-      addProjectUserAction({ projectId: id, users: [userId] }),
-    onSuccess: invalidate,
-  });
-
   const toggleUser = (userId: number, inProject: boolean, removable: boolean) => {
     if (inProject) {
       if (!removable) return;

package/src/index.ts

@@ -256,6 +256,10 @@ export {
   TooltipProvider,
 } from "./components/ui/overlay/Tooltip";
 
+// Embeds
+export { FrillEmbed } from "./components/embeds/FrillEmbed";
+export { CrispEmbed, openCrispHelpdesk } from "./components/embeds/CrispEmbed";
+
 // Store
 export { useMdSidebarStore } from "./store/useMdSidebarStore";
 export { useModalManager } from "./store/useModalManager";

package/src/modules/projects/hooks/add-project-user.hook.ts

@@ -0,0 +1,69 @@
+'use client';
+
+import { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';
+import { addProjectUserAction } from '../actions/add-project-user.action';
+import { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';
+import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';
+import type { UsersPage, AccountUser, ProjectUser } from '../types';
+
+export function useAddProjectUser(projectId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (userId: number) =>
+      addProjectUserAction({ projectId, users: [userId] }),
+
+    onMutate: async (userId) => {
+      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+
+      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({
+        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
+      });
+      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({
+        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId),
+      });
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(
+        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },
+        (old) => {
+          if (!old) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page) => ({
+              ...page,
+              data: page.data.map((u) =>
+                u.id === userId ? { ...u, in_project: true } : u
+              ),
+            })),
+          };
+        }
+      );
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(
+        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page, i) =>
+              i === 0 ? { ...page, total: page.total + 1 } : page
+            ),
+          };
+        }
+      );
+
+      return { prevAccountUsers, prevProjectUsers };
+    },
+
+    onError: (_err, _userId, ctx) => {
+      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+    },
+
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+    },
+  });
+}

package/src/modules/projects/hooks/remove-project-user.hook.ts

@@ -0,0 +1,69 @@
+'use client';
+
+import { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';
+import { removeProjectUserAction } from '../actions/remove-project-user.action';
+import { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';
+import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';
+import type { UsersPage, AccountUser, ProjectUser } from '../types';
+
+export function useRemoveProjectUser(projectId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (userId: number) =>
+      removeProjectUserAction({ projectId, users: [userId] }),
+
+    onMutate: async (userId) => {
+      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+
+      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({
+        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
+      });
+      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({
+        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId),
+      });
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(
+        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },
+        (old) => {
+          if (!old) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page) => ({
+              ...page,
+              data: page.data.map((u) =>
+                u.id === userId ? { ...u, in_project: false } : u
+              ),
+            })),
+          };
+        }
+      );
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(
+        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page, i) =>
+              i === 0 ? { ...page, total: page.total - 1 } : page
+            ),
+          };
+        }
+      );
+
+      return { prevAccountUsers, prevProjectUsers };
+    },
+
+    onError: (_err, _userId, ctx) => {
+      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+    },
+
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+    },
+  });
+}