@justifi/webcomponents 4.19.1-rc-6 → 4.19.1

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/webcomponents/p-fd7918c2.entry.js

@@ -1,99 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './p-a6d04afc.js';
-import './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import { P as Payout } from './p-e3fab0e2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
-import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
-import { E as ErrorState } from './p-dce846bf.js';
-import { J as JustifiAnalytics } from './p-20abace7.js';
-import './p-29c0b182.js';
-import './p-1bbbf15d.js';
-
-const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchPayout(id, authToken);
-        if (!response.error) {
-            const payout = new Payout(response.data);
-            onSuccess(payout);
-        }
-        else {
-            const errorMessage = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            onError({
-                error: errorMessage,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const errorMessage = getErrorMessage(error);
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        onError({
-            error: errorMessage,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-const PayoutDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.handleErrorEvent = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
-        this.payoutId = undefined;
-        this.authToken = undefined;
-        this.getPayout = undefined;
-        this.getPayoutCSV = undefined;
-        this.errorMessage = null;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeServices();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    propChanged() {
-        this.initializeServices();
-    }
-    initializeServices() {
-        if (this.payoutId && this.authToken) {
-            this.getPayout = makeGetPayoutDetails({
-                id: this.payoutId,
-                authToken: this.authToken,
-                service: new PayoutService()
-            });
-            this.getPayoutCSV = makeGetPayoutCSV({
-                authToken: this.authToken,
-                service: new PayoutService()
-            });
-        }
-        else {
-            this.errorMessage = 'Failed to load payout details. payoutId or authToken is not provided.';
-            this.errorEvent.emit({
-                message: this.errorMessage,
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR
-            });
-        }
-    }
-    render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h("payout-details-core", { getPayout: this.getPayout, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleErrorEvent }));
-    }
-    static get watchers() { return {
-        "payoutId": ["propChanged"],
-        "authToken": ["propChanged"]
-    }; }
-};
-
-export { PayoutDetails as justifi_payout_details };