@benbraide/inlinejs-stripe 2.0.3 → 2.0.5

package/lib/esm/components/stripe.js

@@ -21,6 +21,7 @@ export class StripeElement extends CustomElement {
     constructor() {
         super();
         this.stripe_ = null;
+        this.elements_ = null;
         this.mounting_ = false;
         this.mounted_ = false;
         this.isReady_ = false;
@@ -65,7 +66,7 @@ export class StripeElement extends CustomElement {
                 }
                 else if (!data && this.completeFields_.includes(field)) {
                     this.completeFields_ = this.completeFields_.filter(x => x !== field);
-                    changed = (this.completeFields_.length == 0);
+                    changed = !!(this.readyFields_ && (this.completeFields_.length == (this.readyFields_.length - 1)));
                 }
                 changed && this.oncomplete && EvaluateLater({
                     componentId: this.componentId_,
@@ -107,12 +108,18 @@ export class StripeElement extends CustomElement {
             (index >= 0 && index < this.fields_.length - 1) && this.fields_[index + 1].ToggleFocus(true);
         }
     }
+    GetDetails() {
+        return {
+            stripe: this.stripe_,
+            elements: this.elements_,
+        };
+    }
     GetInstance() {
         return this.stripe_;
     }
     WaitInstance() {
         return new Promise(resolve => {
-            this.mounted_ ? resolve(this.stripe_) : this.instanceWaiters_.push(() => resolve(this.stripe_));
+            this.mounted_ ? resolve(this.GetDetails()) : this.instanceWaiters_.push(() => resolve(this.GetDetails()));
         });
     }
     Mount() {
@@ -124,6 +131,7 @@ export class StripeElement extends CustomElement {
             this.mounting_ = false;
             this.mounted_ = true;
             this.stripe_ = Stripe(this.publicKey);
+            this.elements_ = this.stripe_.elements();
             this.instanceWaiters_.splice(0).forEach(waiter => JournalTry(waiter));
         });
     }
@@ -146,37 +154,37 @@ export class StripeElement extends CustomElement {
     }
     PayOrSetup_(pay, clientSecret, save = false) {
         return new Promise((resolve, reject) => {
-            this.WaitInstance().then((stripe) => {
+            this.WaitInstance().then((details) => {
                 var _a, _b;
-                if (!stripe) {
+                if (!(details === null || details === void 0 ? void 0 : details.stripe)) {
                     return resolve(false);
                 }
-                const details = {};
-                (_a = this.fields_) === null || _a === void 0 ? void 0 : _a.forEach(field => field.AddDetails(details));
-                if (!details.method) {
+                const paymentDetails = {};
+                (_a = this.fields_) === null || _a === void 0 ? void 0 : _a.forEach(field => field.AddDetails(paymentDetails));
+                if (!paymentDetails.method) {
                     return resolve(false);
                 }
                 let cardDetails;
-                if (typeof details.method !== 'string') {
+                if (typeof paymentDetails.method !== 'string') {
                     cardDetails = {
                         payment_method: {
-                            card: details.method,
-                            billing_details: details.billingDetails,
+                            card: paymentDetails.method,
+                            billing_details: paymentDetails.billingDetails,
                         },
                     };
                 }
                 else {
                     cardDetails = {
-                        payment_method: details.method,
+                        payment_method: paymentDetails.method,
                     };
                 }
                 if (pay) {
-                    ((_b = details.billingDetails) === null || _b === void 0 ? void 0 : _b.email) && (cardDetails.receipt_email = details.billingDetails.email);
+                    ((_b = paymentDetails.billingDetails) === null || _b === void 0 ? void 0 : _b.email) && (cardDetails.receipt_email = paymentDetails.billingDetails.email);
                     save && (cardDetails.setup_future_usage = 'off_session');
-                    stripe.confirmCardPayment(clientSecret, cardDetails).then(resolve).catch(reject);
+                    details.stripe.confirmCardPayment(clientSecret, cardDetails).then(resolve).catch(reject);
                 }
                 else {
-                    stripe.confirmCardSetup(clientSecret, cardDetails).then(resolve).catch(reject);
+                    details.stripe.confirmCardSetup(clientSecret, cardDetails).then(resolve).catch(reject);
                 }
             }).catch(reject);
         });

package/lib/esm/types.d.ts

@@ -13,12 +13,17 @@ export interface IStripeField {
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;
 }
+export interface IStripeDetails {
+    stripe: stripe.Stripe | null;
+    elements: stripe.elements.Elements | null;
+}
 export interface IStripeElement {
     options: stripe.elements.ElementsOptions | null;
     AddStripeField(field: IStripeField): void;
     RemoveStripeField(field: IStripeField): void;
     FocusNextField(field: IStripeField): void;
+    GetDetails(): IStripeDetails | null;
     GetInstance(): stripe.Stripe | null;
-    WaitInstance(): Promise<stripe.Stripe | null>;
+    WaitInstance(): Promise<IStripeDetails | null>;
     Mount(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benbraide/inlinejs-stripe",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Run javascript code by embedding them in your HTML using the element as context.",
   "main": "./lib/common/index.js",
   "module": "./lib/esm/index.js",