@justifi/webcomponents 4.8.2 → 4.9.0

package/dist/cjs/{utils-29a8a91d.js → utils-84208d99.js}

@@ -3889,7 +3889,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,9 +3976,11 @@ 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 composeQueryParams(values) {
@@ -4010,11 +4014,15 @@ 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.composeQueryParams = composeQueryParams;
+exports.extractComputedFontsToLoad = extractComputedFontsToLoad;
 exports.formatCurrency = formatCurrency;
 exports.formatDate = formatDate;
 exports.formatDisplayDate = formatDisplayDate;
@@ -4022,5 +4030,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/webcomponents.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-55950669.js');
+const index = require('./index-07ddbad2.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.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-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-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\"]}]]],[\"justifi-details.cjs\",[[1,\"justifi-details\",{\"errorMessage\":[1,\"error-message\"]}]]],[\"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\"]}]]],[\"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-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]}]]],[\"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);
 });
 
 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/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,6 +5,7 @@
     "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",
@@ -21,6 +22,11 @@
     "components/business-form/legal-address-form/legal-address-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 +34,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.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": {}
         };
     }
 }

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

@@ -1,5 +1,5 @@
 import { Host, h } from "@stencil/core";
-import { DetailSection, DetailItem } from "../../details/utils";
+import { DetailSectionTitle, DetailItem } from "../../details/utils";
 import { snakeCaseToHumanReadable } from "../../../utils/utils";
 export class GenericInfoDetails {
     constructor() {
@@ -7,7 +7,9 @@ export class GenericInfoDetails {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(Host, null, h(DetailSection, { sectionTitle: "Business Generic Info Details" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), h(DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), h(DetailItem, { title: "Business Type", value: snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.business_type) }), h(DetailItem, { title: "Business Structure", value: snakeCaseToHumanReadable((_d = this.business) === null || _d === void 0 ? void 0 : _d.business_structure) }), h(DetailItem, { title: "Industry", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.industry })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Tax ID", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.tax_id }), h(DetailItem, { title: "Website URL", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.website_url }), h(DetailItem, { title: "Email Address", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.email }), h(DetailItem, { title: "Phone Number", value: (_j = this.business) === null || _j === void 0 ? void 0 : _j.phone }))))));
+        if (!this.business)
+            return null;
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), 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: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), h(DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), h(DetailItem, { title: "Business Type", value: snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.business_type) }), h(DetailItem, { title: "Business Structure", value: snakeCaseToHumanReadable((_d = this.business) === null || _d === void 0 ? void 0 : _d.business_structure) }), h(DetailItem, { title: "Industry", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.industry })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Tax ID", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.tax_id }), h(DetailItem, { title: "Website URL", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.website_url }), h(DetailItem, { title: "Email Address", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.email }), h(DetailItem, { title: "Phone Number", value: (_j = this.business) === null || _j === void 0 ? void 0 : _j.phone }))))));
     }
     static get is() { return "generic-info-details"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-details/generic-info-details/test/generic-info-details.spec.js

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

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

@@ -0,0 +1,17 @@
+import { Business } from "../../api/Business";
+import { getErrorMessage } from "../../api/services/utils";
+export const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    try {
+        const response = await service.fetchBusiness(id, authToken);
+        if (!response.error) {
+            onSuccess({ business: new Business(response.data) });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            return onError({ error: responseError });
+        }
+    }
+    catch (error) {
+        return onError({ error: error.message || error });
+    }
+};

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

@@ -1,12 +1,15 @@
 import { Host, h } from "@stencil/core";
-import { DetailSection, DetailItem } from "../../details/utils";
+import { DetailSectionTitle, DetailItem } from "../../details/utils";
+import { isEmptyObject } from "../../../utils/utils";
 export class LegalAddressDetails {
     constructor() {
         this.legalAddress = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(Host, null, h(DetailSection, { sectionTitle: "Business Legal Address Details" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Legal Address", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Address Line 2", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.city })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "State", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Postal Code", value: (_f = (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.postal_code) === null || _f === void 0 ? void 0 : _f.toString() }), h(DetailItem, { title: "Country", value: (_g = this.legalAddress) === null || _g === void 0 ? void 0 : _g.country }))))));
+        if (isEmptyObject(this.legalAddress))
+            return null;
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), 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: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), h(DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), h(DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), h(DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), h(DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
     }
     static get is() { return "legal-address-details"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-details/legal-address-details/test/legal-address-details.spec.js

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