npm - @justifi/webcomponents - Versions diffs - 4.7.3 → 4.7.5 - Mend

@justifi/webcomponents 4.7.3 → 4.7.5

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/justifi-business-list.js DELETED Viewed

@@ -1,192 +0,0 @@
-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-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-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]
-  }]);
-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;
-  } });
-}
-const JustifiBusinessList = BusinessList;
-const defineCustomElement = defineCustomElement$1;
-export { JustifiBusinessList, defineCustomElement };

package/dist/components/justifi-card-form.js DELETED Viewed

@@ -1,97 +0,0 @@
-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.cardFormTokenize = createEvent(this, "cardFormTokenize", 7);
-    this.cardFormValidate = 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.cardFormTokenize.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.cardFormValidate.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-tokenize": this.cardFormTokenize, "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, "paymentMethodFormTokenize", "tokenizeHandler"], [0, "paymentMethodFormValidate", "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;
-  } });
-}
-const JustifiCardForm = CardForm;
-const defineCustomElement = defineCustomElement$1;
-export { JustifiCardForm, defineCustomElement };

package/dist/components/justifi-payment-balance-transactions.js DELETED Viewed

@@ -1,122 +0,0 @@
-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 { P as PaymentBalanceTransaction } from './Payout.js';
-import { a as formatDate, d as formatTime, s as snakeCaseToHumanReadable, b as formatCurrency } 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';
-const paymentBalanceTransactionsCss = "";
-const PaymentBalanceTransactions = /*@__PURE__*/ proxyCustomElement(class PaymentBalanceTransactions extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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.paymentId = undefined;
-    this.balanceTransactions = [];
-    this.loading = true;
-    this.errorMessage = undefined;
-    this.paging = pagingDefaults;
-    this.params = undefined;
-  }
-  updateOnPropChange() {
-    this.fetchData();
-  }
-  connectedCallback() {
-    this.fetchData();
-  }
-  async fetchData() {
-    this.loading = true;
-    if (!this.accountId || !this.paymentId) {
-      this.errorMessage = 'Missing required props: accountId or paymentId';
-      this.loading = false;
-      return;
-    }
-    const endpoint = `account/${this.accountId}/payments/${this.paymentId}/payment_balance_transactions`;
-    const response = await Api(this.authToken, config.proxyApiOrigin).get(endpoint, this.params);
-    if (!response.error) {
-      this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-      this.balanceTransactions = response.data.map(dataItem => new PaymentBalanceTransaction(dataItem));
-    }
-    else {
-      this.errorMessage =
-        typeof response.error === 'string'
-          ? response.error
-          : response.error.message;
-    }
-    this.loading = false;
-  }
-  render() {
-    return (h(Host, null, h("justifi-table", { columnData: [
-        ['Processed On', 'The date each transaction occurred'],
-        ['Type', 'The type of each transaction'],
-        ['ID', 'The unique identifier of each transaction'],
-        ['Amout', 'The dollar amount of each transaction'],
-        [
-          'Balance',
-          'The running total amount of this payment that belongs to you',
-        ],
-      ], entityId: this.balanceTransactions.map(transaction => transaction.id), rowData: this.balanceTransactions.map(balanceTransaction => [
-        h("div", null, h("div", null, formatDate(balanceTransaction.created_at)), h("div", null, formatTime(balanceTransaction.created_at))),
-        snakeCaseToHumanReadable(balanceTransaction.payment_balance_txn_type),
-        balanceTransaction.payment_id,
-        formatCurrency(balanceTransaction.amount),
-        formatCurrency(balanceTransaction.balance),
-      ]), 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 {
-    "params": ["updateOnPropChange"]
-  }; }
-  static get style() { return paymentBalanceTransactionsCss; }
-}, [1, "justifi-payment-balance-transactions", {
-    "accountId": [1, "account-id"],
-    "authToken": [1, "auth-token"],
-    "paymentId": [1, "payment-id"],
-    "balanceTransactions": [32],
-    "loading": [32],
-    "errorMessage": [32],
-    "paging": [32],
-    "params": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["justifi-payment-balance-transactions", "justifi-table", "pagination-menu"];
-  components.forEach(tagName => { switch (tagName) {
-    case "justifi-payment-balance-transactions":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PaymentBalanceTransactions);
-      }
-      break;
-    case "justifi-table":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "pagination-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-const JustifiPaymentBalanceTransactions = PaymentBalanceTransactions;
-const defineCustomElement = defineCustomElement$1;
-export { JustifiPaymentBalanceTransactions, defineCustomElement };