@justifi/webcomponents 4.19.1-rc → 4.19.1-rc-3

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 };