@justifi/webcomponents 4.19.3-rc-2 → 4.20.0

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

@@ -1,75 +0,0 @@
-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

@@ -1,96 +0,0 @@
-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 };

package/dist/{globals.d.ts → types/global.d.ts}

@@ -1,2 +1,2 @@
-declare const IFRAME_ORIGIN: string;
 declare const PROXY_API_ORIGIN: string;
+declare const IFRAME_ORIGIN: string;