@hook-sdk/template 0.4.2 → 0.6.0

package/dist/index.cjs

@@ -32,11 +32,14 @@ __export(index_exports, {
   InstallSplash: () => InstallSplash,
   LoadingState: () => LoadingState,
   PushPrompt: () => PushPrompt2,
+  dailyFromYearly: () => dailyFromYearly,
   detectAndroidBrowser: () => detectAndroidBrowser,
   detectIOSBrowser: () => detectIOSBrowser,
   detectInAppApp: () => detectInAppApp,
   detectPlatform: () => detectPlatform,
   detectStandalone: () => detectStandalone,
+  formatBRL: () => formatBRL,
+  monthlyFromYearly: () => monthlyFromYearly,
   shouldBlockInstall: () => shouldBlockInstall,
   shouldShowPermanentOption: () => shouldShowPermanentOption,
   useAuth: () => useAuth,
@@ -45,6 +48,7 @@ __export(index_exports, {
   useInstallPrompt: () => useInstallPrompt,
   useLoginForm: () => useLoginForm,
   usePaywallState: () => usePaywallState,
+  usePlan: () => usePlan,
   usePush: () => usePush,
   useReminders: () => useReminders,
   useResetForm: () => useResetForm,
@@ -156,6 +160,7 @@ function usePaywallState() {
   const [error, setError] = (0, import_react3.useState)(null);
   const status = subscription.status();
   const daysLeftInTrial = subscription.daysLeftInTrial();
+  const initialLoadComplete = subscription.initialLoadComplete;
   const checkout = (0, import_react3.useCallback)(
     async (args) => {
       setOpening(true);
@@ -181,7 +186,7 @@ function usePaywallState() {
       setError(err);
     }
   }, [subscription]);
-  return { status, daysLeftInTrial, checkout, cancel, opening, error };
+  return { status, daysLeftInTrial, initialLoadComplete, checkout, cancel, opening, error };
 }
 
 // src/internal/SubscriptionGate.tsx
@@ -194,8 +199,9 @@ var BLOCKING = /* @__PURE__ */ new Set([
 ]);
 function SubscriptionGate({ Paywall, children }) {
   const { mode } = useTemplateConfig();
-  const { status } = usePaywallState();
+  const { status, initialLoadComplete } = usePaywallState();
   if (mode === "free") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
+  if (!initialLoadComplete && status === "none") return null;
   if (BLOCKING.has(status)) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Paywall, {});
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
 }
@@ -2381,12 +2387,37 @@ 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);
+}
+
 // 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;
@@ -2409,9 +2440,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()
   };
@@ -2419,9 +2450,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);
@@ -2484,11 +2515,14 @@ function useToast() {
   InstallSplash,
   LoadingState,
   PushPrompt,
+  dailyFromYearly,
   detectAndroidBrowser,
   detectIOSBrowser,
   detectInAppApp,
   detectPlatform,
   detectStandalone,
+  formatBRL,
+  monthlyFromYearly,
   shouldBlockInstall,
   shouldShowPermanentOption,
   useAuth,
@@ -2497,6 +2531,7 @@ function useToast() {
   useInstallPrompt,
   useLoginForm,
   usePaywallState,
+  usePlan,
   usePush,
   useReminders,
   useResetForm,