@justifi/webcomponents 4.8.3 → 4.10.0-rc.0

package/dist/cjs/{utils-29a8a91d.js → utils-6f62f7a1.js}

@@ -3841,6 +3841,7 @@ var Dinero = function Dinero(options) {
 
 var dinero = Object.assign(Dinero, Defaults, Globals, Static);
 
+const RegExZip = /^\d{5}/;
 function formatCurrency(amount, withSymbol = true) {
     if (!amount)
         amount = 0;
@@ -3889,7 +3890,9 @@ function formatMediumDate(input) {
 }
 function formatDisplayDate(value, endDate) {
     const isEndingDate = value === endDate;
-    return (isEndingDate) ? 'Today' : format(new Date(value.replace(/-/g, '/')), 'MMM d');
+    return isEndingDate
+        ? 'Today'
+        : format(new Date(value.replace(/-/g, '/')), 'MMM d');
 }
 function formatTime(dateString) {
     if (!dateString)
@@ -3974,11 +3977,28 @@ const MapSubAccountStatusToBadge = (status) => {
  * console.log(readable); // Outputs: "Sole Proprietorship"
  */
 function snakeCaseToHumanReadable(snakeCaseStr) {
+    if (!snakeCaseStr)
+        return '';
     return snakeCaseStr
         .split('_')
-        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
         .join(' ');
 }
+function flattenNestedObject(obj) {
+    const result = {};
+    for (const key in obj) {
+        if (typeof obj[key] === 'object' && obj[key] !== null) {
+            const nestedObj = flattenNestedObject(obj[key]);
+            for (const nestedKey in nestedObj) {
+                result[nestedKey] = nestedObj[nestedKey];
+            }
+        }
+        else {
+            result[key] = obj[key];
+        }
+    }
+    return result;
+}
 function composeQueryParams(values) {
     const queryParams = values.map((value) => {
         if (value === values[0]) {
@@ -4010,11 +4030,17 @@ async function loadFontsOnParent() {
     fonts.href = fontHref;
     parent.append(fonts);
 }
+function isEmptyObject(obj) {
+    return Object.keys(obj).length === 0 && obj.constructor === Object;
+}
 
 exports.MapPaymentStatusToBadge = MapPaymentStatusToBadge;
 exports.MapPayoutStatusToBadge = MapPayoutStatusToBadge;
 exports.MapSubAccountStatusToBadge = MapSubAccountStatusToBadge;
+exports.RegExZip = RegExZip;
 exports.composeQueryParams = composeQueryParams;
+exports.extractComputedFontsToLoad = extractComputedFontsToLoad;
+exports.flattenNestedObject = flattenNestedObject;
 exports.formatCurrency = formatCurrency;
 exports.formatDate = formatDate;
 exports.formatDisplayDate = formatDisplayDate;
@@ -4022,5 +4048,6 @@ exports.formatLegalAddress = formatLegalAddress;
 exports.formatMediumDate = formatMediumDate;
 exports.formatPercentage = formatPercentage;
 exports.formatTime = formatTime;
+exports.isEmptyObject = isEmptyObject;
 exports.loadFontsOnParent = loadFontsOnParent;
 exports.snakeCaseToHumanReadable = snakeCaseToHumanReadable;

package/dist/cjs/utils-df5167a8.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const index = require('./index-69b9386b.js');
+
+const FormAlert = (message) => (index.h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert' },
+    index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" },
+        index.h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })),
+    index.h("div", null, message)));
+const LoadingSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status" },
+    index.h("span", { class: "visually-hidden" }, "Loading...")));
+
+exports.FormAlert = FormAlert;
+exports.LoadingSpinner = LoadingSpinner;

package/dist/cjs/webcomponents.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-55950669.js');
+const index = require('./index-69b9386b.js');
 
 /*
  Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["justifi-business-form.cjs",[[0,"justifi-business-form",{"authToken":[1,"auth-token"],"businessId":[1,"business-id"],"hideErrors":[4,"hide-errors"],"isLoading":[32],"serverError":[32],"errorMessage":[32]}]]],["justifi-business-form-stepped.cjs",[[0,"justifi-business-form-stepped",{"authToken":[1,"auth-token"],"businessId":[1,"business-id"],"testMode":[4,"test-mode"],"hideErrors":[4,"hide-errors"],"isLoading":[32],"currentStep":[32],"totalSteps":[32],"serverError":[32],"errorMessage":[32]}]]],["justifi-business-details.cjs",[[1,"justifi-business-details",{"businessId":[1,"business-id"],"authToken":[1,"auth-token"],"business":[32],"renderState":[32],"errorMessage":[32]}]]],["justifi-payment-form.cjs",[[1,"justifi-payment-form",{"bankAccount":[4,"bank-account"],"card":[4],"email":[1],"clientId":[1,"client-id"],"accountId":[1,"account-id"],"submitButtonText":[1,"submit-button-text"],"submitButtonEnabled":[32],"isLoading":[32],"selectedPaymentMethodType":[32],"fillBillingForm":[64],"enableSubmitButton":[64]}]]],["justifi-subaccount-details.cjs",[[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-owners.cjs",[[0,"justifi-business-owners",{"formController":[16],"errors":[32],"owners":[32]}]]],["justifi-payments-list.cjs",[[1,"justifi-payments-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"getPayments":[32],"errorMessage":[32]},null,{"accountId":["propChanged"],"authToken":["propChanged"]}]]],["justifi-payouts-list.cjs",[[1,"justifi-payouts-list",{"accountId":[1,"account-id"],"authToken":[1,"auth-token"],"getPayouts":[32],"errorMessage":[32]},null,{"accountId":["propChanged"],"authToken":["propChanged"]}]]],["justifi-business-list.cjs",[[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.cjs",[[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-payment-details.cjs",[[1,"justifi-payment-details",{"paymentId":[1,"payment-id"],"authToken":[1,"auth-token"],"getPaymentDetails":[32],"errorMessage":[32]},null,{"paymentId":["propChanged"],"authToken":["propChanged"]}]]],["justifi-payout-details.cjs",[[1,"justifi-payout-details",{"payoutId":[1,"payout-id"],"authToken":[1,"auth-token"],"getPayout":[32],"errorMessage":[32]},null,{"payoutId":["propChanged"],"authToken":["propChanged"]}]]],["justifi-proceeds-list.cjs",[[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.cjs",[[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.cjs",[[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-bank-account-form.cjs",[[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.cjs",[[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-gross-payment-chart.cjs",[[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.cjs",[[1,"subaccount-bank-details",{"data":[16]}]]],["subaccount-terms-details.cjs",[[1,"subaccount-terms-details",{"data":[16]}]]],["payments-list-core.cjs",[[0,"payments-list-core",{"getPayments":[16],"payments":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]},null,{"params":["updateOnPropChange"],"getPayments":["updateOnPropChange"]}]]],["payouts-list-core.cjs",[[0,"payouts-list-core",{"getPayouts":[16],"payouts":[32],"loading":[32],"errorMessage":[32],"paging":[32],"params":[32]},null,{"params":["updateOnPropChange"],"getPayouts":["updateOnPropChange"]}]]],["payment-details-core.cjs",[[0,"payment-details-core",{"getPaymentDetails":[16],"payment":[32],"loading":[32],"errorMessage":[32]},null,{"getPaymentDetails":["updateOnPropChange"]}]]],["payout-details-core.cjs",[[0,"payout-details-core",{"getPayout":[16],"payout":[32],"loading":[32],"errorMessage":[32]},null,{"getPayout":["getPayoutWatcher"]}]]],["justifi-billing-form_2.cjs",[[1,"justifi-billing-form",{"legend":[1025],"billingFields":[32],"billingFieldsErrors":[32],"fill":[64],"validate":[64],"getValues":[64]},[[0,"fieldReceivedInput","setFormValue"]]],[1,"justifi-payment-method-selector",{"selectedPaymentMethodType":[1,"selected-payment-method-type"]}]]],["justifi-payment-method-form.cjs",[[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]}]]],["subaccount-account-details_4.cjs",[[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.cjs",[[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.cjs",[[1,"form-control-monetary",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16]},null,{"defaultValue":["handleDefaultValueChange"]}]]],["additional-questions-details_5.cjs",[[1,"additional-questions-details",{"additionalQuestions":[16]}],[1,"generic-info-details",{"business":[16]}],[1,"legal-address-details",{"legalAddress":[16]}],[1,"owner-details",{"owners":[16]}],[1,"representative-details",{"representative":[16]}]]],["justifi-details.cjs",[[1,"justifi-details",{"errorMessage":[1,"error-message"]}]]],["form-control-select_2.cjs",[[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-text",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"disabled":[4],"inputHandler":[16],"input":[32]},null,{"defaultValue":["handleDefaultValueChange"]}]]],["form-control-datepart_3.cjs",[[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"]}],[1,"form-control-number",{"label":[1],"name":[8],"error":[1],"defaultValue":[1,"default-value"],"inputHandler":[16],"disabled":[4],"input":[32]},null,{"defaultValue":["handleDefaultValueChange"]}]]],["justifi-additional-questions_5.cjs",[[0,"justifi-business-representative",{"formController":[16],"errors":[32],"representative":[32]}],[0,"justifi-business-generic-info",{"formController":[16],"errors":[32],"genericInfo":[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.cjs",[[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 index.bootstrapLazy(JSON.parse("[[\"justifi-business-form-stepped.cjs\",[[0,\"justifi-business-form-stepped\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"testMode\":[4,\"test-mode\"],\"hideErrors\":[4,\"hide-errors\"],\"formLoading\":[32],\"errorMessage\":[32],\"currentStep\":[32],\"totalSteps\":[32]}]]],[\"justifi-business-form.cjs\",[[0,\"justifi-business-form\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"hideErrors\":[4,\"hide-errors\"],\"isLoading\":[32],\"errorMessage\":[32]}]]],[\"justifi-checkout.cjs\",[[1,\"justifi-checkout\",{\"iframeOrigin\":[1,\"iframe-origin\"],\"authToken\":[1,\"auth-token\"],\"checkoutId\":[1,\"checkout-id\"],\"getCheckout\":[32],\"pay\":[32],\"errorMessage\":[32]},null,{\"authToken\":[\"propChanged\"],\"checkoutId\":[\"propChanged\"]}]]],[\"justifi-business-details.cjs\",[[1,\"justifi-business-details\",{\"businessId\":[1,\"business-id\"],\"authToken\":[1,\"auth-token\"],\"errorMessage\":[32],\"getBusiness\":[32]}]]],[\"justifi-payment-form.cjs\",[[1,\"justifi-payment-form\",{\"bankAccount\":[4,\"bank-account\"],\"card\":[4],\"email\":[1],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"submitButtonText\":[1,\"submit-button-text\"],\"submitButtonEnabled\":[32],\"isLoading\":[32],\"selectedPaymentMethodType\":[32],\"fillBillingForm\":[64],\"enableSubmitButton\":[64]}]]],[\"justifi-subaccount-details.cjs\",[[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-owners.cjs\",[[0,\"justifi-business-owners\",{\"formController\":[16],\"errors\":[32],\"owners\":[32]}]]],[\"justifi-business-address-form-step.cjs\",[[1,\"justifi-business-address-form-step\",{\"handleFormUpdate\":[16],\"errors\":[8],\"defaultValues\":[8,\"default-values\"],\"address\":[32]},null,{\"address\":[\"handleAddressChange\"]}]]],[\"justifi-payments-list.cjs\",[[1,\"justifi-payments-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getPayments\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-payouts-list.cjs\",[[1,\"justifi-payouts-list\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getPayouts\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-business-list.cjs\",[[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.cjs\",[[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-payment-details.cjs\",[[1,\"justifi-payment-details\",{\"paymentId\":[1,\"payment-id\"],\"authToken\":[1,\"auth-token\"],\"getPaymentDetails\":[32],\"errorMessage\":[32]},null,{\"paymentId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-payout-details.cjs\",[[1,\"justifi-payout-details\",{\"payoutId\":[1,\"payout-id\"],\"authToken\":[1,\"auth-token\"],\"getPayout\":[32],\"errorMessage\":[32]},null,{\"payoutId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"justifi-proceeds-list.cjs\",[[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.cjs\",[[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.cjs\",[[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-billing-form_4.cjs\",[[1,\"justifi-billing-form\",{\"legend\":[1025],\"billingFields\":[32],\"billingFieldsErrors\":[32],\"fill\":[64],\"validate\":[64],\"getValues\":[64]},[[0,\"fieldReceivedInput\",\"setFormValue\"]]],[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]}],[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.cjs\",[[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.cjs\",[[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-gross-payment-chart.cjs\",[[1,\"justifi-gross-payment-chart\",{\"accountId\":[1,\"account-id\"],\"authToken\":[1,\"auth-token\"],\"getGrossPayment\":[32],\"errorMessage\":[32]},null,{\"accountId\":[\"propChanged\"],\"authToken\":[\"propChanged\"]}]]],[\"subaccount-bank-details.cjs\",[[1,\"subaccount-bank-details\",{\"data\":[16]}]]],[\"subaccount-terms-details.cjs\",[[1,\"subaccount-terms-details\",{\"data\":[16]}]]],[\"justifi-checkout-core.cjs\",[[1,\"justifi-checkout-core\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"authToken\":[1,\"auth-token\"],\"getCheckout\":[16],\"pay\":[16],\"checkoutId\":[1,\"checkout-id\"],\"hasLoadedFonts\":[32],\"isLoading\":[32],\"checkout\":[32],\"serverError\":[32],\"errorMessage\":[32],\"creatingNewPaymentMethod\":[32],\"selectedPaymentMethodToken\":[32],\"loadFontsOnParent\":[64]}]]],[\"business-details-core.cjs\",[[0,\"business-details-core\",{\"getBusiness\":[16],\"business\":[32],\"renderState\":[32],\"errorMessage\":[32]}]]],[\"payments-list-core.cjs\",[[0,\"payments-list-core\",{\"getPayments\":[16],\"payments\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"],\"getPayments\":[\"updateOnPropChange\"]}]]],[\"payouts-list-core.cjs\",[[0,\"payouts-list-core\",{\"getPayouts\":[16],\"payouts\":[32],\"loading\":[32],\"errorMessage\":[32],\"paging\":[32],\"params\":[32]},null,{\"params\":[\"updateOnPropChange\"],\"getPayouts\":[\"updateOnPropChange\"]}]]],[\"payment-details-core.cjs\",[[0,\"payment-details-core\",{\"getPaymentDetails\":[16],\"payment\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getPaymentDetails\":[\"updateOnPropChange\"]}]]],[\"payout-details-core.cjs\",[[0,\"payout-details-core\",{\"getPayout\":[16],\"payout\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getPayout\":[\"getPayoutWatcher\"]}]]],[\"gross-payment-chart-core.cjs\",[[0,\"gross-payment-chart-core\",{\"getGrossPayment\":[16],\"grossVolumeReport\":[32],\"loading\":[32],\"errorMessage\":[32]},null,{\"getGrossPayment\":[\"propChanged\"],\"grossVolumeReport\":[\"grossVolumeReportChanged\"]}]]],[\"justifi-payment-method-selector.cjs\",[[1,\"justifi-payment-method-selector\",{\"selectedPaymentMethodType\":[1,\"selected-payment-method-type\"]}]]],[\"form-control-number_3.cjs\",[[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-select\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16],\"options\":[16],\"disabled\":[4]},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-owner-form.cjs\",[[1,\"justifi-owner-form\",{\"authToken\":[1,\"auth-token\"],\"ownerId\":[1,\"owner-id\"],\"businessId\":[1,\"business-id\"],\"removeOwner\":[16],\"newFormOpen\":[4,\"new-form-open\"],\"ownersLength\":[2,\"owners-length\"],\"isLoading\":[32],\"formController\":[32],\"errors\":[32],\"owner\":[32],\"validate\":[64],\"submit\":[64]},null,{\"isLoading\":[\"loadingWatcher\"]}]]],[\"justifi-additional-questions_4.cjs\",[[0,\"justifi-business-representative\",{\"formController\":[16],\"errors\":[32],\"representative\":[32]}],[0,\"justifi-business-core-info\",{\"formController\":[16],\"errors\":[32],\"coreInfo\":[32]}],[0,\"justifi-legal-address-form\",{\"formController\":[16],\"errors\":[32],\"legal_address\":[32]}],[0,\"justifi-additional-questions\",{\"formController\":[16],\"errors\":[32],\"additional_questions\":[32]}]]],[\"subaccount-account-details_4.cjs\",[[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]}]]],[\"form-control-monetary.cjs\",[[1,\"form-control-monetary\",{\"label\":[1],\"name\":[8],\"error\":[1],\"defaultValue\":[1,\"default-value\"],\"inputHandler\":[16]},null,{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"justifi-additional-questions-form-step_5.cjs\",[[0,\"justifi-business-owners-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"owners\":[32],\"newFormOpen\":[32],\"refs\":[32],\"validateAndSubmit\":[64]},null,{\"owners\":[\"onOwnersUpdated\"]}],[0,\"justifi-business-representative-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"formController\":[32],\"errors\":[32],\"representative\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-business-core-info-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"formController\":[32],\"errors\":[32],\"coreInfo\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-legal-address-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"formController\":[32],\"errors\":[32],\"legal_address\":[32],\"validateAndSubmit\":[64]}],[0,\"justifi-additional-questions-form-step\",{\"authToken\":[1,\"auth-token\"],\"businessId\":[1,\"business-id\"],\"formController\":[32],\"errors\":[32],\"additional_questions\":[32],\"validateAndSubmit\":[64]}]]],[\"justifi-details.cjs\",[[1,\"justifi-details\",{\"errorMessage\":[1,\"error-message\"]}]]],[\"justifi-new-payment-method_3.cjs\",[[0,\"justifi-payment-method-options\",{\"showCard\":[4,\"show-card\"],\"showAch\":[4,\"show-ach\"],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"iframeOrigin\":[1025,\"iframe-origin\"],\"savedPaymentMethods\":[16],\"selectedPaymentMethodId\":[1,\"selected-payment-method-id\"],\"paymentMethodOptions\":[32],\"getPaymentMethodToken\":[64]},[[0,\"paymentMethodOptionSelected\",\"paymentMethodOptionSelected\"]],{\"savedPaymentMethods\":[\"paymentMethodsChanged\"]}],[0,\"justifi-new-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"clientId\":[1,\"client-id\"],\"accountId\":[1,\"account-id\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"getPaymentMethodToken\":[64]}],[0,\"justifi-saved-payment-method\",{\"iframeOrigin\":[1025,\"iframe-origin\"],\"paymentMethodOption\":[16],\"isSelected\":[4,\"is-selected\"],\"getPaymentMethodToken\":[64]}]]],[\"additional-questions-details_5.cjs\",[[1,\"additional-questions-details\",{\"additionalQuestions\":[16]}],[1,\"generic-info-details\",{\"business\":[16]}],[1,\"legal-address-details\",{\"legalAddress\":[16]}],[1,\"owner-details\",{\"owners\":[16]}],[1,\"representative-details\",{\"representative\":[16]}]]],[\"justifi-table_2.cjs\",[[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]}]]],[\"form-control-datepart_3.cjs\",[[1,\"justifi-business-address-form\",{\"handleFormUpdate\":[16],\"errors\":[8],\"defaultValues\":[8,\"default-values\"],\"address\":[32]},null,{\"address\":[\"handleAddressChange\"]}],[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\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/api/Business.js

@@ -50,27 +50,26 @@ export class CoreBusinessInfo {
 }
 export class Business {
     constructor(business) {
+        this.additional_questions = business.additional_questions || {};
+        this.bank_accounts = business.bank_accounts;
         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 = Object.assign({}, new 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.product_categories = business.product_categories;
+        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;
-        // Form sections
-        this.legal_address = Object.assign({}, new Address(business.legal_address || {}));
-        this.representative = business.representative || {};
-        this.additional_questions = business.additional_questions || {};
-        this.owners = business.owners;
     }
 }

package/dist/collection/api/Checkout.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/api/Identity.js

@@ -0,0 +1,43 @@
+import { Address } from "./Business";
+export class Owner {
+    constructor(owner) {
+        this.address = Object.assign({}, new Address(owner.address || {}));
+        this.created_at = owner.created_at;
+        this.dob_day = owner.dob_day;
+        this.dob_month = owner.dob_month;
+        this.dob_year = owner.dob_year;
+        this.documents = owner.documents;
+        this.email = owner.email;
+        this.id = owner.id;
+        this.business_id = owner.business_id;
+        this.is_owner = owner.is_owner;
+        this.metadata = owner.metadata;
+        this.name = owner.name;
+        this.phone = owner.phone;
+        this.platform_account_id = owner.platform_account_id;
+        this.ssn_last4 = owner.ssn_last4;
+        this.title = owner.title;
+        this.updated_at = owner.updated_at;
+    }
+}
+export class Representative {
+    constructor(representative) {
+        this.address = Object.assign({}, new Address(representative.address || {}));
+        this.created_at = representative.created_at;
+        this.dob_day = representative.dob_day;
+        this.dob_month = representative.dob_month;
+        this.dob_year = representative.dob_year;
+        this.documents = representative.documents;
+        this.email = representative.email;
+        this.id = representative.id;
+        this.business_id = representative.business_id;
+        this.is_owner = representative.is_owner;
+        this.metadata = representative.metadata;
+        this.name = representative.name;
+        this.phone = representative.phone;
+        this.platform_account_id = representative.platform_account_id;
+        this.ssn_last4 = representative.ssn_last4;
+        this.title = representative.title;
+        this.updated_at = representative.updated_at;
+    }
+}

package/dist/collection/api/index.js

@@ -1,5 +1,6 @@
 export { default as Api } from './Api';
 export * from './Api';
+export * from './Checkout';
 export * from './Pagination';
 export * from './Payment';
 export * from './Payout';

package/dist/collection/api/services/business.service.js

@@ -0,0 +1,8 @@
+import { config } from "../../../config";
+import Api from "../Api";
+export class BusinessService {
+    async fetchBusiness(businessId, authToken) {
+        const endpoint = `entities/business/${businessId}`;
+        return Api(authToken, config.proxyApiOrigin).get(endpoint);
+    }
+}

package/dist/collection/api/services/checkout.service.js

@@ -0,0 +1,12 @@
+import { Api } from "..";
+import { config } from "../../../config";
+export class CheckoutService {
+    async fetchCheckout(authToken, checkoutId) {
+        const endpoint = `checkouts/${checkoutId}`;
+        return Api(authToken, config.proxyApiOrigin).get(endpoint);
+    }
+    async pay(authToken, checkoutId, paymentMethodToken) {
+        const endpoint = `checkouts/${checkoutId}/pay`;
+        return Api(authToken, config.proxyApiOrigin).post(endpoint, JSON.stringify({ token: paymentMethodToken }));
+    }
+}

package/dist/collection/api/services/reports.service.js

@@ -0,0 +1,9 @@
+import { config } from "../../../config";
+import Api from "../Api";
+export class ReportsService {
+    async fetchGrossVolumeChartData(accountId, authToken) {
+        const api = Api(authToken, config.proxyApiOrigin);
+        const endpoint = `account/${accountId}/reports/gross_volume`;
+        return api.get(endpoint);
+    }
+}

package/dist/collection/collection-manifest.json

@@ -5,22 +5,35 @@
     "components/bank-account-form/bank-account-form.js",
     "components/payment-method-form/payment-method-form.js",
     "components/billing-form/billing-form.js",
+    "components/business-details/business-details-core.js",
     "components/business-details/business-details.js",
     "components/business-details/additional-questions-details/additional-questions-details.js",
     "components/business-details/generic-info-details/generic-info-details.js",
     "components/business-details/legal-address-details/legal-address-details.js",
     "components/business-details/owner-details/owner-details.js",
     "components/business-details/representative-details/representative-details.js",
-    "components/business-form/business-form-stepped.js",
-    "components/business-form/business-form.js",
-    "components/business-form/additional-questions/additional-questions.js",
-    "components/business-form/business-address/business-address-form.js",
-    "components/business-form/business-generic-info/business-generic-info.js",
-    "components/business-form/business-owners/business-owners.js",
-    "components/business-form/business-representative/business-representative.js",
-    "components/business-form/legal-address-form/legal-address-form.js",
+    "components/business-forms/business-form/business-form.js",
+    "components/business-forms/business-form/additional-questions/additional-questions.js",
+    "components/business-forms/business-form/business-address/business-address-form.js",
+    "components/business-forms/business-form/business-core-info/business-core-info.js",
+    "components/business-forms/business-form/business-owners/business-owners.js",
+    "components/business-forms/business-form/business-representative/business-representative.js",
+    "components/business-forms/business-form/legal-address-form/legal-address-form.js",
+    "components/business-forms/business-form-stepped/business-form-stepped.js",
+    "components/business-forms/business-form-stepped/additional-questions/business-additional-questions-form-step.js",
+    "components/business-forms/business-form-stepped/business-address/business-address-form-step.js",
+    "components/business-forms/business-form-stepped/business-core-info/business-core-info-form-step.js",
+    "components/business-forms/business-form-stepped/business-owners/business-owners-form-step.js",
+    "components/business-forms/business-form-stepped/business-representative/business-representative-form-step.js",
+    "components/business-forms/business-form-stepped/legal-address-form/legal-address-form-step.js",
+    "components/business-forms/owner-form/owner-form.js",
     "components/business-list/business-list.js",
     "components/card-form/card-form.js",
+    "components/checkout/checkout-core.js",
+    "components/checkout/checkout.js",
+    "components/checkout/new-payment-method.js",
+    "components/checkout/payment-method-options.js",
+    "components/checkout/saved-payment-method.js",
     "components/details/details.js",
     "components/form/form-control-datepart.js",
     "components/form/form-control-monetary.js",
@@ -28,6 +41,7 @@
     "components/form/form-control-number.js",
     "components/form/form-control-select.js",
     "components/form/form-control-text.js",
+    "components/gross-payment-chart/gross-payment-chart-core.js",
     "components/gross-payment-chart/gross-payment-chart.js",
     "components/payment-balance-transactions/payment-balance-transactions.js",
     "components/payment-details/payment-details-core.js",

package/dist/collection/components/billing-form/billing-form-schema.js

@@ -1,5 +1,5 @@
 import { object, string } from "yup";
-export const RegExZip = /^\d{5}/;
+import { RegExZip } from "../../utils/utils";
 const BillingFormSchema = object({
     name: string().required('Enter name'),
     address_line1: string().required('Enter street address'),

package/dist/collection/components/billing-form/billing-form.js

@@ -8,7 +8,6 @@ import StateOptions from "./state-options";
  */
 export class BillingForm {
     constructor() {
-        this.legendBlock = (h("legend", null, this.legend));
         this.legend = undefined;
         this.billingFields = {
             name: '',
@@ -61,7 +60,7 @@ export class BillingForm {
         return this.billingFields;
     }
     render() {
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, this.legend && this.legendBlock, h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("text-input", { name: "name", label: "Full Name", defaultValue: this.billingFields.name, error: this.billingFieldsErrors.name })), h("div", { class: "col-12" }, h("text-input", { name: "address_line1", label: "Street Address", defaultValue: this.billingFields.address_line1, error: this.billingFieldsErrors.address_line1 })), h("div", { class: "col-12" }, h("text-input", { name: "address_line2", label: "Apartment, Suite, etc. (optional)", defaultValue: this.billingFields.address_line2, error: this.billingFieldsErrors.address_line2 })), h("div", { class: "col-12" }, h("text-input", { name: "address_city", label: "City", defaultValue: this.billingFields.address_city, error: this.billingFieldsErrors.address_city })), h("div", { class: "col-12" }, h("select-input", { name: "address_state", label: "State", options: StateOptions, defaultValue: this.billingFields.address_state, error: this.billingFieldsErrors.address_state })), h("div", { class: "col-12" }, h("text-input", { name: "address_postal_code", label: "ZIP", defaultValue: this.billingFields.address_postal_code, error: this.billingFieldsErrors.address_postal_code }))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, this.legend && h("legend", null, this.legend), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("text-input", { name: "name", label: "Full Name", defaultValue: this.billingFields.name, error: this.billingFieldsErrors.name })), h("div", { class: "col-12" }, h("text-input", { name: "address_line1", label: "Street Address", defaultValue: this.billingFields.address_line1, error: this.billingFieldsErrors.address_line1 })), h("div", { class: "col-12" }, h("text-input", { name: "address_line2", label: "Apartment, Suite, etc. (optional)", defaultValue: this.billingFields.address_line2, error: this.billingFieldsErrors.address_line2 })), h("div", { class: "col-12" }, h("text-input", { name: "address_city", label: "City", defaultValue: this.billingFields.address_city, error: this.billingFieldsErrors.address_city })), h("div", { class: "col-12" }, h("select-input", { name: "address_state", label: "State", options: StateOptions, defaultValue: this.billingFields.address_state, error: this.billingFieldsErrors.address_state })), h("div", { class: "col-12" }, h("text-input", { name: "address_postal_code", label: "ZIP", defaultValue: this.billingFields.address_postal_code, error: this.billingFieldsErrors.address_postal_code }))))));
     }
     static get is() { return "justifi-billing-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js

@@ -1,5 +1,6 @@
 import { Host, h } from "@stencil/core";
-import { DetailSection, DetailItem } from "../../details/utils";
+import { DetailSectionTitle, DetailItem } from "../../details/utils";
+import { isEmptyObject } from "../../../utils/utils";
 /**
  *
  * @exportedPart detail-section
@@ -14,7 +15,9 @@ export class AdditionalQuestionsDetails {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, null, h(DetailSection, { sectionTitle: "Additional Questions" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Dispute Volume", value: (_c = this.additionalQuestions.business_dispute_volume) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { title: "Business Receivable Volume", value: (_d = this.additionalQuestions.business_receivable_volume) === null || _d === void 0 ? void 0 : _d.toString() }))))));
+        if (isEmptyObject(this.additionalQuestions))
+            return null;
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Dispute Volume", value: (_c = this.additionalQuestions.business_dispute_volume) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { title: "Business Receivable Volume", value: (_d = this.additionalQuestions.business_receivable_volume) === null || _d === void 0 ? void 0 : _d.toString() }))))));
     }
     static get is() { return "additional-questions-details"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-details/additional-questions-details/test/additional-questions.spec.js

@@ -0,0 +1,16 @@
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { AdditionalQuestionsDetails } from "../additional-questions-details";
+import { Business } from "../../../../api/Business";
+import mockedBusinessDetails from "../../../../api/mockData/mockBusinessDetails.json";
+describe('additional-questions-details', () => {
+    it('should render additional-questions-details', async () => {
+        const businessDetails = new Business(mockedBusinessDetails.data);
+        const page = await newSpecPage({
+            components: [AdditionalQuestionsDetails],
+            template: () => h("additional-questions-details", { additionalQuestions: businessDetails.additional_questions })
+        });
+        await page.waitForChanges();
+        expect(page.root).toMatchSnapshot();
+    });
+});

package/dist/collection/components/business-details/business-details-core.js

@@ -0,0 +1,86 @@
+import { Host, h } from "@stencil/core";
+import { ErrorState, LoadingState } from "../details/utils";
+var RENDER_STATES;
+(function (RENDER_STATES) {
+    RENDER_STATES["LOADING"] = "loading";
+    RENDER_STATES["READY"] = "ready";
+    RENDER_STATES["ERROR"] = "error";
+})(RENDER_STATES || (RENDER_STATES = {}));
+export class BusinessDetailsCore {
+    constructor() {
+        this.getBusiness = undefined;
+        this.business = undefined;
+        this.renderState = RENDER_STATES.LOADING;
+        this.errorMessage = 'An error ocurred.';
+    }
+    async componentWillLoad() {
+        if (this.getBusiness) {
+            this.fetchData();
+        }
+    }
+    fetchData() {
+        this.renderState = RENDER_STATES.LOADING;
+        this.getBusiness({
+            onSuccess: ({ business }) => {
+                this.business = business;
+                this.renderState = RENDER_STATES.READY;
+            },
+            onError: ({ error }) => {
+                console.error(error);
+                this.errorMessage = error;
+                this.renderState = RENDER_STATES.ERROR;
+            }
+        });
+    }
+    render() {
+        if (this.renderState === RENDER_STATES.LOADING) {
+            return h(Host, null, LoadingState());
+        }
+        if (this.renderState === RENDER_STATES.ERROR) {
+            return h(Host, null, ErrorState(this.errorMessage));
+        }
+        return (h(Host, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })));
+    }
+    static get is() { return "business-details-core"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["business-details.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["business-details.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "getBusiness": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "business": {},
+            "renderState": {},
+            "errorMessage": {}
+        };
+    }
+}

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

@@ -1,14 +1,7 @@
 import { Host, h } from "@stencil/core";
-import { Business } from "../../api/Business";
-import { Api } from "../../api";
-import { ErrorState, LoadingState } from "../details/utils";
-import { config } from "../../../config";
-var RENDER_STATES;
-(function (RENDER_STATES) {
-    RENDER_STATES["LOADING"] = "loading";
-    RENDER_STATES["READY"] = "ready";
-    RENDER_STATES["ERROR"] = "error";
-})(RENDER_STATES || (RENDER_STATES = {}));
+import { ErrorState } from "../details/utils";
+import { BusinessService } from "../../api/services/business.service";
+import { makeGetBusiness } from "./get-business";
 /**
  *
  * @exportedPart detail-section
@@ -21,68 +14,31 @@ export class BusinessDetails {
     constructor() {
         this.businessId = undefined;
         this.authToken = undefined;
-        this.business = undefined;
-        this.renderState = RENDER_STATES.LOADING;
-        this.errorMessage = 'An error ocurred.';
-        this.fetchBusiness = this.fetchBusiness.bind(this);
+        this.errorMessage = undefined;
+        this.getBusiness = undefined;
     }
-    async componentWillLoad() {
-        if (!this.authToken) {
-            this.errorMessage = 'Missing auth-token. The form will not be functional without it.';
-            console.error(this.errorMessage);
-            return;
-        }
-        if (!this.businessId) {
-            this.errorMessage = 'Missing business-id. The form will not be functional without it.';
-            console.error(this.errorMessage);
-            return;
-        }
-        this.api = Api(this.authToken, config.proxyApiOrigin);
-        await this.fetchBusiness(this.businessId);
+    componentWillLoad() {
+        this.initializeGetBusiness();
     }
-    async fetchBusiness(businessId) {
-        this.renderState = RENDER_STATES.LOADING;
-        try {
-            const response = await this.api.get(`entities/business/${businessId}`);
-            if (response.error) {
-                this.errorMessage = `${this.errorMessage}: ${response.error}`;
-                console.error(this.errorMessage);
-                this.renderState = RENDER_STATES.ERROR;
-                return;
-            }
-            this.business = new Business(response.data);
-            this.renderState = RENDER_STATES.READY;
-        }
-        catch (error) {
-            this.errorMessage = `${this.errorMessage}: ${error}`;
-            console.error(this.errorMessage);
-            this.renderState = RENDER_STATES.ERROR;
-        }
-        finally {
-            this.renderState = RENDER_STATES.READY;
+    initializeGetBusiness() {
+        if (!this.businessId || !this.authToken) {
+            this.errorMessage = 'Invalid business id or auth token';
+            return;
         }
+        this.getBusiness = makeGetBusiness({
+            id: this.businessId,
+            authToken: this.authToken,
+            service: new BusinessService(),
+        });
     }
     render() {
-        if (this.renderState === RENDER_STATES.LOADING) {
-            return h(Host, null, LoadingState);
-        }
-        if (this.renderState === RENDER_STATES.ERROR) {
+        if (this.errorMessage) {
             return h(Host, null, ErrorState(this.errorMessage));
         }
-        return (h(Host, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })));
+        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
     }
     static get is() { return "justifi-business-details"; }
     static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["business-details.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["business-details.css"]
-        };
-    }
     static get properties() {
         return {
             "businessId": {
@@ -123,9 +79,8 @@ export class BusinessDetails {
     }
     static get states() {
         return {
-            "business": {},
-            "renderState": {},
-            "errorMessage": {}
+            "errorMessage": {},
+            "getBusiness": {}
         };
     }
 }