@justifi/webcomponents 4.19.3-rc-1 → 4.19.3-rc-2

package/dist/webcomponents/p-edc37d1f.entry.js

@@ -0,0 +1,75 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { J as JustifiAnalytics } from './p-15eafa87.js';
+import './p-2e8f4937.js';
+import './p-29c0b182.js';
+
+const CardForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.cardFormReady = createEvent(this, "cardFormReady", 7);
+        this.ready = createEvent(this, "ready", 7);
+        this.cardFormTokenized = createEvent(this, "cardFormTokenize", 7);
+        this.cardFormValidated = createEvent(this, "cardFormValidate", 7);
+        this.validationMode = undefined;
+        this.iframeOrigin = "";
+        this.singleLine = false;
+        this.internalStyleOverrides = undefined;
+    }
+    readyHandler(event) {
+        console.warn(`The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);
+        this.cardFormReady.emit(event);
+        this.ready.emit(event);
+    }
+    tokenizeHandler(event) {
+        console.warn(`The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.cardFormTokenized.emit(event);
+    }
+    validateHandler(event) {
+        console.warn(`The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.cardFormValidated.emit(event);
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    /**
+     *  Makes a tokenization request to the iframe
+     */
+    async tokenize(...args) {
+        if (!this.childRef) {
+            throw new Error('Cannot call tokenize');
+        }
+        return this.childRef.tokenize(...args);
+    }
+    /**
+     *  Runs a validation on the form and shows errors if any
+     */
+    async validate() {
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.validate();
+    }
+    /**
+     *  Manually resizes the iframe to fit the contents of the iframe
+     *  @deprecated This method will be removed in future releases.
+     */
+    async resize() {
+        console.warn(`The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`);
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.resize();
+    }
+    render() {
+        return (h("justifi-payment-method-form", { key: 'cc0ad5d8a262ff5c8422d247caed469a8dea3488', ref: el => {
+                if (el) {
+                    this.childRef = el;
+                }
+            }, "iframe-origin": this.iframeOrigin, "payment-method-form-type": "card", "single-line": this.singleLine, "payment-method-form-ready": this.cardFormReady, "payment-method-form-validate": this.cardFormValidated, "payment-method-form-tokenize": this.cardFormTokenized, "payment-method-form-validation-mode": this.validationMode || 'onSubmit' }));
+    }
+};
+
+export { CardForm as justifi_card_form };

package/dist/webcomponents/p-f02b75dc.entry.js

@@ -0,0 +1,96 @@
+import { r as registerInstance, h, H as Host } from './p-fad19d75.js';
+import { c as DetailItem, D as DetailSectionTitle } from './p-dce846bf.js';
+import { i as isEmptyObject, s as snakeCaseToHumanReadable, e as formatMediumDate } from './p-83125497.js';
+
+const sharedBusinessDetailsCss$4 = ".flex-1{flex:1}";
+const AdditionalQuestionsDetailsStyle0 = sharedBusinessDetailsCss$4;
+
+const AdditionalQuestionsDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.additionalQuestions = undefined;
+    }
+    render() {
+        var _a, _b;
+        if (isEmptyObject(this.additionalQuestions))
+            return null;
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() }))))));
+    }
+};
+AdditionalQuestionsDetails.style = AdditionalQuestionsDetailsStyle0;
+
+const sharedBusinessDetailsCss$3 = ".flex-1{flex:1}";
+const GenericInfoDetailsStyle0 = sharedBusinessDetailsCss$3;
+
+const GenericInfoDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.business = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (!this.business)
+            return null;
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), h(DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), h(DetailItem, { title: "Business Classification", value: snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.classification) }), h(DetailItem, { title: "Industry", value: (_d = this.business) === null || _d === void 0 ? void 0 : _d.industry })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Tax ID", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.tax_id }), h(DetailItem, { title: "Website URL", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.website_url }), h(DetailItem, { title: "Email Address", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.email }), h(DetailItem, { title: "Phone Number", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.phone }))))));
+    }
+};
+GenericInfoDetails.style = GenericInfoDetailsStyle0;
+
+const sharedBusinessDetailsCss$2 = ".flex-1{flex:1}";
+const LegalAddressDetailsStyle0 = sharedBusinessDetailsCss$2;
+
+const LegalAddressDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.legalAddress = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (isEmptyObject(this.legalAddress))
+            return null;
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), h(DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), h(DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), h(DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), h(DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
+    }
+};
+LegalAddressDetails.style = LegalAddressDetailsStyle0;
+
+const sharedBusinessDetailsCss$1 = ".flex-1{flex:1}";
+const OwnerDetailsStyle0 = sharedBusinessDetailsCss$1;
+
+const OwnerDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.owners = undefined;
+    }
+    render() {
+        var _a;
+        if (!((_a = this === null || this === void 0 ? void 0 : this.owners) === null || _a === void 0 ? void 0 : _a.length))
+            return null;
+        return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) && (this.owners.map(owner => {
+            var _a, _b, _c, _d, _e;
+            return [
+                h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
+                h("div", { class: "d-table gap-2 w-100" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))
+            ];
+        }))));
+    }
+};
+OwnerDetails.style = OwnerDetailsStyle0;
+
+const sharedBusinessDetailsCss = ".flex-1{flex:1}";
+const RepresentativeDetailsStyle0 = sharedBusinessDetailsCss;
+
+const JustifiRepresentativeDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.representative = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        if (isEmptyObject(this.representative))
+            return null;
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
+    }
+};
+JustifiRepresentativeDetails.style = RepresentativeDetailsStyle0;
+
+export { AdditionalQuestionsDetails as additional_questions_details, GenericInfoDetails as generic_info_details, LegalAddressDetails as legal_address_details, OwnerDetails as owner_details, JustifiRepresentativeDetails as representative_details };