azirid-react 0.9.3 → 0.9.5

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode, FormEvent } from 'react';
+import { CSSProperties, ReactNode, FormEvent, ReactElement } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
 import { z } from 'zod';
@@ -725,7 +725,26 @@ interface PayphoneCallbackProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function PayphoneCallback({ onSuccess, onError, className, style, }: PayphoneCallbackProps): react_jsx_runtime.JSX.Element;
+declare function PayphoneCallback({ onSuccess, onError, className, style }: PayphoneCallbackProps): react_jsx_runtime.JSX.Element;
+
+declare global {
+    interface Window {
+        PPaymentButtonBox: new (config: Record<string, unknown>) => {
+            render: (containerId: string) => void;
+        };
+    }
+}
+/**
+ * Internal widget renderer — loads Payphone SDK and mounts PPaymentButtonBox.
+ * Used by usePayphoneCheckout hook. Not meant to be used directly.
+ */
+declare function PayphoneWidgetRenderer({ config, responseUrl, containerId, onReady, onError, }: {
+    config: PayphoneWidgetConfig;
+    responseUrl: string;
+    containerId: string;
+    onReady?: () => void;
+    onError?: (error: Error) => void;
+}): react_jsx_runtime.JSX.Element;
 
 interface SubscriptionBadgeProps {
     className?: string;
@@ -1559,6 +1578,20 @@ interface UsePayphoneConfirmOptions {
 }
 declare function usePayphoneConfirm(options?: UsePayphoneConfirmOptions): _tanstack_react_query.UseMutationResult<PayphoneConfirmResult, Error, PayphoneConfirmParams, unknown>;
 
+type PayphoneCheckoutStatus = 'idle' | 'loading' | 'ready' | 'confirming' | 'confirmed' | 'cancelled' | 'error';
+interface UsePayphoneCheckoutOptions {
+    intentId: string;
+    onSuccess?: (data: PayphoneConfirmResult) => void;
+    onError?: (error: Error) => void;
+}
+interface UsePayphoneCheckoutReturn {
+    PayphoneWidget: () => ReactElement | null;
+    status: PayphoneCheckoutStatus;
+    intentId: string;
+    error: Error | null;
+}
+declare function usePayphoneCheckout({ intentId, onSuccess, onError, }: UsePayphoneCheckoutOptions): UsePayphoneCheckoutReturn;
+
 declare function useTenants(): _tanstack_react_query.UseQueryResult<TenantWithRole[], Error>;
 declare function useTenantMembers(tenantId: string): _tanstack_react_query.UseQueryResult<TenantMemberInfo[], Error>;
 declare function useSwitchTenant(): {
@@ -1895,4 +1928,4 @@ interface SessionSyncOptions {
 
 declare const SDK_VERSION: string;
 
-export { type AccessClient, type AccessClientConfig, type AccessMessages, type ApiError, type AppBranding, AuthForm, type AuthFormProps, type AuthPaths, type AuthState, type AuthSuccessResponse, type AuthUser, type AuthView, type AvailableProvider, type AziridContextValue, AziridProvider, type AziridProviderProps, BASE_PATHS, type BillingInvoice, type BillingPlan, type BootstrapResponse, type ChangePasswordData, type ChangePasswordInput, CheckoutButton, type CheckoutButtonProps, type CheckoutParams, type CheckoutResponse, type CreateTenantData, type FieldError, ForgotPasswordForm, type ForgotPasswordFormProps, type ForgotPasswordInput, InvoiceList, type InvoiceListProps, type LoginData, LoginForm, type LoginFormProps, type LoginInput, type MagicLinkRequestData, type MagicLinkRequestInput, type MagicLinkVerifyData, type MagicLinkVerifyInput, type MutationHookConfig, PATHS, type PasskeyItem, type PasskeyLoginData, type PasskeyLoginStartData, type PasskeyLoginStartResponse, type PasskeyLoginVerifyData, type PasskeyRegisterStartData, type PasskeyRegisterStartInput, type PasskeyRegisterStartResponse, type PasskeyRegisterVerifyData, type PasswordResetConfirmData, type PasswordResetRequestData, PayButton, type PayButtonProps, type PaymentIntent, type PaymentProviderType, PayphoneCallback, type PayphoneCallbackProps, type PayphoneConfirmParams, type PayphoneConfirmResult, type PayphoneModalProps, type PayphoneWidgetConfig, type PricingCardProps, type PricingFeatureListProps, PricingTable, type PricingTableProps, type ProviderModalProps, ReferralCard, type ReferralCardProps, type ReferralInfo, type ReferralItem, ReferralStats, type ReferralStatsData, type ReferralStatsProps, type RegisterPasskeyData, type ResetPasswordConfirmInput, ResetPasswordForm, type ResetPasswordFormProps, SDK_VERSION, type SessionSyncOptions, type SignupData, SignupForm, type SignupFormProps, type SignupInput, type SimpleMutationOptions, type SocialLoginData, type SocialLoginInput, type SubmitTransferProofData, SubscriptionBadge, type SubscriptionBadgeProps, type SupportedLocale, type TenantMemberInfo, type TenantWithRole, type TransferModalProps, type TransferProof, type UseBootstrapOptions, type UseBootstrapReturn, type UseChangePasswordOptions, type UseChangePasswordReturn, type UseCheckoutOptions, type UseFormReturn, type UseLoginOptions, type UseLoginReturn, type UseLogoutOptions, type UseLogoutReturn, type UseMagicLinkOptions, type UseMagicLinkReturn, type UsePasskeysOptions, type UsePasskeysReturn, type UsePasswordResetOptions, type UsePasswordResetReturn, type UsePayphoneConfirmOptions, type UseRefreshOptions, type UseRefreshReturn, type UseSessionOptions, type UseSessionReturn, type UseSignupOptions, type UseSignupReturn, type UseSocialLoginOptions, type UseSocialLoginReturn, type UserSubscription, buildPaths, changePasswordSchema, cn, createAccessClient, createForgotPasswordSchema, createLoginSchema, createMutationHook, createResetPasswordConfirmSchema, createSignupSchema, en, es, forgotPasswordSchema, isAuthError, loginSchema, magicLinkRequestSchema, magicLinkVerifySchema, passkeyRegisterStartSchema, removeStyles, resetPasswordConfirmSchema, resolveMessages, signupSchema, socialLoginSchema, useAccessClient, useAzirid, useBootstrap, useBranding, useChangePassword, useCheckout, useFormState, useInvoices, useLogin, useLogout, useMagicLink, useMessages, usePasskeys, usePasswordReset, usePasswordToggle, usePaymentProviders, usePayphoneConfirm, usePlans, useReferral, useReferralStats, useRefresh, useSession, useSignup, useSocialLogin, useSubmitTransferProof, useSubscription, useSwitchTenant, useTenantMembers, useTenants, useTransferProofs };
+export { type AccessClient, type AccessClientConfig, type AccessMessages, type ApiError, type AppBranding, AuthForm, type AuthFormProps, type AuthPaths, type AuthState, type AuthSuccessResponse, type AuthUser, type AuthView, type AvailableProvider, type AziridContextValue, AziridProvider, type AziridProviderProps, BASE_PATHS, type BillingInvoice, type BillingPlan, type BootstrapResponse, type ChangePasswordData, type ChangePasswordInput, CheckoutButton, type CheckoutButtonProps, type CheckoutParams, type CheckoutResponse, type CreateTenantData, type FieldError, ForgotPasswordForm, type ForgotPasswordFormProps, type ForgotPasswordInput, InvoiceList, type InvoiceListProps, type LoginData, LoginForm, type LoginFormProps, type LoginInput, type MagicLinkRequestData, type MagicLinkRequestInput, type MagicLinkVerifyData, type MagicLinkVerifyInput, type MutationHookConfig, PATHS, type PasskeyItem, type PasskeyLoginData, type PasskeyLoginStartData, type PasskeyLoginStartResponse, type PasskeyLoginVerifyData, type PasskeyRegisterStartData, type PasskeyRegisterStartInput, type PasskeyRegisterStartResponse, type PasskeyRegisterVerifyData, type PasswordResetConfirmData, type PasswordResetRequestData, PayButton, type PayButtonProps, type PaymentIntent, type PaymentProviderType, PayphoneCallback, type PayphoneCallbackProps, type PayphoneCheckoutStatus, type PayphoneConfirmParams, type PayphoneConfirmResult, type PayphoneModalProps, type PayphoneWidgetConfig, PayphoneWidgetRenderer, type PricingCardProps, type PricingFeatureListProps, PricingTable, type PricingTableProps, type ProviderModalProps, ReferralCard, type ReferralCardProps, type ReferralInfo, type ReferralItem, ReferralStats, type ReferralStatsData, type ReferralStatsProps, type RegisterPasskeyData, type ResetPasswordConfirmInput, ResetPasswordForm, type ResetPasswordFormProps, SDK_VERSION, type SessionSyncOptions, type SignupData, SignupForm, type SignupFormProps, type SignupInput, type SimpleMutationOptions, type SocialLoginData, type SocialLoginInput, type SubmitTransferProofData, SubscriptionBadge, type SubscriptionBadgeProps, type SupportedLocale, type TenantMemberInfo, type TenantWithRole, type TransferModalProps, type TransferProof, type UseBootstrapOptions, type UseBootstrapReturn, type UseChangePasswordOptions, type UseChangePasswordReturn, type UseCheckoutOptions, type UseFormReturn, type UseLoginOptions, type UseLoginReturn, type UseLogoutOptions, type UseLogoutReturn, type UseMagicLinkOptions, type UseMagicLinkReturn, type UsePasskeysOptions, type UsePasskeysReturn, type UsePasswordResetOptions, type UsePasswordResetReturn, type UsePayphoneCheckoutOptions, type UsePayphoneCheckoutReturn, type UsePayphoneConfirmOptions, type UseRefreshOptions, type UseRefreshReturn, type UseSessionOptions, type UseSessionReturn, type UseSignupOptions, type UseSignupReturn, type UseSocialLoginOptions, type UseSocialLoginReturn, type UserSubscription, buildPaths, changePasswordSchema, cn, createAccessClient, createForgotPasswordSchema, createLoginSchema, createMutationHook, createResetPasswordConfirmSchema, createSignupSchema, en, es, forgotPasswordSchema, isAuthError, loginSchema, magicLinkRequestSchema, magicLinkVerifySchema, passkeyRegisterStartSchema, removeStyles, resetPasswordConfirmSchema, resolveMessages, signupSchema, socialLoginSchema, useAccessClient, useAzirid, useBootstrap, useBranding, useChangePassword, useCheckout, useFormState, useInvoices, useLogin, useLogout, useMagicLink, useMessages, usePasskeys, usePasswordReset, usePasswordToggle, usePaymentProviders, usePayphoneCheckout, usePayphoneConfirm, usePlans, useReferral, useReferralStats, useRefresh, useSession, useSignup, useSocialLogin, useSubmitTransferProof, useSubscription, useSwitchTenant, useTenantMembers, useTenants, useTransferProofs };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode, FormEvent } from 'react';
+import { CSSProperties, ReactNode, FormEvent, ReactElement } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
 import { z } from 'zod';
@@ -725,7 +725,26 @@ interface PayphoneCallbackProps {
     className?: string;
     style?: CSSProperties;
 }
-declare function PayphoneCallback({ onSuccess, onError, className, style, }: PayphoneCallbackProps): react_jsx_runtime.JSX.Element;
+declare function PayphoneCallback({ onSuccess, onError, className, style }: PayphoneCallbackProps): react_jsx_runtime.JSX.Element;
+
+declare global {
+    interface Window {
+        PPaymentButtonBox: new (config: Record<string, unknown>) => {
+            render: (containerId: string) => void;
+        };
+    }
+}
+/**
+ * Internal widget renderer — loads Payphone SDK and mounts PPaymentButtonBox.
+ * Used by usePayphoneCheckout hook. Not meant to be used directly.
+ */
+declare function PayphoneWidgetRenderer({ config, responseUrl, containerId, onReady, onError, }: {
+    config: PayphoneWidgetConfig;
+    responseUrl: string;
+    containerId: string;
+    onReady?: () => void;
+    onError?: (error: Error) => void;
+}): react_jsx_runtime.JSX.Element;
 
 interface SubscriptionBadgeProps {
     className?: string;
@@ -1559,6 +1578,20 @@ interface UsePayphoneConfirmOptions {
 }
 declare function usePayphoneConfirm(options?: UsePayphoneConfirmOptions): _tanstack_react_query.UseMutationResult<PayphoneConfirmResult, Error, PayphoneConfirmParams, unknown>;
 
+type PayphoneCheckoutStatus = 'idle' | 'loading' | 'ready' | 'confirming' | 'confirmed' | 'cancelled' | 'error';
+interface UsePayphoneCheckoutOptions {
+    intentId: string;
+    onSuccess?: (data: PayphoneConfirmResult) => void;
+    onError?: (error: Error) => void;
+}
+interface UsePayphoneCheckoutReturn {
+    PayphoneWidget: () => ReactElement | null;
+    status: PayphoneCheckoutStatus;
+    intentId: string;
+    error: Error | null;
+}
+declare function usePayphoneCheckout({ intentId, onSuccess, onError, }: UsePayphoneCheckoutOptions): UsePayphoneCheckoutReturn;
+
 declare function useTenants(): _tanstack_react_query.UseQueryResult<TenantWithRole[], Error>;
 declare function useTenantMembers(tenantId: string): _tanstack_react_query.UseQueryResult<TenantMemberInfo[], Error>;
 declare function useSwitchTenant(): {
@@ -1895,4 +1928,4 @@ interface SessionSyncOptions {
 
 declare const SDK_VERSION: string;
 
-export { type AccessClient, type AccessClientConfig, type AccessMessages, type ApiError, type AppBranding, AuthForm, type AuthFormProps, type AuthPaths, type AuthState, type AuthSuccessResponse, type AuthUser, type AuthView, type AvailableProvider, type AziridContextValue, AziridProvider, type AziridProviderProps, BASE_PATHS, type BillingInvoice, type BillingPlan, type BootstrapResponse, type ChangePasswordData, type ChangePasswordInput, CheckoutButton, type CheckoutButtonProps, type CheckoutParams, type CheckoutResponse, type CreateTenantData, type FieldError, ForgotPasswordForm, type ForgotPasswordFormProps, type ForgotPasswordInput, InvoiceList, type InvoiceListProps, type LoginData, LoginForm, type LoginFormProps, type LoginInput, type MagicLinkRequestData, type MagicLinkRequestInput, type MagicLinkVerifyData, type MagicLinkVerifyInput, type MutationHookConfig, PATHS, type PasskeyItem, type PasskeyLoginData, type PasskeyLoginStartData, type PasskeyLoginStartResponse, type PasskeyLoginVerifyData, type PasskeyRegisterStartData, type PasskeyRegisterStartInput, type PasskeyRegisterStartResponse, type PasskeyRegisterVerifyData, type PasswordResetConfirmData, type PasswordResetRequestData, PayButton, type PayButtonProps, type PaymentIntent, type PaymentProviderType, PayphoneCallback, type PayphoneCallbackProps, type PayphoneConfirmParams, type PayphoneConfirmResult, type PayphoneModalProps, type PayphoneWidgetConfig, type PricingCardProps, type PricingFeatureListProps, PricingTable, type PricingTableProps, type ProviderModalProps, ReferralCard, type ReferralCardProps, type ReferralInfo, type ReferralItem, ReferralStats, type ReferralStatsData, type ReferralStatsProps, type RegisterPasskeyData, type ResetPasswordConfirmInput, ResetPasswordForm, type ResetPasswordFormProps, SDK_VERSION, type SessionSyncOptions, type SignupData, SignupForm, type SignupFormProps, type SignupInput, type SimpleMutationOptions, type SocialLoginData, type SocialLoginInput, type SubmitTransferProofData, SubscriptionBadge, type SubscriptionBadgeProps, type SupportedLocale, type TenantMemberInfo, type TenantWithRole, type TransferModalProps, type TransferProof, type UseBootstrapOptions, type UseBootstrapReturn, type UseChangePasswordOptions, type UseChangePasswordReturn, type UseCheckoutOptions, type UseFormReturn, type UseLoginOptions, type UseLoginReturn, type UseLogoutOptions, type UseLogoutReturn, type UseMagicLinkOptions, type UseMagicLinkReturn, type UsePasskeysOptions, type UsePasskeysReturn, type UsePasswordResetOptions, type UsePasswordResetReturn, type UsePayphoneConfirmOptions, type UseRefreshOptions, type UseRefreshReturn, type UseSessionOptions, type UseSessionReturn, type UseSignupOptions, type UseSignupReturn, type UseSocialLoginOptions, type UseSocialLoginReturn, type UserSubscription, buildPaths, changePasswordSchema, cn, createAccessClient, createForgotPasswordSchema, createLoginSchema, createMutationHook, createResetPasswordConfirmSchema, createSignupSchema, en, es, forgotPasswordSchema, isAuthError, loginSchema, magicLinkRequestSchema, magicLinkVerifySchema, passkeyRegisterStartSchema, removeStyles, resetPasswordConfirmSchema, resolveMessages, signupSchema, socialLoginSchema, useAccessClient, useAzirid, useBootstrap, useBranding, useChangePassword, useCheckout, useFormState, useInvoices, useLogin, useLogout, useMagicLink, useMessages, usePasskeys, usePasswordReset, usePasswordToggle, usePaymentProviders, usePayphoneConfirm, usePlans, useReferral, useReferralStats, useRefresh, useSession, useSignup, useSocialLogin, useSubmitTransferProof, useSubscription, useSwitchTenant, useTenantMembers, useTenants, useTransferProofs };
+export { type AccessClient, type AccessClientConfig, type AccessMessages, type ApiError, type AppBranding, AuthForm, type AuthFormProps, type AuthPaths, type AuthState, type AuthSuccessResponse, type AuthUser, type AuthView, type AvailableProvider, type AziridContextValue, AziridProvider, type AziridProviderProps, BASE_PATHS, type BillingInvoice, type BillingPlan, type BootstrapResponse, type ChangePasswordData, type ChangePasswordInput, CheckoutButton, type CheckoutButtonProps, type CheckoutParams, type CheckoutResponse, type CreateTenantData, type FieldError, ForgotPasswordForm, type ForgotPasswordFormProps, type ForgotPasswordInput, InvoiceList, type InvoiceListProps, type LoginData, LoginForm, type LoginFormProps, type LoginInput, type MagicLinkRequestData, type MagicLinkRequestInput, type MagicLinkVerifyData, type MagicLinkVerifyInput, type MutationHookConfig, PATHS, type PasskeyItem, type PasskeyLoginData, type PasskeyLoginStartData, type PasskeyLoginStartResponse, type PasskeyLoginVerifyData, type PasskeyRegisterStartData, type PasskeyRegisterStartInput, type PasskeyRegisterStartResponse, type PasskeyRegisterVerifyData, type PasswordResetConfirmData, type PasswordResetRequestData, PayButton, type PayButtonProps, type PaymentIntent, type PaymentProviderType, PayphoneCallback, type PayphoneCallbackProps, type PayphoneCheckoutStatus, type PayphoneConfirmParams, type PayphoneConfirmResult, type PayphoneModalProps, type PayphoneWidgetConfig, PayphoneWidgetRenderer, type PricingCardProps, type PricingFeatureListProps, PricingTable, type PricingTableProps, type ProviderModalProps, ReferralCard, type ReferralCardProps, type ReferralInfo, type ReferralItem, ReferralStats, type ReferralStatsData, type ReferralStatsProps, type RegisterPasskeyData, type ResetPasswordConfirmInput, ResetPasswordForm, type ResetPasswordFormProps, SDK_VERSION, type SessionSyncOptions, type SignupData, SignupForm, type SignupFormProps, type SignupInput, type SimpleMutationOptions, type SocialLoginData, type SocialLoginInput, type SubmitTransferProofData, SubscriptionBadge, type SubscriptionBadgeProps, type SupportedLocale, type TenantMemberInfo, type TenantWithRole, type TransferModalProps, type TransferProof, type UseBootstrapOptions, type UseBootstrapReturn, type UseChangePasswordOptions, type UseChangePasswordReturn, type UseCheckoutOptions, type UseFormReturn, type UseLoginOptions, type UseLoginReturn, type UseLogoutOptions, type UseLogoutReturn, type UseMagicLinkOptions, type UseMagicLinkReturn, type UsePasskeysOptions, type UsePasskeysReturn, type UsePasswordResetOptions, type UsePasswordResetReturn, type UsePayphoneCheckoutOptions, type UsePayphoneCheckoutReturn, type UsePayphoneConfirmOptions, type UseRefreshOptions, type UseRefreshReturn, type UseSessionOptions, type UseSessionReturn, type UseSignupOptions, type UseSignupReturn, type UseSocialLoginOptions, type UseSocialLoginReturn, type UserSubscription, buildPaths, changePasswordSchema, cn, createAccessClient, createForgotPasswordSchema, createLoginSchema, createMutationHook, createResetPasswordConfirmSchema, createSignupSchema, en, es, forgotPasswordSchema, isAuthError, loginSchema, magicLinkRequestSchema, magicLinkVerifySchema, passkeyRegisterStartSchema, removeStyles, resetPasswordConfirmSchema, resolveMessages, signupSchema, socialLoginSchema, useAccessClient, useAzirid, useBootstrap, useBranding, useChangePassword, useCheckout, useFormState, useInvoices, useLogin, useLogout, useMagicLink, useMessages, usePasskeys, usePasswordReset, usePasswordToggle, usePaymentProviders, usePayphoneCheckout, usePayphoneConfirm, usePlans, useReferral, useReferralStats, useRefresh, useSession, useSignup, useSocialLogin, useSubmitTransferProof, useSubscription, useSwitchTenant, useTenantMembers, useTenants, useTransferProofs };

package/dist/index.js

@@ -677,10 +677,7 @@ function AziridProviderInner({
     () => resolveMessages(props.locale ?? "es", props.messages),
     [props.locale, props.messages]
   );
-  const brandingValue = useMemo(
-    () => ({ branding, messages }),
-    [branding, messages]
-  );
+  const brandingValue = useMemo(() => ({ branding, messages }), [branding, messages]);
   const isProxyMode = !props.apiUrl;
   const syncUrl = useMemo(() => {
     if (props.sessionSyncUrl === false) return null;
@@ -805,13 +802,7 @@ function AziridProviderInner({
     (data) => data.at ?? data.accessToken,
     []
   );
-  const {
-    loginMutation,
-    signupMutation,
-    logoutMutation,
-    refreshFn,
-    switchTenantFn
-  } = useAuthMutations({
+  const { loginMutation, signupMutation, logoutMutation, refreshFn, switchTenantFn } = useAuthMutations({
     client,
     props,
     setUser,
@@ -1872,10 +1863,7 @@ function useReferral() {
     }
     return false;
   }, [query.data?.referralUrl]);
-  return useMemo(
-    () => ({ ...query, copyToClipboard }),
-    [query, copyToClipboard]
-  );
+  return useMemo(() => ({ ...query, copyToClipboard }), [query, copyToClipboard]);
 }
 var styles = {
   card: {
@@ -2266,8 +2254,9 @@ function usePaymentProviders() {
 }
 
 // src/utils/payphone-loader.ts
-var PAYPHONE_CSS_URL = "https://cdn.payphonetodoesposible.com/box/v1.1/payphone-payment-box.css";
-var PAYPHONE_JS_URL = "https://cdn.payphonetodoesposible.com/box/v1.1/payphone-payment-box.js";
+var PAYPHONE_CDN = "https://cdn.payphonetodoesposible.com";
+var PAYPHONE_CSS_URL = `${PAYPHONE_CDN}/box/v1.1/payphone-payment-box.css`;
+var PAYPHONE_JS_URL = `${PAYPHONE_CDN}/box/v1.1/payphone-payment-box.js`;
 var loadPromise = null;
 function loadCss(href) {
   if (document.querySelector(`link[href="${href}"]`)) return;
@@ -2285,7 +2274,11 @@ function loadScript(src) {
     const script = document.createElement("script");
     script.src = src;
     script.onload = () => resolve();
-    script.onerror = () => reject(new Error(`Failed to load Payphone SDK: ${src}`));
+    script.onerror = () => reject(
+      new Error(
+        `Failed to load Payphone SDK from ${src}. If your app uses a Content-Security-Policy, add "${PAYPHONE_CDN}" to both script-src and style-src directives.`
+      )
+    );
     document.head.appendChild(script);
   });
 }
@@ -2294,7 +2287,10 @@ function loadPayphoneSdk() {
   loadPromise = (async () => {
     loadCss(PAYPHONE_CSS_URL);
     await loadScript(PAYPHONE_JS_URL);
-  })();
+  })().catch((err) => {
+    loadPromise = null;
+    throw err;
+  });
   return loadPromise;
 }
 function PayphoneModal({ config, successUrl, onClose }) {
@@ -2662,16 +2658,12 @@ var intervalLabels2 = {
   YEARLY: "/yr",
   ONE_TIME: ""
 };
-function TransferModal({
-  data,
-  onClose
-}) {
+function TransferModal({ data, onClose }) {
   const bankDetails = data.bankDetails;
   return /* @__PURE__ */ jsx("div", { style: styles5.overlay, onClick: onClose, children: /* @__PURE__ */ jsxs("div", { style: styles5.modal, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsx("h2", { style: styles5.modalTitle, children: "Manual Transfer" }),
     /* @__PURE__ */ jsxs("p", { style: styles5.modalSubtitle, children: [
-      "Transfer the amount below to subscribe to",
-      " ",
+      "Transfer the amount below to subscribe to ",
       /* @__PURE__ */ jsx("strong", { children: data.plan?.name })
     ] }),
     /* @__PURE__ */ jsxs(
@@ -2734,9 +2726,7 @@ function PricingTable({
   const { data: plans, isLoading: plansLoading } = usePlans();
   const { data: subscription } = useSubscription();
   const { data: providers } = usePaymentProviders();
-  const [transferData, setTransferData] = useState(
-    null
-  );
+  const [transferData, setTransferData] = useState(null);
   const [payphoneData, setPayphoneData] = useState(null);
   const [pendingPlan, setPendingPlan] = useState(null);
   const [showProviderModal, setShowProviderModal] = useState(false);
@@ -2756,8 +2746,7 @@ function PricingTable({
     checkout({ planId, provider, successUrl, cancelUrl });
   };
   const handleSelect = (plan) => {
-    if (subscription?.planId === plan.id && subscription.status === "ACTIVE")
-      return;
+    if (subscription?.planId === plan.id && subscription.status === "ACTIVE") return;
     if (onPlanSelect) {
       onPlanSelect(plan);
       return;
@@ -2829,26 +2818,19 @@ function PricingTable({
   }
   const sortedPlans = plans ? [...plans].sort((a, b) => a.sortOrder - b.sortOrder) : [];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className,
-        style: { ...styles5.grid(columns), ...style },
-        children: sortedPlans.map((plan) => {
-          const isCurrentPlan = subscription?.planId === plan.id && subscription.status === "ACTIVE";
-          return /* @__PURE__ */ jsx(
-            PricingCard,
-            {
-              plan,
-              isCurrentPlan,
-              isCheckoutPending: checkoutPending,
-              onSelect: handleSelect
-            },
-            plan.id
-          );
-        })
-      }
-    ),
+    /* @__PURE__ */ jsx("div", { className, style: { ...styles5.grid(columns), ...style }, children: sortedPlans.map((plan) => {
+      const isCurrentPlan = subscription?.planId === plan.id && subscription.status === "ACTIVE";
+      return /* @__PURE__ */ jsx(
+        PricingCard,
+        {
+          plan,
+          isCurrentPlan,
+          isCheckoutPending: checkoutPending,
+          onSelect: handleSelect
+        },
+        plan.id
+      );
+    }) }),
     showProviderModal && pendingPlan && providers && providers.length > 1 && /* @__PURE__ */ jsx(
       ProviderSelectModal,
       {
@@ -2861,13 +2843,7 @@ function PricingTable({
         }
       }
     ),
-    transferData && /* @__PURE__ */ jsx(
-      TransferModal,
-      {
-        data: transferData,
-        onClose: () => setTransferData(null)
-      }
-    ),
+    transferData && /* @__PURE__ */ jsx(TransferModal, { data: transferData, onClose: () => setTransferData(null) }),
     payphoneData?.widgetConfig && /* @__PURE__ */ jsx(
       PayphoneModal,
       {
@@ -3016,11 +2992,7 @@ function ProviderModal({
     /* @__PURE__ */ jsx("button", { type: "button", style: modalStyles.cancelButton, onClick: onClose, children: labels?.cancel ?? "Cancel" })
   ] }) });
 }
-function TransferModal2({
-  data,
-  onClose,
-  labels
-}) {
+function TransferModal2({ data, onClose, labels }) {
   const bankDetails = data.bankDetails;
   const plan = data.plan;
   const intent = data.intent;
@@ -3131,9 +3103,12 @@ function PayButton({
         setTransferData(data);
         setShowTransferModal(true);
         setShowProviderModal(false);
-      } else if (data.provider === "PAYPHONE" && data.widgetConfig) {
+        return;
+      }
+      if (data.provider === "PAYPHONE" && data.widgetConfig) {
         setPayphoneData(data);
         setShowProviderModal(false);
+        return;
       }
       onSuccess?.(data);
     },
@@ -3178,7 +3153,7 @@ function PayButton({
         },
         onClick: handleClick,
         disabled: isDisabled,
-        children: isPending ? billing?.processing ?? "Processing..." : children ?? (billing?.pay ?? "Pay")
+        children: isPending ? billing?.processing ?? "Processing..." : children ?? billing?.pay ?? "Pay"
       }
     ),
     showProviderModal && providers && providers.length > 1 && /* @__PURE__ */ jsx(
@@ -3197,6 +3172,7 @@ function PayButton({
         data: transferData,
         onClose: () => {
           setShowTransferModal(false);
+          onSuccess?.(transferData);
           setTransferData(null);
         },
         labels: billing
@@ -3207,7 +3183,10 @@ function PayButton({
       {
         config: payphoneData.widgetConfig,
         successUrl,
-        onClose: () => setPayphoneData(null)
+        onClose: () => {
+          onSuccess?.(payphoneData);
+          setPayphoneData(null);
+        }
       }
     )
   ] });
@@ -3220,12 +3199,7 @@ function usePayphoneConfirm(options) {
     onError: options?.onError
   });
 }
-function PayphoneCallback({
-  onSuccess,
-  onError,
-  className,
-  style
-}) {
+function PayphoneCallback({ onSuccess, onError, className, style }) {
   const { mutate, isPending, isSuccess, isError, error, data } = usePayphoneConfirm({
     onSuccess,
     onError
@@ -3269,6 +3243,41 @@ var subtextStyle = {
   color: "#6b7280",
   margin: 0
 };
+function PayphoneWidgetRenderer({
+  config,
+  responseUrl,
+  containerId,
+  onReady,
+  onError
+}) {
+  const initialized = useRef(false);
+  useEffect(() => {
+    if (initialized.current) return;
+    initialized.current = true;
+    loadPayphoneSdk().then(() => {
+      requestAnimationFrame(() => {
+        if (typeof window.PPaymentButtonBox === "undefined") {
+          onError?.(new Error("Payphone SDK failed to initialize"));
+          return;
+        }
+        new window.PPaymentButtonBox({
+          token: config.token,
+          clientTransactionId: config.clientTransactionId,
+          amount: config.amount,
+          amountWithoutTax: config.amountWithoutTax,
+          currency: config.currency,
+          storeId: config.storeId,
+          reference: config.reference,
+          responseUrl
+        }).render(containerId);
+        onReady?.();
+      });
+    }).catch((err) => {
+      onError?.(new Error(err instanceof Error ? err.message : "Failed to load Payphone SDK"));
+    });
+  }, [config, responseUrl, containerId, onReady, onError]);
+  return /* @__PURE__ */ jsx("div", { id: containerId });
+}
 var statusConfig = {
   ACTIVE: { bg: "#d1fae5", color: "#065f46", label: "Active" },
   TRIALING: { bg: "#dbeafe", color: "#1e40af", label: "Trial" },
@@ -3730,6 +3739,85 @@ function useTransferProofs() {
     queryFn: () => client.get(client.paths.transferProofs)
   });
 }
+var CONTAINER_ID = "pp-checkout-azirid";
+function usePayphoneCheckout({
+  intentId,
+  onSuccess,
+  onError
+}) {
+  const [status, setStatus] = useState("idle");
+  const [widgetConfig, setWidgetConfig] = useState(null);
+  const [currentError, setCurrentError] = useState(null);
+  const checkoutTriggered = useRef(false);
+  const confirmTriggered = useRef(false);
+  const responseUrl = typeof window !== "undefined" ? window.location.href.split("?")[0] : "";
+  const params = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams();
+  const callbackId = params.get("id");
+  const callbackClientTxId = params.get("clientTransactionId");
+  const isCallback = !!(callbackId && callbackClientTxId);
+  const { checkout } = useCheckout({
+    redirectOnSuccess: false,
+    onSuccess: (data) => {
+      if (data.provider === "PAYPHONE" && data.widgetConfig) {
+        setWidgetConfig(data.widgetConfig);
+        setStatus("ready");
+      }
+    },
+    onError: (err) => {
+      setCurrentError(err);
+      setStatus("error");
+      onError?.(err);
+    }
+  });
+  useEffect(() => {
+    if (isCallback || checkoutTriggered.current) return;
+    checkoutTriggered.current = true;
+    setStatus("loading");
+    checkout({
+      intentId,
+      provider: "PAYPHONE",
+      successUrl: responseUrl,
+      cancelUrl: responseUrl
+    });
+  }, [checkout, intentId, responseUrl, isCallback]);
+  const { mutate: confirm } = usePayphoneConfirm({
+    onSuccess: (data) => {
+      setStatus(data.status === "confirmed" || data.status === "already_confirmed" ? "confirmed" : "cancelled");
+      onSuccess?.(data);
+    },
+    onError: (err) => {
+      setCurrentError(err);
+      setStatus("error");
+      onError?.(err);
+    }
+  });
+  useEffect(() => {
+    if (!isCallback || confirmTriggered.current) return;
+    confirmTriggered.current = true;
+    setStatus("confirming");
+    confirm({ id: Number(callbackId), clientTransactionId: callbackClientTxId });
+  }, [isCallback, callbackId, callbackClientTxId, confirm]);
+  const handleSdkError = useCallback(
+    (err) => {
+      setCurrentError(err);
+      setStatus("error");
+      onError?.(err);
+    },
+    [onError]
+  );
+  const PayphoneWidget = useMemo(() => {
+    return function PayphoneWidgetInner() {
+      if (!widgetConfig || isCallback) return null;
+      return PayphoneWidgetRenderer({
+        config: widgetConfig,
+        responseUrl,
+        containerId: CONTAINER_ID,
+        onError: handleSdkError
+      });
+    };
+  }, [widgetConfig, responseUrl, isCallback, handleSdkError]);
+  return { PayphoneWidget, status, intentId, error: currentError };
+}
 function useTenants() {
   const client = useAccessClient();
   return useQuery({
@@ -3822,8 +3910,8 @@ function usePasswordToggle() {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.9.3";
+var SDK_VERSION = "0.9.5";
 
-export { AuthForm, AziridProvider, BASE_PATHS, CheckoutButton, ForgotPasswordForm, InvoiceList, LoginForm, PATHS, PayButton, PayphoneCallback, PricingTable, ReferralCard, ReferralStats, ResetPasswordForm, SDK_VERSION, SignupForm, SubscriptionBadge, buildPaths, changePasswordSchema, cn, createAccessClient, createForgotPasswordSchema, createLoginSchema, createMutationHook, createResetPasswordConfirmSchema, createSignupSchema, en, es, forgotPasswordSchema, isAuthError, loginSchema, magicLinkRequestSchema, magicLinkVerifySchema, passkeyRegisterStartSchema, removeStyles, resetPasswordConfirmSchema, resolveMessages, signupSchema, socialLoginSchema, useAccessClient, useAzirid, useBootstrap, useBranding, useChangePassword, useCheckout, useFormState, useInvoices, useLogin, useLogout, useMagicLink, useMessages, usePasskeys, usePasswordReset, usePasswordToggle, usePaymentProviders, usePayphoneConfirm, usePlans, useReferral, useReferralStats, useRefresh, useSession, useSignup, useSocialLogin, useSubmitTransferProof, useSubscription, useSwitchTenant, useTenantMembers, useTenants, useTransferProofs };
+export { AuthForm, AziridProvider, BASE_PATHS, CheckoutButton, ForgotPasswordForm, InvoiceList, LoginForm, PATHS, PayButton, PayphoneCallback, PayphoneWidgetRenderer, PricingTable, ReferralCard, ReferralStats, ResetPasswordForm, SDK_VERSION, SignupForm, SubscriptionBadge, buildPaths, changePasswordSchema, cn, createAccessClient, createForgotPasswordSchema, createLoginSchema, createMutationHook, createResetPasswordConfirmSchema, createSignupSchema, en, es, forgotPasswordSchema, isAuthError, loginSchema, magicLinkRequestSchema, magicLinkVerifySchema, passkeyRegisterStartSchema, removeStyles, resetPasswordConfirmSchema, resolveMessages, signupSchema, socialLoginSchema, useAccessClient, useAzirid, useBootstrap, useBranding, useChangePassword, useCheckout, useFormState, useInvoices, useLogin, useLogout, useMagicLink, useMessages, usePasskeys, usePasswordReset, usePasswordToggle, usePaymentProviders, usePayphoneCheckout, usePayphoneConfirm, usePlans, useReferral, useReferralStats, useRefresh, useSession, useSignup, useSocialLogin, useSubmitTransferProof, useSubscription, useSwitchTenant, useTenantMembers, useTenants, useTransferProofs };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map