@stigg/react-sdk 6.9.1 → 6.10.0

package/dist/components/checkout/CheckoutProvider.d.ts

@@ -20,6 +20,7 @@ export interface CheckoutContextState {
     paymentStep: PaymentStepState;
     widgetState: WidgetState;
     isWidgetWatermarkEnabled: boolean;
+    checkoutSuccess: boolean;
 }
 export declare const CheckoutContext: React.Context<[CheckoutContextState, (updater: (state: CheckoutContextState) => void) => void] | null>;
 export declare const useCheckoutContext: () => [CheckoutContextState, (updater: (state: CheckoutContextState) => void) => void];

package/dist/components/checkout/hooks/useCheckoutModel.d.ts

@@ -7,6 +7,8 @@ export declare function useCheckoutModel(): {
     checkoutState: import("@stigg/js-client-sdk").GetCheckoutStateResults | null | undefined;
     widgetState: WidgetState;
     checkoutLocalization: import("..").CheckoutLocalization;
+    checkoutSuccess: boolean;
     setWidgetReadOnly: (readOnly: boolean) => void;
     setIsValid: (isValid: boolean) => void;
+    setCheckoutSuccess: (checkoutSuccess: boolean) => void;
 };

package/dist/components/checkout/steps/payment/PaymentMethods.d.ts

@@ -15,6 +15,6 @@ export declare type NewPaymentMethodProps = Pick<PaymentMethodLayoutProps, 'chec
     onSelect: () => void;
     checkoutLocalization: CheckoutLocalization;
     hasExistingPaymentMethod: boolean;
-} & Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber'>;
+} & Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber' | 'onCheckout' | 'onCheckoutCompleted'>;
 export declare function ExistingPaymentMethod({ checked, paymentMethodDetails, readOnly, onSelect }: PaymentMethodProps): JSX.Element | null;
-export declare function NewPaymentMethod({ hasExistingPaymentMethod, checked, onSelect, readOnly, checkoutLocalization, onBillingAddressChange, collectPhoneNumber, }: NewPaymentMethodProps): JSX.Element;
+export declare function NewPaymentMethod({ hasExistingPaymentMethod, checked, onSelect, readOnly, checkoutLocalization, onBillingAddressChange, collectPhoneNumber, onCheckout, onCheckoutCompleted, }: NewPaymentMethodProps): JSX.Element;

package/dist/components/checkout/steps/payment/PaymentStep.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CheckoutContainerProps } from '../../CheckoutContainer';
-export declare function PaymentStep({ onBillingAddressChange, collectPhoneNumber, }: Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber'>): JSX.Element;
+export declare function PaymentStep({ onBillingAddressChange, collectPhoneNumber, onCheckout, onCheckoutCompleted, }: Pick<CheckoutContainerProps, 'onBillingAddressChange' | 'collectPhoneNumber' | 'onCheckout' | 'onCheckoutCompleted'>): JSX.Element;

package/dist/components/checkout/steps/payment/zuora/ZuoraPaymentForm.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CheckoutContainerProps } from '../../../CheckoutContainer';
+export declare function ZuoraPaymentForm({ onCheckout, onCheckoutCompleted, }: Pick<CheckoutContainerProps, 'onCheckout' | 'onCheckoutCompleted'>): JSX.Element | null;

package/dist/components/checkout/steps/payment/zuora/index.d.ts

@@ -0,0 +1,3 @@
+export { ZuoraPaymentForm } from './ZuoraPaymentForm';
+export { useZuoraIntegration } from './useZuoraIntegration';
+export { isZuoraLibraryAvailable, loadZuoraLibrary, createZuoraPaymentFormConfig, ZuoraInstance, ZuoraPaymentFormConfig, ZuoraPaymentForm as ZuoraPaymentFormType, ZuoraPaymentResult, } from './zuora.utils';

package/dist/components/checkout/steps/payment/zuora/useZuoraIntegration.d.ts

@@ -0,0 +1,5 @@
+export declare function useZuoraIntegration(): {
+    isZuoraIntegration: boolean;
+    isInitialized: boolean;
+    createPaymentSession: () => Promise<string>;
+};

package/dist/components/checkout/steps/payment/zuora/useZuoraSubmit.d.ts

@@ -0,0 +1,11 @@
+import { CheckoutContainerProps } from '../../../CheckoutContainer';
+export declare type ZuoraSubmitResult = {
+    success: boolean;
+    errorMessage?: string;
+};
+export declare type UseZuoraSubmitProps = {
+    onSuccess?: () => void;
+} & Pick<CheckoutContainerProps, 'onCheckout' | 'onCheckoutCompleted' | 'disableSuccessAnimation'>;
+export declare function useZuoraSubmit({ onCheckout, onCheckoutCompleted, onSuccess, disableSuccessAnimation, }: UseZuoraSubmitProps): {
+    handleZuoraSubmit: (paymentMethodId?: string | undefined) => Promise<ZuoraSubmitResult>;
+};

package/dist/components/checkout/steps/payment/zuora/zuora.utils.d.ts

@@ -0,0 +1,34 @@
+import { Currency } from '@stigg/js-client-sdk';
+declare global {
+    interface Window {
+        Zuora: (publishableKey: string) => ZuoraInstance;
+    }
+}
+export declare type ZuoraInstance = {
+    createPaymentForm: (config: ZuoraPaymentFormConfig) => Promise<ZuoraPaymentForm>;
+};
+export declare type ZuoraPaymentFormConfig = {
+    locale?: string;
+    region?: string;
+    currency?: string;
+    amount?: string;
+    profile?: string;
+    createPaymentSession: () => Promise<string>;
+    onComplete: (result: ZuoraPaymentResult) => Promise<void>;
+};
+export declare type ZuoraPaymentForm = {
+    mount: (containerId: string) => void;
+};
+export declare type ZuoraPaymentResult = {
+    success: boolean;
+    paymentMethodId?: string;
+    paymentId?: string;
+    error?: {
+        type: string;
+        code: string;
+        message: string;
+    };
+};
+export declare function isZuoraLibraryAvailable(): boolean;
+export declare function loadZuoraLibrary(): void;
+export declare function createZuoraPaymentFormConfig(createPaymentSession: () => Promise<string>, onComplete: (result: ZuoraPaymentResult) => Promise<void>, currency: Currency, billingCountryCode?: string): ZuoraPaymentFormConfig;