@hook-sdk/template 0.5.0 → 0.7.0

package/dist/index.cjs

@@ -32,11 +32,16 @@ __export(index_exports, {
   InstallSplash: () => InstallSplash,
   LoadingState: () => LoadingState,
   PushPrompt: () => PushPrompt2,
+  computeAnchorCents: () => computeAnchorCents,
+  dailyFromYearly: () => dailyFromYearly,
   detectAndroidBrowser: () => detectAndroidBrowser,
   detectIOSBrowser: () => detectIOSBrowser,
   detectInAppApp: () => detectInAppApp,
   detectPlatform: () => detectPlatform,
   detectStandalone: () => detectStandalone,
+  discountPercent: () => discountPercent,
+  formatBRL: () => formatBRL,
+  monthlyFromYearly: () => monthlyFromYearly,
   shouldBlockInstall: () => shouldBlockInstall,
   shouldShowPermanentOption: () => shouldShowPermanentOption,
   useAuth: () => useAuth,
@@ -45,6 +50,7 @@ __export(index_exports, {
   useInstallPrompt: () => useInstallPrompt,
   useLoginForm: () => useLoginForm,
   usePaywallState: () => usePaywallState,
+  usePlan: () => usePlan,
   usePush: () => usePush,
   useReminders: () => useReminders,
   useResetForm: () => useResetForm,
@@ -154,6 +160,7 @@ function usePaywallState() {
   const { subscription } = (0, import_sdk2.useHook)();
   const [opening, setOpening] = (0, import_react3.useState)(false);
   const [error, setError] = (0, import_react3.useState)(null);
+  const [pixPending, setPixPending] = (0, import_react3.useState)(null);
   const status = subscription.status();
   const daysLeftInTrial = subscription.daysLeftInTrial();
   const initialLoadComplete = subscription.initialLoadComplete;
@@ -161,12 +168,37 @@ function usePaywallState() {
     async (args) => {
       setOpening(true);
       setError(null);
+      setPixPending(null);
+      const method = args.method ?? "card";
+      const cycle = args.cycle ?? "MONTHLY";
       try {
-        const result = await subscription.checkoutCard({
-          cpf: args.cpf,
-          cycle: args.cycle ?? "MONTHLY"
-        });
-        window.location.href = result.invoiceUrl;
+        if (method === "card") {
+          const result = await subscription.checkoutCard({ cpf: args.cpf, cycle });
+          window.location.href = result.invoiceUrl;
+          return;
+        }
+        if (method === "pix-auto") {
+          const result = await subscription.checkoutPixAuto({ cpf: args.cpf, cycle });
+          setPixPending({
+            method: "pix-auto",
+            qrCodePayload: result.qrCodePayload,
+            qrCodeBase64: result.qrCodeBase64,
+            expiresAt: null
+          });
+          setOpening(false);
+          return;
+        }
+        if (method === "pix-once") {
+          const result = await subscription.checkoutPixOnce({ cpf: args.cpf, cycle });
+          setPixPending({
+            method: "pix-once",
+            qrCodePayload: result.qrCodePayload,
+            qrCodeBase64: result.qrCodeBase64,
+            expiresAt: result.expiresAt
+          });
+          setOpening(false);
+          return;
+        }
       } catch (err) {
         setError(err);
         setOpening(false);
@@ -182,7 +214,18 @@ function usePaywallState() {
       setError(err);
     }
   }, [subscription]);
-  return { status, daysLeftInTrial, initialLoadComplete, checkout, cancel, opening, error };
+  const dismissPix = (0, import_react3.useCallback)(() => setPixPending(null), []);
+  return {
+    status,
+    daysLeftInTrial,
+    initialLoadComplete,
+    checkout,
+    cancel,
+    opening,
+    error,
+    pixPending,
+    dismissPix
+  };
 }
 
 // src/internal/SubscriptionGate.tsx
@@ -2383,12 +2426,47 @@ function EmptyState({ title, description, action }) {
   ] });
 }
 
+// src/hooks/usePlan.ts
+var import_sdk11 = require("@hook-sdk/sdk");
+function usePlan() {
+  const { plan } = (0, import_sdk11.useHook)();
+  return plan;
+}
+
+// src/utils/price.ts
+function formatBRL(cents) {
+  if (cents === null || cents === void 0) return "";
+  const reais = cents / 100;
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL"
+  }).format(reais);
+}
+function monthlyFromYearly(yearlyCents) {
+  if (yearlyCents === null || yearlyCents === void 0) return 0;
+  return Math.round(yearlyCents / 12);
+}
+function dailyFromYearly(yearlyCents) {
+  if (yearlyCents === null || yearlyCents === void 0) return 0;
+  return Math.round(yearlyCents / 365);
+}
+function computeAnchorCents(baseCents, multiplier) {
+  if (multiplier === null || multiplier === void 0) return null;
+  if (!Number.isFinite(multiplier)) return null;
+  if (multiplier <= 1) return null;
+  return Math.round(baseCents * multiplier);
+}
+function discountPercent(anchorCents, realCents) {
+  if (anchorCents <= realCents) return 0;
+  return Math.floor((anchorCents - realCents) / anchorCents * 100);
+}
+
 // src/hooks/useAuthPrimitives.ts
 var import_react17 = require("react");
-var import_sdk11 = require("@hook-sdk/sdk");
+var import_sdk12 = require("@hook-sdk/sdk");
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = (0, import_sdk11.useHook)();
+  const { auth } = (0, import_sdk12.useHook)();
   (0, import_react17.useEffect)(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
@@ -2411,9 +2489,9 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useSubscription.ts
-var import_sdk12 = require("@hook-sdk/sdk");
+var import_sdk13 = require("@hook-sdk/sdk");
 function useSubscription() {
-  const { subscription } = (0, import_sdk12.useHook)();
+  const { subscription } = (0, import_sdk13.useHook)();
   return {
     status: subscription.status()
   };
@@ -2421,9 +2499,9 @@ function useSubscription() {
 
 // src/hooks/useReminders.ts
 var import_react18 = require("react");
-var import_sdk13 = require("@hook-sdk/sdk");
+var import_sdk14 = require("@hook-sdk/sdk");
 function useReminders() {
-  const { push } = (0, import_sdk13.useHook)();
+  const { push } = (0, import_sdk14.useHook)();
   const r = push.reminders;
   const [reminders, setReminders] = (0, import_react18.useState)([]);
   const [loading, setLoading] = (0, import_react18.useState)(true);
@@ -2486,11 +2564,16 @@ function useToast() {
   InstallSplash,
   LoadingState,
   PushPrompt,
+  computeAnchorCents,
+  dailyFromYearly,
   detectAndroidBrowser,
   detectIOSBrowser,
   detectInAppApp,
   detectPlatform,
   detectStandalone,
+  discountPercent,
+  formatBRL,
+  monthlyFromYearly,
   shouldBlockInstall,
   shouldShowPermanentOption,
   useAuth,
@@ -2499,6 +2582,7 @@ function useToast() {
   useInstallPrompt,
   useLoginForm,
   usePaywallState,
+  usePlan,
   usePush,
   useReminders,
   useResetForm,