@cimplify/sdk 0.8.4 → 0.8.6

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { aa as AUTHORIZATION_TYPE, af as AUTH_MUTATION, $ as AbortablePromise, cc as AddressData, cF as AddressInfo, aP as AmountToPay, cn as AuthResponse, A as AuthService, m as AuthStatus, cH as AuthenticatedCustomer, cJ as AuthenticatedData, c0 as AvailabilityCheck, c1 as AvailabilityResult, bF as AvailableSlot, bI as Booking, bH as BookingStatus, bJ as BookingWithDetails, b7 as BufferTimes, bm as Business, bA as BusinessHours, bl as BusinessPreferences, B as BusinessService, bz as BusinessSettings, bk as BusinessType, bx as BusinessWithLocations, a3 as CHECKOUT_MODE, ag as CHECKOUT_MUTATION, a6 as CHECKOUT_STEP, ac as CONTACT_TYPE, bQ as CancelBookingInput, bR as CancelBookingResult, b1 as CancelOrderInput, b9 as CancellationPolicy, i as CartOperations, b as CatalogueQueries, aC as CatalogueResult, aD as CatalogueSnapshot, bB as CategoryInfo, bN as CheckSlotAvailabilityInput, bO as CheckSlotAvailabilityResult, cq as CheckoutAddressInfo, cN as CheckoutCartData, cM as CheckoutCartItem, cs as CheckoutCustomerInfo, N as CheckoutFormData, a$ as CheckoutInput, D as CheckoutMode, j as CheckoutOperations, H as CheckoutOrderType, J as CheckoutPaymentMethod, V as CheckoutResult, j as CheckoutService, Z as CheckoutStatus, _ as CheckoutStatusContext, K as CheckoutStep, C as CimplifyClient, a as CimplifyConfig, t as CimplifyElement, s as CimplifyElements, a2 as ContactType, c8 as CreateAddressInput, ca as CreateMobileMoneyInput, c3 as Customer, c4 as CustomerAddress, bL as CustomerBooking, bK as CustomerBookingServiceItem, c6 as CustomerLinkPreferences, c5 as CustomerMobileMoney, b6 as CustomerServicePreferences, ak as DEFAULT_COUNTRY, aj as DEFAULT_CURRENCY, ab as DEVICE_TYPE, bG as DayAvailability, bg as DepositResult, a1 as DeviceType, v as ELEMENT_TYPES, E as EVENT_TYPES, cE as ElementAppearance, cQ as ElementEventHandler, z as ElementEventType, x as ElementOptions, y as ElementType, cK as ElementsCheckoutData, cL as ElementsCheckoutResult, cI as ElementsCustomerInfo, w as ElementsOptions, ce as EnrollAndLinkOrderInput, ch as EnrollAndLinkOrderResult, cb as EnrollmentData, an as Err, aO as FeeBearerType, F as FetchQuoteInput, aM as FulfillmentLink, aL as FulfillmentStatus, aK as FulfillmentType, cu as FxQuote, ct as FxQuoteRequest, cv as FxRateResponse, q as FxService, bM as GetAvailableSlotsInput, l as GetOrdersOptions, G as GetProductsOptions, cP as IframeToParentMessage, I as InventoryService, c2 as InventorySummary, ae as LINK_MUTATION, ad as LINK_QUERY, aQ as LineItem, aH as LineType, c7 as LinkData, cg as LinkEnrollResult, L as LinkService, ci as LinkSession, cf as LinkStatusResult, r as LiteBootstrap, p as LiteService, bp as Location, bj as LocationAppointment, b$ as LocationStock, bn as LocationTaxBehavior, bo as LocationTaxOverrides, bs as LocationTimeProfile, by as LocationWithDetails, M as MESSAGE_TYPES, a9 as MOBILE_MONEY_PROVIDER, cd as MobileMoneyData, cr as MobileMoneyDetails, a0 as MobileMoneyProvider, ai as ORDER_MUTATION, a4 as ORDER_TYPE, cC as ObservabilityHooks, am as Ok, aR as Order, aG as OrderChannel, a_ as OrderFilter, aN as OrderFulfillmentSummary, aU as OrderGroup, aY as OrderGroupDetails, aV as OrderGroupPayment, aT as OrderGroupPaymentState, aX as OrderGroupPaymentSummary, aS as OrderHistory, aI as OrderLineState, aJ as OrderLineStatus, aZ as OrderPaymentEvent, O as OrderQueries, aW as OrderSplitDetail, aE as OrderStatus, cD as OrderType, n as OtpResult, a5 as PAYMENT_METHOD, ah as PAYMENT_MUTATION, a7 as PAYMENT_STATE, a8 as PICKUP_TIME_TYPE, cO as ParentToIframeMessage, cG as PaymentMethodInfo, aF as PaymentState, cp as PickupTime, co as PickupTimeType, P as PriceQuote, bb as PricingOverrides, Y as ProcessAndResolveOptions, W as ProcessCheckoutOptions, X as ProcessCheckoutResult, bZ as ProductStock, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, b2 as RefundOrderInput, b5 as ReminderMethod, b8 as ReminderSettings, cw as RequestContext, cz as RequestErrorEvent, cl as RequestOtpInput, cx as RequestStartEvent, cy as RequestSuccessEvent, bP as RescheduleBookingInput, bS as RescheduleBookingResult, be as ResourceAssignment, al as Result, cA as RetryEvent, ck as RevokeAllSessionsResult, cj as RevokeSessionResult, bu as Room, bc as SchedulingMetadata, bf as SchedulingResult, o as SchedulingService, S as SearchOptions, bC as Service, bT as ServiceAvailabilityParams, bU as ServiceAvailabilityResult, bv as ServiceCharge, ba as ServiceNotes, bh as ServiceScheduleRequest, b3 as ServiceStatus, cB as SessionChangeEvent, bD as Staff, bd as StaffAssignment, b4 as StaffRole, bi as StaffScheduleItem, bX as Stock, bY as StockLevel, bV as StockOwnershipType, bW as StockStatus, bw as StorefrontBootstrap, bt as Table, T as TableInfo, bq as TimeRange, br as TimeRanges, bE as TimeSlot, c9 as UpdateAddressInput, b0 as UpdateOrderStatusInput, U as UpdateProfileInput, b_ as VariantStock, cm as VerifyOtpInput, aA as combine, aB as combineObject, c as createCimplifyClient, u as createElements, ap as err, au as flatMap, ay as fromPromise, k as generateIdempotencyKey, av as getOrElse, ar as isErr, aq as isOk, at as mapError, as as mapResult, ao as ok, ax as toNullable, az as tryCatch, aw as unwrap } from './client-hKTJv1I1.js';
+export { ab as AUTHORIZATION_TYPE, ag as AUTH_MUTATION, a0 as AbortablePromise, cd as AddressData, cG as AddressInfo, aQ as AmountToPay, co as AuthResponse, A as AuthService, m as AuthStatus, cI as AuthenticatedCustomer, cK as AuthenticatedData, c1 as AvailabilityCheck, c2 as AvailabilityResult, bG as AvailableSlot, bJ as Booking, bI as BookingStatus, bK as BookingWithDetails, b8 as BufferTimes, bn as Business, bB as BusinessHours, bm as BusinessPreferences, B as BusinessService, bA as BusinessSettings, bl as BusinessType, by as BusinessWithLocations, a4 as CHECKOUT_MODE, ah as CHECKOUT_MUTATION, a7 as CHECKOUT_STEP, ad as CONTACT_TYPE, bR as CancelBookingInput, bS as CancelBookingResult, b2 as CancelOrderInput, ba as CancellationPolicy, i as CartOperations, b as CatalogueQueries, aD as CatalogueResult, aE as CatalogueSnapshot, bC as CategoryInfo, bO as CheckSlotAvailabilityInput, bP as CheckSlotAvailabilityResult, cr as CheckoutAddressInfo, cO as CheckoutCartData, cN as CheckoutCartItem, ct as CheckoutCustomerInfo, N as CheckoutFormData, b0 as CheckoutInput, D as CheckoutMode, j as CheckoutOperations, H as CheckoutOrderType, J as CheckoutPaymentMethod, V as CheckoutResult, j as CheckoutService, _ as CheckoutStatus, $ as CheckoutStatusContext, K as CheckoutStep, C as CimplifyClient, a as CimplifyConfig, t as CimplifyElement, s as CimplifyElements, a3 as ContactType, c9 as CreateAddressInput, cb as CreateMobileMoneyInput, c4 as Customer, c5 as CustomerAddress, bM as CustomerBooking, bL as CustomerBookingServiceItem, c7 as CustomerLinkPreferences, c6 as CustomerMobileMoney, b7 as CustomerServicePreferences, al as DEFAULT_COUNTRY, ak as DEFAULT_CURRENCY, ac as DEVICE_TYPE, bH as DayAvailability, bh as DepositResult, a2 as DeviceType, v as ELEMENT_TYPES, E as EVENT_TYPES, cF as ElementAppearance, cR as ElementEventHandler, z as ElementEventType, x as ElementOptions, y as ElementType, cL as ElementsCheckoutData, cM as ElementsCheckoutResult, cJ as ElementsCustomerInfo, w as ElementsOptions, cf as EnrollAndLinkOrderInput, ci as EnrollAndLinkOrderResult, cc as EnrollmentData, ao as Err, aP as FeeBearerType, F as FetchQuoteInput, aN as FulfillmentLink, aM as FulfillmentStatus, aL as FulfillmentType, cv as FxQuote, cu as FxQuoteRequest, cw as FxRateResponse, q as FxService, bN as GetAvailableSlotsInput, l as GetOrdersOptions, G as GetProductsOptions, cQ as IframeToParentMessage, I as InventoryService, c3 as InventorySummary, af as LINK_MUTATION, ae as LINK_QUERY, aR as LineItem, aI as LineType, c8 as LinkData, ch as LinkEnrollResult, L as LinkService, cj as LinkSession, cg as LinkStatusResult, r as LiteBootstrap, p as LiteService, bq as Location, bk as LocationAppointment, c0 as LocationStock, bo as LocationTaxBehavior, bp as LocationTaxOverrides, bt as LocationTimeProfile, bz as LocationWithDetails, M as MESSAGE_TYPES, aa as MOBILE_MONEY_PROVIDER, ce as MobileMoneyData, cs as MobileMoneyDetails, a1 as MobileMoneyProvider, W as NextAction, aj as ORDER_MUTATION, a5 as ORDER_TYPE, cD as ObservabilityHooks, an as Ok, aS as Order, aH as OrderChannel, a$ as OrderFilter, aO as OrderFulfillmentSummary, aV as OrderGroup, aZ as OrderGroupDetails, aW as OrderGroupPayment, aU as OrderGroupPaymentState, aY as OrderGroupPaymentSummary, aT as OrderHistory, aJ as OrderLineState, aK as OrderLineStatus, a_ as OrderPaymentEvent, O as OrderQueries, aX as OrderSplitDetail, aF as OrderStatus, cE as OrderType, n as OtpResult, a6 as PAYMENT_METHOD, ai as PAYMENT_MUTATION, a8 as PAYMENT_STATE, a9 as PICKUP_TIME_TYPE, cP as ParentToIframeMessage, cH as PaymentMethodInfo, aG as PaymentState, cq as PickupTime, cp as PickupTimeType, P as PriceQuote, bc as PricingOverrides, Z as ProcessAndResolveOptions, X as ProcessCheckoutOptions, Y as ProcessCheckoutResult, b_ as ProductStock, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, f as QuoteDynamicBuckets, e as QuoteStatus, g as QuoteUiMessage, R as RefreshQuoteInput, h as RefreshQuoteResult, b3 as RefundOrderInput, b6 as ReminderMethod, b9 as ReminderSettings, cx as RequestContext, cA as RequestErrorEvent, cm as RequestOtpInput, cy as RequestStartEvent, cz as RequestSuccessEvent, bQ as RescheduleBookingInput, bT as RescheduleBookingResult, bf as ResourceAssignment, am as Result, cB as RetryEvent, cl as RevokeAllSessionsResult, ck as RevokeSessionResult, bv as Room, bd as SchedulingMetadata, bg as SchedulingResult, o as SchedulingService, S as SearchOptions, bD as Service, bU as ServiceAvailabilityParams, bV as ServiceAvailabilityResult, bw as ServiceCharge, bb as ServiceNotes, bi as ServiceScheduleRequest, b4 as ServiceStatus, cC as SessionChangeEvent, bE as Staff, be as StaffAssignment, b5 as StaffRole, bj as StaffScheduleItem, bY as Stock, bZ as StockLevel, bW as StockOwnershipType, bX as StockStatus, bx as StorefrontBootstrap, bu as Table, T as TableInfo, br as TimeRange, bs as TimeRanges, bF as TimeSlot, ca as UpdateAddressInput, b1 as UpdateOrderStatusInput, U as UpdateProfileInput, b$ as VariantStock, cn as VerifyOtpInput, aB as combine, aC as combineObject, c as createCimplifyClient, u as createElements, aq as err, av as flatMap, az as fromPromise, k as generateIdempotencyKey, aw as getOrElse, as as isErr, ar as isOk, au as mapError, at as mapResult, ap as ok, ay as toNullable, aA as tryCatch, ax as unwrap } from './client-CVJ0S99a.js';
 export { QueryBuilder, query } from './advanced.js';
 import { A as ApiError } from './payment-CLIWNMaP.js';
 export { B as AddOn, at as AddOnDetails, aP as AddOnGroupDetails, G as AddOnOption, aO as AddOnOptionDetails, H as AddOnOptionPrice, F as AddOnWithOptions, aU as AddToCartInput, ai as AdjustmentType, ap as AppliedDiscount, a_ as AuthorizationType, ao as BenefitType, T as Bundle, Y as BundleComponentData, _ as BundleComponentInfo, R as BundlePriceType, W as BundleProduct, ay as BundleSelectionData, aw as BundleSelectionInput, ax as BundleStoredSelection, U as BundleSummary, X as BundleWithDetails, aD as Cart, au as CartAddOn, ag as CartChannel, aE as CartItem, aR as CartItemDetails, af as CartStatus, aW as CartSummary, aF as CartTotals, K as Category, L as CategorySummary, an as ChosenPrice, h as CimplifyError, N as Collection, Q as CollectionProduct, O as CollectionSummary, a4 as ComponentGroup, a5 as ComponentGroupWithComponents, a9 as ComponentPriceBreakdown, a7 as ComponentSelectionInput, a1 as ComponentSourceType, a2 as Composite, a6 as CompositeComponent, aA as CompositePriceBreakdown, a8 as CompositePriceResult, $ as CompositePricingMode, aB as CompositeSelectionData, a7 as CompositeSelectionInput, az as CompositeStoredSelection, a3 as CompositeWithDetails, b as Currency, C as CurrencyCode, p as DepositType, D as DigitalProductType, aq as DiscountBreakdown, ar as DiscountDetails, aI as DisplayAddOn, aJ as DisplayAddOnOption, aG as DisplayCart, aH as DisplayCartItem, g as ERROR_HINTS, E as ErrorCode, e as ErrorCodeType, f as ErrorHint, a0 as GroupPricingBehavior, b2 as InitializePaymentResult, I as InventoryType, aC as LineConfiguration, ac as LocationProductPrice, M as Money, d as Pagination, P as PaginationParams, b1 as Payment, b5 as PaymentErrorDetails, b0 as PaymentMethod, aZ as PaymentMethodType, a$ as PaymentProcessingState, aY as PaymentProvider, b3 as PaymentResponse, aX as PaymentStatus, b4 as PaymentStatusResponse, ab as Price, aj as PriceAdjustment, am as PriceDecisionPath, aa as PriceEntryType, al as PricePathTaxInfo, ah as PriceSource, q as Product, J as ProductAddOn, ad as ProductAvailability, o as ProductRenderHint, ae as ProductTimeProfile, n as ProductType, s as ProductVariant, x as ProductVariantValue, r as ProductWithDetails, S as SalesChannel, as as SelectedAddOnOption, b6 as SubmitAuthorizationInput, ak as TaxPathComponent, aS as UICart, aK as UICartBusiness, aM as UICartCustomer, aL as UICartLocation, aN as UICartPricing, aT as UICartResponse, aV as UpdateCartItemInput, u as VariantAxis, z as VariantAxisSelection, w as VariantAxisValue, v as VariantAxisWithValues, av as VariantDetails, aQ as VariantDetailsDTO, t as VariantDisplayAttribute, y as VariantLocationAvailability, V as VariantStrategy, Z as ZERO, c as currencyCode, k as enrichError, j as getErrorHint, i as isCimplifyError, l as isRetryableError, m as money, a as moneyFromNumber } from './payment-CLIWNMaP.js';

package/dist/index.js

@@ -1339,6 +1339,10 @@ var DEFAULT_POLL_INTERVAL_MS = 3e3;
 var DEFAULT_MAX_POLL_ATTEMPTS = 60;
 var MAX_CONSECUTIVE_NETWORK_ERRORS = 5;
 var CARD_PROVIDER_PAYSTACK = "paystack";
+var NEXT_ACTION_NONE = "none";
+var NEXT_ACTION_CARD_POPUP = "card_popup";
+var NEXT_ACTION_REDIRECT = "redirect";
+var NEXT_ACTION_AUTHORIZATION = "authorization";
 function normalizeCardPopupError(error) {
   if (!error || error === "PAYMENT_CANCELLED" || error === "CANCELLED") {
     return "PAYMENT_CANCELLED";
@@ -1378,7 +1382,8 @@ function isValidMobileMoneyProvider(value) {
   return VALID_MOBILE_MONEY_PROVIDERS.has(value);
 }
 function normalizeAuthorizationType(value) {
-  return value === "otp" || value === "pin" ? value : void 0;
+  const lower = value?.toLowerCase();
+  return lower === "otp" || lower === "pin" ? lower : void 0;
 }
 function formatMoney2(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -1425,6 +1430,9 @@ var CheckoutResolver = class {
       if (!checkoutResult.order_id) {
         return this.fail("CHECKOUT_FAILED", "Checkout did not return an order ID.", false);
       }
+      if (checkoutResult.next_action) {
+        return this.resolveNextAction(checkoutResult);
+      }
       let latestCheckoutResult = checkoutResult;
       let authorizationType = normalizeAuthorizationType(checkoutResult.authorization_type);
       let paymentReference = checkoutResult.payment_reference;
@@ -1540,6 +1548,110 @@ var CheckoutResolver = class {
       return this.fail("CHECKOUT_FAILED", message, true);
     }
   }
+  async resolveNextAction(checkoutResult) {
+    const action = checkoutResult.next_action;
+    if (this.isSuccessfulStatus(checkoutResult.payment_status)) {
+      return this.finalizeSuccess(checkoutResult);
+    }
+    let latestCheckoutResult = checkoutResult;
+    let paymentReference = checkoutResult.payment_reference;
+    switch (action.type) {
+      case NEXT_ACTION_NONE:
+        return this.finalizeSuccess(checkoutResult);
+      case NEXT_ACTION_CARD_POPUP: {
+        const provider = normalizeCardProvider(action.provider);
+        this.emit("awaiting_authorization", {
+          display_text: "Complete payment in the card authorization popup.",
+          order_id: checkoutResult.order_id,
+          order_number: checkoutResult.order_number
+        });
+        if (!this.allowPopups) {
+          return this.fail(
+            "PROVIDER_UNAVAILABLE",
+            "Card payment popup is unavailable in this environment.",
+            false
+          );
+        }
+        const popupResult = await openCardPopup(
+          provider,
+          checkoutResult,
+          this.checkoutData.customer.email || "customer@cimplify.io",
+          this.getOrderCurrency(checkoutResult),
+          this.signal
+        );
+        if (!popupResult.success) {
+          const popupError = normalizeCardPopupError(popupResult.error);
+          if (popupError === "POPUP_BLOCKED") {
+            return this.fail(
+              "POPUP_BLOCKED",
+              "Unable to open card payment popup. Please allow popups and try again.",
+              true
+            );
+          }
+          if (popupError === "PROVIDER_UNAVAILABLE") {
+            return this.fail("PROVIDER_UNAVAILABLE", "Card payment provider is unavailable.", false);
+          }
+          return this.fail("PAYMENT_CANCELLED", "Card payment was cancelled before completion.", true);
+        }
+        paymentReference = popupResult.reference || paymentReference;
+        break;
+      }
+      case NEXT_ACTION_REDIRECT: {
+        if (typeof window !== "undefined" && this.returnUrl) {
+          window.location.assign(action.authorization_url);
+          return this.fail("REDIRECT_REQUIRED", "Redirecting to complete payment authorization.", true);
+        }
+        if (typeof window !== "undefined") {
+          const popup = window.open(
+            action.authorization_url,
+            "cimplify-auth",
+            "width=520,height=760,noopener,noreferrer"
+          );
+          if (!popup) {
+            return this.fail(
+              "POPUP_BLOCKED",
+              "Authorization popup was blocked. Please allow popups and retry.",
+              true
+            );
+          }
+        }
+        break;
+      }
+      case NEXT_ACTION_AUTHORIZATION: {
+        const authType = normalizeAuthorizationType(action.authorization_type);
+        const authorization = await this.handleAuthorization({
+          authorizationType: authType,
+          paymentReference,
+          displayText: action.display_text,
+          provider: checkoutResult.provider
+        });
+        if (!authorization.ok) {
+          return authorization.result;
+        }
+        if (authorization.value) {
+          latestCheckoutResult = authorization.value;
+          paymentReference = authorization.value.payment_reference || paymentReference;
+          if (this.isSuccessfulStatus(authorization.value.payment_status)) {
+            return this.finalizeSuccess(authorization.value);
+          }
+          if (this.isFailureStatus(authorization.value.payment_status)) {
+            return this.fail(
+              "AUTHORIZATION_FAILED",
+              authorization.value.display_text || "Payment authorization failed.",
+              false
+            );
+          }
+        }
+        break;
+      }
+    }
+    return this.pollUntilTerminal({
+      orderId: checkoutResult.order_id,
+      latestCheckoutResult,
+      paymentReference,
+      authorizationType: normalizeAuthorizationType(checkoutResult.authorization_type)
+    });
+  }
   async pollUntilTerminal(input) {
     let consecutiveErrors = 0;
     let latestCheckoutResult = input.latestCheckoutResult;
@@ -3168,6 +3280,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -3293,23 +3406,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        appearance: this.parent.getAppearance(),
-        orderTypes: this.options.orderTypes,
-        defaultOrderType: this.options.defaultOrderType,
-        renderSubmitButton: true
-      });
-      const token = this.parent.getAccessToken();
-      if (token && this.type !== ELEMENT_TYPES.AUTH) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -3330,6 +3429,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            appearance: this.parent.getAppearance(),
+            orderTypes: this.options.orderTypes,
+            defaultOrderType: this.options.defaultOrderType,
+            renderSubmitButton: true
+          });
+          const token = this.parent.getAccessToken();
+          if (token && this.type !== ELEMENT_TYPES.AUTH) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

package/dist/index.mjs

@@ -1337,6 +1337,10 @@ var DEFAULT_POLL_INTERVAL_MS = 3e3;
 var DEFAULT_MAX_POLL_ATTEMPTS = 60;
 var MAX_CONSECUTIVE_NETWORK_ERRORS = 5;
 var CARD_PROVIDER_PAYSTACK = "paystack";
+var NEXT_ACTION_NONE = "none";
+var NEXT_ACTION_CARD_POPUP = "card_popup";
+var NEXT_ACTION_REDIRECT = "redirect";
+var NEXT_ACTION_AUTHORIZATION = "authorization";
 function normalizeCardPopupError(error) {
   if (!error || error === "PAYMENT_CANCELLED" || error === "CANCELLED") {
     return "PAYMENT_CANCELLED";
@@ -1376,7 +1380,8 @@ function isValidMobileMoneyProvider(value) {
   return VALID_MOBILE_MONEY_PROVIDERS.has(value);
 }
 function normalizeAuthorizationType(value) {
-  return value === "otp" || value === "pin" ? value : void 0;
+  const lower = value?.toLowerCase();
+  return lower === "otp" || lower === "pin" ? lower : void 0;
 }
 function formatMoney2(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -1423,6 +1428,9 @@ var CheckoutResolver = class {
       if (!checkoutResult.order_id) {
         return this.fail("CHECKOUT_FAILED", "Checkout did not return an order ID.", false);
       }
+      if (checkoutResult.next_action) {
+        return this.resolveNextAction(checkoutResult);
+      }
       let latestCheckoutResult = checkoutResult;
       let authorizationType = normalizeAuthorizationType(checkoutResult.authorization_type);
       let paymentReference = checkoutResult.payment_reference;
@@ -1538,6 +1546,110 @@ var CheckoutResolver = class {
       return this.fail("CHECKOUT_FAILED", message, true);
     }
   }
+  async resolveNextAction(checkoutResult) {
+    const action = checkoutResult.next_action;
+    if (this.isSuccessfulStatus(checkoutResult.payment_status)) {
+      return this.finalizeSuccess(checkoutResult);
+    }
+    let latestCheckoutResult = checkoutResult;
+    let paymentReference = checkoutResult.payment_reference;
+    switch (action.type) {
+      case NEXT_ACTION_NONE:
+        return this.finalizeSuccess(checkoutResult);
+      case NEXT_ACTION_CARD_POPUP: {
+        const provider = normalizeCardProvider(action.provider);
+        this.emit("awaiting_authorization", {
+          display_text: "Complete payment in the card authorization popup.",
+          order_id: checkoutResult.order_id,
+          order_number: checkoutResult.order_number
+        });
+        if (!this.allowPopups) {
+          return this.fail(
+            "PROVIDER_UNAVAILABLE",
+            "Card payment popup is unavailable in this environment.",
+            false
+          );
+        }
+        const popupResult = await openCardPopup(
+          provider,
+          checkoutResult,
+          this.checkoutData.customer.email || "customer@cimplify.io",
+          this.getOrderCurrency(checkoutResult),
+          this.signal
+        );
+        if (!popupResult.success) {
+          const popupError = normalizeCardPopupError(popupResult.error);
+          if (popupError === "POPUP_BLOCKED") {
+            return this.fail(
+              "POPUP_BLOCKED",
+              "Unable to open card payment popup. Please allow popups and try again.",
+              true
+            );
+          }
+          if (popupError === "PROVIDER_UNAVAILABLE") {
+            return this.fail("PROVIDER_UNAVAILABLE", "Card payment provider is unavailable.", false);
+          }
+          return this.fail("PAYMENT_CANCELLED", "Card payment was cancelled before completion.", true);
+        }
+        paymentReference = popupResult.reference || paymentReference;
+        break;
+      }
+      case NEXT_ACTION_REDIRECT: {
+        if (typeof window !== "undefined" && this.returnUrl) {
+          window.location.assign(action.authorization_url);
+          return this.fail("REDIRECT_REQUIRED", "Redirecting to complete payment authorization.", true);
+        }
+        if (typeof window !== "undefined") {
+          const popup = window.open(
+            action.authorization_url,
+            "cimplify-auth",
+            "width=520,height=760,noopener,noreferrer"
+          );
+          if (!popup) {
+            return this.fail(
+              "POPUP_BLOCKED",
+              "Authorization popup was blocked. Please allow popups and retry.",
+              true
+            );
+          }
+        }
+        break;
+      }
+      case NEXT_ACTION_AUTHORIZATION: {
+        const authType = normalizeAuthorizationType(action.authorization_type);
+        const authorization = await this.handleAuthorization({
+          authorizationType: authType,
+          paymentReference,
+          displayText: action.display_text,
+          provider: checkoutResult.provider
+        });
+        if (!authorization.ok) {
+          return authorization.result;
+        }
+        if (authorization.value) {
+          latestCheckoutResult = authorization.value;
+          paymentReference = authorization.value.payment_reference || paymentReference;
+          if (this.isSuccessfulStatus(authorization.value.payment_status)) {
+            return this.finalizeSuccess(authorization.value);
+          }
+          if (this.isFailureStatus(authorization.value.payment_status)) {
+            return this.fail(
+              "AUTHORIZATION_FAILED",
+              authorization.value.display_text || "Payment authorization failed.",
+              false
+            );
+          }
+        }
+        break;
+      }
+    }
+    return this.pollUntilTerminal({
+      orderId: checkoutResult.order_id,
+      latestCheckoutResult,
+      paymentReference,
+      authorizationType: normalizeAuthorizationType(checkoutResult.authorization_type)
+    });
+  }
   async pollUntilTerminal(input) {
     let consecutiveErrors = 0;
     let latestCheckoutResult = input.latestCheckoutResult;
@@ -3166,6 +3278,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -3291,23 +3404,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        appearance: this.parent.getAppearance(),
-        orderTypes: this.options.orderTypes,
-        defaultOrderType: this.options.defaultOrderType,
-        renderSubmitButton: true
-      });
-      const token = this.parent.getAccessToken();
-      if (token && this.type !== ELEMENT_TYPES.AUTH) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -3328,6 +3427,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            appearance: this.parent.getAppearance(),
+            orderTypes: this.options.orderTypes,
+            defaultOrderType: this.options.defaultOrderType,
+            renderSubmitButton: true
+          });
+          const token = this.parent.getAccessToken();
+          if (token && this.type !== ELEMENT_TYPES.AUTH) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE:

package/dist/react.d.mts

@@ -1,4 +1,4 @@
-import { C as CimplifyClient, X as ProcessCheckoutResult, Z as CheckoutStatus, _ as CheckoutStatusContext, bp as Location, bm as Business, aR as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cJ as AuthenticatedData, cF as AddressInfo, cG as PaymentMethodInfo, cL as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-DnAfLDhV.mjs';
+import { C as CimplifyClient, Y as ProcessCheckoutResult, _ as CheckoutStatus, $ as CheckoutStatusContext, bq as Location, bn as Business, aS as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cK as AuthenticatedData, cG as AddressInfo, cH as PaymentMethodInfo, cM as ElementsCheckoutResult, X as ProcessCheckoutOptions } from './client-6MsOWo8f.mjs';
 import React, { ReactNode } from 'react';
 import { q as Product, d as Pagination, h as CimplifyError, r as ProductWithDetails, K as Category, aw as BundleSelectionInput, a7 as ComponentSelectionInput, N as Collection, X as BundleWithDetails, a3 as CompositeWithDetails, a8 as CompositePriceResult, C as CurrencyCode } from './payment-CLIWNMaP.mjs';
 import { A as AdSlot, a as AdPosition, e as AdContextValue } from './ads-t3FBTU8p.mjs';

package/dist/react.d.ts

@@ -1,4 +1,4 @@
-import { C as CimplifyClient, X as ProcessCheckoutResult, Z as CheckoutStatus, _ as CheckoutStatusContext, bp as Location, bm as Business, aR as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cJ as AuthenticatedData, cF as AddressInfo, cG as PaymentMethodInfo, cL as ElementsCheckoutResult, W as ProcessCheckoutOptions } from './client-hKTJv1I1.js';
+import { C as CimplifyClient, Y as ProcessCheckoutResult, _ as CheckoutStatus, $ as CheckoutStatusContext, bq as Location, bn as Business, aS as Order, d as QuoteBundleSelectionInput, Q as QuoteCompositeSelectionInput, P as PriceQuote, g as QuoteUiMessage, s as CimplifyElements, w as ElementsOptions, cK as AuthenticatedData, cG as AddressInfo, cH as PaymentMethodInfo, cM as ElementsCheckoutResult, X as ProcessCheckoutOptions } from './client-CVJ0S99a.js';
 import React, { ReactNode } from 'react';
 import { q as Product, d as Pagination, h as CimplifyError, r as ProductWithDetails, K as Category, aw as BundleSelectionInput, a7 as ComponentSelectionInput, N as Collection, X as BundleWithDetails, a3 as CompositeWithDetails, a8 as CompositePriceResult, C as CurrencyCode } from './payment-CLIWNMaP.js';
 import { A as AdSlot, a as AdPosition, e as AdContextValue } from './ads-t3FBTU8p.js';

package/dist/react.js

@@ -1563,6 +1563,10 @@ var DEFAULT_POLL_INTERVAL_MS = 3e3;
 var DEFAULT_MAX_POLL_ATTEMPTS = 60;
 var MAX_CONSECUTIVE_NETWORK_ERRORS = 5;
 var CARD_PROVIDER_PAYSTACK = "paystack";
+var NEXT_ACTION_NONE = "none";
+var NEXT_ACTION_CARD_POPUP = "card_popup";
+var NEXT_ACTION_REDIRECT = "redirect";
+var NEXT_ACTION_AUTHORIZATION = "authorization";
 function normalizeCardPopupError(error) {
   if (!error || error === "PAYMENT_CANCELLED" || error === "CANCELLED") {
     return "PAYMENT_CANCELLED";
@@ -1602,7 +1606,8 @@ function isValidMobileMoneyProvider(value) {
   return VALID_MOBILE_MONEY_PROVIDERS.has(value);
 }
 function normalizeAuthorizationType(value) {
-  return value === "otp" || value === "pin" ? value : void 0;
+  const lower = value?.toLowerCase();
+  return lower === "otp" || lower === "pin" ? lower : void 0;
 }
 function formatMoney2(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -1649,6 +1654,9 @@ var CheckoutResolver = class {
       if (!checkoutResult.order_id) {
         return this.fail("CHECKOUT_FAILED", "Checkout did not return an order ID.", false);
       }
+      if (checkoutResult.next_action) {
+        return this.resolveNextAction(checkoutResult);
+      }
       let latestCheckoutResult = checkoutResult;
       let authorizationType = normalizeAuthorizationType(checkoutResult.authorization_type);
       let paymentReference = checkoutResult.payment_reference;
@@ -1764,6 +1772,110 @@ var CheckoutResolver = class {
       return this.fail("CHECKOUT_FAILED", message, true);
     }
   }
+  async resolveNextAction(checkoutResult) {
+    const action = checkoutResult.next_action;
+    if (this.isSuccessfulStatus(checkoutResult.payment_status)) {
+      return this.finalizeSuccess(checkoutResult);
+    }
+    let latestCheckoutResult = checkoutResult;
+    let paymentReference = checkoutResult.payment_reference;
+    switch (action.type) {
+      case NEXT_ACTION_NONE:
+        return this.finalizeSuccess(checkoutResult);
+      case NEXT_ACTION_CARD_POPUP: {
+        const provider = normalizeCardProvider(action.provider);
+        this.emit("awaiting_authorization", {
+          display_text: "Complete payment in the card authorization popup.",
+          order_id: checkoutResult.order_id,
+          order_number: checkoutResult.order_number
+        });
+        if (!this.allowPopups) {
+          return this.fail(
+            "PROVIDER_UNAVAILABLE",
+            "Card payment popup is unavailable in this environment.",
+            false
+          );
+        }
+        const popupResult = await openCardPopup(
+          provider,
+          checkoutResult,
+          this.checkoutData.customer.email || "customer@cimplify.io",
+          this.getOrderCurrency(checkoutResult),
+          this.signal
+        );
+        if (!popupResult.success) {
+          const popupError = normalizeCardPopupError(popupResult.error);
+          if (popupError === "POPUP_BLOCKED") {
+            return this.fail(
+              "POPUP_BLOCKED",
+              "Unable to open card payment popup. Please allow popups and try again.",
+              true
+            );
+          }
+          if (popupError === "PROVIDER_UNAVAILABLE") {
+            return this.fail("PROVIDER_UNAVAILABLE", "Card payment provider is unavailable.", false);
+          }
+          return this.fail("PAYMENT_CANCELLED", "Card payment was cancelled before completion.", true);
+        }
+        paymentReference = popupResult.reference || paymentReference;
+        break;
+      }
+      case NEXT_ACTION_REDIRECT: {
+        if (typeof window !== "undefined" && this.returnUrl) {
+          window.location.assign(action.authorization_url);
+          return this.fail("REDIRECT_REQUIRED", "Redirecting to complete payment authorization.", true);
+        }
+        if (typeof window !== "undefined") {
+          const popup = window.open(
+            action.authorization_url,
+            "cimplify-auth",
+            "width=520,height=760,noopener,noreferrer"
+          );
+          if (!popup) {
+            return this.fail(
+              "POPUP_BLOCKED",
+              "Authorization popup was blocked. Please allow popups and retry.",
+              true
+            );
+          }
+        }
+        break;
+      }
+      case NEXT_ACTION_AUTHORIZATION: {
+        const authType = normalizeAuthorizationType(action.authorization_type);
+        const authorization = await this.handleAuthorization({
+          authorizationType: authType,
+          paymentReference,
+          displayText: action.display_text,
+          provider: checkoutResult.provider
+        });
+        if (!authorization.ok) {
+          return authorization.result;
+        }
+        if (authorization.value) {
+          latestCheckoutResult = authorization.value;
+          paymentReference = authorization.value.payment_reference || paymentReference;
+          if (this.isSuccessfulStatus(authorization.value.payment_status)) {
+            return this.finalizeSuccess(authorization.value);
+          }
+          if (this.isFailureStatus(authorization.value.payment_status)) {
+            return this.fail(
+              "AUTHORIZATION_FAILED",
+              authorization.value.display_text || "Payment authorization failed.",
+              false
+            );
+          }
+        }
+        break;
+      }
+    }
+    return this.pollUntilTerminal({
+      orderId: checkoutResult.order_id,
+      latestCheckoutResult,
+      paymentReference,
+      authorizationType: normalizeAuthorizationType(checkoutResult.authorization_type)
+    });
+  }
   async pollUntilTerminal(input) {
     let consecutiveErrors = 0;
     let latestCheckoutResult = input.latestCheckoutResult;
@@ -3346,6 +3458,7 @@ var CimplifyElement = class {
     this.iframe = null;
     this.container = null;
     this.mounted = false;
+    this.pendingInit = null;
     this.eventHandlers = /* @__PURE__ */ new Map();
     this.resolvers = /* @__PURE__ */ new Map();
     this.listening = false;
@@ -3471,23 +3584,9 @@ var CimplifyElement = class {
     );
     this.iframe = iframe;
     this.container.appendChild(iframe);
-    iframe.onload = () => {
-      const publicKey = this.parent.getPublicKey();
-      this.sendMessage({
-        type: MESSAGE_TYPES.INIT,
-        businessId: resolvedBusinessId,
-        publicKey,
-        demoMode: publicKey.length === 0,
-        prefillEmail: this.options.prefillEmail,
-        appearance: this.parent.getAppearance(),
-        orderTypes: this.options.orderTypes,
-        defaultOrderType: this.options.defaultOrderType,
-        renderSubmitButton: true
-      });
-      const token = this.parent.getAccessToken();
-      if (token && this.type !== ELEMENT_TYPES.AUTH) {
-        this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
-      }
+    this.pendingInit = {
+      businessId: resolvedBusinessId,
+      publicKey: this.parent.getPublicKey()
     };
   }
   handleMessage(event) {
@@ -3508,6 +3607,25 @@ var CimplifyElement = class {
     switch (message.type) {
       case MESSAGE_TYPES.READY:
         if (this.iframe && message.height) this.iframe.style.height = `${message.height}px`;
+        if (this.pendingInit) {
+          const { publicKey } = this.pendingInit;
+          this.sendMessage({
+            type: MESSAGE_TYPES.INIT,
+            businessId: this.pendingInit.businessId,
+            publicKey,
+            demoMode: publicKey.length === 0,
+            prefillEmail: this.options.prefillEmail,
+            appearance: this.parent.getAppearance(),
+            orderTypes: this.options.orderTypes,
+            defaultOrderType: this.options.defaultOrderType,
+            renderSubmitButton: true
+          });
+          const token = this.parent.getAccessToken();
+          if (token && this.type !== ELEMENT_TYPES.AUTH) {
+            this.sendMessage({ type: MESSAGE_TYPES.SET_TOKEN, token });
+          }
+          this.pendingInit = null;
+        }
         this.emit(EVENT_TYPES.READY, { height: message.height });
         break;
       case MESSAGE_TYPES.HEIGHT_CHANGE: