@greatapps/common 1.1.782 → 1.1.785

package/src/modules/subscriptions/services/subscriptions.service.ts

@@ -15,6 +15,7 @@ import {
   Subscription,
   SubscriptionSchema,
   FindSubscriptionsParams,
+  type ChargeNowResult,
 } from "../types/subscription.type";
 import {
   type CalculateSubscriptionRequest,
@@ -161,12 +162,31 @@ class SubscriptionsService {
 
   async updateSubscriptionPayment(
     subscriptionId: number | string,
-    data: { id_card?: string; payment_method_id?: string; payment_method: number },
-  ): Promise<SuccessResult<void>> {
+    data: {
+      id_card?: string;
+      payment_method_id?: string;
+      payment_method: number;
+      charge_now?: boolean;
+    },
+  ): Promise<
+    SuccessResult<void> & {
+      applied: boolean;
+      client_secret?: string;
+      charge_now?: ChargeNowResult;
+    }
+  > {
     await assertManagementPermission("manage_subscriptions");
     const { id_account } = await getUserContext();
 
-    const response = await api.apps.put<ApiActionResult<void>>(
+    /* O `status: 2` do guard de 3DS pendente não cabe em `ApiActionResult`, que só conhece 0 e 1.
+     * Declarar o terceiro estado aqui é o que permite tratá-lo — sem isso o TypeScript apaga o
+     * ramo como inalcançável e o caso volta a atravessar como sucesso. */
+    const response = await api.apps.put<
+      (ApiActionResult<void> | { status: 2; message?: string }) & {
+        charge_now?: ChargeNowResult;
+        client_secret?: string;
+      }
+    >(
       `/accounts/${id_account}/subscriptions/${subscriptionId}/action/payment`,
       data,
       { timeout: SUBSCRIPTION_WRITE_TIMEOUT_MS },
@@ -180,7 +200,29 @@ class SubscriptionsService {
       );
     }
 
-    return { success: true };
+    /* `status: 2` NÃO é sucesso: o guard de 3DS pendente do paymentEdit devolve esse status sem
+     * aplicar a troca, e como só o `status === 0` era tratado como erro, a chamada caía no
+     * `success: true` e a tela dizia "sua assinatura passou a ser cobrada neste cartão" para uma
+     * troca que não aconteceu — descartando junto o `client_secret` que resolveria a pendência.
+     *
+     * Por isso o retorno carrega `applied`: quem chama precisa poder distinguir "trocou" de
+     * "não trocou, conclua o pagamento pendente primeiro". */
+    if (response.status === 2) {
+      return {
+        success: true,
+        applied: false,
+        ...(response.client_secret ? { client_secret: response.client_secret } : {}),
+      };
+    }
+
+    /* O desfecho da cobrança imediata precisa atravessar: descartá-lo (como este método fazia com
+     * o corpo inteiro) apagaria tanto a recusa quanto o `client_secret` do 3DS, e a tela
+     * anunciaria "tudo certo" para uma fatura que continua em aberto. */
+    return {
+      success: true,
+      applied: true,
+      ...(response.charge_now ? { charge_now: response.charge_now } : {}),
+    };
   }
 
   async getFreezeNotice(): Promise<FreezeNotice> {

package/src/modules/subscriptions/types/subscription.type.ts

@@ -107,6 +107,33 @@ export const SubscriptionSchema = z.object({
 
 export type Subscription = z.infer<typeof SubscriptionSchema>;
 
+/* Desfecho da cobrança imediata pedida com `charge_now` na troca de forma de pagamento
+ * (gapps-r3-api, PUT subscriptions/:id/action/payment).
+ *
+ * Vem separado do `status` da resposta de propósito: quando isto chega, a troca JÁ está firmada
+ * no banco e na Stripe. Uma cobrança recusada aqui não desfaz a troca — o dunning da Stripe segue
+ * armado no cartão novo —, então a tela precisa contar as duas coisas em separado.
+ *
+ * `outcome` é a ÚNICA fonte da verdade sobre o que aconteceu, e a tela deve falar só a partir dele.
+ * Substituiu um par de booleanos (`attempted`/`paid`) que não distinguia recusa de 3DS pendente: a
+ * tela lia `paid: false` depois de um desafio bem-sucedido e anunciava falha para um pagamento que
+ * tinha acabado de completar.
+ *
+ * `amount` vem em centavos, na `currency` da fatura, e é o valor REALMENTE cobrado — não uma
+ * previsão feita antes da chamada. */
+export interface ChargeNowResult {
+  outcome: 'charged' | 'requires_action' | 'declined' | 'none';
+  invoice_id?: string;
+  amount?: number | null;
+  currency?: string | null;
+  client_secret?: string;
+  /* Presente em `declined`: a razão que o emissor deu. */
+  message?: string;
+  /* Presente em `none`: por que não houve o que cobrar (`sem_fatura_de_ciclo_aberta`,
+   * `deteccao_falhou`, `sem_contexto_de_cobranca`). */
+  reason?: string;
+}
+
 export interface FindSubscriptionsParams {
   active?: boolean;
   trial?: boolean;

package/dist/components/layouts/GreatDomainIcon.mjs

@@ -1,40 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../infra/utils/clsx";
-function GreatDomainIcon({ active, className }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "23",
-      height: "23",
-      viewBox: "0 0 23 23",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M11.8444 17.0777C11.8444 20.3487 9.19292 23.0003 5.92218 23.0003C2.65145 23.0003 0 20.3487 0 17.0777C0 13.8068 2.65145 11.1551 5.92218 11.1551C9.19292 11.1551 11.8444 13.8068 11.8444 17.0777Z",
-            className: cn(
-              "transition-colors duration-300",
-              active ? "fill-[#984DFF]" : "fill-[#650CE4]"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M11.8436 3.06666C11.8436 1.37299 13.2166 0 14.9103 0H19.9331C21.6267 0 22.9997 1.37299 22.9997 3.06666V19.9333C22.9997 21.6269 21.6267 22.9999 19.9331 22.9999H14.9103C13.2166 22.9999 11.8436 21.6269 11.8436 19.9333V3.06666Z",
-            fill: "#C9B2FF"
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  GreatDomainIcon
-};
-//# sourceMappingURL=GreatDomainIcon.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/layouts/GreatDomainIcon.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../infra/utils/clsx\";\n\ntype GreatDomainIconProps = {\n  /** Em repouso o círculo é #650CE4; só no estado ativo vira #984DFF. */\n  active?: boolean;\n  className?: string;\n};\n\n/**\n * Glifo do GreatDomain — geometria exportada do Figma (node 5929:2700), 23×23.\n * O círculo só troca de cor quando ativo. No hover o container ganha fundo cinza\n * (igual ao GreatPages) e o glifo fica como está.\n */\nfunction GreatDomainIcon({ active, className }: GreatDomainIconProps) {\n  return (\n    <svg\n      width=\"23\"\n      height=\"23\"\n      viewBox=\"0 0 23 23\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M11.8444 17.0777C11.8444 20.3487 9.19292 23.0003 5.92218 23.0003C2.65145 23.0003 0 20.3487 0 17.0777C0 13.8068 2.65145 11.1551 5.92218 11.1551C9.19292 11.1551 11.8444 13.8068 11.8444 17.0777Z\"\n        className={cn(\n          \"transition-colors duration-300\",\n          active ? \"fill-[#984DFF]\" : \"fill-[#650CE4]\",\n        )}\n      />\n      <path\n        d=\"M11.8436 3.06666C11.8436 1.37299 13.2166 0 14.9103 0H19.9331C21.6267 0 22.9997 1.37299 22.9997 3.06666V19.9333C22.9997 21.6269 21.6267 22.9999 19.9331 22.9999H14.9103C13.2166 22.9999 11.8436 21.6269 11.8436 19.9333V3.06666Z\"\n        fill=\"#C9B2FF\"\n      />\n    </svg>\n  );\n}\n\nexport { GreatDomainIcon };\nexport type { GreatDomainIconProps };\n"],"mappings":";AAiBI,SASE,KATF;AAfJ,SAAS,UAAU;AAanB,SAAS,gBAAgB,EAAE,QAAQ,UAAU,GAAyB;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,WAAW;AAAA,cACT;AAAA,cACA,SAAS,mBAAmB;AAAA,YAC9B;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/src/components/layouts/GreatDomainIcon.tsx

@@ -1,43 +0,0 @@
-"use client";
-
-import { cn } from "../../infra/utils/clsx";
-
-type GreatDomainIconProps = {
-  /** Em repouso o círculo é #650CE4; só no estado ativo vira #984DFF. */
-  active?: boolean;
-  className?: string;
-};
-
-/**
- * Glifo do GreatDomain — geometria exportada do Figma (node 5929:2700), 23×23.
- * O círculo só troca de cor quando ativo. No hover o container ganha fundo cinza
- * (igual ao GreatPages) e o glifo fica como está.
- */
-function GreatDomainIcon({ active, className }: GreatDomainIconProps) {
-  return (
-    <svg
-      width="23"
-      height="23"
-      viewBox="0 0 23 23"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      aria-hidden="true"
-    >
-      <path
-        d="M11.8444 17.0777C11.8444 20.3487 9.19292 23.0003 5.92218 23.0003C2.65145 23.0003 0 20.3487 0 17.0777C0 13.8068 2.65145 11.1551 5.92218 11.1551C9.19292 11.1551 11.8444 13.8068 11.8444 17.0777Z"
-        className={cn(
-          "transition-colors duration-300",
-          active ? "fill-[#984DFF]" : "fill-[#650CE4]",
-        )}
-      />
-      <path
-        d="M11.8436 3.06666C11.8436 1.37299 13.2166 0 14.9103 0H19.9331C21.6267 0 22.9997 1.37299 22.9997 3.06666V19.9333C22.9997 21.6269 21.6267 22.9999 19.9331 22.9999H14.9103C13.2166 22.9999 11.8436 21.6269 11.8436 19.9333V3.06666Z"
-        fill="#C9B2FF"
-      />
-    </svg>
-  );
-}
-
-export { GreatDomainIcon };
-export type { GreatDomainIconProps };