@whop/elements-react-native 0.1.0

package/lib/module/controller/store.js

@@ -0,0 +1,158 @@
+"use strict";
+
+import { WhopClient } from "../api/client.js";
+import { chargeless, resolveCharge, UNCONFIGURED_CHARGE } from "../core/payments/plan.js";
+
+/**
+ * The collection surface a `createConfirmationToken` call delegates to.
+ *
+ * Exactly one is live at a time — the fused card face, the exploded card fields, or the payment
+ * element's selected tile — and each registers itself on mount. This is the React Native shape of
+ * the web controller's confirm cascade, which resolves the same three in the same order.
+ */
+
+const INITIAL = {
+  charge: UNCONFIGURED_CHARGE,
+  chargeError: null,
+  accountId: undefined,
+  returnUrl: undefined,
+  matrix: [],
+  matrixLoading: false,
+  matrixError: null,
+  walletAvailability: undefined,
+  selectedType: undefined,
+  selectedCategory: undefined,
+  selectedTemplate: undefined,
+  selectedComplete: false,
+  buyerEmail: '',
+  addressCollected: undefined,
+  addressLive: false,
+  methodCountries: null,
+  brandingMounted: false,
+  confirmInFlight: false,
+  nextActionInFlight: false
+};
+export const SURFACE_KEY = 'payments';
+
+/**
+ * The controller, as a plain store.
+ *
+ * The web controller runs in its own iframe because the embedding page is a different origin. A
+ * React Native app has no such boundary — the SDK's JS and the app's JS are the same binary — so
+ * the same state lives here in-process. What does not live here is the card number: that stays
+ * inside Basis Theory's own components and reaches the vault without passing through this object.
+ */
+export class PaymentsStore {
+  surface = 'direct_checkout';
+  state = INITIAL;
+  listeners = new Set();
+  surfaces = new Map();
+  chargeToken = 0;
+  destroyed = false;
+  constructor(options, environment, getToken) {
+    this.options = options;
+    this.client = new WhopClient({
+      environment,
+      getToken
+    });
+    this.state = {
+      ...INITIAL,
+      accountId: options.accountId,
+      returnUrl: options.returnUrl
+    };
+    void this.resolveChargeState();
+  }
+  getSnapshot = () => this.state;
+  subscribe = listener => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  };
+  getOptions() {
+    return this.options;
+  }
+  patch(partial) {
+    if (this.destroyed) return;
+    let changed = false;
+    const next = {
+      ...this.state
+    };
+    for (const [key, value] of Object.entries(partial)) {
+      if (!Object.is(next[key], value)) {
+        next[key] = value;
+        changed = true;
+      }
+    }
+    if (!changed) return;
+    this.state = next;
+    for (const listener of this.listeners) listener();
+  }
+
+  /** `handle.update()` — re-derives the charge when a charge-bearing option moved. */
+  update(options) {
+    const previous = this.options;
+    this.options = {
+      ...previous,
+      ...options
+    };
+    this.patch({
+      accountId: this.options.accountId,
+      returnUrl: this.options.returnUrl
+    });
+    const chargeKeys = ['accountId', 'plan', 'currency', 'amount', 'setupFutureUsage', 'paymentMethodConfiguration'];
+    if (chargeKeys.some(key => !Object.is(previous[key], this.options[key]))) {
+      void this.resolveChargeState();
+    }
+  }
+  destroy() {
+    this.destroyed = true;
+    this.listeners.clear();
+    this.surfaces.clear();
+  }
+  registerSurface(surface) {
+    this.surfaces.set(surface.kind, surface);
+    return () => {
+      if (this.surfaces.get(surface.kind) === surface) this.surfaces.delete(surface.kind);
+    };
+  }
+
+  /** The confirm cascade's order: a mounted payment element owns the selection, then the fused
+   *  card face, then the exploded fields. */
+  liveSurface() {
+    return this.surfaces.get('payment') ?? this.surfaces.get('card') ?? this.surfaces.get('cardFields');
+  }
+
+  /** One specific surface. The payment element's card tile reaches its own composed CardElement
+   *  through this — `liveSurface()` would hand it back itself and recurse. */
+  surfaceOf(kind) {
+    return this.surfaces.get(kind);
+  }
+  async resolveChargeState() {
+    const token = ++this.chargeToken;
+    if (chargeless(this.options)) {
+      this.patch({
+        charge: UNCONFIGURED_CHARGE,
+        chargeError: null
+      });
+      return;
+    }
+    try {
+      const charge = await resolveCharge(this.client, this.options);
+      // A later update superseded this resolve; its answer is stale by definition.
+      if (token !== this.chargeToken) return;
+      this.patch({
+        charge,
+        chargeError: null
+      });
+    } catch (err) {
+      if (token !== this.chargeToken) return;
+      // Keep the last good charge: a failed RE-resolve degrades to stale rather than empty,
+      // matching the controller-source contract on the web.
+      this.patch({
+        chargeError: err instanceof Error ? err : new Error(String(err))
+      });
+    }
+  }
+}
+//# sourceMappingURL=store.js.map

package/lib/module/controller/store.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WhopClient","chargeless","resolveCharge","UNCONFIGURED_CHARGE","INITIAL","charge","chargeError","accountId","undefined","returnUrl","matrix","matrixLoading","matrixError","walletAvailability","selectedType","selectedCategory","selectedTemplate","selectedComplete","buyerEmail","addressCollected","addressLive","methodCountries","brandingMounted","confirmInFlight","nextActionInFlight","SURFACE_KEY","PaymentsStore","surface","state","listeners","Set","surfaces","Map","chargeToken","destroyed","constructor","options","environment","getToken","client","resolveChargeState","getSnapshot","subscribe","listener","add","delete","getOptions","patch","partial","changed","next","key","value","Object","entries","is","update","previous","chargeKeys","some","destroy","clear","registerSurface","set","kind","get","liveSurface","surfaceOf","token","err","Error","String"],"sourceRoot":"../../../src","sources":["controller/store.ts"],"mappings":"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","ignoreList":[]}