@hook-sdk/template 0.9.0 → 0.9.1

package/dist/index.js

@@ -2225,6 +2225,8 @@ function DefaultPaywall() {
   const monthlyCents = plan.data?.priceCents ?? 0;
   const yearlyCents = plan.data?.yearlyPriceCents ?? null;
   const activeCents = cycle === "YEARLY" && yearlyCents ? monthlyEquivalent("YEARLY") : monthlyCents;
+  const cycleValueCents = cycle === "YEARLY" && yearlyCents ? yearlyCents : monthlyCents;
+  const cycleLabel = cycle === "YEARLY" ? "por ano" : "por m\xEAs";
   const pct = useMemo7(() => {
     if (!yearlyCents || !monthlyCents) return 0;
     const derived = Math.round((1 - yearlyCents / 12 / monthlyCents) * 100);
@@ -2581,6 +2583,50 @@ function DefaultPaywall() {
       )
     ] }),
     error && /* @__PURE__ */ jsx24("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
+    method === "pix-auto" && /* @__PURE__ */ jsxs18(
+      "div",
+      {
+        "data-testid": "paywall-pix-callout",
+        style: {
+          background: "rgba(0,0,0,0.04)",
+          borderLeft: "3px solid var(--hook-color-primary)",
+          padding: "10px 12px",
+          marginBottom: 12,
+          borderRadius: 4,
+          fontSize: 12,
+          lineHeight: 1.45,
+          textAlign: "left"
+        },
+        children: [
+          /* @__PURE__ */ jsx24("strong", { children: "Como funciona:" }),
+          " no app do seu banco vai aparecer uma cobran\xE7a de",
+          " ",
+          /* @__PURE__ */ jsx24("strong", { children: "R$ 0,01" }),
+          " \u2014 \xE9 simb\xF3lica, s\xF3 pra ativar o PIX Autom\xE1tico.",
+          trialDays > 0 ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
+            " ",
+            "Depois, ",
+            /* @__PURE__ */ jsxs18("strong", { children: [
+              trialDays,
+              " dias gr\xE1tis"
+            ] }),
+            "; a cobran\xE7a de",
+            " ",
+            /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
+            " ",
+            cycleLabel,
+            " s\xF3 come\xE7a depois."
+          ] }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
+            " ",
+            "A cobran\xE7a de ",
+            /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
+            " ",
+            cycleLabel,
+            " vem em seguida."
+          ] })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx24(
       "button",
       {
@@ -2636,6 +2682,38 @@ function DefaultPaywall() {
           ] }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
             /* @__PURE__ */ jsx24("h2", { style: { marginTop: 0, fontSize: 18 }, children: "Pague com Pix Autom\xE1tico" }),
             /* @__PURE__ */ jsx24("p", { style: { fontSize: 13, opacity: 0.75 }, children: "Escaneie o QR Code no app do seu banco pra autorizar o d\xE9bito recorrente." }),
+            /* @__PURE__ */ jsxs18(
+              "p",
+              {
+                "data-testid": "pix-modal-explain",
+                style: { fontSize: 12, opacity: 0.65, marginTop: 8, lineHeight: 1.4 },
+                children: [
+                  "Seu banco vai mostrar uma cobran\xE7a de ",
+                  /* @__PURE__ */ jsx24("strong", { children: "R$ 0,01" }),
+                  " \u2014 \xE9 simb\xF3lica, s\xF3 pra ativar o PIX Autom\xE1tico.",
+                  trialDays > 0 ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
+                    " ",
+                    "A cobran\xE7a de ",
+                    /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
+                    " ",
+                    cycleLabel,
+                    " come\xE7a depois dos ",
+                    /* @__PURE__ */ jsxs18("strong", { children: [
+                      trialDays,
+                      " dias gr\xE1tis"
+                    ] }),
+                    ", automaticamente."
+                  ] }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
+                    " ",
+                    "A cobran\xE7a de ",
+                    /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
+                    " ",
+                    cycleLabel,
+                    " vem logo em seguida."
+                  ] })
+                ]
+              }
+            ),
             pixPending.qrCodeBase64 && /* @__PURE__ */ jsx24(
               "img",
               {