@inttegro/svelte 0.4.0 → 0.5.2

package/README.md

@@ -12,8 +12,9 @@ does not bundle the payment-collection runtime.
 <Checkout {orderId} onCompleted={() => location.assign('/complete')} />
 ```
 
-For a `customer_selected_amount` Buy link, pass `purchaseIntentId` instead of
-`orderId`. This works in both embedded and modal presentations:
+For a Buy link, pass `purchaseIntentId` instead of `orderId`. Fixed pricing
+continues directly to payment; customer-selected pricing renders the amount
+picker first. This works in both embedded and modal presentations:
 
 ```svelte
 <Checkout {purchaseIntentId} presentation="modal" />

package/dist/Checkout.svelte

@@ -16,6 +16,7 @@
     locale,
     onCanceled,
     onCompleted,
+    onFailed,
     onError,
     onEvent,
     onReady,
@@ -57,6 +58,7 @@
 
     let active = true
     let canceled = false
+    let failed = false
     let instance: CheckoutController | undefined
     let unsubscribe: (() => void) | undefined
 
@@ -87,13 +89,16 @@
           }
           if (event.type === 'ready') onReady?.(event)
           if (event.type === 'completed') onCompleted?.(event)
-          if (event.type === 'error') onError?.(event)
+          if (event.type === 'failed') {
+            failed = true
+            onFailed?.(event)
+          }
         })
         if (identity.presentation === 'modal') await instance.present()
         else await instance.mount(container)
       })
       .catch((error: unknown) => {
-        if (active && !canceled) {
+        if (active && !canceled && !failed) {
           onError?.(
             error instanceof Error
               ? error

package/dist/index.d.ts

@@ -25,4 +25,4 @@
  */
 export { default as Checkout } from './Checkout.svelte';
 export type { CheckoutProps, CheckoutPropsBase } from './types';
-export type { CheckoutAppearance, CheckoutErrorEvent, CheckoutEvent, CheckoutFeatures, CheckoutPresentation, CheckoutTheme, } from '@inttegro/js';
+export type { CheckoutAppearance, CheckoutEvent, CheckoutFailedEvent, CheckoutOrder, CheckoutFeatures, CheckoutPresentation, CheckoutTheme, } from '@inttegro/js';

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { CheckoutAppearance, CheckoutErrorEvent, CheckoutEvent, CheckoutFeatures, CheckoutPresentation } from '@inttegro/js';
+import type { CheckoutAppearance, CheckoutEvent, CheckoutFeatures, CheckoutPresentation } from '@inttegro/js';
 /**
  * Props accepted by the Inttegro {@link Checkout} component.
  *
@@ -29,8 +29,12 @@ export interface CheckoutPropsBase {
     onCompleted?: ((event: Extract<CheckoutEvent, {
         type: 'completed';
     }>) => void) | undefined;
-    /** Called for loader/mount failures and sanitized hosted errors. */
-    onError?: ((event: CheckoutErrorEvent | Error) => void) | undefined;
+    /** Called when Checkout reaches a terminal failure state. */
+    onFailed?: ((event: Extract<CheckoutEvent, {
+        type: 'failed';
+    }>) => void) | undefined;
+    /** Called for loader or mount failures. */
+    onError?: ((error: Error) => void) | undefined;
     /** Called for every sanitized lifecycle event. */
     onEvent?: ((event: CheckoutEvent) => void) | undefined;
     /** Called once Checkout is initialized and interactive. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inttegro/svelte",
-  "version": "0.4.0",
+  "version": "0.5.2",
   "description": "Svelte components for Inttegro hosted workflows",
   "type": "module",
   "svelte": "./dist/index.js",
@@ -26,7 +26,7 @@
     "typecheck": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "@inttegro/js": "0.4.0"
+    "@inttegro/js": "0.5.2"
   },
   "peerDependencies": {
     "svelte": ">=5"