@greatapps/common 1.1.653 → 1.1.654

package/dist/components/account/sections/TokenSection.mjs

@@ -56,7 +56,7 @@ function TokenSection() {
       /* @__PURE__ */ jsx(
         "a",
         {
-          href: "https://documenter.getpostman.com/view/4861938/2sAYdoDmj4",
+          href: "https://documenter.getpostman.com/view/4861938/T1Djiz8H",
           target: "_blank",
           rel: "noopener noreferrer",
           className: "paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit",

package/dist/components/account/sections/TokenSection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\nimport { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';\n\nexport function TokenSection() {\n  const { data: token = '', isLoading } = useAccountToken();\n  const isDefaultWl = useIsDefaultWhitelabel();\n\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((t) => (\n        <Toast variant=\"success\" message=\"Token copiado com sucesso\" toastId={t} />\n      ));\n    },\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Não foi possível copiar o token\" toastId={t} />\n      ));\n    },\n  });\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n      <span className=\"paragraph-medium-semibold text-gray-950\">Token da conta</span>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-end gap-3\">\n          <FormField\n            label=\"Token\"\n            value={isLoading ? 'Carregando...' : token}\n            disabled\n            readOnly\n            classnameContainer=\"bg-gray-50 cursor-default opacity-100!\"\n            className=\"text-gray-950/50\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10! shrink-0 gap-2\"\n            onClick={() => copy(token)}\n            disabled={isLoading || !token}\n          >\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n            {isCopied ? 'Copiado' : 'Copiar'}\n          </Button>\n        </div>\n\n        <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\n          <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n          <span className=\"paragraph-small-regular text-zinc-950 max-w-[420px]\">\n            Este token é exclusivo da sua conta e permite acesso à API. Não compartilhe com terceiros.\n          </span>\n        </div>\n\n        <a\n          href=\"https://documenter.getpostman.com/view/4861938/2sAYdoDmj4\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\n        >\n          Acessar a documentação\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAkBQ,cAwBE,YAxBF;AAhBR,SAAS,WAAW,UAAU,sBAAsB;AACpD,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAEhC,SAAS,eAAe;AAC7B,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AACxD,QAAM,cAAc,uBAAuB;AAE3C,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,6BAA4B,SAAS,GAAG,CAC1E;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,yCAAkC,SAAS,GAAG,CAC9E;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2CAA0C,4BAAc;AAAA,IAExE,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,YAAY,kBAAkB;AAAA,YACrC,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,oBAAmB;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,KAAK;AAAA,YACzB,UAAU,aAAa,CAAC;AAAA,YAEvB;AAAA,yBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,cACzD,WAAW,YAAY;AAAA;AAAA;AAAA,QAC1B;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAW,0CAA0C,cAAc,eAAe,YAAY,IACjG;AAAA,4BAAC,kBAAe,WAAU,iCAAgC;AAAA,QAC1D,oBAAC,UAAK,WAAU,uDAAsD,iHAEtE;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\nimport { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';\n\nexport function TokenSection() {\n  const { data: token = '', isLoading } = useAccountToken();\n  const isDefaultWl = useIsDefaultWhitelabel();\n\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((t) => (\n        <Toast variant=\"success\" message=\"Token copiado com sucesso\" toastId={t} />\n      ));\n    },\n    onError: () => {\n      toast.custom((t) => (\n        <Toast variant=\"error\" message=\"Não foi possível copiar o token\" toastId={t} />\n      ));\n    },\n  });\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n      <span className=\"paragraph-medium-semibold text-gray-950\">Token da conta</span>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-end gap-3\">\n          <FormField\n            label=\"Token\"\n            value={isLoading ? 'Carregando...' : token}\n            disabled\n            readOnly\n            classnameContainer=\"bg-gray-50 cursor-default opacity-100!\"\n            className=\"text-gray-950/50\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10! shrink-0 gap-2\"\n            onClick={() => copy(token)}\n            disabled={isLoading || !token}\n          >\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n            {isCopied ? 'Copiado' : 'Copiar'}\n          </Button>\n        </div>\n\n        <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\n          <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n          <span className=\"paragraph-small-regular text-zinc-950 max-w-[420px]\">\n            Este token é exclusivo da sua conta e permite acesso à API. Não compartilhe com terceiros.\n          </span>\n        </div>\n\n        <a\n          href=\"https://documenter.getpostman.com/view/4861938/T1Djiz8H\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\n        >\n          Acessar a documentação\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAkBQ,cAwBE,YAxBF;AAhBR,SAAS,WAAW,UAAU,sBAAsB;AACpD,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAEhC,SAAS,eAAe;AAC7B,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AACxD,QAAM,cAAc,uBAAuB;AAE3C,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAQ,6BAA4B,SAAS,GAAG,CAC1E;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,SAAQ,SAAQ,yCAAkC,SAAS,GAAG,CAC9E;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2CAA0C,4BAAc;AAAA,IAExE,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO,YAAY,kBAAkB;AAAA,YACrC,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,oBAAmB;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,KAAK;AAAA,YACzB,UAAU,aAAa,CAAC;AAAA,YAEvB;AAAA,yBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,cACzD,WAAW,YAAY;AAAA;AAAA;AAAA,QAC1B;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAW,0CAA0C,cAAc,eAAe,YAAY,IACjG;AAAA,4BAAC,kBAAe,WAAU,iCAAgC;AAAA,QAC1D,oBAAC,UAAK,WAAU,uDAAsD,iHAEtE;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/embeds/CrispEmbed.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useAuth } from "../../providers/auth.provider";
 import { useIsDefaultWhitelabel, useWhitelabel } from "../../providers/whitelabel.provider";
 import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
@@ -15,8 +15,9 @@ const CRISP_SCRIPT_URL = "https://client.crisp.chat/l.js";
 const CRISP_LOAD_DELAY = 800;
 function safeCrispPush(args) {
   try {
-    const $crisp = window?.$crisp;
-    if ($crisp) $crisp.push(args);
+    const win = window;
+    if (!win.$crisp) win.$crisp = [];
+    win.$crisp.push(args);
   } catch {
   }
 }
@@ -38,6 +39,22 @@ function hideCrisp() {
 function showCrisp() {
   crispDo("chat:show");
 }
+const FREE_PLAN_ID = 5;
+const FREE_PLAN_WELCOME_SHOWN_KEY = "crisp:free-plan-welcome:shown";
+const FREE_PLAN_WELCOME_QUERY_FLAG = "createNew";
+const FREE_PLAN_WELCOME_MESSAGE = `Oi! Tenho uma novidade exclusiva para voc\xEA \u{1F389}
+
+Criamos o Plano Iniciante pensando exatamente em voc\xEA: R$ 14,90/m\xEAs para quem j\xE1 deu o primeiro passo e quer ir al\xE9m.
+
+Com ele voc\xEA conecta seu pr\xF3prio dom\xEDnio, publica at\xE9 3 p\xE1ginas e libera recursos como scripts, API Meta, exporta\xE7\xE3o de leads e possibilidade de contratar GreatAI.
+
+Acesse o menu "Assinaturas" e assine agora!`;
+function sendCrispMessage(text) {
+  safeCrispPush(["do", "message:show", ["text", text]]);
+}
+function openCrispChat() {
+  crispDo("chat:open");
+}
 function updateCrispUser(data) {
   try {
     if (data.email) safeCrispPush(["set", "user:email", data.email]);
@@ -115,12 +132,42 @@ function CrispEmbed() {
     } catch {
     }
   }, [user, account, isV4, shouldLoadCrisp, subscription?.plan_name]);
+  const [isFreshSignup, setIsFreshSignup] = useState(false);
+  useEffect(() => {
+    try {
+      const params = new URLSearchParams(window.location.search);
+      if (params.get(FREE_PLAN_WELCOME_QUERY_FLAG) === "true") {
+        setIsFreshSignup(true);
+      }
+    } catch {
+    }
+  }, []);
+  useEffect(() => {
+    if (!user || !shouldLoadCrisp || !isFreshSignup) return;
+    if (subscription?.id_plan !== FREE_PLAN_ID) return;
+    try {
+      const shownKey = `${FREE_PLAN_WELCOME_SHOWN_KEY}:${user.id}`;
+      if (window.localStorage.getItem(shownKey)) return;
+      safeCrispPush([
+        "on",
+        "session:loaded",
+        () => {
+          sendCrispMessage(FREE_PLAN_WELCOME_MESSAGE);
+          openCrispChat();
+        }
+      ]);
+      window.localStorage.setItem(shownKey, "1");
+    } catch {
+    }
+  }, [user, shouldLoadCrisp, isFreshSignup, subscription?.id_plan]);
   return null;
 }
 export {
   CrispEmbed,
   hideCrisp,
+  openCrispChat,
   openCrispHelpdesk,
+  sendCrispMessage,
   showCrisp,
   updateCrispUser
 };

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

@@ -1 +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 { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\n\nconst PROFILE_LABELS: Record<string, string> = {\n  owner: 'Proprietário',\n  admin: 'Administrador',\n  editor: 'Colaborador',\n  viewer: 'Visualizador',\n};\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\n// ── Crisp helpers ──────────────────────────────────────────────\n\nfunction safeCrispPush(args: unknown[]) {\n  try {\n    const $crisp = (window as any)?.$crisp;\n    if ($crisp) $crisp.push(args);\n  } catch {}\n}\n\nfunction crispDo(action: string) {\n  safeCrispPush(['do', action]);\n}\n\nfunction crispSegment(segment: string) {\n  safeCrispPush(['set', 'session:segments', [[segment]]]);\n}\n\nfunction crispSessionData(key: string, value: string) {\n  safeCrispPush(['set', 'session:data', [[[key, value]]]]);\n}\n\n// ── Public API ─────────────────────────────────────────────────\n\nexport function openCrispHelpdesk() {\n  crispDo('helpdesk:search');\n}\n\nexport function hideCrisp() {\n  crispDo('chat:hide');\n}\n\nexport function showCrisp() {\n  crispDo('chat:show');\n}\n\nexport function updateCrispUser(data: {\n  email?: string;\n  name?: string;\n  lastName?: string;\n  company?: string;\n  ddi?: string;\n  phone?: string;\n  photo?: string;\n}) {\n  try {\n    if (data.email) safeCrispPush(['set', 'user:email', data.email]);\n\n    const fullName = `${data.name ?? ''} ${data.lastName ?? ''}`.trim();\n    if (fullName) safeCrispPush(['set', 'user:nickname', fullName]);\n\n    if (data.company) safeCrispPush(['set', 'user:company', data.company]);\n\n    const phone = `${data.ddi ?? ''}${data.phone ?? ''}`.trim();\n    if (phone) safeCrispPush(['set', 'user:phone', phone]);\n\n    if (data.photo?.startsWith('http')) {\n      safeCrispPush(['set', 'user:avatar', data.photo]);\n    }\n  } catch {}\n}\n\n// ── Component ──────────────────────────────────────────────────\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 isGreat = useIsDefaultWhitelabel();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n  const shouldLoadCrisp = isV4 || isGreat;\n\n  // Load Crisp script (once, with 800ms delay)\n  useEffect(() => {\n    if (!user || !shouldLoadCrisp || scriptLoadedRef.current) return;\n\n    try {\n      const win = window as any;\n\n      if (!win.$crisp) {\n        win.$crisp = [];\n        win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;\n        win.$crisp.push(['config', 'container:index', [100]]);\n      }\n\n      if (document.querySelector(`script[src=\"${CRISP_SCRIPT_URL}\"]`)) {\n        scriptLoadedRef.current = true;\n        return;\n      }\n\n      const timeout = setTimeout(() => {\n        try {\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        } catch {}\n      }, CRISP_LOAD_DELAY);\n\n      return () => clearTimeout(timeout);\n    } catch {}\n  }, [user, shouldLoadCrisp]);\n\n  // Identify user\n  useEffect(() => {\n    try {\n      if (!user || !shouldLoadCrisp || !(window as any)?.$crisp) return;\n\n      updateCrispUser({\n        email: user.email,\n        name: user.name,\n        lastName: user.last_name,\n        company: account?.name,\n        ddi: user.ddi,\n        phone: user.phone,\n        photo: user.photo ?? undefined,\n      });\n\n      if (isV4) {\n        crispSegment('company_v4');\n        crispSessionData('Company', 'V4');\n      } else {\n        const planName = subscription?.plan_name ?? '';\n        const profileLabel = PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '';\n        if (planName) crispSegment(`plano_${planName}`);\n        if (profileLabel) crispSegment(`usuario_${profileLabel}`);\n        if (planName) crispSessionData('Plano', planName);\n        if (profileLabel) crispSessionData('Usuario', profileLabel);\n      }\n    } catch {}\n  }, [user, account, isV4, shouldLoadCrisp, subscription?.plan_name]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/embeds/CrispEmbed.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\n\nconst PROFILE_LABELS: Record<string, string> = {\n  owner: 'Proprietário',\n  admin: 'Administrador',\n  editor: 'Colaborador',\n  viewer: 'Visualizador',\n};\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\n// ── Crisp helpers ──────────────────────────────────────────────\n\nfunction safeCrispPush(args: unknown[]) {\n  try {\n    const win = window as any;\n    if (!win.$crisp) win.$crisp = [];\n    win.$crisp.push(args);\n  } catch {}\n}\n\nfunction crispDo(action: string) {\n  safeCrispPush(['do', action]);\n}\n\nfunction crispSegment(segment: string) {\n  safeCrispPush(['set', 'session:segments', [[segment]]]);\n}\n\nfunction crispSessionData(key: string, value: string) {\n  safeCrispPush(['set', 'session:data', [[[key, value]]]]);\n}\n\n// ── Public API ─────────────────────────────────────────────────\n\nexport function openCrispHelpdesk() {\n  crispDo('helpdesk:search');\n}\n\nexport function hideCrisp() {\n  crispDo('chat:hide');\n}\n\nexport function showCrisp() {\n  crispDo('chat:show');\n}\n\nconst FREE_PLAN_ID = 5;\nconst FREE_PLAN_WELCOME_SHOWN_KEY = 'crisp:free-plan-welcome:shown';\nconst FREE_PLAN_WELCOME_QUERY_FLAG = 'createNew';\nconst FREE_PLAN_WELCOME_MESSAGE = `Oi! Tenho uma novidade exclusiva para você 🎉\n\nCriamos o Plano Iniciante pensando exatamente em você: R$ 14,90/mês para quem já deu o primeiro passo e quer ir além.\n\nCom ele você conecta seu próprio domínio, publica até 3 páginas e libera recursos como scripts, API Meta, exportação de leads e possibilidade de contratar GreatAI.\n\nAcesse o menu \"Assinaturas\" e assine agora!`;\n\nexport function sendCrispMessage(text: string) {\n  safeCrispPush(['do', 'message:show', ['text', text]]);\n}\n\nexport function openCrispChat() {\n  crispDo('chat:open');\n}\n\nexport function updateCrispUser(data: {\n  email?: string;\n  name?: string;\n  lastName?: string;\n  company?: string;\n  ddi?: string;\n  phone?: string;\n  photo?: string;\n}) {\n  try {\n    if (data.email) safeCrispPush(['set', 'user:email', data.email]);\n\n    const fullName = `${data.name ?? ''} ${data.lastName ?? ''}`.trim();\n    if (fullName) safeCrispPush(['set', 'user:nickname', fullName]);\n\n    if (data.company) safeCrispPush(['set', 'user:company', data.company]);\n\n    const phone = `${data.ddi ?? ''}${data.phone ?? ''}`.trim();\n    if (phone) safeCrispPush(['set', 'user:phone', phone]);\n\n    if (data.photo?.startsWith('http')) {\n      safeCrispPush(['set', 'user:avatar', data.photo]);\n    }\n  } catch {}\n}\n\n// ── Component ──────────────────────────────────────────────────\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 isGreat = useIsDefaultWhitelabel();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n  const shouldLoadCrisp = isV4 || isGreat;\n\n  // Load Crisp script (once, with 800ms delay)\n  useEffect(() => {\n    if (!user || !shouldLoadCrisp || scriptLoadedRef.current) return;\n\n    try {\n      const win = window as any;\n\n      if (!win.$crisp) {\n        win.$crisp = [];\n        win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;\n        win.$crisp.push(['config', 'container:index', [100]]);\n      }\n\n      if (document.querySelector(`script[src=\"${CRISP_SCRIPT_URL}\"]`)) {\n        scriptLoadedRef.current = true;\n        return;\n      }\n\n      const timeout = setTimeout(() => {\n        try {\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        } catch {}\n      }, CRISP_LOAD_DELAY);\n\n      return () => clearTimeout(timeout);\n    } catch {}\n  }, [user, shouldLoadCrisp]);\n\n  // Identify user\n  useEffect(() => {\n    try {\n      if (!user || !shouldLoadCrisp || !(window as any)?.$crisp) return;\n\n      updateCrispUser({\n        email: user.email,\n        name: user.name,\n        lastName: user.last_name,\n        company: account?.name,\n        ddi: user.ddi,\n        phone: user.phone,\n        photo: user.photo ?? undefined,\n      });\n\n      if (isV4) {\n        crispSegment('company_v4');\n        crispSessionData('Company', 'V4');\n      } else {\n        const planName = subscription?.plan_name ?? '';\n        const profileLabel = PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '';\n        if (planName) crispSegment(`plano_${planName}`);\n        if (profileLabel) crispSegment(`usuario_${profileLabel}`);\n        if (planName) crispSessionData('Plano', planName);\n        if (profileLabel) crispSessionData('Usuario', profileLabel);\n      }\n    } catch {}\n  }, [user, account, isV4, shouldLoadCrisp, subscription?.plan_name]);\n\n  // Captura `?createNew=true` da URL inicial. O register do gapps redireciona\n  // para pages com esse flag, e localStorage não cruza origens — então o\n  // sinal de \"acabou de se cadastrar\" vem via query string.\n  const [isFreshSignup, setIsFreshSignup] = useState(false);\n  useEffect(() => {\n    try {\n      const params = new URLSearchParams(window.location.search);\n      if (params.get(FREE_PLAN_WELCOME_QUERY_FLAG) === 'true') {\n        setIsFreshSignup(true);\n      }\n    } catch {}\n  }, []);\n\n  // Mostra mensagem de boas-vindas no Crisp para quem acabou de se cadastrar no plano free.\n  useEffect(() => {\n    if (!user || !shouldLoadCrisp || !isFreshSignup) return;\n    if (subscription?.id_plan !== FREE_PLAN_ID) return;\n    try {\n      const shownKey = `${FREE_PLAN_WELCOME_SHOWN_KEY}:${user.id}`;\n      if (window.localStorage.getItem(shownKey)) return;\n\n      // Defer to session:loaded para garantir que a Crisp está pronta antes\n      // de exibir a mensagem. Sem isso, comandos enfileirados pré-load podem\n      // ser descartados silenciosamente.\n      safeCrispPush([\n        'on',\n        'session:loaded',\n        () => {\n          sendCrispMessage(FREE_PLAN_WELCOME_MESSAGE);\n          openCrispChat();\n        },\n      ]);\n      window.localStorage.setItem(shownKey, '1');\n    } catch {}\n  }, [user, shouldLoadCrisp, isFreshSignup, subscription?.id_plan]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}

package/dist/modules/subscriptions/services/subscriptions.service.mjs

@@ -13,8 +13,7 @@ import {
   CalculateSubscriptionResponseSchema
 } from "../types/calculate-subscription.type";
 import {
-  SubscriptionPendingPixResponseSchema,
-  isSubscriptionPendingPixResponse
+  SubscriptionPendingPixResponseSchema
 } from "../types/pix-pending.type";
 class SubscriptionsService {
   async listSubscriptions(params) {
@@ -72,7 +71,11 @@ class SubscriptionsService {
       );
     }
     const raw = Array.isArray(response.data) ? response.data[0] : response.data;
-    const parsed = !raw ? null : isSubscriptionPendingPixResponse(raw) ? SubscriptionPendingPixResponseSchema.parse(raw) : SubscriptionSchema.parse(raw);
+    let parsed = null;
+    if (raw) {
+      const pixResult = SubscriptionPendingPixResponseSchema.safeParse(raw);
+      parsed = pixResult.success ? pixResult.data : SubscriptionSchema.parse(raw);
+    }
     return {
       success: true,
       data: parsed,

package/dist/modules/subscriptions/services/subscriptions.service.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/subscriptions/services/subscriptions.service.ts"],"sourcesContent":["import \"server-only\";\r\n\r\nimport { api } from \"../../../infra/api/client\";\r\nimport {\r\n  ApiError,\r\n  ApiActionResult,\r\n  ApiPaginatedActionResult,\r\n  PaginatedSuccessResult,\r\n  SuccessResult,\r\n} from \"../../../infra/api/types\";\r\nimport { buildQueryParams } from \"../../../infra/utils/params\";\r\nimport { assertManagementPermission } from \"../../auth/utils/assert-management-permission\";\r\nimport { getUserContext } from \"../../auth/utils/get-user-context\";\r\nimport {\r\n  Subscription,\r\n  SubscriptionSchema,\r\n  FindSubscriptionsParams,\r\n} from \"../types/subscription.type\";\r\nimport {\r\n  type CalculateSubscriptionRequest,\r\n  type CalculateSubscriptionResponse,\r\n  type UpdateSubscriptionPlanRequest,\r\n  CalculateSubscriptionResponseSchema,\r\n} from \"../types/calculate-subscription.type\";\r\nimport {\r\n  SubscriptionPendingPixResponseSchema,\r\n  isSubscriptionPendingPixResponse,\r\n  type SubscriptionPendingPixResponse,\r\n} from \"../types/pix-pending.type\";\r\n\r\nexport type UpdateSubscriptionPlanResponse =\r\n  | Subscription\r\n  | SubscriptionPendingPixResponse;\r\n\r\nclass SubscriptionsService {\r\n  async listSubscriptions(\r\n    params?: Partial<FindSubscriptionsParams>,\r\n  ): Promise<PaginatedSuccessResult<Subscription>> {\r\n    const { id_account } = await getUserContext();\r\n\r\n    const query = buildQueryParams(\r\n      params as Record<string, string | boolean | undefined>,\r\n    );\r\n    const url = `/accounts/${id_account}/subscriptions${query ? `?${query}` : \"\"}`;\r\n\r\n    const response =\r\n      await api.apps.get<ApiPaginatedActionResult<Subscription>>(url);\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao listar assinaturas\",\r\n        \"LIST_SUBSCRIPTIONS_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    const data = response.data.map((item) => SubscriptionSchema.parse(item));\r\n\r\n    return {\r\n      data,\r\n      total: response.total,\r\n      success: true,\r\n    } satisfies PaginatedSuccessResult<Subscription>;\r\n  }\r\n\r\n  async calculateSubscription(\r\n    data: CalculateSubscriptionRequest,\r\n  ): Promise<SuccessResult<CalculateSubscriptionResponse>> {\r\n    const { id_account } = await getUserContext();\r\n\r\n    const response = await api.apps.post<\r\n      ApiActionResult<CalculateSubscriptionResponse>\r\n    >(`/accounts/${id_account}/subscriptions/action/calculate`, data);\r\n\r\n    console.log(\"Calculate subscription response:\", {\r\n      response,\r\n      data: JSON.stringify(data, null, 2),\r\n    });\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao calcular assinatura\",\r\n        \"CALCULATE_SUBSCRIPTION_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    return {\r\n      success: true,\r\n      data: CalculateSubscriptionResponseSchema.parse(response.data),\r\n    };\r\n  }\r\n\r\n  async updateSubscriptionPlan(\r\n    subscriptionId: number | string,\r\n    data: UpdateSubscriptionPlanRequest,\r\n  ): Promise<\r\n    SuccessResult<UpdateSubscriptionPlanResponse | null> & { client_secret?: string }\r\n  > {\r\n    await assertManagementPermission('manage_subscriptions');\r\n    const { id_account } = await getUserContext();\r\n\r\n    const response = await api.apps.put<\r\n      ApiActionResult<UpdateSubscriptionPlanResponse> & { client_secret?: string }\r\n    >(\r\n      `/accounts/${id_account}/subscriptions/${subscriptionId}/action/plan`,\r\n      data,\r\n    );\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao atualizar plano\",\r\n        \"UPDATE_SUBSCRIPTION_PLAN_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    const raw = Array.isArray(response.data) ? response.data[0] : response.data;\r\n\r\n    // Preserva resposta pix-pending (id: null, pending: true, pix: {...})\r\n    // pra clientes poderem rotear o user pra fluxo dedicado de pix em vez\r\n    // de tratar como subscription comum. Caso contrário, parseia como\r\n    // Subscription (compatível com o comportamento antigo de devolver { id }).\r\n    const parsed: UpdateSubscriptionPlanResponse | null = !raw\r\n      ? null\r\n      : isSubscriptionPendingPixResponse(raw)\r\n        ? SubscriptionPendingPixResponseSchema.parse(raw)\r\n        : SubscriptionSchema.parse(raw);\r\n\r\n    return {\r\n      success: true,\r\n      data: parsed,\r\n      ...(response.client_secret ? { client_secret: response.client_secret } : {}),\r\n    };\r\n  }\r\n\r\n  async updateSubscriptionPayment(\r\n    subscriptionId: number | string,\r\n    data: { id_card: string; payment_method: number },\r\n  ): Promise<SuccessResult<void>> {\r\n    await assertManagementPermission(\"manage_subscriptions\");\r\n    const { id_account } = await getUserContext();\r\n\r\n    const response = await api.apps.put<ApiActionResult<void>>(\r\n      `/accounts/${id_account}/subscriptions/${subscriptionId}/action/payment`,\r\n      data,\r\n    );\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao atualizar método de pagamento\",\r\n        \"UPDATE_SUBSCRIPTION_PAYMENT_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    return { success: true };\r\n  }\r\n}\r\n\r\nexport const subscriptionsService = new SubscriptionsService();\r\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,OAKK;AACP,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAC/B;AAAA,EAEE;AAAA,OAEK;AACP;AAAA,EAIE;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAMP,MAAM,qBAAqB;AAAA,EACzB,MAAM,kBACJ,QAC+C;AAC/C,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,QAAQ;AAAA,MACZ;AAAA,IACF;AACA,UAAM,MAAM,aAAa,UAAU,iBAAiB,QAAQ,IAAI,KAAK,KAAK,EAAE;AAE5E,UAAM,WACJ,MAAM,IAAI,KAAK,IAA4C,GAAG;AAEhE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,OAAO,SAAS,KAAK,IAAI,CAAC,SAAS,mBAAmB,MAAM,IAAI,CAAC;AAEvE,WAAO;AAAA,MACL;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,MAAM,sBACJ,MACuD;AACvD,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,WAAW,MAAM,IAAI,KAAK,KAE9B,aAAa,UAAU,mCAAmC,IAAI;AAEhE,YAAQ,IAAI,oCAAoC;AAAA,MAC9C;AAAA,MACA,MAAM,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,IACpC,CAAC;AAED,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,SAAS;AAAA,MACT,MAAM,oCAAoC,MAAM,SAAS,IAAI;AAAA,IAC/D;AAAA,EACF;AAAA,EAEA,MAAM,uBACJ,gBACA,MAGA;AACA,UAAM,2BAA2B,sBAAsB;AACvD,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,WAAW,MAAM,IAAI,KAAK;AAAA,MAG9B,aAAa,UAAU,kBAAkB,cAAc;AAAA,MACvD;AAAA,IACF;AAEA,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM,MAAM,QAAQ,SAAS,IAAI,IAAI,SAAS,KAAK,CAAC,IAAI,SAAS;AAMvE,UAAM,SAAgD,CAAC,MACnD,OACA,iCAAiC,GAAG,IAClC,qCAAqC,MAAM,GAAG,IAC9C,mBAAmB,MAAM,GAAG;AAElC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN,GAAI,SAAS,gBAAgB,EAAE,eAAe,SAAS,cAAc,IAAI,CAAC;AAAA,IAC5E;AAAA,EACF;AAAA,EAEA,MAAM,0BACJ,gBACA,MAC8B;AAC9B,UAAM,2BAA2B,sBAAsB;AACvD,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,WAAW,MAAM,IAAI,KAAK;AAAA,MAC9B,aAAa,UAAU,kBAAkB,cAAc;AAAA,MACvD;AAAA,IACF;AAEA,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO,EAAE,SAAS,KAAK;AAAA,EACzB;AACF;AAEO,MAAM,uBAAuB,IAAI,qBAAqB;","names":[]}
+{"version":3,"sources":["../../../../src/modules/subscriptions/services/subscriptions.service.ts"],"sourcesContent":["import \"server-only\";\r\n\r\nimport { api } from \"../../../infra/api/client\";\r\nimport {\r\n  ApiError,\r\n  ApiActionResult,\r\n  ApiPaginatedActionResult,\r\n  PaginatedSuccessResult,\r\n  SuccessResult,\r\n} from \"../../../infra/api/types\";\r\nimport { buildQueryParams } from \"../../../infra/utils/params\";\r\nimport { assertManagementPermission } from \"../../auth/utils/assert-management-permission\";\r\nimport { getUserContext } from \"../../auth/utils/get-user-context\";\r\nimport {\r\n  Subscription,\r\n  SubscriptionSchema,\r\n  FindSubscriptionsParams,\r\n} from \"../types/subscription.type\";\r\nimport {\r\n  type CalculateSubscriptionRequest,\r\n  type CalculateSubscriptionResponse,\r\n  type UpdateSubscriptionPlanRequest,\r\n  CalculateSubscriptionResponseSchema,\r\n} from \"../types/calculate-subscription.type\";\r\nimport {\r\n  SubscriptionPendingPixResponseSchema,\r\n  type SubscriptionPendingPixResponse,\r\n} from \"../types/pix-pending.type\";\r\n\r\nexport type UpdateSubscriptionPlanResponse =\r\n  | Subscription\r\n  | SubscriptionPendingPixResponse;\r\n\r\nclass SubscriptionsService {\r\n  async listSubscriptions(\r\n    params?: Partial<FindSubscriptionsParams>,\r\n  ): Promise<PaginatedSuccessResult<Subscription>> {\r\n    const { id_account } = await getUserContext();\r\n\r\n    const query = buildQueryParams(\r\n      params as Record<string, string | boolean | undefined>,\r\n    );\r\n    const url = `/accounts/${id_account}/subscriptions${query ? `?${query}` : \"\"}`;\r\n\r\n    const response =\r\n      await api.apps.get<ApiPaginatedActionResult<Subscription>>(url);\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao listar assinaturas\",\r\n        \"LIST_SUBSCRIPTIONS_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    const data = response.data.map((item) => SubscriptionSchema.parse(item));\r\n\r\n    return {\r\n      data,\r\n      total: response.total,\r\n      success: true,\r\n    } satisfies PaginatedSuccessResult<Subscription>;\r\n  }\r\n\r\n  async calculateSubscription(\r\n    data: CalculateSubscriptionRequest,\r\n  ): Promise<SuccessResult<CalculateSubscriptionResponse>> {\r\n    const { id_account } = await getUserContext();\r\n\r\n    const response = await api.apps.post<\r\n      ApiActionResult<CalculateSubscriptionResponse>\r\n    >(`/accounts/${id_account}/subscriptions/action/calculate`, data);\r\n\r\n    console.log(\"Calculate subscription response:\", {\r\n      response,\r\n      data: JSON.stringify(data, null, 2),\r\n    });\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao calcular assinatura\",\r\n        \"CALCULATE_SUBSCRIPTION_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    return {\r\n      success: true,\r\n      data: CalculateSubscriptionResponseSchema.parse(response.data),\r\n    };\r\n  }\r\n\r\n  async updateSubscriptionPlan(\r\n    subscriptionId: number | string,\r\n    data: UpdateSubscriptionPlanRequest,\r\n  ): Promise<\r\n    SuccessResult<UpdateSubscriptionPlanResponse | null> & { client_secret?: string }\r\n  > {\r\n    await assertManagementPermission('manage_subscriptions');\r\n    const { id_account } = await getUserContext();\r\n\r\n    const response = await api.apps.put<\r\n      ApiActionResult<UpdateSubscriptionPlanResponse | UpdateSubscriptionPlanResponse[]> & {\r\n        client_secret?: string;\r\n      }\r\n    >(\r\n      `/accounts/${id_account}/subscriptions/${subscriptionId}/action/plan`,\r\n      data,\r\n    );\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao atualizar plano\",\r\n        \"UPDATE_SUBSCRIPTION_PLAN_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    const raw = Array.isArray(response.data) ? response.data[0] : response.data;\r\n\r\n    // Preserva resposta pix-pending (id: null, pending: true, pix: {...})\r\n    // pra clientes poderem rotear o user pra fluxo dedicado de pix em vez\r\n    // de tratar como subscription comum. Caso contrário, parseia como\r\n    // Subscription (compatível com o comportamento antigo de devolver { id }).\r\n    let parsed: UpdateSubscriptionPlanResponse | null = null;\r\n    if (raw) {\r\n      const pixResult = SubscriptionPendingPixResponseSchema.safeParse(raw);\r\n      parsed = pixResult.success ? pixResult.data : SubscriptionSchema.parse(raw);\r\n    }\r\n\r\n    return {\r\n      success: true,\r\n      data: parsed,\r\n      ...(response.client_secret ? { client_secret: response.client_secret } : {}),\r\n    };\r\n  }\r\n\r\n  async updateSubscriptionPayment(\r\n    subscriptionId: number | string,\r\n    data: { id_card: string; payment_method: number },\r\n  ): Promise<SuccessResult<void>> {\r\n    await assertManagementPermission(\"manage_subscriptions\");\r\n    const { id_account } = await getUserContext();\r\n\r\n    const response = await api.apps.put<ApiActionResult<void>>(\r\n      `/accounts/${id_account}/subscriptions/${subscriptionId}/action/payment`,\r\n      data,\r\n    );\r\n\r\n    if (response.status === 0) {\r\n      throw new ApiError(\r\n        response.message || \"Erro ao atualizar método de pagamento\",\r\n        \"UPDATE_SUBSCRIPTION_PAYMENT_FAILED\",\r\n        400,\r\n      );\r\n    }\r\n\r\n    return { success: true };\r\n  }\r\n}\r\n\r\nexport const subscriptionsService = new SubscriptionsService();\r\n"],"mappings":"AAAA,OAAO;AAEP,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,OAKK;AACP,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,sBAAsB;AAC/B;AAAA,EAEE;AAAA,OAEK;AACP;AAAA,EAIE;AAAA,OACK;AACP;AAAA,EACE;AAAA,OAEK;AAMP,MAAM,qBAAqB;AAAA,EACzB,MAAM,kBACJ,QAC+C;AAC/C,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,QAAQ;AAAA,MACZ;AAAA,IACF;AACA,UAAM,MAAM,aAAa,UAAU,iBAAiB,QAAQ,IAAI,KAAK,KAAK,EAAE;AAE5E,UAAM,WACJ,MAAM,IAAI,KAAK,IAA4C,GAAG;AAEhE,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,OAAO,SAAS,KAAK,IAAI,CAAC,SAAS,mBAAmB,MAAM,IAAI,CAAC;AAEvE,WAAO;AAAA,MACL;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,MAAM,sBACJ,MACuD;AACvD,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,WAAW,MAAM,IAAI,KAAK,KAE9B,aAAa,UAAU,mCAAmC,IAAI;AAEhE,YAAQ,IAAI,oCAAoC;AAAA,MAC9C;AAAA,MACA,MAAM,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,IACpC,CAAC;AAED,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,SAAS;AAAA,MACT,MAAM,oCAAoC,MAAM,SAAS,IAAI;AAAA,IAC/D;AAAA,EACF;AAAA,EAEA,MAAM,uBACJ,gBACA,MAGA;AACA,UAAM,2BAA2B,sBAAsB;AACvD,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,WAAW,MAAM,IAAI,KAAK;AAAA,MAK9B,aAAa,UAAU,kBAAkB,cAAc;AAAA,MACvD;AAAA,IACF;AAEA,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,MAAM,MAAM,QAAQ,SAAS,IAAI,IAAI,SAAS,KAAK,CAAC,IAAI,SAAS;AAMvE,QAAI,SAAgD;AACpD,QAAI,KAAK;AACP,YAAM,YAAY,qCAAqC,UAAU,GAAG;AACpE,eAAS,UAAU,UAAU,UAAU,OAAO,mBAAmB,MAAM,GAAG;AAAA,IAC5E;AAEA,WAAO;AAAA,MACL,SAAS;AAAA,MACT,MAAM;AAAA,MACN,GAAI,SAAS,gBAAgB,EAAE,eAAe,SAAS,cAAc,IAAI,CAAC;AAAA,IAC5E;AAAA,EACF;AAAA,EAEA,MAAM,0BACJ,gBACA,MAC8B;AAC9B,UAAM,2BAA2B,sBAAsB;AACvD,UAAM,EAAE,WAAW,IAAI,MAAM,eAAe;AAE5C,UAAM,WAAW,MAAM,IAAI,KAAK;AAAA,MAC9B,aAAa,UAAU,kBAAkB,cAAc;AAAA,MACvD;AAAA,IACF;AAEA,QAAI,SAAS,WAAW,GAAG;AACzB,YAAM,IAAI;AAAA,QACR,SAAS,WAAW;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO,EAAE,SAAS,KAAK;AAAA,EACzB;AACF;AAEO,MAAM,uBAAuB,IAAI,qBAAqB;","names":[]}

package/dist/modules/subscriptions/types/pix-pending.type.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/subscriptions/types/pix-pending.type.ts"],"sourcesContent":["import z from \"zod\";\n\n/**\n * Shape ephemero do pix gerado pelo backend quando uma operação de subscription\n * (create ou update com cobrança imediata) produz uma cobrança via pix.\n */\nexport const PixPendingDataSchema = z.object({\n  qr_code: z.string().nullable().optional(),\n  payment_link: z.string().nullable().optional(),\n  correlation_id: z.string(),\n  expires_at: z.string().nullable().optional(),\n});\n\nexport type PixPendingData = z.infer<typeof PixPendingDataSchema>;\n\n/**\n * Resposta especial que o backend devolve no lugar da subscription quando\n * a operação dispara um pix pendente. `id: null` + `pending: true` é o sinal\n * de discriminação. Vem com `passthrough()` pra não perder campos extras.\n */\nexport const SubscriptionPendingPixResponseSchema = z\n  .object({\n    id: z.null(),\n    pending: z.literal(true),\n    payment_method: z.literal(3),\n    pix: PixPendingDataSchema,\n  })\n  .passthrough();\n\nexport type SubscriptionPendingPixResponse = z.infer<\n  typeof SubscriptionPendingPixResponseSchema\n>;\n\nexport function isSubscriptionPendingPixResponse(\n  value: unknown,\n): value is SubscriptionPendingPixResponse {\n  return SubscriptionPendingPixResponseSchema.safeParse(value).success;\n}\n"],"mappings":"AAAA,OAAO,OAAO;AAMP,MAAM,uBAAuB,EAAE,OAAO;AAAA,EAC3C,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACxC,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC7C,gBAAgB,EAAE,OAAO;AAAA,EACzB,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAC7C,CAAC;AASM,MAAM,uCAAuC,EACjD,OAAO;AAAA,EACN,IAAI,EAAE,KAAK;AAAA,EACX,SAAS,EAAE,QAAQ,IAAI;AAAA,EACvB,gBAAgB,EAAE,QAAQ,CAAC;AAAA,EAC3B,KAAK;AACP,CAAC,EACA,YAAY;AAMR,SAAS,iCACd,OACyC;AACzC,SAAO,qCAAqC,UAAU,KAAK,EAAE;AAC/D;","names":[]}
+{"version":3,"sources":["../../../../src/modules/subscriptions/types/pix-pending.type.ts"],"sourcesContent":["import z from \"zod\";\n\n/**\n * Shape efêmero do pix gerado pelo backend quando uma operação de subscription\n * (create ou update com cobrança imediata) produz uma cobrança via pix.\n */\nexport const PixPendingDataSchema = z.object({\n  qr_code: z.string().nullable().optional(),\n  payment_link: z.string().nullable().optional(),\n  correlation_id: z.string(),\n  expires_at: z.string().nullable().optional(),\n});\n\nexport type PixPendingData = z.infer<typeof PixPendingDataSchema>;\n\n/**\n * Resposta especial que o backend devolve no lugar da subscription quando\n * a operação dispara um pix pendente. `id: null` + `pending: true` é o sinal\n * de discriminação. Vem com `passthrough()` pra não perder campos extras.\n */\nexport const SubscriptionPendingPixResponseSchema = z\n  .object({\n    id: z.null(),\n    pending: z.literal(true),\n    payment_method: z.literal(3),\n    pix: PixPendingDataSchema,\n  })\n  .passthrough();\n\nexport type SubscriptionPendingPixResponse = z.infer<\n  typeof SubscriptionPendingPixResponseSchema\n>;\n\nexport function isSubscriptionPendingPixResponse(\n  value: unknown,\n): value is SubscriptionPendingPixResponse {\n  return SubscriptionPendingPixResponseSchema.safeParse(value).success;\n}\n"],"mappings":"AAAA,OAAO,OAAO;AAMP,MAAM,uBAAuB,EAAE,OAAO;AAAA,EAC3C,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EACxC,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC7C,gBAAgB,EAAE,OAAO;AAAA,EACzB,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAC7C,CAAC;AASM,MAAM,uCAAuC,EACjD,OAAO;AAAA,EACN,IAAI,EAAE,KAAK;AAAA,EACX,SAAS,EAAE,QAAQ,IAAI;AAAA,EACvB,gBAAgB,EAAE,QAAQ,CAAC;AAAA,EAC3B,KAAK;AACP,CAAC,EACA,YAAY;AAMR,SAAS,iCACd,OACyC;AACzC,SAAO,qCAAqC,UAAU,KAAK,EAAE;AAC/D;","names":[]}

package/package.json

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

package/src/components/account/sections/TokenSection.tsx

@@ -60,7 +60,7 @@ export function TokenSection() {
         </div>
 
         <a
-          href="https://documenter.getpostman.com/view/4861938/2sAYdoDmj4"
+          href="https://documenter.getpostman.com/view/4861938/T1Djiz8H"
           target="_blank"
           rel="noopener noreferrer"
           className="paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit"