@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/cjs/subaccount-account-details_4.cjs.entry.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const utils = require('./utils-c1d2e426.js');
-const utils$1 = require('./utils-80191fbe.js');
-
-const SubaccountAccountDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.subaccount = undefined;
-        this.onboardingData = undefined;
-    }
-    render() {
-        var _a, _b, _c;
-        return (index.h(index.Host, { key: 'e1fb5d12ceaebcdf9645bb87d737140cf91284ef' }, index.h("div", { key: '8af4015b074993367606a1e2ac529c8550bbc417', class: 'p-2' }, index.h(utils.DetailSectionTitle, { key: 'ef64ecc4fa8950199f79a278825ba8e637d0ae2f', sectionTitle: 'Account Details' }), index.h("div", { key: '75135c47d475634b1531813cf001996ca049827f', class: "d-table gap-2 w-100" }, index.h("div", { key: '244e128a9faf2efe03137491683fcec13b19b11c', class: "row gy-3" }, index.h("div", { key: '6e2cc578f6c88482612d10ecb237d50c95a5f8b2', class: "col-12 col-md-6" }, index.h(utils.DetailItem, { key: '91e1203a0f54c0f6a031973639cc0b7ee067b616', title: 'Name', value: (_a = this.subaccount) === null || _a === void 0 ? void 0 : _a.name }), index.h(utils.DetailItem, { key: '97294360161d70802588bf6b4ce551b9e9a38fda', title: 'Terms of Service Accepted', value: (_c = (_b = this.onboardingData) === null || _b === void 0 ? void 0 : _b.payload) === null || _c === void 0 ? void 0 : _c.terms_and_conditions.accepted.toString() }), index.h(utils.DetailItem, { key: '0e81cf82f9e8c4bf12f816866775199a3b3f9ebd', title: 'Business Entity', value: 'something here' })))))));
-    }
-};
-
-const SubaccountMerchantDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.onboardingData = undefined;
-    }
-    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 (index.h(index.Host, { key: '0ed798876d8ad71afb988c4b72d8b4caaf42f785' }, index.h("div", { key: 'c2f6c29e9af4c9f1d60284210f0b95266ce9c0c9', class: 'p-2' }, index.h(utils.DetailSectionTitle, { key: '8108ae1179ffb31e76a21d1f7404b8df6e967b0f', sectionTitle: 'Merchant Details' }), index.h("div", { key: '9330cdf4c5aa8d0507b429d2c90a2387b5e622ab', class: "d-table gap-2 w-100" }, index.h("div", { key: '7530daf31b14ea9b3d71cdf9f5461feb09763234', class: "row gy-3" }, index.h("div", { key: '21971fdc415eea1373efa2f0bd1c4921cfb3ca6f', class: "col-12 col-md-6" }, index.h(utils.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 }), index.h(utils.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 }), index.h(utils.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 }), index.h(utils.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 }), index.h(utils.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) ? `${utils$1.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)}` : '' })), index.h("div", { key: 'a65137886ea0d46a2f47c601fb6c940001c7f9fe', class: "col-12 col-md-6" }, index.h(utils.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 })))))));
-    }
-};
-
-const SubaccountOwnersDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.data = undefined;
-    }
-    render() {
-        return (index.h(index.Host, { key: '48465384d0e04a934511b135fa04bafcc9c69548' }, index.h("div", { key: '55999527f2fce4d46c762c3c4afc6350d4339266', class: 'p-2' }, index.h(utils.DetailSectionTitle, { key: '6667c8dde51522572470d836003aeaebc1629e62', sectionTitle: 'Owners' }), index.h("div", { key: 'e2ff8aff9ee553405ebd207a57688d25c02a60bd', class: "d-table gap-2 w-100" }, index.h("div", { key: '679d193a098de29a34bab9d4d49d47764e85982b', class: "row gy-3" }, this.data && this.data.map((owner) => {
-            return (index.h("div", { class: "col-12 col-md-6" }, index.h(utils.DetailItem, { title: 'Owner Name', value: owner.name }), index.h(utils.DetailItem, { title: 'Owner Title', value: owner.title }), index.h(utils.DetailItem, { title: 'Owner Email', value: owner.email }), index.h(utils.DetailItem, { title: 'Owner Phone', value: owner.phone })));
-        }))))));
-    }
-};
-
-const SubaccountRepresentativeDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.data = undefined;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (index.h(index.Host, { key: 'd93c6212dd229d62dbde9ddb735a25e1f1ee635c' }, index.h("div", { key: '965ef03cdf5c5d8f8fa0c8e7731edc50cdc06827', class: 'p-2' }, index.h(utils.DetailSectionTitle, { key: '055830d555366b13796f832aaaf91ae586ecc2d7', sectionTitle: 'Representative' }), index.h("div", { key: '3575856f9ad54c9e210440a8ade920a0e0c3448d', class: "d-table gap-2 w-100" }, index.h("div", { key: '4c95cff1e152ce508b5dda0f63442c341f6b97b8', class: "row gy-3" }, index.h("div", { key: '1fa260e3e03572ebd139eeec8f0aa503be1a5f3e', class: "col-12 col-md-6" }, index.h(utils.DetailItem, { key: '0d53d0c6fca3b2d67372ee8bbccd32350daf5955', title: "Name", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.name }), index.h(utils.DetailItem, { key: '837898d37a06423a634a0429b402516a3923a416', title: "Date of Birth", value: utils$1.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))) }), index.h(utils.DetailItem, { key: 'a776337dc1bf1a79b6447be601f830f80f492def', title: "Email", value: (_e = this.data) === null || _e === void 0 ? void 0 : _e.email }), index.h(utils.DetailItem, { key: 'd2e1f5099926c0e61397b107e504ae0579dccb50', title: "Last 4 SSN Digits", value: (_f = this.data) === null || _f === void 0 ? void 0 : _f.ssn_last4 })), index.h("div", { key: 'd02f30b5b74bc76116d83641b7b5eb9fdd2c2070', class: "col-12 col-md-6" }, index.h(utils.DetailItem, { key: 'dbee1dce09c05b7565d9d0c0a1d7e057839edea4', title: "Title", value: (_g = this.data) === null || _g === void 0 ? void 0 : _g.title }), index.h(utils.DetailItem, { key: 'f82eb007f742d56c028431103863ef221e654494', title: "Phone", value: (_h = this.data) === null || _h === void 0 ? void 0 : _h.phone }), index.h(utils.DetailItem, { key: '386417d8002fb31ff2dc94affbc12b60919d2310', title: "Representative Address", value: (_j = this.data) === null || _j === void 0 ? void 0 : _j.address_line1 })))))));
-    }
-};
-
-exports.subaccount_account_details = SubaccountAccountDetails;
-exports.subaccount_merchant_details = SubaccountMerchantDetails;
-exports.subaccount_owners_details = SubaccountOwnersDetails;
-exports.subaccount_representative_details = SubaccountRepresentativeDetails;

package/dist/cjs/subaccount-bank-details.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const utils = require('./utils-c1d2e426.js');
-
-const SubaccountBankDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.data = undefined;
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        return (index.h(index.Host, { key: 'acff32b2be7082d822aa91b10866bf8dec0b2c0b' }, index.h(utils.DetailSectionTitle, { key: 'a292e06e625d2c4feb816b16ef59b7d35d619499', sectionTitle: 'Bank Account Details' }), index.h("div", { key: '58849047be2730d62dbfa66f00d7a941a54bcae2', class: "d-table gap-2 w-100" }, index.h("div", { key: '8ffc6377b1853f1502af07bfe0000d1431712fed', class: "row gy-3" }, index.h("div", { key: 'ac6c67db8beeefe14ae0f40e07b9bf01cb27228a', class: "col-12 col-md-6" }, index.h(utils.DetailItem, { key: 'c2f63fa39c723ad3843b9cd49988f917a43f8420', title: "Bank Name", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.bank_name }), index.h(utils.DetailItem, { key: 'ff0a37c2439f78a7c582ed885f7f17df0ac22a9e', title: "Account Type", value: (_b = this.data) === null || _b === void 0 ? void 0 : _b.account_type }), index.h(utils.DetailItem, { key: '18ce387aa03aa4b41e9676a4829ebb6f13adc024', title: "Account Number", value: (_c = this.data) === null || _c === void 0 ? void 0 : _c.account_number }), index.h(utils.DetailItem, { key: 'ae8d33a05902d2f3a0ab0d711efe6832959897a4', title: "Routing Number", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.routing_number }), index.h(utils.DetailItem, { key: '2829eece60a0956d8cba442e717b5f3cc3cfd5be', title: "Account Nickname", value: (_e = this.data) === null || _e === void 0 ? void 0 : _e.account_nickname }))))));
-    }
-};
-
-exports.subaccount_bank_details = SubaccountBankDetails;

package/dist/cjs/subaccount-terms-details.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const utils = require('./utils-c1d2e426.js');
-
-const SubaccountTermsDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.data = undefined;
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: 'aa7ffada2ee18ba7d62be5795c5cef560dd26184' }, index.h(utils.DetailSectionTitle, { key: '122081285aefa52f40251c81529148af59d84175', sectionTitle: 'Terms and Conditions' }), index.h("div", { key: '74d0817d94cf1f08a58f5b03b28b97ec953fe661', class: "d-table gap-2 w-100" }, index.h("div", { key: 'ef5f8f0017ce75ea326cb9d9f6b73cc10071be69', class: "row gy-3" }, index.h("div", { key: '915af12c352ac4ec62fded7b49f897e30bb40b1d', class: "col-12 col-md-6" }, index.h(utils.DetailItem, { key: 'c7541087fb9e724a679408af37f449749295ac13', title: "IP", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.ip }), index.h(utils.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() }), index.h(utils.DetailItem, { key: '375dc86a8af2095ac977c45e13ac1a026a30b2b1', title: "User Agent", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.user_agent }))))));
-    }
-};
-
-exports.subaccount_terms_details = SubaccountTermsDetails;

package/dist/collection/api/Proceed.js

@@ -1,41 +0,0 @@
-export var ProceedStatuses;
-(function (ProceedStatuses) {
-    ProceedStatuses["paid"] = "paid";
-    ProceedStatuses["failed"] = "failed";
-    ProceedStatuses["forwarded"] = "forwarded";
-    ProceedStatuses["scheduled"] = "scheduled";
-    ProceedStatuses["in_transit"] = "in_transit";
-    ProceedStatuses["canceled"] = "canceled";
-})(ProceedStatuses || (ProceedStatuses = {}));
-export var ProceedStatusesSafeNames;
-(function (ProceedStatusesSafeNames) {
-    ProceedStatusesSafeNames["paid"] = "Paid";
-    ProceedStatusesSafeNames["failed"] = "Failed";
-    ProceedStatusesSafeNames["forwarded"] = "Forwarded";
-    ProceedStatusesSafeNames["scheduled"] = "Scheduled";
-    ProceedStatusesSafeNames["in_transit"] = "In Transit";
-    ProceedStatusesSafeNames["canceled"] = "Canceled";
-})(ProceedStatusesSafeNames || (ProceedStatusesSafeNames = {}));
-export class Proceed {
-    constructor(payout) {
-        this.id = payout.id;
-        this.account_id = payout.account_id;
-        this.amount = payout.amount;
-        this.bank_account = payout.bank_account;
-        this.currency = payout.currency;
-        this.delivery_method = payout.delivery_method || 'standard';
-        this.description = payout.description;
-        this.deposits_at = payout.deposits_at;
-        this.fees_total = payout.fees_total;
-        this.refunds_count = payout.refunds_count;
-        this.refunds_total = payout.refunds_total;
-        this.payments_count = payout.payments_count;
-        this.payments_total = payout.payments_total;
-        this.payout_type = payout.payout_type;
-        this.other_total = payout.other_total;
-        this.status = payout.status;
-        this.metadata = payout.metadata;
-        this.created_at = payout.created_at;
-        this.updated_at = payout.updated_at;
-    }
-}

package/dist/collection/api/SubAccount.js

@@ -1,103 +0,0 @@
-import { formatCurrency, formatDate, formatPercentage, formatTime } from "../utils/utils";
-export var TagTypes;
-(function (TagTypes) {
-    TagTypes["neutral"] = "neutral";
-    TagTypes["info"] = "info";
-    TagTypes["success"] = "success";
-    TagTypes["warning"] = "warning";
-    TagTypes["error"] = "error";
-})(TagTypes || (TagTypes = {}));
-export var SubAccountStatusType;
-(function (SubAccountStatusType) {
-    SubAccountStatusType["created"] = "created";
-    SubAccountStatusType["submitted"] = "submitted";
-    SubAccountStatusType["information_needed"] = "information_needed";
-    SubAccountStatusType["enabled"] = "enabled";
-    SubAccountStatusType["disabled"] = "disabled";
-    SubAccountStatusType["rejected"] = "rejected";
-    SubAccountStatusType["archived"] = "archived";
-})(SubAccountStatusType || (SubAccountStatusType = {}));
-export var AccountType;
-(function (AccountType) {
-    AccountType["live"] = "live";
-    AccountType["test"] = "test";
-})(AccountType || (AccountType = {}));
-export var BusinessType;
-(function (BusinessType) {
-    BusinessType["forProfit"] = "for_profit";
-    BusinessType["nonProfit"] = "non_profit";
-    BusinessType["government"] = "government_entity";
-    BusinessType["individual"] = "individual";
-})(BusinessType || (BusinessType = {}));
-export var ForProfitStructure;
-(function (ForProfitStructure) {
-    ForProfitStructure["none"] = "";
-    ForProfitStructure["soleProprietorship"] = "sole_proprietorship";
-    ForProfitStructure["singleMember"] = "single_llc";
-    ForProfitStructure["multiMember"] = "multi_llc";
-    ForProfitStructure["privatePartnership"] = "private_partnership";
-    ForProfitStructure["privateCorp"] = "private_corporation";
-    ForProfitStructure["unincorporatedAssociation"] = "unincorporated_association";
-    ForProfitStructure["publicPartnership"] = "public_partnership";
-    ForProfitStructure["publicCorp"] = "public_corporation";
-})(ForProfitStructure || (ForProfitStructure = {}));
-export var NonProfitStructure;
-(function (NonProfitStructure) {
-    NonProfitStructure["incorporated"] = "incorporated";
-    NonProfitStructure["unincorporated"] = "unincorporated";
-})(NonProfitStructure || (NonProfitStructure = {}));
-export var GovernmentEntityStructure;
-(function (GovernmentEntityStructure) {
-    GovernmentEntityStructure["unit"] = "government_unit";
-    GovernmentEntityStructure["instrumentality"] = "government_instrumentality";
-    GovernmentEntityStructure["taxExempt"] = "tax_exempt_government_instrumentality";
-})(GovernmentEntityStructure || (GovernmentEntityStructure = {}));
-;
-export class SubAccount {
-    constructor(subAccount) {
-        this.findActiveRate = (subAccount, type) => {
-            return subAccount.application_fee_rates.find(rate => rate.rate_type === type);
-        };
-        this.getBasisPercentage = (rate) => {
-            return formatPercentage(rate === null || rate === void 0 ? void 0 : rate.basis_point_rate);
-        };
-        this.getTransactionFee = (rate) => {
-            return formatCurrency(rate === null || rate === void 0 ? void 0 : rate.transaction_fee);
-        };
-        this.getFormattedRate = (rate) => {
-            return rate ?
-                `${this.getBasisPercentage(rate)} + ${this.getTransactionFee(rate)}`
-                : 'Not set';
-        };
-        this.account_type = subAccount.account_type;
-        this.application_fee_rates = subAccount.application_fee_rates || [];
-        this.created_at = subAccount.created_at;
-        this.dateString = formatDate(subAccount.created_at);
-        this.timeString = formatTime(subAccount.created_at);
-        this.currency = subAccount.currency;
-        this.id = subAccount.id;
-        this.name = subAccount.name;
-        this.payout_ready = subAccount.payout_ready;
-        this.platform_account_id = subAccount.platform_account_id;
-        this.processing_ready = subAccount.processing_ready;
-        this.status = subAccount.status;
-        this.updated_at = subAccount.updated_at;
-        this.related_accounts = subAccount.related_accounts || {};
-        const activeCardRate = this.findActiveRate(subAccount, 'cc');
-        const activeAchRate = this.findActiveRate(subAccount, 'ach');
-        this.cardRate = this.getFormattedRate(activeCardRate);
-        this.achRate = this.getFormattedRate(activeAchRate);
-    }
-    get statusTagType() {
-        const typeMap = {
-            [SubAccountStatusType.enabled]: TagTypes.success,
-            [SubAccountStatusType.disabled]: TagTypes.error,
-            [SubAccountStatusType.rejected]: TagTypes.error,
-            [SubAccountStatusType.information_needed]: TagTypes.warning,
-            [SubAccountStatusType.submitted]: TagTypes.info,
-            [SubAccountStatusType.created]: TagTypes.neutral,
-            [SubAccountStatusType.archived]: TagTypes.neutral,
-        };
-        return typeMap[this.status];
-    }
-}

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.css

@@ -1,60 +0,0 @@
-:host {
-  display: block;
-}
-
-.btn.btn-secondary {
-  border-radius: var(--jfi-submit-button-border-radius);
-}
-
-.jfi-submit-button {
-  font-family: var(--jfi-layout-font-family);
-  color: var(--jfi-submit-button-color);
-  background-color: var(--jfi-submit-button-background-color);
-  border-color: var(--jfi-submit-button-border-color);
-  padding: var(--jfi-submit-button-padding);
-  font-size: var(--jfi-submit-button-font-size);
-  border-radius: var(--jfi-submit-button-border-radius);
-  width: var(--jfi-submit-button-width);
-  box-shadow: var(--jfi-submit-button-box-shadow);
-}
-
-.jfi-submit-button:hover {
-  color: var(--jfi-submit-button-color-hover);
-  background-color: var(--jfi-submit-button-background-color-hover);
-  border-color: var(--jfi-submit-button-border-color-hover);
-}
-
-.jfi-submit-button:focus {
-  color: var(--jfi-submit-button-color-focus);
-  background-color: var(--jfi-submit-button-background-color-focus);
-  border-color: var(--jfi-submit-button-border-color-focus);
-}
-
-/* Extra selector for specificity */
-.btn.jfi-submit-button:active {
-  color: var(--jfi-submit-button-color-active);
-  background-color: var(--jfi-submit-button-background-color-active);
-  border-color: var(--jfi-submit-button-border-color-active);
-}
-
-.btn.jfi-submit-button-loading {
-  min-width: 75px;
-  color: var(--jfi-submit-button-color-loading);
-  background-color: var(--jfi-submit-button-background-color-loading);
-  border-color: var(--jfi-submit-button-border-color-loading);
-}
-
-.btn.jfi-submit-button-loading .spinner-border {
-  border-top-color: var(--jfi-submit-button-color-loading);
-  border-bottom-color: var(--jfi-submit-button-color-loading);
-  border-left-color: var(--jfi-submit-button-color-loading);
-}
-
-/* Documents on File Table */
-.row-border {
-  border-bottom: 1px solid #dee2e6;
-}
-
-.row-border.first-row {
-  border-top: 1px solid #dee2e6;
-}

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

@@ -1,185 +0,0 @@
-import { h } from "@stencil/core";
-import { Api, pagingDefaults } from "../../api";
-import { Business } from "../../api/Business";
-import { formatDate, snakeCaseToHumanReadable } from "../../utils/utils";
-import { config } from "../../../config";
-import StyledHost from "../../utils/styled-host/styled-host";
-/**
- * @exportedPart table-head: Table head
- * @exportedPart table-head-row: Head row
- * @exportedPart table-head-cell: Individual head cell
- * @exportedPart table-body: Body of the table
- * @exportedPart table-row: Row of the table
- * @exportedPart table-cell: Individual cell of the table
- * @exportedPart loading-state-cell: Row for loading state
- * @exportedPart loading-state-spinner: Spinner element for loading state
- * @exportedPart error-state: Row for Error state
- * @exportedPart empty-state: Row for Emtpy state
- * @exportedPart pagination-bar: Pagination bar
- * @exportedPart arrow: Both paging buttons
- * @exportedPart arrow-left: Previous page button
- * @exportedPart arrow-right: Next page button
- * @exportedPart arrow-disabled: Disabled state for paging buttons
- */
-export class BusinessList {
-    constructor() {
-        this.mapProductStatusToBadge = (status) => {
-            return (status && 'bg-success') || 'bg-secondary';
-        };
-        this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor }));
-        };
-        this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor }));
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.businesses = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        var _a;
-        if (!this.accountId || !this.authToken) {
-            this.errorMessage =
-                'Can not fetch any data without an AccountID and an AuthToken';
-            this.loading = false;
-            return;
-        }
-        this.loading = true;
-        const endpoint = `entities/business`;
-        let accountIDParam = { account_id: this.accountId };
-        const response = await Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin })
-            .get(endpoint, Object.assign(Object.assign({}, accountIDParam), this.params));
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Business(dataItem));
-            this.businesses = data;
-        }
-        else {
-            this.errorMessage =
-                typeof response.error === 'string'
-                    ? response.error
-                    : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (h(StyledHost, { key: '7543ea36d336e7ca0e7450d4aee10698e22207f8' }, h("justifi-table", { key: '893dfb6cf957da857bd1290796cc6bbd9e7f1555', columnData: [
-                ['Legal Name', 'The name associated with this Business'],
-                ['Business Classification', 'The business classification'],
-                ['Tax ID', 'The tax ID associated with this business'],
-                ['Industry', 'The industry this business participates in'],
-                [
-                    'Product Ready',
-                    'List of our products that are used by this business',
-                ],
-                ['Created at', 'Date this business was created'],
-            ], rowData: this.businesses.map((business) => [
-                business.legal_name,
-                snakeCaseToHumanReadable(business.classification),
-                business.tax_id,
-                business.industry,
-                {
-                    type: 'inner',
-                    value: `
-                    <div class="d-flex flex-nowrap gap-1">
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.credit)}">Credit</span>
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.insurance)}">Insurance</span>
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.lending)}">Lending</span>
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.payment)}">Payment</span>
-                    </div>
-                  `,
-                },
-                formatDate(business.created_at),
-            ]), loading: this.loading, "error-message": this.errorMessage, params: this.params, paging: Object.assign(Object.assign({}, this.paging), { handleClickNext: this.handleClickNext, handleClickPrevious: this.handleClickPrevious }) })));
-    }
-    static get is() { return "justifi-business-list"; }
-    static get encapsulation() { return "shadow"; }
-    static get properties() {
-        return {
-            "accountId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "required",
-                            "text": undefined
-                        }, {
-                            "name": "type",
-                            "text": "{string}"
-                        }, {
-                            "name": "memberof",
-                            "text": "PaymentsList"
-                        }],
-                    "text": "The Account ID to fetch payments.\nThis is required to fetch any data."
-                },
-                "attribute": "account-id",
-                "reflect": false
-            },
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "required",
-                            "text": undefined
-                        }, {
-                            "name": "type",
-                            "text": "{string}"
-                        }],
-                    "text": "The Auth Token to fetch payments.\nThis is required to fetch any data."
-                },
-                "attribute": "auth-token",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "businesses": {},
-            "loading": {},
-            "errorMessage": {},
-            "paging": {},
-            "params": {}
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "accountId",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "authToken",
-                "methodName": "updateOnPropChange"
-            }, {
-                "propName": "params",
-                "methodName": "updateOnPropChange"
-            }];
-    }
-}

package/dist/collection/components/business-list/business-list.stories.js

@@ -1,68 +0,0 @@
-import { config } from "../../../config";
-export default {
-    title: 'dev/Components/BusinessList',
-    component: 'justifi-business-list',
-    parameters: {},
-};
-class BusinessListArgs {
-    constructor(args) {
-        this['auth-token'] = args['auth-token'] || config.proxyAuthToken;
-        this['account-id'] = args['account-id'] || config.exampleAccountId;
-    }
-}
-const Template = (args) => {
-    return `
-    <justifi-business-list
-      data-testid="justifi-business-list"
-      auth-token="${args['auth-token']}"
-      account-id="${args['account-id']}"
-    />
-  `;
-};
-export const Example = Template.bind({});
-Example.args = new BusinessListArgs({});
-export const Styled = Template.bind({});
-Styled.args = new BusinessListArgs({});
-Styled.decorators = [
-    (Story) => `
-    ${Story()}
-    <style>
-      justifi-business-list::part(table-head-cell) {
-        background-color: #F4F4F6;
-      }
-      justifi-business-list::part(pagination-bar) {
-        background-color: #F4F4F6;
-      }
-      justifi-business-list::part(arrow) {
-        --bs-btn-disabled-bg: #212529;
-        --bs-btn-disabled-border-color: #212529;
-        --bs-btn-bg: #212529;
-        --bs-btn-border-color: #212529;
-        --bs-btn-hover-bg: #fccc32;
-        --bs-btn-hover-border-color: #fccc32;
-      }
-      justifi-business-list::part(error-state) {
-        color: red;
-        background-color: #EEEEF5;
-      }
-      justifi-business-list::part(loading-state-cell) {
-        background-color: #EEEEF5;
-      }
-      justifi-business-list::part(table-row) {
-        background-color: #EEEEF5;
-      }
-      justifi-business-list::part(table-row-even) {
-        background-color: #F4F4F6;
-      }
-    </style>
-  `,
-];
-export const Contained = Template.bind({});
-Contained.decorators = [
-    (Story) => `
-    <div style="position: relative; width: 900px; height: 300px; overflow-x: hidden;">
-      ${Story()}
-    </div>
-  `,
-];
-Contained.args = new BusinessListArgs({});

package/dist/collection/components/business-list/example.js

@@ -1,12 +0,0 @@
-import { head } from '../../../storybook-pages/example-parts';
-
-export default `<!DOCTYPE html>
-<html dir="ltr" lang="en">
-
-${head('justifi-business-list')}
-
-<body>
-  <justifi-business-list></justifi-business-list>
-</body>
-
-</html>`;