@cimplify/sdk 0.8.4 → 0.8.6

package/dist/react.mjs

@@ -1557,6 +1557,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";
@@ -1596,7 +1600,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)) {
@@ -1643,6 +1648,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;
@@ -1758,6 +1766,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;
@@ -3340,6 +3452,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;
@@ -3465,23 +3578,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) {
@@ -3502,6 +3601,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimplify/sdk",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "description": "Cimplify Commerce SDK for storefronts",
   "keywords": [
     "cimplify",