@benbraide/inlinejs-stripe 2.0.0 → 2.0.2

package/lib/common/components/field.js

@@ -26,6 +26,7 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
         this.stripeField_ = null;
         this.isReady_ = false;
         this.readyWaiters_ = new Array();
+        this.changeListeners = new Array();
         this.stripe = null;
         this.options = null;
         this.type = '';
@@ -38,6 +39,13 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
             this.isReady_ ? resolve() : this.readyWaiters_.push(() => resolve());
         });
     }
+    AddChangeListener(listener) {
+        this.changeListeners.push(listener);
+    }
+    RemoveChangeListener(listener) {
+        const index = this.changeListeners.indexOf(listener);
+        (index >= 0) && this.changeListeners.splice(index, 1);
+    }
     ToggleFocus(focused) {
         var _a, _b;
         (this.stripeField_ && (focused ? (_a = this.stripeField_) === null || _a === void 0 ? void 0 : _a.focus() : (_b = this.stripeField_) === null || _b === void 0 ? void 0 : _b.blur()));
@@ -74,6 +82,12 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
                     this.stripeField_ = stripe.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) => {
@@ -85,6 +99,7 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
                                 expression: this.onerrors,
                                 disableFunctionCall: false,
                             })(undefined, [], { error: event.error });
+                            this.changeListeners.forEach(listener => (0, inlinejs_1.JournalTry)(() => listener('error', event.error)));
                         }
                         else if (event === null || event === void 0 ? void 0 : event.complete) {
                             (0, inlinejs_1.EvaluateLater)({
@@ -93,8 +108,15 @@ class StripeFieldElement extends inlinejs_element_1.CustomElement {
                                 expression: this.oncomplete,
                                 disableFunctionCall: false,
                             })();
+                            this.changeListeners.forEach(listener => (0, inlinejs_1.JournalTry)(() => listener('complete', true)));
                             (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.FocusNextField(this);
                         }
+                        else {
+                            this.changeListeners.forEach((listener) => {
+                                (0, inlinejs_1.JournalTry)(() => listener('complete', false));
+                                (0, inlinejs_1.JournalTry)(() => listener('error', null));
+                            });
+                        }
                     });
                     this.stripeField_.mount(this);
                 }

package/lib/common/components/payment-method.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="stripe-v3" />
 import { CustomElement } from "@benbraide/inlinejs-element";
-import { IStripeField, IStripePaymentDetails } from "../types";
+import { IStripeField, IStripePaymentDetails, StripeFieldChangeHandlerType } from "../types";
 export declare class StripePaymentMenthodElement extends CustomElement implements IStripeField {
     value: stripe.elements.Element | string;
     constructor();
     WaitReady(): Promise<void>;
+    AddChangeListener(listener: StripeFieldChangeHandlerType): void;
+    RemoveChangeListener(listener: StripeFieldChangeHandlerType): void;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

package/lib/common/components/payment-method.js

@@ -19,6 +19,8 @@ class StripePaymentMenthodElement extends inlinejs_element_1.CustomElement {
     WaitReady() {
         return Promise.resolve();
     }
+    AddChangeListener(listener) { }
+    RemoveChangeListener(listener) { }
     ToggleFocus(focused) { }
     Reset() { }
     AddDetails(details) {

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

@@ -6,11 +6,18 @@ export declare class StripeElement extends CustomElement implements IStripeEleme
     protected stripe_: stripe.Stripe | null;
     protected mounting_: boolean;
     protected mounted_: boolean;
+    protected isReady_: boolean;
+    protected readyWaiters_: (() => void)[];
     protected fields_: Array<IStripeField> | null;
+    protected readyFields_: Array<IStripeField> | null;
     protected instanceWaiters_: (() => void)[];
+    protected completeFields_: Array<IStripeField> | null;
+    protected errorFields_: Array<IStripeField> | null;
     options: stripe.elements.ElementsOptions | null;
     publicKey: string;
     onready: string;
+    oncomplete: string;
+    onerrors: string;
     defer: boolean;
     autofocus: boolean;
     constructor();
@@ -22,6 +29,7 @@ export declare class StripeElement extends CustomElement implements IStripeEleme
     Mount(): void;
     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 PayOrSetup_(pay: boolean, clientSecret: string, save?: boolean): Promise<false | stripe.PaymentIntentResponse>;
 }

package/lib/common/components/stripe.js

@@ -26,20 +26,82 @@ class StripeElement extends inlinejs_element_1.CustomElement {
         this.stripe_ = null;
         this.mounting_ = false;
         this.mounted_ = false;
+        this.isReady_ = false;
+        this.readyWaiters_ = new Array();
         this.fields_ = null;
+        this.readyFields_ = null;
         this.instanceWaiters_ = new Array();
+        this.completeFields_ = null;
+        this.errorFields_ = null;
         this.options = null;
         this.publicKey = '';
         this.onready = '';
+        this.oncomplete = '';
+        this.onerrors = '';
         this.defer = false;
         this.autofocus = false;
     }
     AddStripeField(field) {
         this.fields_ = (this.fields_ || []);
         this.fields_.push(field);
+        field.WaitReady().then(() => {
+            this.readyFields_ = (this.readyFields_ || []);
+            this.readyFields_.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)({
+                    componentId: this.componentId_,
+                    contextElement: this,
+                    expression: this.onready,
+                    disableFunctionCall: false,
+                })();
+                this.readyWaiters_.splice(0).forEach(waiter => (0, inlinejs_1.JournalTry)(waiter));
+            });
+        });
+        field.AddChangeListener((type, data) => {
+            if (type === 'complete') {
+                let changed = false;
+                this.completeFields_ = (this.completeFields_ || []);
+                if (data && !this.completeFields_.includes(field)) {
+                    this.completeFields_.push(field);
+                    changed = !!(this.readyFields_ && this.completeFields_.length == this.readyFields_.length);
+                }
+                else if (!data && this.completeFields_.includes(field)) {
+                    this.completeFields_ = this.completeFields_.filter(x => x !== field);
+                    changed = (this.completeFields_.length == 0);
+                }
+                changed && this.oncomplete && (0, inlinejs_1.EvaluateLater)({
+                    componentId: this.componentId_,
+                    contextElement: this,
+                    expression: this.oncomplete,
+                    disableFunctionCall: false,
+                })(undefined, [!!data], { complete: !!data });
+            }
+            else if (type === 'error') {
+                let changed = false;
+                this.errorFields_ = (this.errorFields_ || []);
+                this.errorFields_.push(field);
+                this.errorFields_ = (this.errorFields_ || []);
+                if (data && !this.errorFields_.includes(field)) {
+                    this.errorFields_.push(field);
+                    changed = (this.errorFields_.length == 1);
+                }
+                else if (!data && this.errorFields_.includes(field)) {
+                    this.errorFields_ = this.errorFields_.filter(x => x !== field);
+                    changed = (this.errorFields_.length == 0);
+                }
+                this.onerrors && (0, inlinejs_1.EvaluateLater)({
+                    componentId: this.componentId_,
+                    contextElement: this,
+                    expression: this.onerrors,
+                    disableFunctionCall: false,
+                })(undefined, [data], { error: data });
+            }
+        });
     }
     RemoveStripeField(field) {
         this.fields_ && (this.fields_ = this.fields_.filter(x => x !== field));
+        this.readyFields_ && (this.readyFields_ = this.readyFields_.filter(x => x !== field));
     }
     FocusNextField(field) {
         if (this.autofocus && this.fields_) {
@@ -73,6 +135,11 @@ class StripeElement extends inlinejs_element_1.CustomElement {
     Setup(clientSecret) {
         return this.PayOrSetup_(false, clientSecret);
     }
+    WaitReady() {
+        return new Promise(resolve => {
+            this.isReady_ ? resolve() : this.readyWaiters_.push(() => resolve());
+        });
+    }
     HandleElementScopeCreated_(_a, postAttributesCallback) {
         var { scope } = _a, rest = __rest(_a, ["scope"]);
         super.HandleElementScopeCreated_(Object.assign({ scope }, rest), postAttributesCallback);
@@ -126,6 +193,12 @@ __decorate([
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'string' })
 ], StripeElement.prototype, "onready", void 0);
+__decorate([
+    (0, inlinejs_element_1.Property)({ type: 'string' })
+], StripeElement.prototype, "oncomplete", void 0);
+__decorate([
+    (0, inlinejs_element_1.Property)({ type: 'string' })
+], StripeElement.prototype, "onerrors", void 0);
 __decorate([
     (0, inlinejs_element_1.Property)({ type: 'boolean' })
 ], StripeElement.prototype, "defer", void 0);

package/lib/common/types.d.ts

@@ -3,8 +3,12 @@ export interface IStripePaymentDetails {
     method?: stripe.elements.Element | string;
     billingDetails?: stripe.BillingDetails;
 }
+export declare type StripeFieldChangeType = 'error' | 'complete';
+export declare type StripeFieldChangeHandlerType = (type: StripeFieldChangeType, data: any) => void;
 export interface IStripeField {
     WaitReady(): Promise<void>;
+    AddChangeListener(listener: StripeFieldChangeHandlerType): void;
+    RemoveChangeListener(listener: StripeFieldChangeHandlerType): void;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

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

@@ -1,11 +1,13 @@
 import { CustomElement } from "@benbraide/inlinejs-element";
-import { IStripeField, IStripePaymentDetails } from "../types";
+import { IStripeField, IStripePaymentDetails, StripeFieldChangeHandlerType } from "../types";
 export declare class StripeDetailElement extends CustomElement implements IStripeField {
     input: HTMLInputElement | null;
     name: string;
     value: string;
     constructor();
     WaitReady(): Promise<void>;
+    AddChangeListener(listener: StripeFieldChangeHandlerType): void;
+    RemoveChangeListener(listener: StripeFieldChangeHandlerType): void;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

package/lib/esm/components/detail.js

@@ -15,6 +15,8 @@ export class StripeDetailElement extends CustomElement {
     WaitReady() {
         return Promise.resolve();
     }
+    AddChangeListener(listener) { }
+    RemoveChangeListener(listener) { }
     ToggleFocus(focused) {
         const input = this.GetInput_();
         input && (focused ? input.focus() : input.blur());
@@ -25,7 +27,7 @@ export class StripeDetailElement extends CustomElement {
     }
     AddDetails(details) {
         const input = this.GetInput_();
-        if (!this.name || (!input && !this.value)) {
+        if (!this.name || (!(input === null || input === void 0 ? void 0 : input.value) && !this.value)) {
             return;
         }
         details.billingDetails = (details.billingDetails || {});

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

@@ -1,11 +1,12 @@
 /// <reference types="stripe-v3" />
 import { IElementScopeCreatedCallbackParams } from "@benbraide/inlinejs";
 import { CustomElement } from "@benbraide/inlinejs-element";
-import { IStripeElement, IStripeField, IStripePaymentDetails } from "../types";
+import { IStripeElement, IStripeField, IStripePaymentDetails, StripeFieldChangeHandlerType } from "../types";
 export declare class StripeFieldElement extends CustomElement implements IStripeField {
     protected stripeField_: stripe.elements.Element | null;
     protected isReady_: boolean;
     protected readyWaiters_: (() => void)[];
+    protected changeListeners: StripeFieldChangeHandlerType[];
     stripe: IStripeElement | null;
     options: stripe.elements.ElementsOptions | null;
     type: string;
@@ -14,6 +15,8 @@ export declare class StripeFieldElement extends CustomElement implements IStripe
     onerrors: string;
     constructor();
     WaitReady(): Promise<void>;
+    AddChangeListener(listener: StripeFieldChangeHandlerType): void;
+    RemoveChangeListener(listener: StripeFieldChangeHandlerType): void;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

package/lib/esm/components/field.js

@@ -23,6 +23,7 @@ export class StripeFieldElement extends CustomElement {
         this.stripeField_ = null;
         this.isReady_ = false;
         this.readyWaiters_ = new Array();
+        this.changeListeners = new Array();
         this.stripe = null;
         this.options = null;
         this.type = '';
@@ -35,6 +36,13 @@ export class StripeFieldElement extends CustomElement {
             this.isReady_ ? resolve() : this.readyWaiters_.push(() => resolve());
         });
     }
+    AddChangeListener(listener) {
+        this.changeListeners.push(listener);
+    }
+    RemoveChangeListener(listener) {
+        const index = this.changeListeners.indexOf(listener);
+        (index >= 0) && this.changeListeners.splice(index, 1);
+    }
     ToggleFocus(focused) {
         var _a, _b;
         (this.stripeField_ && (focused ? (_a = this.stripeField_) === null || _a === void 0 ? void 0 : _a.focus() : (_b = this.stripeField_) === null || _b === void 0 ? void 0 : _b.blur()));
@@ -71,6 +79,12 @@ export class StripeFieldElement extends CustomElement {
                     this.stripeField_ = stripe.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 && EvaluateLater({
+                            componentId: this.componentId_,
+                            contextElement: this,
+                            expression: this.onready,
+                            disableFunctionCall: false,
+                        })();
                         this.readyWaiters_.splice(0).forEach(waiter => JournalTry(waiter));
                     });
                     this.stripeField_.on('change', (event) => {
@@ -82,6 +96,7 @@ export class StripeFieldElement extends CustomElement {
                                 expression: this.onerrors,
                                 disableFunctionCall: false,
                             })(undefined, [], { error: event.error });
+                            this.changeListeners.forEach(listener => JournalTry(() => listener('error', event.error)));
                         }
                         else if (event === null || event === void 0 ? void 0 : event.complete) {
                             EvaluateLater({
@@ -90,8 +105,15 @@ export class StripeFieldElement extends CustomElement {
                                 expression: this.oncomplete,
                                 disableFunctionCall: false,
                             })();
+                            this.changeListeners.forEach(listener => JournalTry(() => listener('complete', true)));
                             (_a = this.GetStripe_()) === null || _a === void 0 ? void 0 : _a.FocusNextField(this);
                         }
+                        else {
+                            this.changeListeners.forEach((listener) => {
+                                JournalTry(() => listener('complete', false));
+                                JournalTry(() => listener('error', null));
+                            });
+                        }
                     });
                     this.stripeField_.mount(this);
                 }

package/lib/esm/components/payment-method.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="stripe-v3" />
 import { CustomElement } from "@benbraide/inlinejs-element";
-import { IStripeField, IStripePaymentDetails } from "../types";
+import { IStripeField, IStripePaymentDetails, StripeFieldChangeHandlerType } from "../types";
 export declare class StripePaymentMenthodElement extends CustomElement implements IStripeField {
     value: stripe.elements.Element | string;
     constructor();
     WaitReady(): Promise<void>;
+    AddChangeListener(listener: StripeFieldChangeHandlerType): void;
+    RemoveChangeListener(listener: StripeFieldChangeHandlerType): void;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

package/lib/esm/components/payment-method.js

@@ -16,6 +16,8 @@ export class StripePaymentMenthodElement extends CustomElement {
     WaitReady() {
         return Promise.resolve();
     }
+    AddChangeListener(listener) { }
+    RemoveChangeListener(listener) { }
     ToggleFocus(focused) { }
     Reset() { }
     AddDetails(details) {

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

@@ -6,11 +6,18 @@ export declare class StripeElement extends CustomElement implements IStripeEleme
     protected stripe_: stripe.Stripe | null;
     protected mounting_: boolean;
     protected mounted_: boolean;
+    protected isReady_: boolean;
+    protected readyWaiters_: (() => void)[];
     protected fields_: Array<IStripeField> | null;
+    protected readyFields_: Array<IStripeField> | null;
     protected instanceWaiters_: (() => void)[];
+    protected completeFields_: Array<IStripeField> | null;
+    protected errorFields_: Array<IStripeField> | null;
     options: stripe.elements.ElementsOptions | null;
     publicKey: string;
     onready: string;
+    oncomplete: string;
+    onerrors: string;
     defer: boolean;
     autofocus: boolean;
     constructor();
@@ -22,6 +29,7 @@ export declare class StripeElement extends CustomElement implements IStripeEleme
     Mount(): void;
     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 PayOrSetup_(pay: boolean, clientSecret: string, save?: boolean): Promise<false | stripe.PaymentIntentResponse>;
 }

package/lib/esm/components/stripe.js

@@ -15,7 +15,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { JournalTry } from "@benbraide/inlinejs";
+import { EvaluateLater, JournalTry } from "@benbraide/inlinejs";
 import { CustomElement, Property, RegisterCustomElement } from "@benbraide/inlinejs-element";
 export class StripeElement extends CustomElement {
     constructor() {
@@ -23,20 +23,82 @@ export class StripeElement extends CustomElement {
         this.stripe_ = null;
         this.mounting_ = false;
         this.mounted_ = false;
+        this.isReady_ = false;
+        this.readyWaiters_ = new Array();
         this.fields_ = null;
+        this.readyFields_ = null;
         this.instanceWaiters_ = new Array();
+        this.completeFields_ = null;
+        this.errorFields_ = null;
         this.options = null;
         this.publicKey = '';
         this.onready = '';
+        this.oncomplete = '';
+        this.onerrors = '';
         this.defer = false;
         this.autofocus = false;
     }
     AddStripeField(field) {
         this.fields_ = (this.fields_ || []);
         this.fields_.push(field);
+        field.WaitReady().then(() => {
+            this.readyFields_ = (this.readyFields_ || []);
+            this.readyFields_.push(field);
+            (this.fields_ && this.readyFields_ && this.fields_.length <= this.readyFields_.length) && JournalTry(() => {
+                this.isReady_ = true;
+                this.onready && EvaluateLater({
+                    componentId: this.componentId_,
+                    contextElement: this,
+                    expression: this.onready,
+                    disableFunctionCall: false,
+                })();
+                this.readyWaiters_.splice(0).forEach(waiter => JournalTry(waiter));
+            });
+        });
+        field.AddChangeListener((type, data) => {
+            if (type === 'complete') {
+                let changed = false;
+                this.completeFields_ = (this.completeFields_ || []);
+                if (data && !this.completeFields_.includes(field)) {
+                    this.completeFields_.push(field);
+                    changed = !!(this.readyFields_ && this.completeFields_.length == this.readyFields_.length);
+                }
+                else if (!data && this.completeFields_.includes(field)) {
+                    this.completeFields_ = this.completeFields_.filter(x => x !== field);
+                    changed = (this.completeFields_.length == 0);
+                }
+                changed && this.oncomplete && EvaluateLater({
+                    componentId: this.componentId_,
+                    contextElement: this,
+                    expression: this.oncomplete,
+                    disableFunctionCall: false,
+                })(undefined, [!!data], { complete: !!data });
+            }
+            else if (type === 'error') {
+                let changed = false;
+                this.errorFields_ = (this.errorFields_ || []);
+                this.errorFields_.push(field);
+                this.errorFields_ = (this.errorFields_ || []);
+                if (data && !this.errorFields_.includes(field)) {
+                    this.errorFields_.push(field);
+                    changed = (this.errorFields_.length == 1);
+                }
+                else if (!data && this.errorFields_.includes(field)) {
+                    this.errorFields_ = this.errorFields_.filter(x => x !== field);
+                    changed = (this.errorFields_.length == 0);
+                }
+                this.onerrors && EvaluateLater({
+                    componentId: this.componentId_,
+                    contextElement: this,
+                    expression: this.onerrors,
+                    disableFunctionCall: false,
+                })(undefined, [data], { error: data });
+            }
+        });
     }
     RemoveStripeField(field) {
         this.fields_ && (this.fields_ = this.fields_.filter(x => x !== field));
+        this.readyFields_ && (this.readyFields_ = this.readyFields_.filter(x => x !== field));
     }
     FocusNextField(field) {
         if (this.autofocus && this.fields_) {
@@ -70,6 +132,11 @@ export class StripeElement extends CustomElement {
     Setup(clientSecret) {
         return this.PayOrSetup_(false, clientSecret);
     }
+    WaitReady() {
+        return new Promise(resolve => {
+            this.isReady_ ? resolve() : this.readyWaiters_.push(() => resolve());
+        });
+    }
     HandleElementScopeCreated_(_a, postAttributesCallback) {
         var { scope } = _a, rest = __rest(_a, ["scope"]);
         super.HandleElementScopeCreated_(Object.assign({ scope }, rest), postAttributesCallback);
@@ -123,6 +190,12 @@ __decorate([
 __decorate([
     Property({ type: 'string' })
 ], StripeElement.prototype, "onready", void 0);
+__decorate([
+    Property({ type: 'string' })
+], StripeElement.prototype, "oncomplete", void 0);
+__decorate([
+    Property({ type: 'string' })
+], StripeElement.prototype, "onerrors", void 0);
 __decorate([
     Property({ type: 'boolean' })
 ], StripeElement.prototype, "defer", void 0);

package/lib/esm/types.d.ts

@@ -3,8 +3,12 @@ export interface IStripePaymentDetails {
     method?: stripe.elements.Element | string;
     billingDetails?: stripe.BillingDetails;
 }
+export declare type StripeFieldChangeType = 'error' | 'complete';
+export declare type StripeFieldChangeHandlerType = (type: StripeFieldChangeType, data: any) => void;
 export interface IStripeField {
     WaitReady(): Promise<void>;
+    AddChangeListener(listener: StripeFieldChangeHandlerType): void;
+    RemoveChangeListener(listener: StripeFieldChangeHandlerType): void;
     ToggleFocus(focused: boolean): void;
     Reset(): void;
     AddDetails(details: IStripePaymentDetails): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benbraide/inlinejs-stripe",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "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",