@benbraide/inlinejs-stripe 2.0.4 → 2.0.6

package/dist/inlinejs-stripe.js

@@ -7301,18 +7301,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.StripeDetailElementCompact = exports.StripeDetailElement = void 0;
 const inlinejs_element_1 = __webpack_require__(/*! @benbraide/inlinejs-element */ "./node_modules/@benbraide/inlinejs-element/lib/esm/index.js");
-class StripeDetailElement extends inlinejs_element_1.CustomElement {
+const generic_field_1 = __webpack_require__(/*! ./generic-field */ "./src/components/generic-field.ts");
+class StripeDetailElement extends generic_field_1.StripeGenericField {
     constructor() {
         super();
         this.input = null;
         this.name = '';
         this.value = '';
     }
-    WaitReady() {
-        return Promise.resolve();
-    }
-    AddChangeListener(listener) { }
-    RemoveChangeListener(listener) { }
     ToggleFocus(focused) {
         const input = this.GetInput_();
         input && (focused ? input.focus() : input.blur());
@@ -7385,7 +7381,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.StripeFieldElementCompact = exports.StripeFieldElement = void 0;
 const inlinejs_1 = __webpack_require__(/*! @benbraide/inlinejs */ "./node_modules/@benbraide/inlinejs/lib/esm/index.js");
 const inlinejs_element_1 = __webpack_require__(/*! @benbraide/inlinejs-element */ "./node_modules/@benbraide/inlinejs-element/lib/esm/index.js");
-class StripeFieldElement extends inlinejs_element_1.CustomElement {
+const generic_field_1 = __webpack_require__(/*! ./generic-field */ "./src/components/generic-field.ts");
+class StripeFieldElement extends generic_field_1.StripeGenericField {
     constructor() {
         super();
         this.stripeField_ = null;
@@ -7394,13 +7391,15 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
         this.lastError_ = null;
         this.readyWaiters_ = new Array();
         this.changeListeners = new Array();
-        this.stripe = null;
         this.options = null;
         this.type = '';
         this.onready = '';
         this.oncomplete = '';
         this.onerrors = '';
     }
+    IsInteractive() {
+        return true;
+    }
     WaitReady() {
         return new Promise(resolve => {
             this.isReady_ ? resolve() : this.readyWaiters_.push(() => resolve());
@@ -7426,16 +7425,12 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
     }
     HandleElementScopeCreated_(_a, postAttributesCallback) {
         var { scope } = _a, rest = __rest(_a, ["scope"]);
-        super.HandleElementScopeCreated_(Object.assign({ scope }, rest), () => {
-            var _a;
-            (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.AddStripeField(this);
-            postAttributesCallback && postAttributesCallback();
-        });
+        super.HandleElementScopeCreated_(Object.assign({ scope }, rest), postAttributesCallback);
         scope.AddPostProcessCallback(() => {
             var _a;
-            (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.WaitInstance().then((stripe) => {
+            (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.WaitInstance().then((details) => {
                 var _a;
-                if (!stripe) {
+                if (!(details === null || details === void 0 ? void 0 : details.stripe)) {
                     return;
                 }
                 let type = '';
@@ -7445,8 +7440,8 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
                 else if (['card', 'cardNumber', 'cardExpiry', 'cardCvc', 'postalCode', 'paymentRequestButton', 'iban', 'idealBank'].includes(this.type)) {
                     type = this.type;
                 }
-                if (type) {
-                    this.stripeField_ = stripe.elements().create(type, (this.options || ((_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.options) || undefined));
+                if (type && details.elements) {
+                    this.stripeField_ = details.elements.create(type, (this.options || ((_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.options) || undefined));
                     this.stripeField_.on('ready', () => {
                         this.isReady_ = true;
                         this.onready && (0, inlinejs_1.EvaluateLater)({
@@ -7489,13 +7484,7 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
             this.stripeField_ = null;
         });
     }
-    GetStripe_() {
-        return (this.stripe || (0, inlinejs_1.FindAncestor)(this, ancestor => ('AddStripeField' in ancestor)));
-    }
 }
-__decorate([
-    (0, inlinejs_element_1.Property)({ type: 'object', checkStoredObject: true })
-], StripeFieldElement.prototype, "stripe", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'object', checkStoredObject: true })
 ], StripeFieldElement.prototype, "options", void 0);
@@ -7518,6 +7507,70 @@ function StripeFieldElementCompact() {
 exports.StripeFieldElementCompact = StripeFieldElementCompact;
 
 
+/***/ }),
+
+/***/ "./src/components/generic-field.ts":
+/*!*****************************************!*\
+  !*** ./src/components/generic-field.ts ***!
+  \*****************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.StripeGenericField = void 0;
+const inlinejs_1 = __webpack_require__(/*! @benbraide/inlinejs */ "./node_modules/@benbraide/inlinejs/lib/esm/index.js");
+const inlinejs_element_1 = __webpack_require__(/*! @benbraide/inlinejs-element */ "./node_modules/@benbraide/inlinejs-element/lib/esm/index.js");
+class StripeGenericField extends inlinejs_element_1.CustomElement {
+    constructor() {
+        super(...arguments);
+        this.stripe = null;
+    }
+    IsInteractive() {
+        return false;
+    }
+    WaitReady() {
+        return Promise.resolve();
+    }
+    AddChangeListener(listener) { }
+    RemoveChangeListener(listener) { }
+    ToggleFocus(focused) { }
+    Reset() { }
+    AddDetails(details) { }
+    HandleElementScopeCreated_(_a, postAttributesCallback) {
+        var { scope } = _a, rest = __rest(_a, ["scope"]);
+        super.HandleElementScopeCreated_(Object.assign({ scope }, rest), () => {
+            var _a;
+            (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.AddStripeField(this);
+            postAttributesCallback && postAttributesCallback();
+        });
+    }
+    GetStripe_() {
+        return (this.stripe || (0, inlinejs_1.FindAncestor)(this, ancestor => ('AddStripeField' in ancestor)));
+    }
+}
+__decorate([
+    (0, inlinejs_element_1.Property)({ type: 'object', checkStoredObject: true })
+], StripeGenericField.prototype, "stripe", void 0);
+exports.StripeGenericField = StripeGenericField;
+
+
 /***/ }),
 
 /***/ "./src/components/payment-method.ts":
@@ -7536,7 +7589,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.StripePaymentMenthodElementCompact = exports.StripePaymentMenthodElement = void 0;
 const inlinejs_element_1 = __webpack_require__(/*! @benbraide/inlinejs-element */ "./node_modules/@benbraide/inlinejs-element/lib/esm/index.js");
-class StripePaymentMenthodElement extends inlinejs_element_1.CustomElement {
+const generic_field_1 = __webpack_require__(/*! ./generic-field */ "./src/components/generic-field.ts");
+class StripePaymentMenthodElement extends generic_field_1.StripeGenericField {
     constructor() {
         super({
             isTemplate: true,
@@ -7544,13 +7598,6 @@ class StripePaymentMenthodElement extends inlinejs_element_1.CustomElement {
         });
         this.value = '';
     }
-    WaitReady() {
-        return Promise.resolve();
-    }
-    AddChangeListener(listener) { }
-    RemoveChangeListener(listener) { }
-    ToggleFocus(focused) { }
-    Reset() { }
     AddDetails(details) {
         this.value && (details.method = this.value);
     }
@@ -7599,6 +7646,7 @@ class StripeElement extends inlinejs_element_1.CustomElement {
     constructor() {
         super();
         this.stripe_ = null;
+        this.elements_ = null;
         this.mounting_ = false;
         this.mounted_ = false;
         this.isReady_ = false;
@@ -7606,6 +7654,7 @@ class StripeElement extends inlinejs_element_1.CustomElement {
         this.fields_ = null;
         this.readyFields_ = null;
         this.instanceWaiters_ = new Array();
+        this.interactiveFields_ = null;
         this.completeFields_ = null;
         this.errorFields_ = null;
         this.options = null;
@@ -7622,6 +7671,10 @@ class StripeElement extends inlinejs_element_1.CustomElement {
         field.WaitReady().then(() => {
             this.readyFields_ = (this.readyFields_ || []);
             this.readyFields_.push(field);
+            if (field.IsInteractive()) {
+                this.interactiveFields_ = (this.interactiveFields_ || []);
+                this.interactiveFields_.push(field);
+            }
             (this.fields_ && this.readyFields_ && this.fields_.length <= this.readyFields_.length) && (0, inlinejs_1.JournalTry)(() => {
                 this.isReady_ = true;
                 this.onready && (0, inlinejs_1.EvaluateLater)({
@@ -7639,11 +7692,11 @@ class StripeElement extends inlinejs_element_1.CustomElement {
                 this.completeFields_ = (this.completeFields_ || []);
                 if (data && !this.completeFields_.includes(field)) {
                     this.completeFields_.push(field);
-                    changed = !!(this.readyFields_ && this.completeFields_.length == this.readyFields_.length);
+                    changed = !!(this.interactiveFields_ && this.completeFields_.length == this.interactiveFields_.length);
                 }
                 else if (!data && this.completeFields_.includes(field)) {
                     this.completeFields_ = this.completeFields_.filter(x => x !== field);
-                    changed = !!(this.readyFields_ && (this.completeFields_.length == (this.readyFields_.length - 1)));
+                    changed = !!(this.interactiveFields_ && (this.completeFields_.length == (this.interactiveFields_.length - 1)));
                 }
                 changed && this.oncomplete && (0, inlinejs_1.EvaluateLater)({
                     componentId: this.componentId_,
@@ -7678,6 +7731,9 @@ class StripeElement extends inlinejs_element_1.CustomElement {
     RemoveStripeField(field) {
         this.fields_ && (this.fields_ = this.fields_.filter(x => x !== field));
         this.readyFields_ && (this.readyFields_ = this.readyFields_.filter(x => x !== field));
+        this.interactiveFields_ && (this.interactiveFields_ = this.interactiveFields_.filter(x => x !== field));
+        this.completeFields_ && (this.completeFields_ = this.completeFields_.filter(x => x !== field));
+        this.errorFields_ && (this.errorFields_ = this.errorFields_.filter(x => x !== field));
     }
     FocusNextField(field) {
         if (this.fields_) {
@@ -7685,12 +7741,18 @@ class StripeElement extends inlinejs_element_1.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() {
@@ -7702,6 +7764,7 @@ class StripeElement extends inlinejs_element_1.CustomElement {
             this.mounting_ = false;
             this.mounted_ = true;
             this.stripe_ = Stripe(this.publicKey);
+            this.elements_ = this.stripe_.elements();
             this.instanceWaiters_.splice(0).forEach(waiter => (0, inlinejs_1.JournalTry)(waiter));
         });
     }
@@ -7724,37 +7787,37 @@ class StripeElement extends inlinejs_element_1.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);
         });