@benbraide/inlinejs-stripe 2.2.0 → 2.3.1

package/dist/inlinejs-stripe.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */

package/lib/common/components/detail.d.ts

@@ -3,8 +3,7 @@ import { StripeGenericField } from "./generic-field";
 export declare class StripeDetailElement extends StripeGenericField {
     input: HTMLInputElement | null;
     name: string;
-    value: string;
-    constructor();
+    value: any;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

package/lib/common/components/detail.js

@@ -11,7 +11,7 @@ const inlinejs_element_1 = require("@benbraide/inlinejs-element");
 const generic_field_1 = require("./generic-field");
 class StripeDetailElement extends generic_field_1.StripeGenericField {
     constructor() {
-        super();
+        super(...arguments);
         this.input = null;
         this.name = '';
         this.value = '';
@@ -30,13 +30,17 @@ class StripeDetailElement extends generic_field_1.StripeGenericField {
             return;
         }
         details.billingDetails = (details.billingDetails || {});
-        if (this.name === 'address') {
-            details.billingDetails.address = (details.billingDetails.address || {});
-            details.billingDetails.address.line1 = ((input === null || input === void 0 ? void 0 : input.value) || this.value);
-        }
-        else {
+        const nameParts = this.name.split('.');
+        if (nameParts.length == 1) {
             details.billingDetails[this.name] = ((input === null || input === void 0 ? void 0 : input.value) || this.value);
         }
+        else { //Path
+            let current = details.billingDetails;
+            nameParts.slice(0, -1).forEach((part) => {
+                current = (current[part] = (current[part] || {}));
+            });
+            current[nameParts.slice(-1)[0]] = ((input === null || input === void 0 ? void 0 : input.value) || this.value);
+        }
     }
     GetInput_() {
         return (this.input || this.querySelector('input'));
@@ -49,7 +53,7 @@ __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
 ], StripeDetailElement.prototype, "name", void 0);
 __decorate([
-    (0, inlinejs_element_1.Property)({ type: 'string' })
+    (0, inlinejs_element_1.Property)({ type: 'string', checkStoredObject: true })
 ], StripeDetailElement.prototype, "value", void 0);
 exports.StripeDetailElement = StripeDetailElement;
 function StripeDetailElementCompact() {

package/lib/common/components/field.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="stripe-v3" />
-import { IElementScopeCreatedCallbackParams } from "@benbraide/inlinejs";
+import { IElementScope } from "@benbraide/inlinejs";
 import { IStripePaymentDetails, StripeFieldChangeHandlerType } from "../types";
 import { StripeGenericField } from "./generic-field";
 export declare class StripeFieldElement extends StripeGenericField {
@@ -11,9 +11,9 @@ export declare class StripeFieldElement extends StripeGenericField {
     protected changeListeners: StripeFieldChangeHandlerType[];
     options: stripe.elements.ElementsOptions | null;
     type: string;
-    onready: string;
-    oncomplete: string;
-    onerrors: string;
+    oncustomready: string;
+    oncustomcomplete: string;
+    oncustomerror: string;
     constructor();
     IsInteractive(): boolean;
     WaitReady(): Promise<void>;
@@ -22,6 +22,7 @@ export declare class StripeFieldElement extends StripeGenericField {
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;
-    protected HandleElementScopeCreated_({ scope, ...rest }: IElementScopeCreatedCallbackParams, postAttributesCallback?: () => void): void;
+    protected HandleElementScopeDestroyed_(scope: IElementScope): void;
+    protected HandlePostProcess_(): void;
 }
 export declare function StripeFieldElementCompact(): void;

package/lib/common/components/field.js

@@ -5,17 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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.StripeFieldElementCompact = exports.StripeFieldElement = void 0;
 const inlinejs_1 = require("@benbraide/inlinejs");
@@ -32,9 +21,9 @@ class StripeFieldElement extends generic_field_1.StripeGenericField {
         this.changeListeners = new Array();
         this.options = null;
         this.type = '';
-        this.onready = '';
-        this.oncomplete = '';
-        this.onerrors = '';
+        this.oncustomready = '';
+        this.oncustomcomplete = '';
+        this.oncustomerror = '';
     }
     IsInteractive() {
         return true;
@@ -62,66 +51,66 @@ class StripeFieldElement extends generic_field_1.StripeGenericField {
     AddDetails(details) {
         (this.stripeField_ && (this.type === 'card' || this.type === 'number' || this.type === 'cardNumber')) && (details.method = this.stripeField_);
     }
-    HandleElementScopeCreated_(_a, postAttributesCallback) {
-        var { scope } = _a, rest = __rest(_a, ["scope"]);
-        super.HandleElementScopeCreated_(Object.assign({ scope }, rest), postAttributesCallback);
-        scope.AddPostProcessCallback(() => {
+    HandleElementScopeDestroyed_(scope) {
+        var _a;
+        super.HandleElementScopeDestroyed_(scope);
+        (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.RemoveStripeField(this);
+        this.stripeField_ = null;
+    }
+    HandlePostProcess_() {
+        var _a;
+        super.HandlePostProcess_();
+        (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.WaitInstance().then((details) => {
             var _a;
-            (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.WaitInstance().then((details) => {
-                var _a;
-                if (!(details === null || details === void 0 ? void 0 : details.stripe)) {
-                    return;
-                }
-                let type = '';
-                if (['number', 'expiry', 'cvc'].includes(this.type)) {
-                    type = `card${this.type.substring(0, 1).toUpperCase()}${this.type.substring(1)}`;
-                }
-                else if (['card', 'cardNumber', 'cardExpiry', 'cardCvc', 'postalCode', 'paymentRequestButton', 'iban', 'idealBank'].includes(this.type)) {
-                    type = this.type;
+            if (!(details === null || details === void 0 ? void 0 : details.stripe) || !details.elements) {
+                return;
+            }
+            let type = '';
+            if (['number', 'expiry', 'cvc'].includes(this.type)) {
+                type = `card${this.type.substring(0, 1).toUpperCase()}${this.type.substring(1)}`;
+            }
+            else if (['card', 'cardNumber', 'cardExpiry', 'cardCvc', 'postalCode', 'paymentRequestButton', 'iban', 'idealBank'].includes(this.type)) {
+                type = this.type;
+            }
+            if (!type) {
+                (0, inlinejs_1.JournalWarn)('The element type provided is invalid.', 'StripeField.Mount', this);
+                return;
+            }
+            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.oncustomready && (0, inlinejs_1.EvaluateLater)({
+                    componentId: this.componentId_,
+                    contextElement: this,
+                    expression: this.oncustomready,
+                    disableFunctionCall: false,
+                })();
+                this.readyWaiters_.splice(0).forEach(waiter => (0, inlinejs_1.JournalTry)(waiter));
+            });
+            this.stripeField_.on('change', (event) => {
+                if (((event === null || event === void 0 ? void 0 : event.error) || null) !== this.lastError_) {
+                    this.lastError_ = ((event === null || event === void 0 ? void 0 : event.error) || null);
+                    this.oncustomerror && (0, inlinejs_1.EvaluateLater)({
+                        componentId: this.componentId_,
+                        contextElement: this,
+                        expression: this.oncustomerror,
+                        disableFunctionCall: false,
+                    })(undefined, [this.lastError_], { error: this.lastError_ });
+                    this.changeListeners.forEach(listener => (0, inlinejs_1.JournalTry)(() => listener('error', this.lastError_)));
                 }
-                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)({
-                            componentId: this.componentId_,
-                            contextElement: this,
-                            expression: this.onready,
-                            disableFunctionCall: false,
-                        })();
-                        this.readyWaiters_.splice(0).forEach(waiter => (0, inlinejs_1.JournalTry)(waiter));
-                    });
-                    this.stripeField_.on('change', (event) => {
-                        if (((event === null || event === void 0 ? void 0 : event.error) || null) !== this.lastError_) {
-                            this.lastError_ = ((event === null || event === void 0 ? void 0 : event.error) || null);
-                            (0, inlinejs_1.EvaluateLater)({
-                                componentId: this.componentId_,
-                                contextElement: this,
-                                expression: this.onerrors,
-                                disableFunctionCall: false,
-                            })(undefined, [this.lastError_], { error: this.lastError_ });
-                            this.changeListeners.forEach(listener => (0, inlinejs_1.JournalTry)(() => listener('error', this.lastError_)));
-                        }
-                        if (((event === null || event === void 0 ? void 0 : event.complete) || false) != this.isComplete_) {
-                            this.isComplete_ = ((event === null || event === void 0 ? void 0 : event.complete) || false);
-                            (0, inlinejs_1.EvaluateLater)({
-                                componentId: this.componentId_,
-                                contextElement: this,
-                                expression: this.oncomplete,
-                                disableFunctionCall: false,
-                            })(undefined, [this.isComplete_], { complete: this.isComplete_ });
-                            this.changeListeners.forEach(listener => (0, inlinejs_1.JournalTry)(() => listener('complete', this.isComplete_)));
-                        }
-                    });
-                    this.stripeField_.mount(this);
+                if (((event === null || event === void 0 ? void 0 : event.complete) || false) != this.isComplete_) {
+                    this.isComplete_ = ((event === null || event === void 0 ? void 0 : event.complete) || false);
+                    this.oncustomcomplete && (0, inlinejs_1.EvaluateLater)({
+                        componentId: this.componentId_,
+                        contextElement: this,
+                        expression: this.oncustomcomplete,
+                        disableFunctionCall: false,
+                    })(undefined, [this.isComplete_], { complete: this.isComplete_ });
+                    this.changeListeners.forEach(listener => (0, inlinejs_1.JournalTry)(() => listener('complete', this.isComplete_)));
                 }
             });
-        });
-        scope.AddUninitCallback(() => {
-            var _a;
-            (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.RemoveStripeField(this);
-            this.stripeField_ = null;
-        });
+            this.stripeField_.mount(this);
+        }).catch(err => (0, inlinejs_1.JournalError)(err, 'StripeField.Mount', this));
     }
 }
 __decorate([
@@ -132,13 +121,13 @@ __decorate([
 ], StripeFieldElement.prototype, "type", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
-], StripeFieldElement.prototype, "onready", void 0);
+], StripeFieldElement.prototype, "oncustomready", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
-], StripeFieldElement.prototype, "oncomplete", void 0);
+], StripeFieldElement.prototype, "oncustomcomplete", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
-], StripeFieldElement.prototype, "onerrors", void 0);
+], StripeFieldElement.prototype, "oncustomerror", void 0);
 exports.StripeFieldElement = StripeFieldElement;
 function StripeFieldElementCompact() {
     (0, inlinejs_element_1.RegisterCustomElement)(StripeFieldElement, 'stripe-field');

package/lib/common/components/generic-field.d.ts

@@ -1,4 +1,3 @@
-import { IElementScopeCreatedCallbackParams } from "@benbraide/inlinejs";
 import { CustomElement } from "@benbraide/inlinejs-element";
 import { IStripeElement, IStripeField, IStripePaymentDetails, StripeFieldChangeHandlerType } from "../types";
 export declare class StripeGenericField extends CustomElement implements IStripeField {
@@ -10,6 +9,6 @@ export declare class StripeGenericField extends CustomElement implements IStripe
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;
-    protected HandleElementScopeCreated_({ scope, ...rest }: IElementScopeCreatedCallbackParams, postAttributesCallback?: () => void): void;
+    protected HandlePostAttributesProcessPostfix_(): void;
     protected GetStripe_(): IStripeElement | null;
 }

package/lib/common/components/generic-field.js

@@ -5,17 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 = require("@benbraide/inlinejs");
@@ -36,13 +25,10 @@ class StripeGenericField extends inlinejs_element_1.CustomElement {
     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();
-        });
+    HandlePostAttributesProcessPostfix_() {
+        var _a;
+        super.HandlePostAttributesProcessPostfix_();
+        (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.AddStripeField(this);
     }
     GetStripe_() {
         return (this.stripe || (0, inlinejs_1.FindAncestor)(this, ancestor => ('AddStripeField' in ancestor)));

package/lib/common/components/stripe.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="stripe-v3" />
-import { IElementScopeCreatedCallbackParams } from "@benbraide/inlinejs";
+import { IElementScope } from "@benbraide/inlinejs";
 import { CustomElement } from "@benbraide/inlinejs-element";
 import { IStripeDetails, IStripeElement, IStripeField } from "../types";
 export declare class StripeElement extends CustomElement implements IStripeElement {
@@ -17,9 +17,9 @@ export declare class StripeElement extends CustomElement implements IStripeEleme
     protected errorFields_: Array<IStripeField> | null;
     options: stripe.elements.ElementsOptions | null;
     publicKey: string;
-    onready: string;
-    oncomplete: string;
-    onerrors: string;
+    oncustomready: string;
+    oncustomcomplete: string;
+    oncustomerror: string;
     defer: boolean;
     focusnext: boolean;
     constructor();
@@ -33,7 +33,8 @@ export declare class StripeElement extends CustomElement implements IStripeEleme
     Pay(clientSecret: string, save?: boolean): Promise<false | stripe.PaymentIntentResponse>;
     Setup(clientSecret: string): Promise<false | stripe.PaymentIntentResponse>;
     WaitReady(): Promise<void>;
-    protected HandleElementScopeCreated_({ scope, ...rest }: IElementScopeCreatedCallbackParams, postAttributesCallback?: () => void): void;
+    protected HandleElementScopeDestroyed_(scope: IElementScope): void;
+    protected HandlePostProcess_(): void;
     protected PayOrSetup_(pay: boolean, clientSecret: string, save?: boolean): Promise<false | stripe.PaymentIntentResponse>;
 }
 export declare function StripeElementCompact(): void;

package/lib/common/components/stripe.js

@@ -5,17 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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.StripeElementCompact = exports.StripeElement = void 0;
 const inlinejs_1 = require("@benbraide/inlinejs");
@@ -37,9 +26,9 @@ class StripeElement extends inlinejs_element_1.CustomElement {
         this.errorFields_ = null;
         this.options = null;
         this.publicKey = '';
-        this.onready = '';
-        this.oncomplete = '';
-        this.onerrors = '';
+        this.oncustomready = '';
+        this.oncustomcomplete = '';
+        this.oncustomerror = '';
         this.defer = false;
         this.focusnext = false;
     }
@@ -55,10 +44,10 @@ class StripeElement extends inlinejs_element_1.CustomElement {
             }
             (this.fields_ && this.readyFields_ && this.fields_.length <= this.readyFields_.length) && (0, inlinejs_1.JournalTry)(() => {
                 this.isReady_ = true;
-                this.onready && (0, inlinejs_1.EvaluateLater)({
+                this.oncustomready && (0, inlinejs_1.EvaluateLater)({
                     componentId: this.componentId_,
                     contextElement: this,
-                    expression: this.onready,
+                    expression: this.oncustomready,
                     disableFunctionCall: false,
                 })();
                 this.readyWaiters_.splice(0).forEach(waiter => (0, inlinejs_1.JournalTry)(waiter));
@@ -76,10 +65,10 @@ class StripeElement extends inlinejs_element_1.CustomElement {
                     this.completeFields_ = this.completeFields_.filter(x => x !== field);
                     changed = !!(this.interactiveFields_ && (this.completeFields_.length == (this.interactiveFields_.length - 1)));
                 }
-                changed && this.oncomplete && (0, inlinejs_1.EvaluateLater)({
+                changed && this.oncustomcomplete && (0, inlinejs_1.EvaluateLater)({
                     componentId: this.componentId_,
                     contextElement: this,
-                    expression: this.oncomplete,
+                    expression: this.oncustomcomplete,
                     disableFunctionCall: false,
                 })(undefined, [!!data], { complete: !!data });
                 !!data && this.focusnext && this.FocusNextField(field);
@@ -97,10 +86,10 @@ class StripeElement extends inlinejs_element_1.CustomElement {
                     this.errorFields_ = this.errorFields_.filter(x => x !== field);
                     changed = (this.errorFields_.length == 0);
                 }
-                changed && this.onerrors && (0, inlinejs_1.EvaluateLater)({
+                changed && this.oncustomerror && (0, inlinejs_1.EvaluateLater)({
                     componentId: this.componentId_,
                     contextElement: this,
-                    expression: this.onerrors,
+                    expression: this.oncustomerror,
                     disableFunctionCall: false,
                 })(undefined, [data], { error: data });
             }
@@ -157,11 +146,13 @@ class StripeElement extends inlinejs_element_1.CustomElement {
             this.isReady_ ? resolve() : this.readyWaiters_.push(() => resolve());
         });
     }
-    HandleElementScopeCreated_(_a, postAttributesCallback) {
-        var { scope } = _a, rest = __rest(_a, ["scope"]);
-        super.HandleElementScopeCreated_(Object.assign({ scope }, rest), postAttributesCallback);
-        scope.AddPostProcessCallback(() => (!this.defer && this.Mount()));
-        scope.AddUninitCallback(() => (this.stripe_ = null));
+    HandleElementScopeDestroyed_(scope) {
+        super.HandleElementScopeDestroyed_(scope);
+        this.stripe_ = null;
+    }
+    HandlePostProcess_() {
+        super.HandlePostProcess_();
+        !this.defer && this.Mount();
     }
     PayOrSetup_(pay, clientSecret, save = false) {
         return new Promise((resolve, reject) => {
@@ -176,7 +167,12 @@ class StripeElement extends inlinejs_element_1.CustomElement {
                     return resolve(false);
                 }
                 let cardDetails;
-                if (typeof paymentDetails.method !== 'string') {
+                if (typeof paymentDetails.method === 'string') { // Payment Method ID
+                    cardDetails = {
+                        payment_method: paymentDetails.method,
+                    };
+                }
+                else { // Stripe Element (e.g., CardElement)
                     cardDetails = {
                         payment_method: {
                             card: paymentDetails.method,
@@ -184,11 +180,6 @@ class StripeElement extends inlinejs_element_1.CustomElement {
                         },
                     };
                 }
-                else {
-                    cardDetails = {
-                        payment_method: paymentDetails.method,
-                    };
-                }
                 if (pay) {
                     ((_b = paymentDetails.billingDetails) === null || _b === void 0 ? void 0 : _b.email) && (cardDetails.receipt_email = paymentDetails.billingDetails.email);
                     save && (cardDetails.setup_future_usage = 'off_session');
@@ -209,13 +200,13 @@ __decorate([
 ], StripeElement.prototype, "publicKey", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
-], StripeElement.prototype, "onready", void 0);
+], StripeElement.prototype, "oncustomready", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
-], StripeElement.prototype, "oncomplete", void 0);
+], StripeElement.prototype, "oncustomcomplete", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
-], StripeElement.prototype, "onerrors", void 0);
+], StripeElement.prototype, "oncustomerror", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'boolean' })
 ], StripeElement.prototype, "defer", void 0);

package/lib/common/index.d.ts

@@ -2,5 +2,4 @@ export * from './components/stripe';
 export * from './components/field';
 export * from './components/detail';
 export * from './components/payment-method';
-export * from './directive/stripe';
 export * from './entry';

package/lib/common/index.js

@@ -18,5 +18,4 @@ __exportStar(require("./components/stripe"), exports);
 __exportStar(require("./components/field"), exports);
 __exportStar(require("./components/detail"), exports);
 __exportStar(require("./components/payment-method"), exports);
-__exportStar(require("./directive/stripe"), exports);
 __exportStar(require("./entry"), exports);

package/lib/esm/components/detail.d.ts

@@ -3,8 +3,7 @@ import { StripeGenericField } from "./generic-field";
 export declare class StripeDetailElement extends StripeGenericField {
     input: HTMLInputElement | null;
     name: string;
-    value: string;
-    constructor();
+    value: any;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

package/lib/esm/components/detail.js

@@ -8,7 +8,7 @@ import { Property, RegisterCustomElement } from "@benbraide/inlinejs-element";
 import { StripeGenericField } from "./generic-field";
 export class StripeDetailElement extends StripeGenericField {
     constructor() {
-        super();
+        super(...arguments);
         this.input = null;
         this.name = '';
         this.value = '';
@@ -27,13 +27,17 @@ export class StripeDetailElement extends StripeGenericField {
             return;
         }
         details.billingDetails = (details.billingDetails || {});
-        if (this.name === 'address') {
-            details.billingDetails.address = (details.billingDetails.address || {});
-            details.billingDetails.address.line1 = ((input === null || input === void 0 ? void 0 : input.value) || this.value);
-        }
-        else {
+        const nameParts = this.name.split('.');
+        if (nameParts.length == 1) {
             details.billingDetails[this.name] = ((input === null || input === void 0 ? void 0 : input.value) || this.value);
         }
+        else { //Path
+            let current = details.billingDetails;
+            nameParts.slice(0, -1).forEach((part) => {
+                current = (current[part] = (current[part] || {}));
+            });
+            current[nameParts.slice(-1)[0]] = ((input === null || input === void 0 ? void 0 : input.value) || this.value);
+        }
     }
     GetInput_() {
         return (this.input || this.querySelector('input'));
@@ -46,7 +50,7 @@ __decorate([
     Property({ type: 'string' })
 ], StripeDetailElement.prototype, "name", void 0);
 __decorate([
-    Property({ type: 'string' })
+    Property({ type: 'string', checkStoredObject: true })
 ], StripeDetailElement.prototype, "value", void 0);
 export function StripeDetailElementCompact() {
     RegisterCustomElement(StripeDetailElement, 'stripe-detail');

package/lib/esm/components/field.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="stripe-v3" />
-import { IElementScopeCreatedCallbackParams } from "@benbraide/inlinejs";
+import { IElementScope } from "@benbraide/inlinejs";
 import { IStripePaymentDetails, StripeFieldChangeHandlerType } from "../types";
 import { StripeGenericField } from "./generic-field";
 export declare class StripeFieldElement extends StripeGenericField {
@@ -11,9 +11,9 @@ export declare class StripeFieldElement extends StripeGenericField {
     protected changeListeners: StripeFieldChangeHandlerType[];
     options: stripe.elements.ElementsOptions | null;
     type: string;
-    onready: string;
-    oncomplete: string;
-    onerrors: string;
+    oncustomready: string;
+    oncustomcomplete: string;
+    oncustomerror: string;
     constructor();
     IsInteractive(): boolean;
     WaitReady(): Promise<void>;
@@ -22,6 +22,7 @@ export declare class StripeFieldElement extends StripeGenericField {
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;
-    protected HandleElementScopeCreated_({ scope, ...rest }: IElementScopeCreatedCallbackParams, postAttributesCallback?: () => void): void;
+    protected HandleElementScopeDestroyed_(scope: IElementScope): void;
+    protected HandlePostProcess_(): void;
 }
 export declare function StripeFieldElementCompact(): void;