@justifi/webcomponents 4.7.0-rc.0 → 4.7.0-rc.2

package/dist/cjs/{utils-aaa6ab8b.js → utils-4622829d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-ce7d512e.js');
+const index = require('./index-c5ace247.js');
 
 const LoadingState = (index.h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
   index.h("div", { part: "detail-loading-spinner", class: "spinner-border spinner-border-sm", role: "status" },
@@ -34,4 +34,4 @@ exports.EntityHeadInfoItem = EntityHeadInfoItem;
 exports.ErrorState = ErrorState;
 exports.LoadingState = LoadingState;
 
-//# sourceMappingURL=utils-aaa6ab8b.js.map
+//# sourceMappingURL=utils-4622829d.js.map

package/dist/cjs/{utils-aaa6ab8b.js.map → utils-4622829d.js.map}

@@ -1 +1 @@
-{"file":"utils-aaa6ab8b.js","mappings":";;;;MAEa,YAAY,IACvBA,kBACE,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7BA,iBACE,IAAI,EAAC,wBAAwB,EAC7B,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAC,QAAQ;IAEbA,kBAAM,KAAK,EAAC,iBAAiB,iBAAkB,CAC3C,CACD,EACP;MAEW,UAAU,GAAG,CAAC,YAAoB,MAC7CA,kBACE,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7BA,qBAAM,YAAY,CAAO,CACpB,EACP;MAEW,aAAa,GAAG,CAC3B,EAAE,YAAY,EAA4B,EAC1C,QAAQ,MAERA,iBAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;EACrCA,gBAAI,IAAI,EAAC,sBAAsB,IAAE,YAAY,CAAM;EACnDA,mBAAM;EACNA,iBAAK,KAAK,EAAC,6DAA6D,IACrE,QAAQ,CACL,CACF,EACN;MAEW,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,GAIN,KACC,KAAK,IAAI,KAAK,IACZA,iBAAK,KAAK,EAAC,cAAc;EACvBA,kBAAM,IAAI,EAAC,2BAA2B,EAAC,KAAK,EAAC,gBAAgB,IAC1D,KAAK,CACD;EACPA,kBACE,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,MACCA,iBAAK,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAE,sBAAsB,OAAO,EAAE;EACtEA,kBACE,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,0CAA0C,IAE/C,KAAK,CACD;EACPA,kBAAM,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,MAC7DA,iBAAK,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK;EAC7CA,iBAAK,KAAK,EAAC,+CAA+C;IACxDA,gBAAI,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,IAChC,KAAK,CACH;IACJ,KAAK,CACF;EACNA,iBAAK,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,IACtCA,iBAAK,KAAK,EAAC,MAAM;EACfA,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,KAAK,gBAAY,kBAAkB;IACnEA,sBACG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAC7B,CACH,CACF,IACJ;;;;;;;;;;","names":["h"],"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}
+{"file":"utils-4622829d.js","mappings":";;;;MAEa,YAAY,IACvBA,kBACE,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7BA,iBACE,IAAI,EAAC,wBAAwB,EAC7B,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAC,QAAQ;IAEbA,kBAAM,KAAK,EAAC,iBAAiB,iBAAkB,CAC3C,CACD,EACP;MAEW,UAAU,GAAG,CAAC,YAAoB,MAC7CA,kBACE,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7BA,qBAAM,YAAY,CAAO,CACpB,EACP;MAEW,aAAa,GAAG,CAC3B,EAAE,YAAY,EAA4B,EAC1C,QAAQ,MAERA,iBAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;EACrCA,gBAAI,IAAI,EAAC,sBAAsB,IAAE,YAAY,CAAM;EACnDA,mBAAM;EACNA,iBAAK,KAAK,EAAC,6DAA6D,IACrE,QAAQ,CACL,CACF,EACN;MAEW,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,GAIN,KACC,KAAK,IAAI,KAAK,IACZA,iBAAK,KAAK,EAAC,cAAc;EACvBA,kBAAM,IAAI,EAAC,2BAA2B,EAAC,KAAK,EAAC,gBAAgB,IAC1D,KAAK,CACD;EACPA,kBACE,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,MACCA,iBAAK,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAE,sBAAsB,OAAO,EAAE;EACtEA,kBACE,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,0CAA0C,IAE/C,KAAK,CACD;EACPA,kBAAM,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,MAC7DA,iBAAK,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK;EAC7CA,iBAAK,KAAK,EAAC,+CAA+C;IACxDA,gBAAI,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,IAChC,KAAK,CACH;IACJ,KAAK,CACF;EACNA,iBAAK,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,IACtCA,iBAAK,KAAK,EAAC,MAAM;EACfA,iBAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,KAAK,gBAAY,kBAAkB;IACnEA,sBACG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAC7B,CACH,CACF,IACJ;;;;;;;;;;","names":["h"],"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/cjs/webcomponents.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ce7d512e.js');
+const index = require('./index-c5ace247.js');
 
 /*
  Stencil Client Patch Browser v4.1.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"],"isLoading":[32]}]]],["justifi-business-form-stepped.cjs",[[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.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],"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.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]}]]],["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]}]]],["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]}]]],["justifi-payments-list.cjs",[[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.cjs",[[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.cjs",[[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.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]}]]],["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]}]]],["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,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","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,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payment-details.cjs",[[1,"justifi-payment-details",{"paymentId":[1,"payment-id"],"authToken":[1,"auth-token"],"payment":[32],"loading":[32],"errorMessage":[32]}]]],["justifi-payout-details.cjs",[[1,"justifi-payout-details",{"payoutId":[1,"payout-id"],"authToken":[1,"auth-token"],"payout":[32],"loading":[32],"errorMessage":[32]}]]],["subaccount-bank-details.cjs",[[1,"subaccount-bank-details",{"data":[16]}]]],["subaccount-terms-details.cjs",[[1,"subaccount-terms-details",{"data":[16]}]]],["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",{"paymentMethodTypes":[16],"selectedPaymentMethodType":[1,"selected-payment-method-type"]}]]],["justifi-details.cjs",[[1,"justifi-details",{"errorMessage":[1,"error-message"]}]]],["subaccount-account-details_4.cjs",[[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.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]}]]],["additional-questions-details_5.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.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([["justifi-business-form.cjs",[[0,"justifi-business-form",{"authToken":[1,"auth-token"],"businessId":[1,"business-id"],"isLoading":[32]}]]],["justifi-business-form-stepped.cjs",[[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.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],"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.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]}]]],["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]}]]],["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]}]]],["justifi-payments-list.cjs",[[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.cjs",[[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.cjs",[[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.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]}]]],["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]}]]],["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,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","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,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["justifi-payment-details.cjs",[[1,"justifi-payment-details",{"paymentId":[1,"payment-id"],"authToken":[1,"auth-token"],"payment":[32],"loading":[32],"errorMessage":[32]}]]],["justifi-payout-details.cjs",[[1,"justifi-payout-details",{"payoutId":[1,"payout-id"],"authToken":[1,"auth-token"],"payout":[32],"loading":[32],"errorMessage":[32]}]]],["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]}]]],["subaccount-bank-details.cjs",[[1,"subaccount-bank-details",{"data":[16]}]]],["subaccount-terms-details.cjs",[[1,"subaccount-terms-details",{"data":[16]}]]],["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",{"paymentMethodTypes":[16],"selectedPaymentMethodType":[1,"selected-payment-method-type"]}]]],["justifi-details.cjs",[[1,"justifi-details",{"errorMessage":[1,"error-message"]}]]],["subaccount-account-details_4.cjs",[[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.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]}]]],["additional-questions-details_5.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.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/GrossVolume.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GrossVolume.js.map

package/dist/collection/api/GrossVolume.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrossVolume.js","sourceRoot":"","sources":["../../../src/api/GrossVolume.ts"],"names":[],"mappings":"","sourcesContent":["export interface GrossVolumeReportDate {\n  date: string, value: number\n}\n\nexport interface GrossVolumeReport {\n  total: number,\n  dates: GrossVolumeReportDate[]\n}\n"]}

package/dist/collection/api/mockData/mockGrossVolumeReport.js

@@ -0,0 +1,126 @@
+export const mockGrossVolumeReport = {
+  total: 238534158,
+  dates: [
+    {
+      date: "2023-12-13",
+      value: 14716057
+    },
+    {
+      date: "2023-12-12",
+      value: 5115042
+    },
+    {
+      date: "2023-12-11",
+      value: 5230555
+    },
+    {
+      date: "2023-12-10",
+      value: 3037618
+    },
+    {
+      date: "2023-12-09",
+      value: 3788553
+    },
+    {
+      date: "2023-12-08",
+      value: 8315442
+    },
+    {
+      date: "2023-12-07",
+      value: 13121572
+    },
+    {
+      date: "2023-12-06",
+      value: 13627049
+    },
+    {
+      date: "2023-12-05",
+      value: 8943872
+    },
+    {
+      date: "2023-12-04",
+      value: 16492904
+    },
+    {
+      date: "2023-12-03",
+      value: 3383167
+    },
+    {
+      date: "2023-12-02",
+      value: 3552343
+    },
+    {
+      date: "2023-12-01",
+      value: 5013040
+    },
+    {
+      date: "2023-11-30",
+      value: 15019397
+    },
+    {
+      date: "2023-11-29",
+      value: 11843948
+    },
+    {
+      date: "2023-11-28",
+      value: 5197866
+    },
+    {
+      date: "2023-11-27",
+      value: 8391006
+    },
+    {
+      date: "2023-11-26",
+      value: 3681388
+    },
+    {
+      date: "2023-11-25",
+      value: 3307336
+    },
+    {
+      date: "2023-11-24",
+      value: 11746683
+    },
+    {
+      date: "2023-11-23",
+      value: 6762045
+    },
+    {
+      date: "2023-11-22",
+      value: 4848777
+    },
+    {
+      date: "2023-11-21",
+      value: 6594568
+    },
+    {
+      date: "2023-11-20",
+      value: 16594458
+    },
+    {
+      date: "2023-11-19",
+      value: 3444383
+    },
+    {
+      date: "2023-11-18",
+      value: 3606620
+    },
+    {
+      date: "2023-11-17",
+      value: 4817040
+    },
+    {
+      date: "2023-11-16",
+      value: 14775453
+    },
+    {
+      date: "2023-11-15",
+      value: 6694476
+    },
+    {
+      date: "2023-11-14",
+      value: 6871500
+    }
+  ]
+};
+//# sourceMappingURL=mockGrossVolumeReport.js.map

package/dist/collection/api/mockData/mockGrossVolumeReport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockGrossVolumeReport.js","sourceRoot":"","sources":["../../../../src/api/mockData/mockGrossVolumeReport.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;EACnC,KAAK,EAAE,SAAS;EAChB,KAAK,EAAE;IACL;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,QAAQ;KAChB;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;IACD;MACE,IAAI,EAAE,YAAY;MAClB,KAAK,EAAE,OAAO;KACf;GACF;CACF,CAAA","sourcesContent":["export const mockGrossVolumeReport = {\n  total: 238534158,\n  dates: [\n    {\n      date: \"2023-12-13\",\n      value: 14716057\n    },\n    {\n      date: \"2023-12-12\",\n      value: 5115042\n    },\n    {\n      date: \"2023-12-11\",\n      value: 5230555\n    },\n    {\n      date: \"2023-12-10\",\n      value: 3037618\n    },\n    {\n      date: \"2023-12-09\",\n      value: 3788553\n    },\n    {\n      date: \"2023-12-08\",\n      value: 8315442\n    },\n    {\n      date: \"2023-12-07\",\n      value: 13121572\n    },\n    {\n      date: \"2023-12-06\",\n      value: 13627049\n    },\n    {\n      date: \"2023-12-05\",\n      value: 8943872\n    },\n    {\n      date: \"2023-12-04\",\n      value: 16492904\n    },\n    {\n      date: \"2023-12-03\",\n      value: 3383167\n    },\n    {\n      date: \"2023-12-02\",\n      value: 3552343\n    },\n    {\n      date: \"2023-12-01\",\n      value: 5013040\n    },\n    {\n      date: \"2023-11-30\",\n      value: 15019397\n    },\n    {\n      date: \"2023-11-29\",\n      value: 11843948\n    },\n    {\n      date: \"2023-11-28\",\n      value: 5197866\n    },\n    {\n      date: \"2023-11-27\",\n      value: 8391006\n    },\n    {\n      date: \"2023-11-26\",\n      value: 3681388\n    },\n    {\n      date: \"2023-11-25\",\n      value: 3307336\n    },\n    {\n      date: \"2023-11-24\",\n      value: 11746683\n    },\n    {\n      date: \"2023-11-23\",\n      value: 6762045\n    },\n    {\n      date: \"2023-11-22\",\n      value: 4848777\n    },\n    {\n      date: \"2023-11-21\",\n      value: 6594568\n    },\n    {\n      date: \"2023-11-20\",\n      value: 16594458\n    },\n    {\n      date: \"2023-11-19\",\n      value: 3444383\n    },\n    {\n      date: \"2023-11-18\",\n      value: 3606620\n    },\n    {\n      date: \"2023-11-17\",\n      value: 4817040\n    },\n    {\n      date: \"2023-11-16\",\n      value: 14775453\n    },\n    {\n      date: \"2023-11-15\",\n      value: 6694476\n    },\n    {\n      date: \"2023-11-14\",\n      value: 6871500\n    }\n  ]\n}"]}

package/dist/collection/collection-manifest.json

@@ -26,6 +26,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.js",
     "components/pagination-menu/pagination-menu.js",
     "components/payment-balance-transactions/payment-balance-transactions.js",
     "components/payment-details/payment-details.js",

package/dist/collection/components/bank-account-form/bank-account-form.stories.js

@@ -1,3 +1,4 @@
+import { config } from "../../../config";
 const CSSVars = `
 --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900&family=Agdasima';
 --jfi-layout-font-family: Roboto Mono;
@@ -118,7 +119,7 @@ const Template = (args) => {
       <justifi-bank-account-form
         data-testid="bank-account-form-iframe"
         validation-mode='${args['validation-mode'] || 'onSubmit'}'
-        iframe-origin='${process.env.IFRAME_ORIGIN}'
+        iframe-origin='${config.iframeOrigin}'
       />
     </div>
     ${FormButtons}

package/dist/collection/components/bank-account-form/bank-account-form.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"bank-account-form.stories.js","sourceRoot":"","sources":["../../../../src/components/bank-account-form/bank-account-form.stories.ts"],"names":[],"mappings":"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","sourcesContent":["const CSSVars = `\n--jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900&family=Agdasima';\n--jfi-layout-font-family: Roboto Mono;\n--jfi-layout-padding: 4px;\n--jfi-layout-form-control-spacing-x: .5rem;\n--jfi-layout-form-control-spacing-y: 1rem;\n--jfi-form-label-font-weight: 700;\n--jfi-form-label-font-family: sans-serif;\n--jfi-form-label-margin: 0 0 .5rem 0;\n--jfi-form-control-background-color: #F4F4F6;\n--jfi-form-control-background-color-hover: #EEEEF5;\n--jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n--jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n--jfi-form-control-border-color-focus: #fccc32;\n--jfi-form-control-border-color-error: #C12727;\n--jfi-form-control-border-top-width: 0;\n--jfi-form-control-border-left-width: 0;\n--jfi-form-control-border-bottom-width: 1px;\n--jfi-form-control-border-right-width: 0;\n--jfi-form-control-border-radius: 4px 4px 0 0;\n--jfi-form-control-border-style: solid;\n--jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n--jfi-form-control-box-shadow-focus: none;\n--jfi-form-control-box-shadow-error-focus: none;\n--jfi-form-control-border-style: solid;\n--jfi-form-control-color: #212529;\n--jfi-form-control-font-size: 1rem;\n--jfi-form-control-font-weight: 400;\n--jfi-form-control-line-height: 2;\n--jfi-form-control-margin: 0;\n--jfi-form-control-padding: .5rem .875rem;\n--jfi-error-message-color: #C12727;\n--jfi-error-message-margin: .25rem 0 0 0;\n--jfi-error-message-font-size: .875rem;\n`;\n\nexport default {\n  title: 'Components/BankAccountForm',\n  component: 'justifi-bank-account-form',\n  argTypes: {\n    'css-variables': {\n      control: 'text',\n      table: {\n        category: 'props',\n        defaultValue: CSSVars,\n      },\n    },\n    'resize': {\n      description: 'Deprecated: This method will be removed in future releases.',\n      table: {\n        category: 'methods',\n      },\n    },\n  },\n  decorators: [\n    story => `\n      <!-- Deprecated Notice -->\n      <p style=\"color: red; font-family: 'Roboto Mono', monospace;\">Note: The 'resize' method is deprecated and will be removed in future releases.</p>\n      ${story()}\n      <script>${addEvents()}</script>\n    `,\n  ],\n};\n\nconst handleValidateClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  const valid = await bankForm.validate();\n  console.log(valid);\n};\nconst handleTokenizeClick = async (bankForm: HTMLJustifiBankAccountFormElement, paymentMethodData: any) => {\n  const tokenizeResponse = await bankForm.tokenize('CLIENT_ID', paymentMethodData);\n  console.log(tokenizeResponse);\n};\nconst handleResizeClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  await bankForm.resize();\n};\nconst handleReady = () => {\n  console.log('bank account form is ready');\n  const bankForm = document.querySelector('justifi-bank-account-form') as HTMLJustifiBankAccountFormElement;\n  const validateBtn = document.querySelector('#validate-btn');\n  const tokenizeBtn = document.querySelector('#tokenize-btn');\n  const resizeBtn = document.querySelector('#resize-btn');\n  validateBtn?.addEventListener('click', () => {\n    handleValidateClick(bankForm);\n  });\n  tokenizeBtn?.addEventListener('click', () => {\n    handleTokenizeClick(bankForm, {});\n  });\n  resizeBtn?.addEventListener('click', () => {\n    handleResizeClick(bankForm);\n  });\n};\n\nconst addEvents = () => {\n  addEventListener('bankAccountFormReady', handleReady);\n};\n\nconst FormButtons = `\n  <style>\n    .button-bar {\n      display: flex;\n      aligin-items: center;\n      padding: 10px;\n    }\n    .button-bar button {\n      margin-right: 10px;\n    }\n  </style>\n  <div class=\"button-bar\">\n    <button id=\"validate-btn\">Validate</button>\n    <button id=\"tokenize-btn\">Tokenize</button>\n    <button id=\"resize-btn\">Resize</button>\n  </div>\n`;\n\nconst Template = (args: any) => {\n  return `\n    <div>\n      <style>\n      :root {\n        ${args['css-variables'] || ''}\n      }\n      </style>\n      <justifi-bank-account-form\n        data-testid=\"bank-account-form-iframe\"\n        validation-mode='${args['validation-mode'] || 'onSubmit'}'\n        iframe-origin='${process.env.IFRAME_ORIGIN}'\n      />\n    </div>\n    ${FormButtons}\n  `;\n};\n\nexport const Basic = Template.bind({});\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'css-variables': CSSVars,\n};\n"]}
+{"version":3,"file":"bank-account-form.stories.js","sourceRoot":"","sources":["../../../../src/components/bank-account-form/bank-account-form.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { config } from '../../../config';\n\nconst CSSVars = `\n--jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900&family=Agdasima';\n--jfi-layout-font-family: Roboto Mono;\n--jfi-layout-padding: 4px;\n--jfi-layout-form-control-spacing-x: .5rem;\n--jfi-layout-form-control-spacing-y: 1rem;\n--jfi-form-label-font-weight: 700;\n--jfi-form-label-font-family: sans-serif;\n--jfi-form-label-margin: 0 0 .5rem 0;\n--jfi-form-control-background-color: #F4F4F6;\n--jfi-form-control-background-color-hover: #EEEEF5;\n--jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n--jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n--jfi-form-control-border-color-focus: #fccc32;\n--jfi-form-control-border-color-error: #C12727;\n--jfi-form-control-border-top-width: 0;\n--jfi-form-control-border-left-width: 0;\n--jfi-form-control-border-bottom-width: 1px;\n--jfi-form-control-border-right-width: 0;\n--jfi-form-control-border-radius: 4px 4px 0 0;\n--jfi-form-control-border-style: solid;\n--jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n--jfi-form-control-box-shadow-focus: none;\n--jfi-form-control-box-shadow-error-focus: none;\n--jfi-form-control-border-style: solid;\n--jfi-form-control-color: #212529;\n--jfi-form-control-font-size: 1rem;\n--jfi-form-control-font-weight: 400;\n--jfi-form-control-line-height: 2;\n--jfi-form-control-margin: 0;\n--jfi-form-control-padding: .5rem .875rem;\n--jfi-error-message-color: #C12727;\n--jfi-error-message-margin: .25rem 0 0 0;\n--jfi-error-message-font-size: .875rem;\n`;\n\nexport default {\n  title: 'Components/BankAccountForm',\n  component: 'justifi-bank-account-form',\n  argTypes: {\n    'css-variables': {\n      control: 'text',\n      table: {\n        category: 'props',\n        defaultValue: CSSVars,\n      },\n    },\n    'resize': {\n      description: 'Deprecated: This method will be removed in future releases.',\n      table: {\n        category: 'methods',\n      },\n    },\n  },\n  decorators: [\n    story => `\n      <!-- Deprecated Notice -->\n      <p style=\"color: red; font-family: 'Roboto Mono', monospace;\">Note: The 'resize' method is deprecated and will be removed in future releases.</p>\n      ${story()}\n      <script>${addEvents()}</script>\n    `,\n  ],\n};\n\nconst handleValidateClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  const valid = await bankForm.validate();\n  console.log(valid);\n};\nconst handleTokenizeClick = async (bankForm: HTMLJustifiBankAccountFormElement, paymentMethodData: any) => {\n  const tokenizeResponse = await bankForm.tokenize('CLIENT_ID', paymentMethodData);\n  console.log(tokenizeResponse);\n};\nconst handleResizeClick = async (bankForm: HTMLJustifiBankAccountFormElement) => {\n  await bankForm.resize();\n};\nconst handleReady = () => {\n  console.log('bank account form is ready');\n  const bankForm = document.querySelector('justifi-bank-account-form') as HTMLJustifiBankAccountFormElement;\n  const validateBtn = document.querySelector('#validate-btn');\n  const tokenizeBtn = document.querySelector('#tokenize-btn');\n  const resizeBtn = document.querySelector('#resize-btn');\n  validateBtn?.addEventListener('click', () => {\n    handleValidateClick(bankForm);\n  });\n  tokenizeBtn?.addEventListener('click', () => {\n    handleTokenizeClick(bankForm, {});\n  });\n  resizeBtn?.addEventListener('click', () => {\n    handleResizeClick(bankForm);\n  });\n};\n\nconst addEvents = () => {\n  addEventListener('bankAccountFormReady', handleReady);\n};\n\nconst FormButtons = `\n  <style>\n    .button-bar {\n      display: flex;\n      aligin-items: center;\n      padding: 10px;\n    }\n    .button-bar button {\n      margin-right: 10px;\n    }\n  </style>\n  <div class=\"button-bar\">\n    <button id=\"validate-btn\">Validate</button>\n    <button id=\"tokenize-btn\">Tokenize</button>\n    <button id=\"resize-btn\">Resize</button>\n  </div>\n`;\n\nconst Template = (args: any) => {\n  return `\n    <div>\n      <style>\n      :root {\n        ${args['css-variables'] || ''}\n      }\n      </style>\n      <justifi-bank-account-form\n        data-testid=\"bank-account-form-iframe\"\n        validation-mode='${args['validation-mode'] || 'onSubmit'}'\n        iframe-origin='${config.iframeOrigin}'\n      />\n    </div>\n    ${FormButtons}\n  `;\n};\n\nexport const Basic = Template.bind({});\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'css-variables': CSSVars,\n};\n"]}

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

@@ -1,5 +1,5 @@
 export default {
-  title: 'Components/BillingForm',
+  title: 'dev/Components/BillingForm',
   component: 'justifi-billing-form',
   parameters: {},
 };

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

@@ -1 +1 @@
-{"version":3,"file":"billing-form.stories.js","sourceRoot":"","sources":["../../../../src/components/billing-form/billing-form.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,sBAAsB;EACjC,UAAU,EAAE,EAAE;CACf,CAAC;AAOF,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,EAAE;EAC9B,OAAO;;;;YAIG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;;;kBAKrB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;;GAInC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;EACX,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;EACZ,QAAQ,EAAE,qBAAqB;EAC/B,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BhB;CACF,CAAC","sourcesContent":["export default {\n  title: 'Components/BillingForm',\n  component: 'justifi-billing-form',\n  parameters: {},\n};\n\ntype Args = {\n  'legend': string;\n  'css-variables'?: string;\n};\n\nconst Template = (args: Args) => {\n  return `\n    <div>\n      <style>\n        :root {\n          ${args['css-variables'] || ''}\n        }\n        </style>\n      <justifi-billing-form\n        data-testid=\"billing-form-iframe\"\n        legend=\"${args['legend'] || ''}\"\n\n      />\n    </div>\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n  legend: 'Billing Form',\n};\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'legend': 'Styled Billing Form',\n  'css-variables': `\n    --jfi-layout-padding: 0;\n    --jfi-layout-form-control-spacing-x: .5rem;\n    --jfi-layout-form-control-spacing-y: 1rem;\n    --jfi-form-label-font-weight: 700;\n    --jfi-form-label-font-family: sans-serif;\n    --jfi-form-label-margin: 0 0 .5rem 0;\n    --jfi-form-control-background-color: #F4F4F6;\n    --jfi-form-control-background-color-hover: #EEEEF5;\n    --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n    --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n    --jfi-form-control-border-color-focus: #fccc32;\n    --jfi-form-control-border-color-error: #C12727;\n    --jfi-form-control-border-top-width: 0;\n    --jfi-form-control-border-left-width: 0;\n    --jfi-form-control-border-bottom-width: 1px;\n    --jfi-form-control-border-right-width: 0;\n    --jfi-form-control-border-radius: 4px 4px 0 0;\n    --jfi-form-control-border-style: solid;\n    --jfi-form-control-box-shadow-focus: none;\n    --jfi-form-control-box-shadow-error-focus: none;\n    --jfi-form-control-border-style: solid;\n    --jfi-form-control-color: #212529;\n    --jfi-form-control-font-size: 1rem;\n    --jfi-form-control-font-weight: 400;\n    --jfi-form-control-line-height: 2;\n    --jfi-form-control-margin: 0;\n    --jfi-form-control-padding: .5rem .875rem;\n    --jfi-error-message-color: #C12727;\n    --jfi-error-message-margin: .25rem 0 0 0;\n    --jfi-error-message-font-size: .875rem;\n  `,\n};\n"]}
+{"version":3,"file":"billing-form.stories.js","sourceRoot":"","sources":["../../../../src/components/billing-form/billing-form.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,sBAAsB;EACjC,UAAU,EAAE,EAAE;CACf,CAAC;AAOF,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,EAAE;EAC9B,OAAO;;;;YAIG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;;;;kBAKrB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;;GAInC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;EACX,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;EACZ,QAAQ,EAAE,qBAAqB;EAC/B,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BhB;CACF,CAAC","sourcesContent":["export default {\n  title: 'dev/Components/BillingForm',\n  component: 'justifi-billing-form',\n  parameters: {},\n};\n\ntype Args = {\n  'legend': string;\n  'css-variables'?: string;\n};\n\nconst Template = (args: Args) => {\n  return `\n    <div>\n      <style>\n        :root {\n          ${args['css-variables'] || ''}\n        }\n        </style>\n      <justifi-billing-form\n        data-testid=\"billing-form-iframe\"\n        legend=\"${args['legend'] || ''}\"\n\n      />\n    </div>\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n  legend: 'Billing Form',\n};\n\nexport const Styled = Template.bind({});\nStyled.args = {\n  'legend': 'Styled Billing Form',\n  'css-variables': `\n    --jfi-layout-padding: 0;\n    --jfi-layout-form-control-spacing-x: .5rem;\n    --jfi-layout-form-control-spacing-y: 1rem;\n    --jfi-form-label-font-weight: 700;\n    --jfi-form-label-font-family: sans-serif;\n    --jfi-form-label-margin: 0 0 .5rem 0;\n    --jfi-form-control-background-color: #F4F4F6;\n    --jfi-form-control-background-color-hover: #EEEEF5;\n    --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n    --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n    --jfi-form-control-border-color-focus: #fccc32;\n    --jfi-form-control-border-color-error: #C12727;\n    --jfi-form-control-border-top-width: 0;\n    --jfi-form-control-border-left-width: 0;\n    --jfi-form-control-border-bottom-width: 1px;\n    --jfi-form-control-border-right-width: 0;\n    --jfi-form-control-border-radius: 4px 4px 0 0;\n    --jfi-form-control-border-style: solid;\n    --jfi-form-control-box-shadow-focus: none;\n    --jfi-form-control-box-shadow-error-focus: none;\n    --jfi-form-control-border-style: solid;\n    --jfi-form-control-color: #212529;\n    --jfi-form-control-font-size: 1rem;\n    --jfi-form-control-font-weight: 400;\n    --jfi-form-control-line-height: 2;\n    --jfi-form-control-margin: 0;\n    --jfi-form-control-padding: .5rem .875rem;\n    --jfi-error-message-color: #C12727;\n    --jfi-error-message-margin: .25rem 0 0 0;\n    --jfi-error-message-font-size: .875rem;\n  `,\n};\n"]}

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

@@ -1,6 +1,7 @@
 import { Host, h } from "@stencil/core";
 import { Api } from "../../api";
 import { ErrorState, LoadingState } from "../details/utils"; // Make sure to adjust the path if necessary
+import { config } from "../../../config";
 var RENDER_STATES;
 (function (RENDER_STATES) {
   RENDER_STATES["LOADING"] = "loading";
@@ -34,7 +35,7 @@ export class BusinessDetails {
       this.setError('Missing business-id. The form will not be functional without it.');
       return;
     }
-    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);
+    this.api = Api(this.authToken, config.proxyApiOrigin);
     await this.fetchBusiness(this.businessId);
   }
   async fetchBusiness(businessId) {

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

@@ -1 +1 @@
-{"version":3,"file":"business-details.js","sourceRoot":"","sources":["../../../../src/components/business-details/business-details.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { IBusiness } from '../../api/Business';\nimport { Api } from '../../api';\nimport { ErrorState, LoadingState } from '../details/utils'; // Make sure to adjust the path if necessary\n\nenum RENDER_STATES {\n  LOADING = 'loading',\n  READY = 'ready',\n  ERROR = 'error',\n}\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'justifi-business-details',\n  styleUrl: 'business-details.scss',\n  shadow: true,\n})\nexport class BusinessDetails {\n  @Prop() businessId: string;\n  @Prop() authToken: string;\n  @State() business: IBusiness;\n  @State() renderState: RENDER_STATES = RENDER_STATES.LOADING;\n  @State() errorMessage: string = 'An error ocurred.';\n\n  private api: any;\n\n  constructor() {\n    this.fetchBusiness = this.fetchBusiness.bind(this);\n    this.setError = this.setError.bind(this);\n  }\n\n  async componentWillLoad() {\n    if (!this.authToken) {\n      this.setError(\n        'Missing auth-token. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    if (!this.businessId) {\n      this.setError(\n        'Missing business-id. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);\n    await this.fetchBusiness(this.businessId);\n  }\n\n  async fetchBusiness(businessId) {\n    this.renderState = RENDER_STATES.LOADING;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      if (response.error) {\n        this.setError(response.error.message);\n        return;\n      }\n      this.business = response.data;\n      this.renderState = RENDER_STATES.READY;\n    } catch (error) {\n      this.setError(error);\n    }\n  }\n\n  setError(error: string) {\n    this.errorMessage = error || this.errorMessage;\n    this.renderState = RENDER_STATES.ERROR;\n  }\n\n  render() {\n    if (this.renderState === RENDER_STATES.LOADING) {\n      return LoadingState;\n    }\n\n    if (this.renderState === RENDER_STATES.ERROR) {\n      return ErrorState(this.errorMessage);\n    }\n\n    return (\n      <Host>\n        <generic-info-details business={this.business} />\n        <legal-address-details legalAddress={this.business?.legal_address} />\n        <representative-details\n          representative={this.business?.representative}\n        />\n        <owner-details owners={this.business?.owners} />\n        <additional-questions-details business={this.business} />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"business-details.js","sourceRoot":"","sources":["../../../../src/components/business-details/business-details.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { IBusiness } from '../../api/Business';\nimport { Api } from '../../api';\nimport { ErrorState, LoadingState } from '../details/utils'; // Make sure to adjust the path if necessary\nimport { config } from '../../../config';\n\n\nenum RENDER_STATES {\n  LOADING = 'loading',\n  READY = 'ready',\n  ERROR = 'error',\n}\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'justifi-business-details',\n  styleUrl: 'business-details.scss',\n  shadow: true,\n})\nexport class BusinessDetails {\n  @Prop() businessId: string;\n  @Prop() authToken: string;\n  @State() business: IBusiness;\n  @State() renderState: RENDER_STATES = RENDER_STATES.LOADING;\n  @State() errorMessage: string = 'An error ocurred.';\n\n  private api: any;\n\n  constructor() {\n    this.fetchBusiness = this.fetchBusiness.bind(this);\n    this.setError = this.setError.bind(this);\n  }\n\n  async componentWillLoad() {\n    if (!this.authToken) {\n      this.setError(\n        'Missing auth-token. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    if (!this.businessId) {\n      this.setError(\n        'Missing business-id. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n    await this.fetchBusiness(this.businessId);\n  }\n\n  async fetchBusiness(businessId) {\n    this.renderState = RENDER_STATES.LOADING;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      if (response.error) {\n        this.setError(response.error.message);\n        return;\n      }\n      this.business = response.data;\n      this.renderState = RENDER_STATES.READY;\n    } catch (error) {\n      this.setError(error);\n    }\n  }\n\n  setError(error: string) {\n    this.errorMessage = error || this.errorMessage;\n    this.renderState = RENDER_STATES.ERROR;\n  }\n\n  render() {\n    if (this.renderState === RENDER_STATES.LOADING) {\n      return LoadingState;\n    }\n\n    if (this.renderState === RENDER_STATES.ERROR) {\n      return ErrorState(this.errorMessage);\n    }\n\n    return (\n      <Host>\n        <generic-info-details business={this.business} />\n        <legal-address-details legalAddress={this.business?.legal_address} />\n        <representative-details\n          representative={this.business?.representative}\n        />\n        <owner-details owners={this.business?.owners} />\n        <additional-questions-details business={this.business} />\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+import { config } from "../../../config";
 export default {
   title: 'Components/BusinessDetails',
   component: 'justifi-business-details',
@@ -5,8 +6,8 @@ export default {
 };
 class BusinessDetailsArgs {
   constructor(args) {
-    this['businessId'] = args['businessId'] || process.env.EXAMPLE_BUSINESS_ID;
-    this['authToken'] = args['authToken'] || process.env.ENTITIES_AUTH_TOKEN;
+    this['businessId'] = args['businessId'] || config.exampleBusinessId;
+    this['authToken'] = args['authToken'] || config.proxyAuthToken;
   }
 }
 ;

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

@@ -1 +1 @@
-{"version":3,"file":"business-details.stories.js","sourceRoot":"","sources":["../../../../src/components/business-details/business-details.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,0BAA0B;EACrC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,mBAAmB;EAIvB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;IAC3E,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAA;EAC1E,CAAC;CACF;AAAA,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;EAC7C,OAAO;;qBAEY,IAAI,CAAC,YAAY,CAAC;oBACnB,IAAI,CAAC,WAAW,CAAC;;GAElC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,mBAAmB,CAAC,EAAE,CAAC,CAAC","sourcesContent":["export default {\n  title: 'Components/BusinessDetails',\n  component: 'justifi-business-details',\n  parameters: {},\n};\n\nclass BusinessDetailsArgs {\n  'businessId': string;\n  'authToken': string;\n\n  constructor(args) {\n    this['businessId'] = args['businessId'] || process.env.EXAMPLE_BUSINESS_ID;\n    this['authToken'] = args['authToken'] || process.env.ENTITIES_AUTH_TOKEN\n  }\n};\n\nconst Template = (args: BusinessDetailsArgs) => {\n  return `\n    <justifi-business-details\n      business-id=\"${args['businessId']}\"\n      auth-token=\"${args['authToken']}\"\n    />\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new BusinessDetailsArgs({});\n"]}
+{"version":3,"file":"business-details.stories.js","sourceRoot":"","sources":["../../../../src/components/business-details/business-details.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,0BAA0B;EACrC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,mBAAmB;EAIvB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,iBAAiB,CAAC;IACpE,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;EACjE,CAAC;CACF;AAAA,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;EAC7C,OAAO;;qBAEY,IAAI,CAAC,YAAY,CAAC;oBACnB,IAAI,CAAC,WAAW,CAAC;;GAElC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,mBAAmB,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'Components/BusinessDetails',\n  component: 'justifi-business-details',\n  parameters: {},\n};\n\nclass BusinessDetailsArgs {\n  'businessId': string;\n  'authToken': string;\n\n  constructor(args) {\n    this['businessId'] = args['businessId'] || config.exampleBusinessId;\n    this['authToken'] = args['authToken'] || config.proxyAuthToken;\n  }\n};\n\nconst Template = (args: BusinessDetailsArgs) => {\n  return `\n    <justifi-business-details\n      business-id=\"${args['businessId']}\"\n      auth-token=\"${args['authToken']}\"\n    />\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new BusinessDetailsArgs({});\n"]}

package/dist/collection/components/business-form/business-form-stepped.js

@@ -3,6 +3,7 @@ import { FormController } from "../form/form";
 import businessFormSchema from "./business-form-schema";
 import { Api } from "../../api";
 import { parseForPatching } from "./helpers";
+import { config } from "../../../config";
 const componentStepMapping = {
   0: (formController) => h("justifi-business-generic-info", { formController: formController }),
   1: (formController) => h("justifi-legal-address-form", { formController: formController }),
@@ -32,7 +33,7 @@ export class BusinessFormStepped {
       console.warn('Warning: Missing auth-token. The form will not be functional without it.');
     }
     this.formController = new FormController(businessFormSchema);
-    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);
+    this.api = Api(this.authToken, config.proxyApiOrigin);
     this.totalSteps = Object.keys(componentStepMapping).length - 1;
     if (this.businessId) {
       this.fetchData(this.businessId);

package/dist/collection/components/business-form/business-form-stepped.js.map

@@ -1 +1 @@
-{"version":3,"file":"business-form-stepped.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form-stepped.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\n\n\nconst componentStepMapping = {\n  0: (formController) => <justifi-business-generic-info formController={formController} />,\n  1: (formController) => <justifi-legal-address-form formController={formController} />,\n  2: (formController) => <justifi-additional-questions formController={formController} />,\n  3: (formController) => <justifi-business-representative formController={formController} />,\n  4: (formController) => <justifi-business-owners formController={formController} />\n};\n\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n  tag: 'justifi-business-form-stepped',\n  styleUrl: 'business-form-stepped.scss',\n})\nexport class BusinessFormStepped {\n  @Prop() authToken: string;\n  @Prop() accountId: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n  @State() currentStep: number = 0;\n  @State() totalSteps: number = 4;\n  @State() serverError: string;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);\n    this.totalSteps = Object.keys(componentStepMapping).length - 1;\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  handleResponse(response, onSuccess) {\n    if (response.error) {\n      this.serverError = response.error.message;\n    } else {\n      this.serverError = '';\n      this.businessId = response.data.id;\n      this.formController.setInitialValues(response.data);\n      onSuccess();\n    }\n  }\n\n  private async sendData(onSuccess?: () => void) {\n    this.isLoading = true;\n\n    try {\n      const data = this.formController.values.getValue();\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  showPreviousStepButton() {\n    return this.currentStep > 0;\n  }\n\n  previousStepButtonOnClick() {\n    this.sendData(() => this.currentStep--);\n  }\n\n  showNextStepButton() {\n    return this.currentStep < this.totalSteps;\n  }\n\n  nextStepButtonOnClick() {\n    this.sendData(() => this.currentStep++);\n  }\n\n  showSubmitButton() {\n    return this.currentStep === this.totalSteps;\n  }\n\n  currentStepComponent() {\n    return componentStepMapping[this.currentStep](this.formController);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <h1>Business Information</h1>\n\n        {this.serverError && (\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {this.serverError}\n          </div>\n        )}\n\n        <form onSubmit={this.validateAndSubmit}>\n          <div class=\"my-4\">\n            {this.currentStepComponent()}\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center\">\n            <div class=\"d-flex align-items-center\">\n              Step {this.currentStep + 1} of {this.totalSteps + 1}\n            </div>\n            <div class=\"d-flex gap-2\">\n              {this.showPreviousStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-secondary\"\n                  onClick={() => this.previousStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Previous\n                </button>\n              )}\n              {this.showNextStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Next\n                </button>\n              )}\n              {this.showSubmitButton() && (\n                <button\n                  type=\"submit\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Submit\n                </button>\n              )}\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"business-form-stepped.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form-stepped.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\nimport { config } from '../../../config';\n\nconst componentStepMapping = {\n  0: (formController) => <justifi-business-generic-info formController={formController} />,\n  1: (formController) => <justifi-legal-address-form formController={formController} />,\n  2: (formController) => <justifi-additional-questions formController={formController} />,\n  3: (formController) => <justifi-business-representative formController={formController} />,\n  4: (formController) => <justifi-business-owners formController={formController} />\n};\n\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n  tag: 'justifi-business-form-stepped',\n  styleUrl: 'business-form-stepped.scss',\n})\nexport class BusinessFormStepped {\n  @Prop() authToken: string;\n  @Prop() accountId: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n  @State() currentStep: number = 0;\n  @State() totalSteps: number = 4;\n  @State() serverError: string;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n    this.totalSteps = Object.keys(componentStepMapping).length - 1;\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  handleResponse(response, onSuccess) {\n    if (response.error) {\n      this.serverError = response.error.message;\n    } else {\n      this.serverError = '';\n      this.businessId = response.data.id;\n      this.formController.setInitialValues(response.data);\n      onSuccess();\n    }\n  }\n\n  private async sendData(onSuccess?: () => void) {\n    this.isLoading = true;\n\n    try {\n      const data = this.formController.values.getValue();\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n          { account_id: this.accountId }\n        );\n        this.handleResponse(response, onSuccess);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  showPreviousStepButton() {\n    return this.currentStep > 0;\n  }\n\n  previousStepButtonOnClick() {\n    this.sendData(() => this.currentStep--);\n  }\n\n  showNextStepButton() {\n    return this.currentStep < this.totalSteps;\n  }\n\n  nextStepButtonOnClick() {\n    this.sendData(() => this.currentStep++);\n  }\n\n  showSubmitButton() {\n    return this.currentStep === this.totalSteps;\n  }\n\n  currentStepComponent() {\n    return componentStepMapping[this.currentStep](this.formController);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <h1>Business Information</h1>\n\n        {this.serverError && (\n          <div class=\"alert alert-danger\" role=\"alert\">\n            {this.serverError}\n          </div>\n        )}\n\n        <form onSubmit={this.validateAndSubmit}>\n          <div class=\"my-4\">\n            {this.currentStepComponent()}\n          </div>\n          <div class=\"d-flex justify-content-between align-items-center\">\n            <div class=\"d-flex align-items-center\">\n              Step {this.currentStep + 1} of {this.totalSteps + 1}\n            </div>\n            <div class=\"d-flex gap-2\">\n              {this.showPreviousStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-secondary\"\n                  onClick={() => this.previousStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Previous\n                </button>\n              )}\n              {this.showNextStepButton() && (\n                <button\n                  type=\"button\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Next\n                </button>\n              )}\n              {this.showSubmitButton() && (\n                <button\n                  type=\"submit\"\n                  class=\"btn btn-primary\"\n                  onClick={() => this.nextStepButtonOnClick()}\n                  disabled={this.isLoading}>\n                  Submit\n                </button>\n              )}\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/business-form/business-form-stepped.stories.js

@@ -1,8 +1,9 @@
+import { config } from "../../../config";
 class BusinessFormSteppedStoryArgs {
   constructor(args) {
     this['auth-token'] = args['auth-token'] || '';
     this['business-id'] = args['business-id'] || '';
-    this['account-id'] = args['account-id'] || process.env.EXAMPLE_BUSINESS_ACCOUNT_ID;
+    this['account-id'] = args['account-id'] || config.exampleBusinessAccountId;
     this['css-variables'] = args['css-variables'] || '';
   }
 }
@@ -33,7 +34,7 @@ export default {
 const Template = (args) => {
   const authToken = args['auth-token'];
   const businessId = args['business-id'];
-  const accountId = args['account-id'] || process.env.EXAMPLE_BUSINESS_ACCOUNT_ID;
+  const accountId = args['account-id'] || config.exampleBusinessAccountId;
   // The <div> here should be replaced by a `display` property in the cardForm potentially
   return `
     <div>

package/dist/collection/components/business-form/business-form-stepped.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"business-form-stepped.stories.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form-stepped.stories.tsx"],"names":[],"mappings":"AAAA,MAAM,4BAA4B;EAMhC,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAChD,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC;IACnF,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;EACtD,CAAC;CACF;AAED,eAAe;EACb,KAAK,EAAE,oCAAoC;EAC3C,SAAS,EAAE,uBAAuB;EAClC,QAAQ,EAAE;IACR,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,aAAa,EAAE;MACb,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;GACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAkC,EAAE,EAAE;EACtD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;EACrC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;EACvC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC;EAChF,wFAAwF;EACxF,OAAO;;;sBAGa,SAAS;uBACR,UAAU;sBACX,SAAS;;;;;UAKrB,IAAI,CAAC,eAAe,CAAC;;;GAG5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,KAAK,CAAC,IAAI,GAAG,IAAI,4BAA4B,CAAC,EAAE,CAAC,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,4BAA4B,CAAC;EAC7C,YAAY,EAAE,EAAE;EAChB,aAAa,EAAE,EAAE;EACjB,YAAY,EAAE,EAAE;EAChB,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEf;CACF,CAAC,CAAC","sourcesContent":["class BusinessFormSteppedStoryArgs {\n  'auth-token': string;\n  'account-id': string;\n  'bussiness-id': string;\n  'css-variables': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || '';\n    this['business-id'] = args['business-id'] || '';\n    this['account-id'] = args['account-id'] || process.env.EXAMPLE_BUSINESS_ACCOUNT_ID;\n    this['css-variables'] = args['css-variables'] || '';\n  }\n}\n\nexport default {\n  title: 'dev/Components/BusinessFormStepped',\n  component: 'justifi-business-form',\n  argTypes: {\n    'auth-token': {\n      control: 'text',\n      table: {\n        category: 'props',\n      },\n    },\n    'account-id': {\n      control: 'text',\n      table: {\n        category: 'props',\n      },\n    },\n    'business-id': {\n      control: 'text',\n      table: {\n        category: 'props',\n      },\n    }\n  },\n};\n\nconst Template = (args: BusinessFormSteppedStoryArgs) => {\n  const authToken = args['auth-token'];\n  const businessId = args['business-id'];\n  const accountId = args['account-id'] || process.env.EXAMPLE_BUSINESS_ACCOUNT_ID;\n  // The <div> here should be replaced by a `display` property in the cardForm potentially\n  return `\n    <div>\n      <justifi-business-form-stepped\n        auth-token=\"${authToken}\"\n        business-id=\"${businessId}\"\n        account-id=\"${accountId}\"\n      />\n    </div>\n    <style>\n      :root {\n        ${args['css-variables']}\n      }\n    </style>\n  `;\n};\n\nexport const Basic = Template.bind({});\n\nBasic.args = new BusinessFormSteppedStoryArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new BusinessFormSteppedStoryArgs({\n  'auth-token': '',\n  'business-id': '',\n  'account-id': '',\n  'cssVariables': `\n  --jfi-primary-color: #212529;\n  --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';\n  --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;\n  --jfi-layout-padding: 4px;\n  --jfi-layout-form-control-spacing-x: .5rem;\n  --jfi-layout-form-control-spacing-y: 1rem;\n  --jfi-form-label-font-weight: 700;\n  --jfi-form-label-font-family: Calibri, sans-serif;\n  --jfi-form-label-margin: 0 0 .5rem 0;\n  --jfi-form-control-background-color: #F4F4F6;\n  --jfi-form-control-background-color-hover: #EEEEF5;\n  --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n  --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n  --jfi-form-control-border-color-focus: #fccc32;\n  --jfi-form-control-border-color-error: #C12727;\n  --jfi-form-control-border-top-width: 0;\n  --jfi-form-control-border-left-width: 0;\n  --jfi-form-control-border-bottom-width: 1px;\n  --jfi-form-control-border-right-width: 0;\n  --jfi-form-control-border-radius: 4px 4px 0 0;\n  --jfi-form-control-border-style: solid;\n  --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  --jfi-form-control-box-shadow-focus: none;\n  --jfi-form-control-box-shadow-error-focus: none;\n  --jfi-form-control-border-style: solid;\n  --jfi-form-control-color: #212529;\n  --jfi-form-control-font-size: 1rem;\n  --jfi-form-control-font-weight: 400;\n  --jfi-form-control-line-height: 2;\n  --jfi-form-control-margin: 0;\n  --jfi-form-control-padding: .5rem .875rem;\n  --jfi-error-message-color: #C12727;\n  --jfi-error-message-margin: .25rem 0 0 0;\n  --jfi-error-message-font-size: .875rem;\n\n  --jfi-submit-button-color: white;\n  --jfi-submit-button-background-color: #3F3F47;\n  --jfi-submit-button-border-color: var(--jfi-primary-color);\n  --jfi-submit-button-padding: 0.375rem 0.75rem;\n  --jfi-submit-button-font-size: 1rem;\n  --jfi-submit-button-border-radius: 1px;\n  --jfi-submit-button-color-hover: white;\n  --jfi-submit-button-background-color-hover: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-hover: var(--jfi-primary-color);\n  --jfi-submit-button-color-focus: white;\n  --jfi-submit-button-background-color-focus: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-focus: var(--jfi-primary-color);\n  --jfi-submit-button-color-active: white;\n  --jfi-submit-button-background-color-active: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-active: var(--jfi-primary-color);\n  --jfi-submit-button-width: 100%;\n  --jfi-submit-button-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;\n\n  --jfi-radio-button-color: var(--jfi-primary-color);\n  --jfi-radio-button-background-color: transparent;\n  --jfi-radio-button-color-selected: white;\n  --jfi-radio-button-background-color-selected: var(--jfi-primary-color);\n  --jfi-radio-button-border-color: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-selected: var(--jfi-primary-color);\n  --jfi-radio-button-padding: 0.375rem 0.75rem;\n  --jfi-radio-button-font-size: 1rem;\n  --jfi-radio-button-color-hover: var(--jfi-primary-color);\n  --jfi-radio-button-color-selected-hover: white;\n  --jfi-radio-button-background-color-hover: transparent;\n  --jfi-radio-button-background-color-selected-hover: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-selected-hover: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-hover: var(--jfi-primary-color);\n  --jfi-radio-button-group-width: 100%;\n  `,\n});\n"]}
+{"version":3,"file":"business-form-stepped.stories.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form-stepped.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,4BAA4B;EAMhC,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAChD,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,wBAAwB,CAAC;IAC3E,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;EACtD,CAAC;CACF;AAED,eAAe;EACb,KAAK,EAAE,oCAAoC;EAC3C,SAAS,EAAE,uBAAuB;EAClC,QAAQ,EAAE;IACR,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,aAAa,EAAE;MACb,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;GACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAkC,EAAE,EAAE;EACtD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;EACrC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;EACvC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,wBAAwB,CAAC;EACxE,wFAAwF;EACxF,OAAO;;;sBAGa,SAAS;uBACR,UAAU;sBACX,SAAS;;;;;UAKrB,IAAI,CAAC,eAAe,CAAC;;;GAG5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,KAAK,CAAC,IAAI,GAAG,IAAI,4BAA4B,CAAC,EAAE,CAAC,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,4BAA4B,CAAC;EAC7C,YAAY,EAAE,EAAE;EAChB,aAAa,EAAE,EAAE;EACjB,YAAY,EAAE,EAAE;EAChB,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEf;CACF,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nclass BusinessFormSteppedStoryArgs {\n  'auth-token': string;\n  'account-id': string;\n  'bussiness-id': string;\n  'css-variables': string;\n\n  constructor(args) {\n    this['auth-token'] = args['auth-token'] || '';\n    this['business-id'] = args['business-id'] || '';\n    this['account-id'] = args['account-id'] || config.exampleBusinessAccountId;\n    this['css-variables'] = args['css-variables'] || '';\n  }\n}\n\nexport default {\n  title: 'dev/Components/BusinessFormStepped',\n  component: 'justifi-business-form',\n  argTypes: {\n    'auth-token': {\n      control: 'text',\n      table: {\n        category: 'props',\n      },\n    },\n    'account-id': {\n      control: 'text',\n      table: {\n        category: 'props',\n      },\n    },\n    'business-id': {\n      control: 'text',\n      table: {\n        category: 'props',\n      },\n    }\n  },\n};\n\nconst Template = (args: BusinessFormSteppedStoryArgs) => {\n  const authToken = args['auth-token'];\n  const businessId = args['business-id'];\n  const accountId = args['account-id'] || config.exampleBusinessAccountId;\n  // The <div> here should be replaced by a `display` property in the cardForm potentially\n  return `\n    <div>\n      <justifi-business-form-stepped\n        auth-token=\"${authToken}\"\n        business-id=\"${businessId}\"\n        account-id=\"${accountId}\"\n      />\n    </div>\n    <style>\n      :root {\n        ${args['css-variables']}\n      }\n    </style>\n  `;\n};\n\nexport const Basic = Template.bind({});\n\nBasic.args = new BusinessFormSteppedStoryArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new BusinessFormSteppedStoryArgs({\n  'auth-token': '',\n  'business-id': '',\n  'account-id': '',\n  'cssVariables': `\n  --jfi-primary-color: #212529;\n  --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';\n  --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;\n  --jfi-layout-padding: 4px;\n  --jfi-layout-form-control-spacing-x: .5rem;\n  --jfi-layout-form-control-spacing-y: 1rem;\n  --jfi-form-label-font-weight: 700;\n  --jfi-form-label-font-family: Calibri, sans-serif;\n  --jfi-form-label-margin: 0 0 .5rem 0;\n  --jfi-form-control-background-color: #F4F4F6;\n  --jfi-form-control-background-color-hover: #EEEEF5;\n  --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n  --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n  --jfi-form-control-border-color-focus: #fccc32;\n  --jfi-form-control-border-color-error: #C12727;\n  --jfi-form-control-border-top-width: 0;\n  --jfi-form-control-border-left-width: 0;\n  --jfi-form-control-border-bottom-width: 1px;\n  --jfi-form-control-border-right-width: 0;\n  --jfi-form-control-border-radius: 4px 4px 0 0;\n  --jfi-form-control-border-style: solid;\n  --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  --jfi-form-control-box-shadow-focus: none;\n  --jfi-form-control-box-shadow-error-focus: none;\n  --jfi-form-control-border-style: solid;\n  --jfi-form-control-color: #212529;\n  --jfi-form-control-font-size: 1rem;\n  --jfi-form-control-font-weight: 400;\n  --jfi-form-control-line-height: 2;\n  --jfi-form-control-margin: 0;\n  --jfi-form-control-padding: .5rem .875rem;\n  --jfi-error-message-color: #C12727;\n  --jfi-error-message-margin: .25rem 0 0 0;\n  --jfi-error-message-font-size: .875rem;\n\n  --jfi-submit-button-color: white;\n  --jfi-submit-button-background-color: #3F3F47;\n  --jfi-submit-button-border-color: var(--jfi-primary-color);\n  --jfi-submit-button-padding: 0.375rem 0.75rem;\n  --jfi-submit-button-font-size: 1rem;\n  --jfi-submit-button-border-radius: 1px;\n  --jfi-submit-button-color-hover: white;\n  --jfi-submit-button-background-color-hover: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-hover: var(--jfi-primary-color);\n  --jfi-submit-button-color-focus: white;\n  --jfi-submit-button-background-color-focus: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-focus: var(--jfi-primary-color);\n  --jfi-submit-button-color-active: white;\n  --jfi-submit-button-background-color-active: var(--jfi-primary-color);\n  --jfi-submit-button-border-color-active: var(--jfi-primary-color);\n  --jfi-submit-button-width: 100%;\n  --jfi-submit-button-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;\n\n  --jfi-radio-button-color: var(--jfi-primary-color);\n  --jfi-radio-button-background-color: transparent;\n  --jfi-radio-button-color-selected: white;\n  --jfi-radio-button-background-color-selected: var(--jfi-primary-color);\n  --jfi-radio-button-border-color: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-selected: var(--jfi-primary-color);\n  --jfi-radio-button-padding: 0.375rem 0.75rem;\n  --jfi-radio-button-font-size: 1rem;\n  --jfi-radio-button-color-hover: var(--jfi-primary-color);\n  --jfi-radio-button-color-selected-hover: white;\n  --jfi-radio-button-background-color-hover: transparent;\n  --jfi-radio-button-background-color-selected-hover: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-selected-hover: var(--jfi-primary-color);\n  --jfi-radio-button-border-color-hover: var(--jfi-primary-color);\n  --jfi-radio-button-group-width: 100%;\n  `,\n});\n"]}

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

@@ -3,6 +3,7 @@ import { FormController } from "../form/form";
 import businessFormSchema from "./business-form-schema";
 import { Api } from "../../api";
 import { parseForPatching } from "./helpers";
+import { config } from "../../../config";
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -21,7 +22,7 @@ export class BusinessForm {
       console.warn('Warning: Missing auth-token. The form will not be functional without it.');
     }
     this.formController = new FormController(businessFormSchema);
-    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);
+    this.api = Api(this.authToken, config.proxyApiOrigin);
     if (this.businessId) {
       this.fetchData(this.businessId);
     }

package/dist/collection/components/business-form/business-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"business-form.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n  tag: 'justifi-business-form',\n  styleUrl: 'business-form.scss',\n})\nexport class BusinessForm {\n  @Prop() authToken: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n\n    this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  private async sendData() {\n    this.isLoading = true;\n    try {\n      const data = this.formController.values.getValue();\n\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n        );\n        console.log('Server response from PATCH:', response);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n        );\n        console.log('Server response from POST:', response);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <form onSubmit={event => this.validateAndSubmit(event)}>\n          <div class=\"row gap-3\">\n            <div class=\"col-12 mb-4\">\n              <h1>Business Information</h1>\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-generic-info formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-legal-address-form formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-additional-questions formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-representative formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-owners isEditing={!!this.businessId} formController={this.formController} />\n            </div>\n            <div class=\"col-12 d-flex flex-row-reverse\">\n              <button\n                type=\"submit\"\n                class=\"btn btn-primary jfi-submit-button\"\n                disabled={!this.authToken || this.isLoading}\n              >\n                {this.isLoading ? 'Loading...' : 'Submit'}\n              </button>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"business-form.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\nimport { config } from '../../../config';\n\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n  tag: 'justifi-business-form',\n  styleUrl: 'business-form.scss',\n})\nexport class BusinessForm {\n  @Prop() authToken: string;\n  @Prop() businessId?: string;\n  @State() isLoading: boolean = false;\n\n  private formController: FormController;\n  private api: any;\n\n  constructor() {\n    this.sendData = this.sendData.bind(this);\n    this.fetchData = this.fetchData.bind(this);\n  }\n\n  componentWillLoad() {\n    if (!this.authToken) {\n      console.warn(\n        'Warning: Missing auth-token. The form will not be functional without it.',\n      );\n    }\n\n    this.formController = new FormController(businessFormSchema);\n\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n\n    if (this.businessId) {\n      this.fetchData(this.businessId);\n    } else {\n      this.formController.setInitialValues({\n        legal_address: {\n          country: 'US',\n        },\n      });\n    }\n  }\n\n  private async sendData() {\n    this.isLoading = true;\n    try {\n      const data = this.formController.values.getValue();\n\n      // Conditionally making either POST or PATCH request\n      if (this.businessId) {\n        const payload = parseForPatching(data);\n        const response = await this.api.patch(\n          `entities/business/${this.businessId}`,\n          JSON.stringify(payload),\n        );\n        console.log('Server response from PATCH:', response);\n      } else {\n        const response = await this.api.post(\n          'entities/business',\n          JSON.stringify(data),\n        );\n        console.log('Server response from POST:', response);\n      }\n    } catch (error) {\n      console.error('Error sending data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private async fetchData(businessId) {\n    this.isLoading = true;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      this.formController.setInitialValues(response.data);\n    } catch (error) {\n      console.error('Error fetching data:', error);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <form onSubmit={event => this.validateAndSubmit(event)}>\n          <div class=\"row gap-3\">\n            <div class=\"col-12 mb-4\">\n              <h1>Business Information</h1>\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-generic-info formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-legal-address-form formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-additional-questions formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-representative formController={this.formController} />\n            </div>\n            <div class=\"col-12 mb-4\">\n              <justifi-business-owners isEditing={!!this.businessId} formController={this.formController} />\n            </div>\n            <div class=\"col-12 d-flex flex-row-reverse\">\n              <button\n                type=\"submit\"\n                class=\"btn btn-primary jfi-submit-button\"\n                disabled={!this.authToken || this.isLoading}\n              >\n                {this.isLoading ? 'Loading...' : 'Submit'}\n              </button>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"]}