@ozura/elements 1.3.1-next.72 → 1.3.1-next.74

package/dist/react/index.esm.js

@@ -1262,13 +1262,23 @@ class OzVault {
      * });
      */
     get isComplete() {
-        if (this.elements.size === 0)
+        return this.allComplete([...this.elementsByType.values()]);
+    }
+    /**
+     * Like {@link isComplete}, but for bank-account elements created via
+     * {@link createBankElement}. Card and bank fields are tracked separately so a
+     * card-only checkout is never gated on bank fields (and vice versa), matching
+     * the `createToken()` / `createBankToken()` split. A vault with both card and
+     * bank elements exposes each completion state independently.
+     */
+    get isBankComplete() {
+        return this.allComplete([...this.bankElementsByType.values()]);
+    }
+    /** True iff the set is non-empty and every element has reported complete-and-valid. */
+    allComplete(els) {
+        if (els.length === 0)
             return false;
-        for (const frameId of this.elements.keys()) {
-            if (this.completionState.get(frameId) !== true)
-                return false;
-        }
-        return true;
+        return els.every(el => this.completionState.get(el.frameId) === true);
     }
     /**
      * `true` while a `createToken()` or `createBankToken()` call is in progress
@@ -2422,7 +2432,7 @@ function OzElements({ sessionUrl, getSessionKey, fetchWaxKey, pubKey, frameBaseU
  * an `<OzElements>` provider tree.
  */
 function useOzElements() {
-    var _a, _b;
+    var _a, _b, _c;
     const { vault, initError, mountedCount, readyCount, notifyTokenize, notifyChange, tokenizeCount } = useContext(OzContext);
     const createToken = useCallback(async (options) => {
         if (!vault) {
@@ -2460,11 +2470,15 @@ function useOzElements() {
     }, [vault, notifyTokenize, notifyChange]);
     const reset = useCallback(() => {
         vault === null || vault === void 0 ? void 0 : vault.reset();
-    }, [vault]);
+        // reset() clears completion state and cancels any in-flight tokenization, so
+        // re-render to refresh the derived isComplete / isTokenizing getters below.
+        notifyChange();
+    }, [vault, notifyChange]);
     const ready = vault !== null && vault.isReady && mountedCount > 0 && readyCount >= mountedCount;
     const isComplete = (_a = vault === null || vault === void 0 ? void 0 : vault.isComplete) !== null && _a !== void 0 ? _a : false;
-    const isTokenizing = (_b = vault === null || vault === void 0 ? void 0 : vault.isTokenizing) !== null && _b !== void 0 ? _b : false;
-    return { createToken, createBankToken, reset, ready, initError, tokenizeCount, isComplete, isTokenizing };
+    const isBankComplete = (_b = vault === null || vault === void 0 ? void 0 : vault.isBankComplete) !== null && _b !== void 0 ? _b : false;
+    const isTokenizing = (_c = vault === null || vault === void 0 ? void 0 : vault.isTokenizing) !== null && _c !== void 0 ? _c : false;
+    return { createToken, createBankToken, reset, ready, initError, tokenizeCount, isComplete, isBankComplete, isTokenizing };
 }
 const SKELETON_STYLE = {
     height: 46,