@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

package/dist/esm/utils-6352c002.js

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

package/dist/esm/utils-6352c002.js.map

@@ -0,0 +1 @@
+{"file":"utils-6352c002.js","mappings":";;MAEa,YAAY,IACvB,YACE,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7B,WACE,IAAI,EAAC,wBAAwB,EAC7B,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAC,QAAQ;IAEb,YAAM,KAAK,EAAC,iBAAiB,iBAAkB,CAC3C,CACD,EACP;MAEW,UAAU,GAAG,CAAC,YAAoB,MAC7C,YACE,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7B,eAAM,YAAY,CAAO,CACpB,EACP;MAEW,aAAa,GAAG,CAC3B,EAAE,YAAY,EAA4B,EAC1C,QAAQ,MAER,WAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;EACrC,UAAI,IAAI,EAAC,sBAAsB,IAAE,YAAY,CAAM;EACnD,aAAM;EACN,WAAK,KAAK,EAAC,6DAA6D,IACrE,QAAQ,CACL,CACF,EACN;MAEW,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,GAIN,KACC,KAAK,IAAI,KAAK,IACZ,WAAK,KAAK,EAAC,cAAc;EACvB,YAAM,IAAI,EAAC,2BAA2B,EAAC,KAAK,EAAC,gBAAgB,IAC1D,KAAK,CACD;EACP,YACE,IAAI,EAAC,0BAA0B,EAC/B,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,KAAK,GACV,CACJ,IACJ,KAAK;MAEE,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,OAAO,GAKR,MACC,WAAK,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAE,sBAAsB,OAAO,EAAE;EACtE,YACE,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,0CAA0C,IAE/C,KAAK,CACD;EACP,YAAM,IAAI,EAAC,4BAA4B,EAAC,KAAK,EAAC,gBAAgB,IAC3D,KAAK,CACD,CACH,EACN;MAEW,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,QAAQ,MAC7D,WAAK,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK;EAC7C,WAAK,KAAK,EAAC,+CAA+C;IACxD,UAAI,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,IAChC,KAAK,CACH;IACJ,KAAK,CACF;EACN,WAAK,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAC,iCAAiC,IACjE,QAAQ,CACL,CACF,EACN;MAEW,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,KACpD,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,IACtC,WAAK,KAAK,EAAC,MAAM;EACf,WAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,KAAK,gBAAY,kBAAkB;IACnE,gBACG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAC7B,CACH,CACF,IACJ;;;;","names":[],"sources":["src/components/details/utils.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport const LoadingState = (\n  <main\n    part=\"detail-loading-state\"\n    class=\"p-4 d-flex justify-content-center text-center\"\n    style={{ fontSize: '1.2rem' }}\n  >\n    <div\n      part=\"detail-loading-spinner\"\n      class=\"spinner-border spinner-border-sm\"\n      role=\"status\"\n    >\n      <span class=\"visually-hidden\">Loading...</span>\n    </div>\n  </main>\n);\n\nexport const ErrorState = (errorMessage: string) => (\n  <main\n    part=\"detail-empty-state\"\n    class=\"p-4 d-flex justify-content-center text-center\"\n    style={{ fontSize: '1.2rem' }}\n  >\n    <div>{errorMessage}</div>\n  </main>\n);\n\nexport const DetailSection = (\n  { sectionTitle }: { sectionTitle: string },\n  children,\n) => (\n  <div part=\"detail-section\" class=\"mt-4\">\n    <h5 part=\"detail-section-title\">{sectionTitle}</h5>\n    <hr />\n    <div class=\"d-flex flex-column justify-content-center gap-2 text-nowrap\">\n      {children}\n    </div>\n  </div>\n);\n\nexport const DetailItem = ({\n  title,\n  value,\n}: {\n  title: string;\n  value: string;\n}) =>\n  title && value ? (\n    <div class=\"d-flex gap-2\">\n      <span part=\"detail-section-item-title\" class=\"fw-bold flex-1\">\n        {title}\n      </span>\n      <span\n        part=\"detail-section-item-data\"\n        class=\"flex-1\"\n        innerHTML={value}\n      ></span>\n    </div>\n  ) : null;\n\nexport const EntityHeadInfoItem = ({\n  title,\n  value,\n  classes,\n}: {\n  title: string;\n  value: any;\n  classes?: string;\n}) => (\n  <div part=\"detail-head-info-item\" class={`d-flex flex-column ${classes}`}>\n    <span\n      part=\"detail-head-info-item-title\"\n      class=\"fw-bold border-1 border-bottom ps-2 pe-2\"\n    >\n      {title}\n    </span>\n    <span part=\"detail-head-info-item-data\" class=\"pt-2 ps-2 pe-2\">\n      {value}\n    </span>\n  </div>\n);\n\nexport const EntityHeadInfo = ({ title, slot, badge }, children) => (\n  <div slot={slot} part=\"detail-head\" class=\"p-2\">\n    <div class=\"d-flex flex-row align-items-center gap-2 mb-2\">\n      <h1 class=\"m-0\" part=\"detail-title\">\n        {title}\n      </h1>\n      {badge}\n    </div>\n    <div part=\"detail-head-info\" class=\"d-flex flex-row align-items-top\">\n      {children}\n    </div>\n  </div>\n);\n\nexport const CodeBlock = ({ metadata }: {metadata: {}}) => \n  metadata && Object.keys(metadata).length ? (\n    <div class='mt-4'>\n      <pre part=\"detail-metadata\" class=\"p-2\" aria-label=\"metadata content\">\n        <code>\n          {JSON.stringify(metadata, null, 2)}\n        </code>\n      </pre>\n    </div>\n  ) : null;\n"],"version":3}

package/dist/esm/webcomponents.js

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

package/dist/types/api/Api.d.ts

@@ -1,8 +1,8 @@
-import { IPagination } from './Pagination';
+import { PagingInfo } from './Pagination';
 export interface IApiResponse<T> {
   data: T;
   error?: IErrorObject | IServerError;
-  page_info?: IPagination;
+  page_info?: PagingInfo;
   errors?: string[];
   id: number;
   type: string;
@@ -14,9 +14,9 @@ export interface IErrorObject {
   param?: string;
 }
 export interface IApiResponseCollection<T> extends IApiResponse<T> {
-  page_info: IPagination;
+  page_info: PagingInfo;
 }
-declare const Api: (authToken: string, customApiOrigin?: string) => {
+declare const Api: (authToken: string, apiOrigin?: string) => {
   get: (endpoint: string, params?: any, signal?: AbortSignal) => Promise<any>;
   post: (endpoint: string, body?: any, params?: any, signal?: AbortSignal) => Promise<any>;
   patch: (endpoint: string, body?: any, params?: any, signal?: AbortSignal) => Promise<any>;

package/dist/types/api/Business.d.ts

@@ -71,9 +71,15 @@ export interface ProductCategories {
   lending: boolean;
   payment: boolean;
 }
+export interface AdditionalQuestions {
+  business_revenue: string;
+  business_payment_volume: string;
+  business_dispute_volume: string;
+  business_receivable_volume: string;
+}
 export interface IBusiness {
-  business_structure: string;
-  business_type: string;
+  business_structure: BusinessStructure;
+  business_type: BusinessType;
   bank_accounts: BankAccount[];
   created_at: string;
   documents: Document[];
@@ -92,10 +98,11 @@ export interface IBusiness {
   updated_at: string;
   website_url: string;
   product_categories: ProductCategories;
+  additional_questions: AdditionalQuestions;
 }
 export declare class Business implements IBusiness {
-  business_structure: string;
-  business_type: string;
+  business_structure: BusinessStructure;
+  business_type: BusinessType;
   bank_accounts: BankAccount[];
   created_at: string;
   documents: Document[];
@@ -114,6 +121,7 @@ export declare class Business implements IBusiness {
   updated_at: string;
   website_url: string;
   product_categories: ProductCategories;
+  additional_questions: AdditionalQuestions;
   constructor(business: IBusiness);
 }
 export interface IProductReadiness {

package/dist/types/api/GrossVolume.d.ts

@@ -0,0 +1,8 @@
+export interface GrossVolumeReportDate {
+  date: string;
+  value: number;
+}
+export interface GrossVolumeReport {
+  total: number;
+  dates: GrossVolumeReportDate[];
+}

package/dist/types/api/Pagination.d.ts

@@ -1,13 +1,19 @@
-export interface IPagination {
-  has_previous: boolean;
-  has_next: boolean;
+export interface PagingInfo {
+  amount: number;
   start_cursor: string;
   end_cursor: string;
-}
-export declare class Pagination implements IPagination {
   has_previous: boolean;
   has_next: boolean;
+}
+export declare const pagingDefaults: {
+  amount: number;
   start_cursor: string;
   end_cursor: string;
-  constructor(pagination?: IPagination);
+  has_previous: boolean;
+  has_next: boolean;
+};
+export interface ExtendedPagingInfo extends PagingInfo {
+  handleClickNext: (after_cursor: string) => void;
+  handleClickPrevious: (before_cursor: string) => void;
 }
+export declare const ExtendedPagingDefaults: ExtendedPagingInfo;

package/dist/types/api/Payment.d.ts

@@ -108,3 +108,31 @@ export declare class Payment implements IPayment {
   constructor(payment: IPayment);
   get disputedStatus(): PaymentDisputedStatuses | null;
 }
+export interface IPaymentBalanceTransaction {
+  id: string;
+  amount: number;
+  balance: number;
+  currency: 'usd';
+  financial_transaction_id: string;
+  payment_id: string;
+  payment_balance_txn_type: string;
+  source_id: string;
+  source_type: string;
+  created_at: string;
+  updated_at: string;
+}
+export declare class PaymentBalanceTransaction implements IPaymentBalanceTransaction {
+  id: string;
+  amount: number;
+  balance: number;
+  currency: 'usd';
+  financial_transaction_id: string;
+  payment_id: string;
+  payment_balance_txn_type: string;
+  source_id: string;
+  source_type: string;
+  created_at: string;
+  updated_at: string;
+  constructor(balanceTransaction: IPaymentBalanceTransaction);
+  get displayTransactionId(): string;
+}

package/dist/types/api/SubAccount.d.ts

@@ -0,0 +1,165 @@
+import { BusinessStructure } from './Business';
+export declare enum TagTypes {
+  neutral = "neutral",
+  info = "info",
+  success = "success",
+  warning = "warning",
+  error = "error"
+}
+export declare enum SubAccountStatusType {
+  created = "created",
+  submitted = "submitted",
+  information_needed = "information_needed",
+  enabled = "enabled",
+  disabled = "disabled",
+  rejected = "rejected",
+  archived = "archived"
+}
+export declare enum AccountType {
+  live = "live",
+  test = "test"
+}
+export declare enum BusinessType {
+  forProfit = "for_profit",
+  nonProfit = "non_profit",
+  government = "government_entity",
+  individual = "individual"
+}
+export declare enum ForProfitStructure {
+  none = "",
+  soleProprietorship = "sole_proprietorship",
+  singleMember = "single_llc",
+  multiMember = "multi_llc",
+  privatePartnership = "private_partnership",
+  privateCorp = "private_corporation",
+  unincorporatedAssociation = "unincorporated_association",
+  publicPartnership = "public_partnership",
+  publicCorp = "public_corporation"
+}
+export declare enum NonProfitStructure {
+  incorporated = "incorporated",
+  unincorporated = "unincorporated"
+}
+export declare enum GovernmentEntityStructure {
+  unit = "government_unit",
+  instrumentality = "government_instrumentality",
+  taxExempt = "tax_exempt_government_instrumentality"
+}
+export interface ApplicationFeeRate {
+  basis_point_rate: number;
+  created_at: string;
+  currency: string;
+  id: string;
+  rate_type: string;
+  transaction_fee: number;
+  updated_at: string;
+}
+export interface Legal {
+  name?: string;
+  address_line1?: string;
+  address_line2?: string;
+  address_city?: string;
+  address_state?: string;
+  address_postal_code?: string;
+  address_country?: string;
+}
+export interface ISubAccount {
+  account_type: AccountType;
+  application_fee_rates: ApplicationFeeRate[] | [];
+  created_at: string;
+  currency: string;
+  id: string;
+  name: string;
+  payout_ready: boolean;
+  platform_account_id: string;
+  processing_ready: boolean;
+  status: SubAccountStatusType;
+  updated_at: string;
+  related_accounts?: object;
+  readonly statusTagType?: TagTypes;
+}
+export declare class SubAccount implements ISubAccount {
+  account_type: AccountType;
+  application_fee_rates: ApplicationFeeRate[] | [];
+  created_at: string;
+  dateString: string;
+  timeString: string;
+  currency: string;
+  id: string;
+  name: string;
+  payout_ready: boolean;
+  platform_account_id: string;
+  processing_ready: boolean;
+  status: SubAccountStatusType;
+  updated_at: string;
+  related_accounts: object;
+  cardRate: string | undefined;
+  achRate: string | undefined;
+  constructor(subAccount: ISubAccount);
+  findActiveRate: (subAccount: ISubAccount, type: string) => ApplicationFeeRate | undefined;
+  getBasisPercentage: (rate: ApplicationFeeRate | undefined) => string | undefined;
+  getTransactionFee: (rate: ApplicationFeeRate | undefined) => string | undefined;
+  getFormattedRate: (rate: ApplicationFeeRate | undefined) => string | undefined;
+  get statusTagType(): TagTypes;
+}
+export interface SubAccountBusinessDetails {
+  url?: string;
+  type?: BusinessType;
+  structure?: BusinessStructure;
+  industry?: string;
+  tax_id?: string;
+  phone?: string;
+  email?: string;
+  date_of_incorporation?: string;
+  approximate_annual_volume?: string;
+  legal?: Legal;
+  doing_business_as?: {
+    name: string;
+  };
+}
+export interface SubAccountIdentity {
+  name?: string;
+  title?: string;
+  email?: string;
+  identification_number?: string;
+  dob_month?: string;
+  dob_day?: string;
+  dob_year?: string;
+  address_line1?: string;
+  address_line2?: string;
+  address_city?: string;
+  address_state?: string;
+  address_postal_code?: string;
+  address_country?: string;
+  phone?: string;
+  is_owner?: boolean;
+  ssn_last4?: string;
+}
+export interface SubaccountBankAccount {
+  bank_name?: string;
+  account_nickname?: string;
+  routing_number?: string;
+  account_number?: string;
+  account_type?: string;
+  account_owner_name?: string;
+}
+export interface Terms {
+  accepted?: boolean;
+  ip?: string;
+  user_agent?: string;
+}
+export interface IOnboardingPayload {
+  onboarding_version: string;
+  bank_account?: SubaccountBankAccount;
+  business_details?: SubAccountBusinessDetails;
+  representative?: SubAccountIdentity;
+  terms_and_conditions?: Terms;
+  owners?: SubAccountIdentity[];
+}
+export interface IOnboardingData {
+  account_type?: AccountType;
+  payload?: IOnboardingPayload;
+  platform_account_id?: string;
+  seller_account_id?: string;
+  sub_account_id?: string;
+}

package/dist/types/api/mockData/MockOnboardingData.d.ts

@@ -0,0 +1,8 @@
+import { AccountType, IOnboardingPayload } from "../SubAccount";
+export declare const MockOnboardingData: {
+  account_type: AccountType;
+  payload: IOnboardingPayload;
+  platform_account_id: string;
+  seller_account_id: string;
+  sub_account_id: string;
+};

package/dist/types/api/mockData/MockSubAccount.d.ts

@@ -0,0 +1,3 @@
+import { SubAccount } from "../SubAccount";
+declare const mockSubAccounts: SubAccount[];
+export default mockSubAccounts;

package/dist/types/api/mockData/mockGrossVolumeReport.d.ts

@@ -0,0 +1,7 @@
+export declare const mockGrossVolumeReport: {
+  total: number;
+  dates: {
+    date: string;
+    value: number;
+  }[];
+};

package/dist/types/components/bank-account-form/bank-account-form.stories.d.ts

@@ -2,13 +2,6 @@ declare const _default: {
   title: string;
   component: string;
   argTypes: {
-    'iframe-origin': {
-      control: string;
-      table: {
-        disable: boolean;
-        category: string;
-      };
-    };
     'css-variables': {
       control: string;
       table: {

package/dist/types/components/business-details/additional-questions-details/additional-questions-details.d.ts

@@ -0,0 +1,13 @@
+import { IBusiness } from '../../../api/Business';
+/**
+ *
+ * @exportedPart detail-section
+ * @exportedPart detail-section-title
+ * @exportedPart detail-section-item-title
+ * @exportedPart detail-section-item-data
+ * @exportedPart detail-empty-state
+ */
+export declare class AdditionalQuestionsDetails {
+  business: IBusiness;
+  render(): any;
+}

package/dist/types/components/business-details/business-details.d.ts

@@ -0,0 +1,28 @@
+import { IBusiness } from '../../api/Business';
+declare enum RENDER_STATES {
+  LOADING = "loading",
+  READY = "ready",
+  ERROR = "error"
+}
+/**
+ *
+ * @exportedPart detail-section
+ * @exportedPart detail-section-title
+ * @exportedPart detail-section-item-title
+ * @exportedPart detail-section-item-data
+ * @exportedPart detail-empty-state
+ */
+export declare class BusinessDetails {
+  businessId: string;
+  authToken: string;
+  business: IBusiness;
+  renderState: RENDER_STATES;
+  errorMessage: string;
+  private api;
+  constructor();
+  componentWillLoad(): Promise<void>;
+  fetchBusiness(businessId: any): Promise<void>;
+  setError(error: string): void;
+  render(): any;
+}
+export {};

package/dist/types/components/business-details/business-details.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {};
+};
+export default _default;
+export declare const Basic: any;

package/dist/types/components/business-details/generic-info-details/generic-info-details.d.ts

@@ -0,0 +1,5 @@
+import { IBusiness } from '../../../api/Business';
+export declare class GenericInfoDetails {
+  business: IBusiness;
+  render(): any;
+}

package/dist/types/components/business-details/legal-address-details/legal-address-details.d.ts

@@ -0,0 +1,5 @@
+import { Address } from '../../../api/Business';
+export declare class LegalAddressDetails {
+  legalAddress: Address;
+  render(): any;
+}

package/dist/types/components/business-details/owner-details/owner-details.d.ts

@@ -0,0 +1,13 @@
+import { Identity } from '../../../api/Business';
+/**
+ *
+ * @exportedPart detail-section
+ * @exportedPart detail-section-title
+ * @exportedPart detail-section-item-title
+ * @exportedPart detail-section-item-data
+ * @exportedPart detail-empty-state
+ */
+export declare class OwnerDetails {
+  owners: Identity[];
+  render(): any;
+}

package/dist/types/components/business-details/representative-details/representative-details.d.ts

@@ -0,0 +1,13 @@
+import { Identity } from '../../../api/Business';
+/**
+ *
+ * @exportedPart detail-section
+ * @exportedPart detail-section-title
+ * @exportedPart detail-section-item-title
+ * @exportedPart detail-section-item-data
+ * @exportedPart detail-empty-state
+ */
+export declare class JustifiRepresentativeDetails {
+  representative: Identity;
+  render(): any;
+}

package/dist/types/components/business-form/business-form-stepped.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class BusinessFormStepped {
+  authToken: string;
+  accountId: string;
+  businessId?: string;
+  isLoading: boolean;
+  currentStep: number;
+  totalSteps: number;
+  serverError: string;
+  private formController;
+  private api;
+  constructor();
+  componentWillLoad(): void;
+  handleResponse(response: any, onSuccess: any): void;
+  private sendData;
+  private fetchData;
+  private validateAndSubmit;
+  showPreviousStepButton(): boolean;
+  previousStepButtonOnClick(): void;
+  showNextStepButton(): boolean;
+  nextStepButtonOnClick(): void;
+  showSubmitButton(): boolean;
+  currentStepComponent(): any;
+  render(): any;
+}

package/dist/types/components/business-form/business-form-stepped.stories.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    'auth-token': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
+    'account-id': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
+    'business-id': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Basic: any;
+export declare const Styled: any;

package/dist/types/components/business-form/business-form.d.ts

@@ -11,7 +11,6 @@ export declare class BusinessForm {
   private api;
   constructor();
   componentWillLoad(): void;
-  private parseForPatching;
   private sendData;
   private fetchData;
   private validateAndSubmit;

package/dist/types/components/business-form/business-form.stories.d.ts

@@ -8,6 +8,12 @@ declare const _default: {
         category: string;
       };
     };
+    'account-id': {
+      control: string;
+      table: {
+        category: string;
+      };
+    };
     'business-id': {
       control: string;
       table: {

package/dist/types/components/business-form/business-generic-info/business-generic-info.d.ts

@@ -1,5 +1,10 @@
 import { FormController } from '../../form/form';
 /**
+ *
+ * The difference between this component and business-generic-info-details
+ * is that this component is meant to be a form and send data
+ * and the other one  is meant to be just read only.
+ *
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
  * @exportedPart input-invalid: Invalid state for inputfs
@@ -7,7 +12,6 @@ import { FormController } from '../../form/form';
 export declare class BusinessGenericInfo {
   formController: FormController;
   errors: any;
-  business: any;
   constructor();
   componentDidLoad(): void;
   inputHandler(name: string, value: string): void;

package/dist/types/components/business-form/business-representative/business-representative-schema.d.ts

@@ -12,4 +12,6 @@ export interface IBusinessRepresentative {
   is_owner: boolean;
   metadata: any;
   address: BusinessAddressFormFields;
+  created_at: string;
+  updated_at: string;
 }

package/dist/types/components/business-form/helpers.d.ts

@@ -0,0 +1 @@
+export declare const parseForPatching: (data: any) => any;