@justifi/webcomponents 4.16.0 → 4.18.0

package/dist/collection/components/subaccount-details/subaccount-details.js

@@ -1,9 +1,10 @@
-import { Host, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { Api } from "../../api";
 import { SubAccount } from "../../api/SubAccount";
 import { EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from "../details/utils";
 import { MapSubAccountStatusToBadge, formatDate, formatTime } from "../../utils/utils";
 import { config } from "../../../config";
+import StyledHost from "../../utils/styled-host/styled-host";
 export class SubaccountDetails {
     constructor() {
         this.accountId = undefined;
@@ -56,20 +57,10 @@ export class SubaccountDetails {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f590781cda6211b0c8b865724da12742ad20b0d2' }, this.loading && LoadingState, !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.subaccount && this.onboardingData && (h("justifi-details", { key: 'a2e4d7450efbd32dce14f95c8032364b6399f4ab' }, h(EntityHeadInfo, { key: '99a75fbce11927970c55ecf21f2de6335a3dc69c', slot: 'head-info', badge: h("span", { slot: 'badge', innerHTML: MapSubAccountStatusToBadge(this.subaccount.status) }), title: this.subaccount.name }, h(EntityHeadInfoItem, { key: '866fd7877a57a0d4284b39d02dee10af7286e9cc', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}` }), h(EntityHeadInfoItem, { key: 'b459464f8b5321f76ed323a0f4ce22816b3a3812', classes: "border-1 border-end", title: "Last Updated", value: `${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}` }), h(EntityHeadInfoItem, { key: 'c53731a01c3b90af184b9e6dc2ad0bdd2c49e595', title: "ID", value: this.subaccount.id })), h("div", { key: 'c74c2ae4df5d0b378dc0d24ea86383c2f858eb55', slot: 'detail-sections' }, h("subaccount-account-details", { key: 'abd3b8ad50cf7e9c3c3ee913bda837888f95450f', subaccount: this.subaccount, onboardingData: this.onboardingData }), h("subaccount-merchant-details", { key: '1fdddccced3ac4143413136a6f722768d59f2ab6', onboardingData: this.onboardingData }), h("subaccount-representative-details", { key: '7ac103837569675a29e70940b495c27241e2985f', data: (_a = this.onboardingData.payload) === null || _a === void 0 ? void 0 : _a.representative }), h("subaccount-owners-details", { key: 'd35cd7d1fe61881ff101f7bd52ddf2820bfc9d00', data: (_b = this.onboardingData.payload) === null || _b === void 0 ? void 0 : _b.owners }))))));
+        return (h(StyledHost, { key: 'c32b7102406ae9d7f937c3cd9c2e6f213f06aa20' }, this.loading && LoadingState, !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.subaccount && this.onboardingData && (h("justifi-details", { key: '47332420860cecc98cee20a35125834b694306ed' }, h(EntityHeadInfo, { key: '681379f90251d911b8728b79614fd756b4c29d95', slot: 'head-info', badge: h("span", { slot: 'badge', innerHTML: MapSubAccountStatusToBadge(this.subaccount.status) }), title: this.subaccount.name }, h(EntityHeadInfoItem, { key: '9fb12b0fef139e18003e4e7bbdb31c8b3bfce5d3', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}` }), h(EntityHeadInfoItem, { key: 'eaa99f0f68d768d47ad3df05452d23b6311c6d93', classes: "border-1 border-end", title: "Last Updated", value: `${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a819a2a46408cbe283b02c816765092ff502e85c', title: "ID", value: this.subaccount.id })), h("div", { key: '24c3c113b1a06f3f44a777aa69c622f6a5fc2655', slot: 'detail-sections' }, h("subaccount-account-details", { key: 'a953676a158a40a417285cab08ccfcdc7e3c7119', subaccount: this.subaccount, onboardingData: this.onboardingData }), h("subaccount-merchant-details", { key: '0a970cd5b4b29389becd1547cca981f50dc99210', onboardingData: this.onboardingData }), h("subaccount-representative-details", { key: 'f2d5286019bb1cad941282143b646bcbb6a7766b', data: (_a = this.onboardingData.payload) === null || _a === void 0 ? void 0 : _a.representative }), h("subaccount-owners-details", { key: '189ff0cb2fe761921c0e2001cf4eebea33072a73', data: (_b = this.onboardingData.payload) === null || _b === void 0 ? void 0 : _b.owners }))))));
     }
     static get is() { return "justifi-subaccount-details"; }
     static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["subaccount-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["subaccount-details.css"]
-        };
-    }
     static get properties() {
         return {
             "accountId": {

package/dist/collection/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.js

@@ -7,20 +7,9 @@ export class SubaccountMerchantDetails {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-        return (h(Host, { key: '12bdff77118fe3e05a1f93391de7175d584abaed' }, h("div", { key: 'a975ee789970b6811c0c07e9b9cb3796e6d1abc7', class: 'p-2' }, h(DetailSectionTitle, { key: 'c79e32d0747be616dda24d80c5e2b2ffb28699a3', sectionTitle: 'Merchant Details' }), h("div", { key: 'bd21d3a2543bbf6939474f34bd4a7be4ac4efab0', class: "d-table gap-2 w-100" }, h("div", { key: 'd8307de99dfbf83ebb4dc65a5319390381e5821b', class: "row gy-3" }, h("div", { key: '4fcdf4fe11767dd5ab7a95c6929c632a68eb5fc9', class: "col-12 col-md-6" }, h(DetailItem, { key: '0c764ea44853279509de5581517d65b0ee332804', title: 'Doing Business As', value: (_d = (_c = (_b = (_a = this.onboardingData) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.business_details) === null || _c === void 0 ? void 0 : _c.doing_business_as) === null || _d === void 0 ? void 0 : _d.name }), h(DetailItem, { key: '162bfcceb873217b95265e716eedf301a5b50f9b', title: 'Website', value: (_g = (_f = (_e = this.onboardingData) === null || _e === void 0 ? void 0 : _e.payload) === null || _f === void 0 ? void 0 : _f.business_details) === null || _g === void 0 ? void 0 : _g.url }), h(DetailItem, { key: '0e1b6e3ea277bfb9e0b0480de500a49d50b5e5dc', title: 'Business Email', value: (_k = (_j = (_h = this.onboardingData) === null || _h === void 0 ? void 0 : _h.payload) === null || _j === void 0 ? void 0 : _j.business_details) === null || _k === void 0 ? void 0 : _k.email }), h(DetailItem, { key: '3818be1e2af97077d093d338d6b031694e381e63', title: 'Phone Number', value: (_o = (_m = (_l = this.onboardingData) === null || _l === void 0 ? void 0 : _l.payload) === null || _m === void 0 ? void 0 : _m.business_details) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { key: '0939df50701ace731378604be2a3a40e5fbb0677', title: 'Address', value: ((_r = (_q = (_p = this.onboardingData) === null || _p === void 0 ? void 0 : _p.payload) === null || _q === void 0 ? void 0 : _q.business_details) === null || _r === void 0 ? void 0 : _r.legal) ? `${formatLegalAddress((_u = (_t = (_s = this.onboardingData) === null || _s === void 0 ? void 0 : _s.payload) === null || _t === void 0 ? void 0 : _t.business_details) === null || _u === void 0 ? void 0 : _u.legal)}` : '' })), h("div", { key: '31a2c16d9732e6386ba0d874a7de21288a9ec5f3', class: "col-12 col-md-6" }, h(DetailItem, { key: '21f93dc06792899591ae6534c08577b76d5d908f', title: 'Business Type', value: (_x = (_w = (_v = this.onboardingData) === null || _v === void 0 ? void 0 : _v.payload) === null || _w === void 0 ? void 0 : _w.business_details) === null || _x === void 0 ? void 0 : _x.type })))))));
+        return (h(Host, { key: '0ed798876d8ad71afb988c4b72d8b4caaf42f785' }, h("div", { key: 'c2f6c29e9af4c9f1d60284210f0b95266ce9c0c9', class: 'p-2' }, h(DetailSectionTitle, { key: '8108ae1179ffb31e76a21d1f7404b8df6e967b0f', sectionTitle: 'Merchant Details' }), h("div", { key: '9330cdf4c5aa8d0507b429d2c90a2387b5e622ab', class: "d-table gap-2 w-100" }, h("div", { key: '7530daf31b14ea9b3d71cdf9f5461feb09763234', class: "row gy-3" }, h("div", { key: '21971fdc415eea1373efa2f0bd1c4921cfb3ca6f', class: "col-12 col-md-6" }, h(DetailItem, { key: '672ce809a0758ed6b6956e18deb789663cc3a91d', title: 'Doing Business As', value: (_d = (_c = (_b = (_a = this.onboardingData) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.business_details) === null || _c === void 0 ? void 0 : _c.doing_business_as) === null || _d === void 0 ? void 0 : _d.name }), h(DetailItem, { key: '2ce335f1f22de14e184c902cc1cf9e745596fa0c', title: 'Website', value: (_g = (_f = (_e = this.onboardingData) === null || _e === void 0 ? void 0 : _e.payload) === null || _f === void 0 ? void 0 : _f.business_details) === null || _g === void 0 ? void 0 : _g.url }), h(DetailItem, { key: 'c2d4d2ea0947ab54653f3840ab163ba6e11267b9', title: 'Business Email', value: (_k = (_j = (_h = this.onboardingData) === null || _h === void 0 ? void 0 : _h.payload) === null || _j === void 0 ? void 0 : _j.business_details) === null || _k === void 0 ? void 0 : _k.email }), h(DetailItem, { key: '802c3538727e990a915dc47781dce9641f4ed438', title: 'Phone Number', value: (_o = (_m = (_l = this.onboardingData) === null || _l === void 0 ? void 0 : _l.payload) === null || _m === void 0 ? void 0 : _m.business_details) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { key: '527942346c408ec1716d408598024ef745d5b077', title: 'Address', value: ((_r = (_q = (_p = this.onboardingData) === null || _p === void 0 ? void 0 : _p.payload) === null || _q === void 0 ? void 0 : _q.business_details) === null || _r === void 0 ? void 0 : _r.legal) ? `${formatLegalAddress((_u = (_t = (_s = this.onboardingData) === null || _s === void 0 ? void 0 : _s.payload) === null || _t === void 0 ? void 0 : _t.business_details) === null || _u === void 0 ? void 0 : _u.legal)}` : '' })), h("div", { key: 'a65137886ea0d46a2f47c601fb6c940001c7f9fe', class: "col-12 col-md-6" }, h(DetailItem, { key: '54856424c068760d8e031ee3481c31cefb6ecba0', title: 'Business Type', value: (_x = (_w = (_v = this.onboardingData) === null || _v === void 0 ? void 0 : _v.payload) === null || _w === void 0 ? void 0 : _w.business_details) === null || _x === void 0 ? void 0 : _x.type })))))));
     }
     static get is() { return "subaccount-merchant-details"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["subaccount-merchant-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["subaccount-merchant-details.css"]
-        };
-    }
     static get properties() {
         return {
             "onboardingData": {

package/dist/collection/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.js

@@ -5,22 +5,11 @@ export class SubaccountOwnersDetails {
         this.data = undefined;
     }
     render() {
-        return (h(Host, { key: '2f8ba3c657a3e413cfa5cf0bf8ad98d4155926dc' }, h("div", { key: '39e467ec2b18cd712391dcfd55dffc8971ab9589', class: 'p-2' }, h(DetailSectionTitle, { key: '3beb43833034d7679763b0425b7b24085305fe59', sectionTitle: 'Owners' }), h("div", { key: '7da30b34e0697fb108bd33a86708f5924158b7ee', class: "d-table gap-2 w-100" }, h("div", { key: 'e01bf6d6c74df9849dcff30b9ff381fa247e807c', class: "row gy-3" }, this.data && this.data.map((owner) => {
+        return (h(Host, { key: '48465384d0e04a934511b135fa04bafcc9c69548' }, h("div", { key: '55999527f2fce4d46c762c3c4afc6350d4339266', class: 'p-2' }, h(DetailSectionTitle, { key: '6667c8dde51522572470d836003aeaebc1629e62', sectionTitle: 'Owners' }), h("div", { key: 'e2ff8aff9ee553405ebd207a57688d25c02a60bd', class: "d-table gap-2 w-100" }, h("div", { key: '679d193a098de29a34bab9d4d49d47764e85982b', class: "row gy-3" }, this.data && this.data.map((owner) => {
             return (h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: 'Owner Name', value: owner.name }), h(DetailItem, { title: 'Owner Title', value: owner.title }), h(DetailItem, { title: 'Owner Email', value: owner.email }), h(DetailItem, { title: 'Owner Phone', value: owner.phone })));
         }))))));
     }
     static get is() { return "subaccount-owners-details"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["subaccount-owners-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["subaccount-owners-details.css"]
-        };
-    }
     static get properties() {
         return {
             "data": {

package/dist/collection/components/subaccount-details/subaccount-representative-details/subaccount-representative-details.js

@@ -7,20 +7,9 @@ export class SubaccountRepresentativeDetails {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(Host, { key: 'c4930d32f8d6fdde877b58eaeb6d35152af50c2a' }, h("div", { key: '29fb7ce41012d36d8172db52dfee480e7bd69477', class: 'p-2' }, h(DetailSectionTitle, { key: '73f9eaf38fff393e45144ef3a46cc892ed304249', sectionTitle: 'Representative' }), h("div", { key: '26c0c28c3f46f855e1d86c5c612c35424c17d522', class: "d-table gap-2 w-100" }, h("div", { key: '7f032b27634dcfb4753f8d279eec8ad82221084d', class: "row gy-3" }, h("div", { key: '6d9a9519ae99c56122622e0a082374712983a48e', class: "col-12 col-md-6" }, h(DetailItem, { key: '7a48c2b1ead5017a99a86f6979fdd14562bcb00f', title: "Name", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { key: '53c72866e08d3c5f8ed2a77a8635013affdcffc2', title: "Date of Birth", value: formatMediumDate(new Date(Number((_b = this.data) === null || _b === void 0 ? void 0 : _b.dob_year), Number((_c = this.data) === null || _c === void 0 ? void 0 : _c.dob_month) - 1, Number((_d = this.data) === null || _d === void 0 ? void 0 : _d.dob_day))) }), h(DetailItem, { key: '916412a40b1bee6c2b8a1920451db666ae6bd47c', title: "Email", value: (_e = this.data) === null || _e === void 0 ? void 0 : _e.email }), h(DetailItem, { key: 'ce1c8c69fb35d84aec4e6af7ce39430ab25d3ea9', title: "Last 4 SSN Digits", value: (_f = this.data) === null || _f === void 0 ? void 0 : _f.ssn_last4 })), h("div", { key: '7588f0c205ceda66817ca2a1ff74e7f9c444056c', class: "col-12 col-md-6" }, h(DetailItem, { key: 'c9101e159944407284bde73131c5c7168c809a0e', title: "Title", value: (_g = this.data) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { key: '6f6ea299d8f7e89037a2421dbb940bab19becad5', title: "Phone", value: (_h = this.data) === null || _h === void 0 ? void 0 : _h.phone }), h(DetailItem, { key: '4e923c20d146ee1383acfb7e93b4f62dadeeb157', title: "Representative Address", value: (_j = this.data) === null || _j === void 0 ? void 0 : _j.address_line1 })))))));
+        return (h(Host, { key: 'd93c6212dd229d62dbde9ddb735a25e1f1ee635c' }, h("div", { key: '965ef03cdf5c5d8f8fa0c8e7731edc50cdc06827', class: 'p-2' }, h(DetailSectionTitle, { key: '055830d555366b13796f832aaaf91ae586ecc2d7', sectionTitle: 'Representative' }), h("div", { key: '3575856f9ad54c9e210440a8ade920a0e0c3448d', class: "d-table gap-2 w-100" }, h("div", { key: '4c95cff1e152ce508b5dda0f63442c341f6b97b8', class: "row gy-3" }, h("div", { key: '1fa260e3e03572ebd139eeec8f0aa503be1a5f3e', class: "col-12 col-md-6" }, h(DetailItem, { key: '0d53d0c6fca3b2d67372ee8bbccd32350daf5955', title: "Name", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { key: '837898d37a06423a634a0429b402516a3923a416', title: "Date of Birth", value: formatMediumDate(new Date(Number((_b = this.data) === null || _b === void 0 ? void 0 : _b.dob_year), Number((_c = this.data) === null || _c === void 0 ? void 0 : _c.dob_month) - 1, Number((_d = this.data) === null || _d === void 0 ? void 0 : _d.dob_day))) }), h(DetailItem, { key: 'a776337dc1bf1a79b6447be601f830f80f492def', title: "Email", value: (_e = this.data) === null || _e === void 0 ? void 0 : _e.email }), h(DetailItem, { key: 'd2e1f5099926c0e61397b107e504ae0579dccb50', title: "Last 4 SSN Digits", value: (_f = this.data) === null || _f === void 0 ? void 0 : _f.ssn_last4 })), h("div", { key: 'd02f30b5b74bc76116d83641b7b5eb9fdd2c2070', class: "col-12 col-md-6" }, h(DetailItem, { key: 'dbee1dce09c05b7565d9d0c0a1d7e057839edea4', title: "Title", value: (_g = this.data) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { key: 'f82eb007f742d56c028431103863ef221e654494', title: "Phone", value: (_h = this.data) === null || _h === void 0 ? void 0 : _h.phone }), h(DetailItem, { key: '386417d8002fb31ff2dc94affbc12b60919d2310', title: "Representative Address", value: (_j = this.data) === null || _j === void 0 ? void 0 : _j.address_line1 })))))));
     }
     static get is() { return "subaccount-representative-details"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["subaccount-representative-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["subaccount-representative-details.css"]
-        };
-    }
     static get properties() {
         return {
             "data": {

package/dist/collection/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.js

@@ -6,20 +6,9 @@ export class SubaccountTermsDetails {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '43e71442a74f94bfe90d84208b8e7b5a0126cd17' }, h(DetailSectionTitle, { key: '7d42763806de989d098f00a509357766cc91bf7b', sectionTitle: 'Terms and Conditions' }), h("div", { key: '05e028b322f4bb76ed4a7dd26c401ac4aabcfbe8', class: "d-table gap-2 w-100" }, h("div", { key: '470fecfffe35b6682ba91728bf4130e54683ee1d', class: "row gy-3" }, h("div", { key: 'faa19eff64dd52ece544c58ac02fe5a03e2a54f9', class: "col-12 col-md-6" }, h(DetailItem, { key: '9747e01fcb10536957d424b5cbb7fb12deb0783d', title: "IP", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.ip }), h(DetailItem, { key: '8402d3bcdf21e4a40fd0e596a60bd6841ed0cbef', title: "Accepted?", value: (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b.accepted) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { key: '66ab81eff994e764edf7aa5189e532bbfe7b6e6a', title: "User Agent", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.user_agent }))))));
+        return (h(Host, { key: 'aa7ffada2ee18ba7d62be5795c5cef560dd26184' }, h(DetailSectionTitle, { key: '122081285aefa52f40251c81529148af59d84175', sectionTitle: 'Terms and Conditions' }), h("div", { key: '74d0817d94cf1f08a58f5b03b28b97ec953fe661', class: "d-table gap-2 w-100" }, h("div", { key: 'ef5f8f0017ce75ea326cb9d9f6b73cc10071be69', class: "row gy-3" }, h("div", { key: '915af12c352ac4ec62fded7b49f897e30bb40b1d', class: "col-12 col-md-6" }, h(DetailItem, { key: 'c7541087fb9e724a679408af37f449749295ac13', title: "IP", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.ip }), h(DetailItem, { key: 'e6eadb4c1f58a4fbbc56cae87114cb2271305fe9', title: "Accepted?", value: (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b.accepted) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { key: '375dc86a8af2095ac977c45e13ac1a026a30b2b1', title: "User Agent", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.user_agent }))))));
     }
     static get is() { return "subaccount-terms-details"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["subaccount-terms-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["subaccount-terms-details.css"]
-        };
-    }
     static get properties() {
         return {
             "data": {

package/dist/collection/components/subaccounts-list/subaccounts-list.js

@@ -50,7 +50,7 @@ export class SubaccountsList {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: 'c2a490790e861ab58c02caaac8238f4c3c7b6aa9' }, h("justifi-table", { key: '67367596ec93a4b3488318bf5be935d1937f3bce', rowClickHandler: e => {
+        return (h(Host, { key: '6e2998b090853a420c34facb9b9de8631964c5f3' }, h("justifi-table", { key: '10c02a8d0911b316d96c128dcfb2d488d75e7808', rowClickHandler: e => {
                 const clickSubAccountId = e.target.closest('tr').dataset.rowEntityId;
                 if (!clickSubAccountId) {
                     return;