npm - @justifi/webcomponents - Versions diffs - 4.7.4 → 4.7.6 - Mend

@justifi/webcomponents 4.7.4 → 4.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (649) hide show

package/dist/{components → module}/justifi-business-generic-info.d.ts RENAMED Viewed

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 interface JustifiBusinessGenericInfo extends Components.JustifiBusinessGenericInfo, HTMLElement {}
 export const JustifiBusinessGenericInfo: {
-  prototype: JustifiBusinessGenericInfo;
-  new (): JustifiBusinessGenericInfo;
+    prototype: JustifiBusinessGenericInfo;
+    new (): JustifiBusinessGenericInfo;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/{components → module}/justifi-business-list.d.ts RENAMED Viewed

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 interface JustifiBusinessList extends Components.JustifiBusinessList, HTMLElement {}
 export const JustifiBusinessList: {
-  prototype: JustifiBusinessList;
-  new (): JustifiBusinessList;
+    prototype: JustifiBusinessList;
+    new (): JustifiBusinessList;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/module/justifi-business-list.js ADDED Viewed

@@ -0,0 +1,197 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { A as Api } from './Api.js';
+import { p as pagingDefaults } from './Pagination.js';
+import './Payout.js';
+import { s as snakeCaseToHumanReadable, a as formatDate } from './utils2.js';
+import { c as config } from './config.js';
+import { d as defineCustomElement$3 } from './table.js';
+import { d as defineCustomElement$2 } from './pagination-menu2.js';
+var BusinessStructure;
+(function (BusinessStructure) {
+    BusinessStructure["sole_proprietorship"] = "sole_proprietorship";
+    BusinessStructure["single_llc"] = "single_llc";
+    BusinessStructure["multi_llc"] = "multi_llc";
+    BusinessStructure["private_partnership"] = "private_partnership";
+    BusinessStructure["private_corporation"] = "private_corporation";
+    BusinessStructure["unincorporated_association"] = "unincorporated_association";
+    BusinessStructure["public_partnership"] = "public_partnership";
+    BusinessStructure["public_corporation"] = "public_corporation";
+    BusinessStructure["incorporated"] = "incorporated";
+    BusinessStructure["unincorporated"] = "unincorporated";
+    BusinessStructure["government_unit"] = "government_unit";
+    BusinessStructure["government_instrumentality"] = "government_instrumentality";
+    BusinessStructure["tax_exempt_government_instrumentality"] = "tax_exempt_government_instrumentality";
+})(BusinessStructure || (BusinessStructure = {}));
+var BusinessType;
+(function (BusinessType) {
+    BusinessType["individual"] = "individual";
+    BusinessType["for_profit"] = "for_profit";
+    BusinessType["non_profit"] = "non_profit";
+    BusinessType["government_entity"] = "government_entity";
+})(BusinessType || (BusinessType = {}));
+class Business {
+    constructor(business) {
+        this.business_structure = business.business_structure;
+        this.business_type = business.business_type;
+        this.bank_accounts = business.bank_accounts;
+        this.created_at = business.created_at;
+        this.documents = business.documents;
+        this.doing_business_as = business.doing_business_as;
+        this.email = business.email;
+        this.id = business.id;
+        this.industry = business.industry;
+        this.legal_address = business.legal_address;
+        this.legal_name = business.legal_name;
+        this.metadata = business.metadata;
+        this.owners = business.owners;
+        this.phone = business.phone;
+        this.platform_account_id = business.platform_account_id;
+        this.representative = business.representative;
+        this.tax_id = business.tax_id;
+        this.updated_at = business.updated_at;
+        this.website_url = business.website_url;
+        this.product_categories = business.product_categories;
+    }
+}
+const businessListCss = ":root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:\"\"}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}:host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529}";
+const BusinessList = /*@__PURE__*/ proxyCustomElement(class BusinessList extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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(this.authToken, 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(Host, null, h("justifi-table", { columnData: [
+                ['Legal Name', 'The name associated with this Business'],
+                ['Business Type', 'The business type'],
+                ['Business Structure', 'The business structure'],
+                ['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.business_type),
+                snakeCaseToHumanReadable(business.business_structure),
+                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 watchers() { return {
+        "accountId": ["updateOnPropChange"],
+        "authToken": ["updateOnPropChange"],
+        "params": ["updateOnPropChange"]
+    }; }
+    static get style() { return businessListCss; }
+}, [1, "justifi-business-list", {
+        "accountId": [1, "account-id"],
+        "authToken": [1, "auth-token"],
+        "businesses": [32],
+        "loading": [32],
+        "errorMessage": [32],
+        "paging": [32],
+        "params": [32]
+    }, undefined, {
+        "accountId": ["updateOnPropChange"],
+        "authToken": ["updateOnPropChange"],
+        "params": ["updateOnPropChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-business-list", "justifi-table", "pagination-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-business-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BusinessList);
+            }
+            break;
+        case "justifi-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "pagination-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+const JustifiBusinessList = BusinessList;
+const defineCustomElement = defineCustomElement$1;
+export { JustifiBusinessList, defineCustomElement };

package/dist/{components → module}/justifi-business-owners.d.ts RENAMED Viewed

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 interface JustifiBusinessOwners extends Components.JustifiBusinessOwners, HTMLElement {}
 export const JustifiBusinessOwners: {
-  prototype: JustifiBusinessOwners;
-  new (): JustifiBusinessOwners;
+    prototype: JustifiBusinessOwners;
+    new (): JustifiBusinessOwners;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/{components → module}/justifi-business-representative.d.ts RENAMED Viewed

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 interface JustifiBusinessRepresentative extends Components.JustifiBusinessRepresentative, HTMLElement {}
 export const JustifiBusinessRepresentative: {
-  prototype: JustifiBusinessRepresentative;
-  new (): JustifiBusinessRepresentative;
+    prototype: JustifiBusinessRepresentative;
+    new (): JustifiBusinessRepresentative;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/{components → module}/justifi-card-form.d.ts RENAMED Viewed

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 interface JustifiCardForm extends Components.JustifiCardForm, HTMLElement {}
 export const JustifiCardForm: {
-  prototype: JustifiCardForm;
-  new (): JustifiCardForm;
+    prototype: JustifiCardForm;
+    new (): JustifiCardForm;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/module/justifi-card-form.js ADDED Viewed

@@ -0,0 +1,98 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './payment-method-form.js';
+const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        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 = undefined;
+        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);
+    }
+    /**
+     *  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", { 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' }));
+    }
+}, [0, "justifi-card-form", {
+        "validationMode": [1025, "validation-mode"],
+        "iframeOrigin": [1025, "iframe-origin"],
+        "singleLine": [4, "single-line"],
+        "internalStyleOverrides": [32],
+        "tokenize": [64],
+        "validate": [64],
+        "resize": [64]
+    }, [[0, "paymentMethodFormReady", "readyHandler"], [0, "paymentMethodFormTokenized", "tokenizeHandler"], [0, "paymentMethodFormValidated", "validateHandler"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-card-form", "justifi-payment-method-form"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-card-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CardForm);
+            }
+            break;
+        case "justifi-payment-method-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+const JustifiCardForm = CardForm;
+const defineCustomElement = defineCustomElement$1;
+export { JustifiCardForm, defineCustomElement };

package/dist/{components → module}/justifi-details.d.ts RENAMED Viewed

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 interface JustifiDetails extends Components.JustifiDetails, HTMLElement {}
 export const JustifiDetails: {
-  prototype: JustifiDetails;
-  new (): JustifiDetails;
+    prototype: JustifiDetails;
+    new (): JustifiDetails;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/{components → module}/justifi-gross-payment-chart.d.ts RENAMED Viewed

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 interface JustifiGrossPaymentChart extends Components.JustifiGrossPaymentChart, HTMLElement {}
 export const JustifiGrossPaymentChart: {
-  prototype: JustifiGrossPaymentChart;
-  new (): JustifiGrossPaymentChart;
+    prototype: JustifiGrossPaymentChart;
+    new (): JustifiGrossPaymentChart;
 };
 /**
  * Used to define this component and all nested components recursively.