@justifi/webcomponents 4.7.3 → 4.7.5

package/dist/esm/{utils-40b7002c.js → utils-26c7dd12.js}

@@ -1,11 +1,11 @@
-function _typeof$1(obj) {
+function _typeof$1(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof$1(o);
 }
 
 function toInteger(dirtyNumber) {
@@ -3840,126 +3840,126 @@ var Dinero = function Dinero(options) {
 var dinero = Object.assign(Dinero, Defaults, Globals, Static);
 
 function formatCurrency(amount, withSymbol = true) {
-  if (!amount)
-    amount = 0;
-  function format(amount) {
-    const formattedString = withSymbol ? '$0,0.00' : '0,0.00';
-    return dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);
-  }
-  return amount < 0 ? `(${format(-amount)})` : format(amount);
+    if (!amount)
+        amount = 0;
+    function format(amount) {
+        const formattedString = withSymbol ? '$0,0.00' : '0,0.00';
+        return dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);
+    }
+    return amount < 0 ? `(${format(-amount)})` : format(amount);
 }
 function formatPercentage(amount) {
-  if (!amount)
-    amount = 0;
-  function format(amount) {
-    const number = amount / 100;
-    return number.toFixed(2).toString() + '%';
-  }
-  return format(amount);
+    if (!amount)
+        amount = 0;
+    function format(amount) {
+        const number = amount / 100;
+        return number.toFixed(2).toString() + '%';
+    }
+    return format(amount);
 }
 function formatDate(dateString) {
-  if (!dateString)
-    return '';
-  const date = new Date(dateString);
-  return format(date, 'MMM d, yyyy');
+    if (!dateString)
+        return '';
+    const date = new Date(dateString);
+    return format(date, 'MMM d, yyyy');
 }
 // eg. Oct 9, 2023
 function formatMediumDate(input) {
-  // Check if input is a string and convert to Date object
-  if (typeof input === 'string') {
-    input = new Date(input);
-  }
-  // Check if input is a valid date
-  if (Object.prototype.toString.call(input) === '[object Date]') {
-    if (isNaN(input.getTime())) {
-      return 'Invalid date';
+    // Check if input is a string and convert to Date object
+    if (typeof input === 'string') {
+        input = new Date(input);
     }
-  }
-  else {
-    return 'Invalid input';
-  }
-  const options = {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-  };
-  return input.toLocaleDateString('en-US', options);
+    // Check if input is a valid date
+    if (Object.prototype.toString.call(input) === '[object Date]') {
+        if (isNaN(input.getTime())) {
+            return 'Invalid date';
+        }
+    }
+    else {
+        return 'Invalid input';
+    }
+    const options = {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+    };
+    return input.toLocaleDateString('en-US', options);
 }
 function formatDisplayDate(value, endDate) {
-  const isEndingDate = value === endDate;
-  return (isEndingDate) ? 'Today' : format(new Date(value.replace(/-/g, '/')), 'MMM d');
+    const isEndingDate = value === endDate;
+    return (isEndingDate) ? 'Today' : format(new Date(value.replace(/-/g, '/')), 'MMM d');
 }
 function formatTime(dateString) {
-  if (!dateString)
-    return '';
-  const date = new Date(dateString);
-  return format(date, 'h:mmaaa');
+    if (!dateString)
+        return '';
+    const date = new Date(dateString);
+    return format(date, 'h:mmaaa');
 }
 function formatLegalAddress(address) {
-  return `${address.address_line1}, ${address.address_city}, ${address.address_state}, ${address.address_postal_code}`;
+    return `${address.address_line1}, ${address.address_city}, ${address.address_state}, ${address.address_postal_code}`;
 }
 function extractComputedFontsToLoad() {
-  var _a;
-  const computedStyles = getComputedStyle(document.body);
-  return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
+    var _a;
+    const computedStyles = getComputedStyle(document.body);
+    return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
 }
 const MapPaymentStatusToBadge = (status) => {
-  switch (status) {
-    case 'authorized':
-      return "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>";
-    case 'disputed':
-      return "<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>";
-    case 'achFailed':
-      return "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>";
-    case 'failed':
-      return "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>";
-    case 'fully_refunded':
-      return "<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>";
-    case 'partially_refunded':
-      return "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
-    case 'pending':
-      return "<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>";
-    case 'succeeded':
-      return "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
-  }
+    switch (status) {
+        case 'authorized':
+            return "<span class='badge bg-primary' title='This card payment was authorized, but not captured. It could still succeed or fail.'>Authorized</span>";
+        case 'disputed':
+            return "<span class='badge bg-primary' title='The account holder disputed this payment. The amount has been returned and a fee assessed.'>Disputed</span>";
+        case 'achFailed':
+            return "<span class='badge bg-danger' title='The funds couldn't be collected for this ACH payment (in addition to the original payment, an ACH return and fee will appear in a payout)'>Failed</span>";
+        case 'failed':
+            return "<span class='badge bg-danger' title='This card payment didn't go through (it won't appear in a payout)'>Failed</span>";
+        case 'fully_refunded':
+            return "<span class='badge bg-primary' title='The full amount of this payment has been refunded'>Fully Refunded</span>";
+        case 'partially_refunded':
+            return "<span class='badge bg-primary' title='A portion of this payment has been refunded'>Partially Refunded</span>";
+        case 'pending':
+            return "<span class='badge bg-secondary' title='This ACH payment was processed, but the funds haven't settled. It could still succeed or fail.'>Pending</span>";
+        case 'succeeded':
+            return "<span class='badge bg-success' title='This payment was successfully captured'>Successful</span>";
+    }
 };
 const MapPayoutStatusToBadge = (status) => {
-  switch (status) {
-    case 'canceled':
-      return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>";
-    case 'failed':
-      return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>";
-    case 'forwarded':
-      return "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>";
-    case 'in_transit':
-      return "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>";
-    case 'paid':
-      return "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>";
-    case 'pending':
-      return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>";
-    case 'scheduled':
-      return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>";
-    case 'withdrawn':
-      return "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
-  }
+    switch (status) {
+        case 'canceled':
+            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>";
+        case 'failed':
+            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>";
+        case 'forwarded':
+            return "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>";
+        case 'in_transit':
+            return "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>";
+        case 'paid':
+            return "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>";
+        case 'pending':
+            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>";
+        case 'scheduled':
+            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>";
+        case 'withdrawn':
+            return "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
+    }
 };
 const MapSubAccountStatusToBadge = (status) => {
-  switch (status) {
-    case 'created':
-      return "<span class='badge bg-primary' title='This sub account has been created, but we haven't received their onboarding yet'>Canceled</span>";
-    case 'submitted':
-      return "<span class='badge bg-info' title='We've received this sub account's onboarding and we're reviewing their information'>Submitted</span>";
-    case 'information_needed':
-      return "<span class='badge bg-warning' title='We've reviewed this sub account's onboarding information and found an issue'>Information Needed</span>";
-    case 'enabled':
-      return "<span class='badge bg-success' title='This sub account is approved to process payments'>Enabled</span>";
-    case 'disabled':
-      return "<span class='badge bg-danger' title='This sub account was previously approved, but has since become ineligible to process payments'>Disabled</span>";
-    case 'rejected':
-      return "<span class='badge bg-danger' title='This sub account didn't pass approval, so they won't be able to process payments'>Rejected</span>";
-    case 'archived':
-      return "<span class='badge bg-primary' title='This sub account has been archived. They won't be able to process payments unless they are restored'>Archived</span>";
-  }
+    switch (status) {
+        case 'created':
+            return "<span class='badge bg-primary' title='This sub account has been created, but we haven't received their onboarding yet'>Canceled</span>";
+        case 'submitted':
+            return "<span class='badge bg-info' title='We've received this sub account's onboarding and we're reviewing their information'>Submitted</span>";
+        case 'information_needed':
+            return "<span class='badge bg-warning' title='We've reviewed this sub account's onboarding information and found an issue'>Information Needed</span>";
+        case 'enabled':
+            return "<span class='badge bg-success' title='This sub account is approved to process payments'>Enabled</span>";
+        case 'disabled':
+            return "<span class='badge bg-danger' title='This sub account was previously approved, but has since become ineligible to process payments'>Disabled</span>";
+        case 'rejected':
+            return "<span class='badge bg-danger' title='This sub account didn't pass approval, so they won't be able to process payments'>Rejected</span>";
+        case 'archived':
+            return "<span class='badge bg-primary' title='This sub account has been archived. They won't be able to process payments unless they are restored'>Archived</span>";
+    }
 };
 /**
  * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.
@@ -3972,10 +3972,10 @@ const MapSubAccountStatusToBadge = (status) => {
  * console.log(readable); // Outputs: "Sole Proprietorship"
  */
 function snakeCaseToHumanReadable(snakeCaseStr) {
-  return snakeCaseStr
-    .split('_')
-    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-    .join(' ');
+    return snakeCaseStr
+        .split('_')
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
 }
 
 export { MapPaymentStatusToBadge as M, formatCurrency as a, formatDisplayDate as b, formatTime as c, MapPayoutStatusToBadge as d, extractComputedFontsToLoad as e, formatDate as f, MapSubAccountStatusToBadge as g, formatPercentage as h, formatMediumDate as i, formatLegalAddress as j, snakeCaseToHumanReadable as s };

package/dist/esm/utils-7c6bd149.js

@@ -0,0 +1,27 @@
+import { h } from './index-ff8194f9.js';
+
+const LoadingState = (h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+    h("div", { part: "detail-loading-spinner", class: "spinner-border spinner-border-sm", role: "status" },
+        h("span", { class: "visually-hidden" }, "Loading..."))));
+const ErrorState = (errorMessage) => (h("main", { part: "detail-empty-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+    h("div", null, errorMessage)));
+const DetailSection = ({ sectionTitle }, children) => (h("div", { part: "detail-section", class: "mt-4" },
+    h("h5", { part: "detail-section-title" }, sectionTitle),
+    h("hr", null),
+    h("div", { class: "d-table gap-2 w-100" }, children)));
+const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" },
+    h("span", { part: "detail-section-item-title", class: "fw-bold d-table-cell px-2" }, title),
+    h("span", { part: "detail-section-item-data", class: "flex-1 d-table-cell px-2 text-wrap", innerHTML: value }))) : null;
+const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { part: "detail-head-info-item", class: `d-flex flex-column ${classes}` },
+    h("span", { part: "detail-head-info-item-title", class: "fw-bold border-1 border-bottom ps-2 pe-2" }, title),
+    h("span", { part: "detail-head-info-item-data", class: "pt-2 ps-2 pe-2" }, value)));
+const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, part: "detail-head", class: "p-2" },
+    h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" },
+        h("h1", { class: "m-0", part: "detail-title" }, title),
+        badge),
+    h("div", { part: "detail-head-info", class: "d-flex flex-row align-items-top" }, children)));
+const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' },
+    h("pre", { part: "detail-metadata", class: "p-2", "aria-label": "metadata content" },
+        h("code", null, JSON.stringify(metadata, null, 2))))) : null;
+
+export { CodeBlock as C, DetailSection as D, ErrorState as E, LoadingState as L, EntityHeadInfo as a, EntityHeadInfoItem as b, DetailItem as c };

package/dist/esm/webcomponents.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-7471ed60.js';
-export { s as setNonce } from './index-7471ed60.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-ff8194f9.js';
+export { s as setNonce } from './index-ff8194f9.js';
 
 /*
- Stencil Client Patch Browser v4.1.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
@@ -14,5 +14,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["justifi-business-form",[[0,"justifi-business-form",{"authToken":[1,"auth-token"],"businessId":[1,"business-id"],"isLoading":[32]}]]],["justifi-business-form-stepped",[[0,"justifi-business-form-stepped",{"authToken":[1,"auth-token"],"accountId":[1,"account-id"],"businessId":[1,"business-id"],"testMode":[4,"test-mode"],"isLoading":[32],"currentStep":[32],"totalSteps":[32],"serverError":[32]}]]],["justifi-business-details",[[1,"justifi-business-details",{"businessId":[1,"business-id"],"authToken":[1,"auth-token"],"business":[32],"renderState":[32],"errorMessage":[32]}]]],["justifi-payment-form",[[1,"justifi-payment-form",{"bankAccount":[4,"bank-account"],"card":[4],"email":[1],"iframeOrigin":[1,"iframe-origin"],"clientId":[1,"client-id"],"accountId":[1,"account-id"],"submitButtonText":[1,"submit-button-text"],"submitButtonEnabled":[32],"hasLoadedFonts":[32],"isLoading":[32],"selectedPaymentMethodType":[32],"allowedPaymentMethodTypes":[32],"fillBillingForm":[64],"enableSubmitButton":[64],"loadFontsOnParent":[64]},[[0,"paymentMethodSelected","paymentMethodSelectedHandler"]]]]],["justifi-subaccount-details",[[1,"justifi-subaccount-details",{"accountId":[1,"account-id"],"subaccountId":[1,"subaccount-id"],"authToken":[1,"auth-token"],"onboardingData":[32],"subaccount":[32],"loading":[32],"errorMessage":[32]}]]],["justifi-business-list",[[1,"justifi-business-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"businesses":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]}]]],["justifi-payment-balance-transactions",[[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]}]]],["justifi-payments-list",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"payments":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]}]]],["justifi-payouts-list",[[1,"justifi-payouts-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"payouts":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]}]]],["justifi-proceeds-list",[[1,"justifi-proceeds-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"proceeds":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]}]]],["justifi-refund-form",[[1,"justifi-refund-form",{"authToken":[1,"auth-token"],"paymentId":[1,"payment-id"],"amount":[2],"submitButtonText":[1,"submit-button-text"],"withButton":[4,"with-button"],"refundInfoText":[1,"refund-info-text"],"errors":[32],"isSubmitting":[32]}]]],["justifi-subaccounts-list",[[1,"justifi-subaccounts-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"subaccounts":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]}]]],["justifi-payment-method-form",[[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationMode":[1025,"payment-method-form-validation-mode"],"iframeOrigin":[1,"iframe-origin"],"singleLine":[4,"single-line"],"resize":[64],"tokenize":[64],"validate":[64]}]]],["justifi-bank-account-form",[[0,"justifi-bank-account-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64],"resize":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-card-form",[[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"]]]]],["justifi-payment-details",[[1,"justifi-payment-details",{"paymentId":[1,"payment-id"],"authToken":[1,"auth-token"],"payment":[32],"loading":[32],"errorMessage":[32]}]]],["justifi-payout-details",[[1,"justifi-payout-details",{"payoutId":[1,"payout-id"],"authToken":[1,"auth-token"],"payout":[32],"loading":[32],"errorMessage":[32]}]]],["justifi-gross-payment-chart",[[1,"justifi-gross-payment-chart",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"data":[32],"total":[32],"dates":[32],"endDate":[32],"loading":[32],"errorMessage":[32]}]]],["subaccount-bank-details",[[1,"subaccount-bank-details",{"data":[16]}]]],["subaccount-terms-details",[[1,"subaccount-terms-details",{"data":[16]}]]],["justifi-billing-form_2",[[1,"justifi-billing-form",{"legend":[1025],"billingFields":[32],"billingFieldsErrors":[32],"fill":[64],"validate":[64],"getValues":[64]},[[0,"fieldReceivedInput","setFormValue"]]],[1,"justifi-payment-method-selector",{"paymentMethodTypes":[16],"selectedPaymentMethodType":[1,"selected-payment-method-type"]}]]],["justifi-details",[[1,"justifi-details",{"errorMessage":[1,"error-message"]}]]],["subaccount-account-details_4",[[1,"subaccount-account-details",{"subaccount":[16],"onboardingData":[16]}],[1,"subaccount-merchant-details",{"onboardingData":[8,"onboarding-data"]}],[1,"subaccount-owners-details",{"data":[16]}],[1,"subaccount-representative-details",{"data":[16]}]]],["select-input_2",[[1,"select-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"options":[16],"internalValue":[32]}],[1,"text-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"internalValue":[32]}]]],["form-control-monetary",[[1,"form-control-monetary",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16]}]]],["additional-questions-details_5",[[1,"additional-questions-details",{"business":[16]}],[1,"generic-info-details",{"business":[16]}],[1,"legal-address-details",{"legalAddress":[16]}],[1,"owner-details",{"owners":[16]}],[1,"representative-details",{"representative":[16]}]]],["form-control-datepart_2",[[1,"form-control-datepart",{"label":[1],"name":[1],"error":[1],"defaultValue":[1,"default-value"],"type":[1],"inputHandler":[16],"disabled":[4]}],[1,"form-control-number-masked",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"mask":[1],"disabled":[4]}]]],["form-control-number_3",[[1,"form-control-select",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"options":[16],"disabled":[4]}],[1,"form-control-number",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"disabled":[4],"input":[32]}],[1,"form-control-text",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"disabled":[4],"inputHandler":[16],"input":[32]}]]],["justifi-additional-questions_6",[[0,"justifi-business-representative",{"formController":[16],"errors":[32],"representative":[32]}],[0,"justifi-business-generic-info",{"formController":[16],"errors":[32]}],[0,"justifi-business-owners",{"formController":[16],"isEditing":[4,"is-editing"],"errors":[32],"owners":[32]}],[0,"justifi-legal-address-form",{"formController":[16],"errors":[32],"legal_address":[32]}],[0,"justifi-additional-questions",{"formController":[16],"errors":[32],"additional_questions":[32]}],[1,"justifi-business-address-form",{"onFormUpdate":[16],"errors":[8],"defaultValues":[8,"default-values"],"address":[32]}]]],["justifi-table_2",[[1,"justifi-table",{"loading":[4],"errorMessage":[1,"error-message"],"rowData":[16],"columnData":[16],"paging":[16],"params":[8],"entityId":[16],"rowClickHandler":[16]}],[1,"pagination-menu",{"paging":[16],"params":[16]}]]]], options);
+  return bootstrapLazy([["justifi-business-form",[[0,"justifi-business-form",{"authToken":[1,"auth-token"],"businessId":[1,"business-id"],"isLoading":[32]}]]],["justifi-business-form-stepped",[[0,"justifi-business-form-stepped",{"authToken":[1,"auth-token"],"accountId":[1,"account-id"],"businessId":[1,"business-id"],"testMode":[4,"test-mode"],"isLoading":[32],"currentStep":[32],"totalSteps":[32],"serverError":[32]}]]],["justifi-business-details",[[1,"justifi-business-details",{"businessId":[1,"business-id"],"authToken":[1,"auth-token"],"business":[32],"renderState":[32],"errorMessage":[32]}]]],["justifi-payment-form",[[1,"justifi-payment-form",{"bankAccount":[4,"bank-account"],"card":[4],"email":[1],"iframeOrigin":[1,"iframe-origin"],"clientId":[1,"client-id"],"accountId":[1,"account-id"],"submitButtonText":[1,"submit-button-text"],"submitButtonEnabled":[32],"hasLoadedFonts":[32],"isLoading":[32],"selectedPaymentMethodType":[32],"allowedPaymentMethodTypes":[32],"fillBillingForm":[64],"enableSubmitButton":[64],"loadFontsOnParent":[64]},[[0,"paymentMethodSelected","paymentMethodSelectedHandler"]]]]],["justifi-subaccount-details",[[1,"justifi-subaccount-details",{"accountId":[1,"account-id"],"subaccountId":[1,"subaccount-id"],"authToken":[1,"auth-token"],"onboardingData":[32],"subaccount":[32],"loading":[32],"errorMessage":[32]},null,{"subaccountId":["updateOnPropChange"],"authToken":["updateOnPropChange"]}]]],["justifi-business-list",[[1,"justifi-business-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"businesses":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]},null,{"accountId":["updateOnPropChange"],"authToken":["updateOnPropChange"],"params":["updateOnPropChange"]}]]],["justifi-payment-balance-transactions",[[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]},null,{"params":["updateOnPropChange"]}]]],["justifi-payments-list",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"payments":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]},null,{"accountId":["updateOnPropChange"],"authToken":["updateOnPropChange"],"params":["updateOnPropChange"]}]]],["justifi-payouts-list",[[1,"justifi-payouts-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"payouts":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]},null,{"accountId":["updateOnPropChange"],"authToken":["updateOnPropChange"],"params":["updateOnPropChange"]}]]],["justifi-proceeds-list",[[1,"justifi-proceeds-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"proceeds":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]},null,{"accountId":["updateOnPropChange"],"authToken":["updateOnPropChange"],"params":["updateOnPropChange"]}]]],["justifi-refund-form",[[1,"justifi-refund-form",{"authToken":[1,"auth-token"],"paymentId":[1,"payment-id"],"amount":[2],"submitButtonText":[1,"submit-button-text"],"withButton":[4,"with-button"],"refundInfoText":[1,"refund-info-text"],"errors":[32],"isSubmitting":[32]}]]],["justifi-subaccounts-list",[[1,"justifi-subaccounts-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"subaccounts":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]},null,{"accountId":["updateOnPropChange"],"authToken":["updateOnPropChange"],"params":["updateOnPropChange"]}]]],["justifi-payment-method-form",[[0,"justifi-payment-method-form",{"paymentMethodFormType":[1,"payment-method-form-type"],"paymentMethodFormValidationMode":[1025,"payment-method-form-validation-mode"],"iframeOrigin":[1,"iframe-origin"],"singleLine":[4,"single-line"],"resize":[64],"tokenize":[64],"validate":[64]}]]],["justifi-bank-account-form",[[0,"justifi-bank-account-form",{"validationMode":[1025,"validation-mode"],"iframeOrigin":[1025,"iframe-origin"],"internalStyleOverrides":[32],"tokenize":[64],"validate":[64],"resize":[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenized","tokenizeHandler"],[0,"paymentMethodFormValidated","validateHandler"]]]]],["justifi-card-form",[[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"]]]]],["justifi-payment-details",[[1,"justifi-payment-details",{"paymentId":[1,"payment-id"],"authToken":[1,"auth-token"],"payment":[32],"loading":[32],"errorMessage":[32]},null,{"paymentId":["updateOnPropChange"],"authToken":["updateOnPropChange"]}]]],["justifi-payout-details",[[1,"justifi-payout-details",{"payoutId":[1,"payout-id"],"authToken":[1,"auth-token"],"payout":[32],"loading":[32],"errorMessage":[32]},null,{"payoutId":["updateOnPropChange"],"authToken":["updateOnPropChange"]}]]],["justifi-gross-payment-chart",[[1,"justifi-gross-payment-chart",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"data":[32],"total":[32],"dates":[32],"endDate":[32],"loading":[32],"errorMessage":[32]},null,{"accountId":["updateOnPropChange"],"authToken":["updateOnPropChange"]}]]],["subaccount-bank-details",[[1,"subaccount-bank-details",{"data":[16]}]]],["subaccount-terms-details",[[1,"subaccount-terms-details",{"data":[16]}]]],["justifi-billing-form_2",[[1,"justifi-billing-form",{"legend":[1025],"billingFields":[32],"billingFieldsErrors":[32],"fill":[64],"validate":[64],"getValues":[64]},[[0,"fieldReceivedInput","setFormValue"]]],[1,"justifi-payment-method-selector",{"paymentMethodTypes":[16],"selectedPaymentMethodType":[1,"selected-payment-method-type"]}]]],["justifi-details",[[1,"justifi-details",{"errorMessage":[1,"error-message"]}]]],["subaccount-account-details_4",[[1,"subaccount-account-details",{"subaccount":[16],"onboardingData":[16]}],[1,"subaccount-merchant-details",{"onboardingData":[16]}],[1,"subaccount-owners-details",{"data":[16]}],[1,"subaccount-representative-details",{"data":[16]}]]],["select-input_2",[[1,"select-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"options":[16],"internalValue":[32]}],[1,"text-input",{"name":[1],"label":[1],"defaultValue":[1,"default-value"],"error":[1],"internalValue":[32]}]]],["form-control-monetary",[[1,"form-control-monetary",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16]},null,{"defaultValue":["handleDefaultValueChange"]}]]],["additional-questions-details_5",[[1,"additional-questions-details",{"business":[16]}],[1,"generic-info-details",{"business":[16]}],[1,"legal-address-details",{"legalAddress":[16]}],[1,"owner-details",{"owners":[16]}],[1,"representative-details",{"representative":[16]}]]],["form-control-datepart_2",[[1,"form-control-datepart",{"label":[1],"name":[1],"error":[1],"defaultValue":[1,"default-value"],"type":[1],"inputHandler":[16],"disabled":[4]},null,{"defaultValue":["handleDefaultValueChange"]}],[1,"form-control-number-masked",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"mask":[1],"disabled":[4]},null,{"defaultValue":["handleDefaultValueChange"]}]]],["form-control-number_3",[[1,"form-control-select",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"options":[16],"disabled":[4]},null,{"defaultValue":["handleDefaultValueChange"]}],[1,"form-control-number",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"disabled":[4],"input":[32]},null,{"defaultValue":["handleDefaultValueChange"]}],[1,"form-control-text",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"disabled":[4],"inputHandler":[16],"input":[32]},null,{"defaultValue":["handleDefaultValueChange"]}]]],["justifi-additional-questions_6",[[0,"justifi-business-representative",{"formController":[16],"errors":[32],"representative":[32]}],[0,"justifi-business-generic-info",{"formController":[16],"errors":[32]}],[0,"justifi-business-owners",{"formController":[16],"isEditing":[4,"is-editing"],"errors":[32],"owners":[32]}],[0,"justifi-legal-address-form",{"formController":[16],"errors":[32],"legal_address":[32]}],[0,"justifi-additional-questions",{"formController":[16],"errors":[32],"additional_questions":[32]}],[1,"justifi-business-address-form",{"onFormUpdate":[16],"errors":[8],"defaultValues":[8,"default-values"],"address":[32]},null,{"address":["handleAddressChange"]}]]],["justifi-table_2",[[1,"justifi-table",{"loading":[4],"errorMessage":[1,"error-message"],"rowData":[16],"columnData":[16],"paging":[16],"params":[8],"entityId":[16],"rowClickHandler":[16]}],[1,"pagination-menu",{"paging":[16],"params":[16]}]]]], options);
 });

package/{loader → dist/loader}/cdn.js

@@ -1,3 +1,3 @@
 
-module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/{loader → dist/loader}/index.cjs.js

@@ -1,3 +1,3 @@
 
-module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/{loader → dist/loader}/index.d.ts

@@ -1,4 +1,4 @@
-export * from '../dist/types/components';
+export * from '../types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];
   resourcesUrl?: string;

package/dist/loader/index.es2017.js

@@ -0,0 +1,3 @@
+
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.js';

package/{loader → dist/loader}/index.js

@@ -1,4 +1,4 @@
 
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.js';

package/dist/{components → module}/Api.js

@@ -31,7 +31,7 @@ for (let i = 0; i < 256; ++i) {
 function unsafeStringify(arr, offset = 0) {
   // Note: Be careful editing this code!  It's been tuned for performance
   // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
 }
 
 const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
@@ -64,43 +64,43 @@ function v4(options, buf, offset) {
 }
 
 const Api = (authToken, apiOrigin) => {
-  async function getAuthorizationHeader() {
-    return {
-      'Authorization': `Bearer ${authToken}`,
-      'Idempotency-Key': v4(),
-      'Content-Type': 'application/json',
-    };
-  }
-  async function makeRequest(endpoint, method, params, body, signal) {
-    const url = `${apiOrigin}/v1/${endpoint}`;
-    const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
-    const response = await fetch(requestUrl, {
-      method: method,
-      headers: await getAuthorizationHeader(),
-      body: body,
-      signal: signal,
-    });
-    if (response) {
-      return response.status === 204 ? {} : response.json();
+    async function getAuthorizationHeader() {
+        return {
+            'Authorization': `Bearer ${authToken}`,
+            'Idempotency-Key': v4(),
+            'Content-Type': 'application/json',
+        };
     }
-    handleError(requestUrl);
-  }
-  async function get(endpoint, params, signal) {
-    return makeRequest(endpoint, 'GET', params, null, signal);
-  }
-  async function post(endpoint, body, params, signal) {
-    return makeRequest(endpoint, 'POST', params, body, signal);
-  }
-  async function patch(endpoint, body, params, signal) {
-    return makeRequest(endpoint, 'PATCH', params, body, signal);
-  }
-  async function destroy(endpoint, params, signal) {
-    return makeRequest(endpoint, 'DELETE', params, null, signal);
-  }
-  return { get, post, patch, destroy };
+    async function makeRequest(endpoint, method, params, body, signal) {
+        const url = `${apiOrigin}/v1/${endpoint}`;
+        const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+        const response = await fetch(requestUrl, {
+            method: method,
+            headers: await getAuthorizationHeader(),
+            body: body,
+            signal: signal,
+        });
+        if (response) {
+            return response.status === 204 ? {} : response.json();
+        }
+        handleError(requestUrl);
+    }
+    async function get(endpoint, params, signal) {
+        return makeRequest(endpoint, 'GET', params, null, signal);
+    }
+    async function post(endpoint, body, params, signal) {
+        return makeRequest(endpoint, 'POST', params, body, signal);
+    }
+    async function patch(endpoint, body, params, signal) {
+        return makeRequest(endpoint, 'PATCH', params, body, signal);
+    }
+    async function destroy(endpoint, params, signal) {
+        return makeRequest(endpoint, 'DELETE', params, null, signal);
+    }
+    return { get, post, patch, destroy };
 };
 function handleError(requestUrl) {
-  console.error(`Error fetching from ${requestUrl}`);
+    console.error(`Error fetching from ${requestUrl}`);
 }
 
 export { Api as A };

package/dist/{components → module}/Pagination.js

@@ -1,9 +1,9 @@
 const pagingDefaults = {
-  amount: 25,
-  start_cursor: '',
-  end_cursor: '',
-  has_previous: false,
-  has_next: false,
+    amount: 25,
+    start_cursor: '',
+    end_cursor: '',
+    has_previous: false,
+    has_next: false,
 };
 const ExtendedPagingDefaults = Object.assign(Object.assign({}, pagingDefaults), { handleClickNext: () => { }, handleClickPrevious: () => { } });