@justifi/webcomponents 4.7.1-rc.0 → 4.7.2-rc.0

package/dist/cjs/justifi-bank-account-form.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-bank-account-form.entry.cjs.js","mappings":";;;;;;MAQa,eAAe;;;;;;;;;;;EAsC1B,YAAY,CAAC,KAAkB;IAC7B,OAAO,CAAC,IAAI,CAAC,yGAAyG,CAAC,CAAC;IACxH,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACxB;EAGD,eAAe,CAAC,KAAoB;IAClC,OAAO,CAAC,IAAI,CACV,+MAA+M,CAChN,CAAC;IACF,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC1C;EAGD,eAAe,CAAC,KAAoB;IAClC,OAAO,CAAC,IAAI,CACV,+MAA+M,CAChN,CAAC;IACF,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC1C;;;;EAQD,MAAM,QAAQ,CAAC,GAAG,IAAiE;IACjF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;GACxC;;;;EAMD,MAAM,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;GACjC;;;;;EAOD,MAAM,MAAM;IACV,OAAO,CAAC,IAAI,CACV,wKAAwK,CACzK,CAAC;IACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;GAC/B;EAED,MAAM;IACJ,QACEA,yCACE,GAAG,EAAE,EAAE;QACL,IAAI,EAAE,EAAE;UACN,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB;OACF,mBACc,IAAI,CAAC,YAAY,8BACP,aAAa,+BACX,IAAI,CAAC,oBAAoB,kCACtB,IAAI,CAAC,uBAAuB,yCACrB,IAAI,CAAC,cAAc,IAAI,UAAU,GACtE,EACF;GACH;;;;;","names":["h"],"sources":["src/components/bank-account-form/bank-account-form.tsx"],"sourcesContent":["import { Component, Event, Prop, h, EventEmitter, Listen, Method, State } from '@stencil/core';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { Theme } from '../payment-method-form/theme';\n\n@Component({\n  tag: 'justifi-bank-account-form',\n  shadow: false,\n})\nexport class BankAccountForm {\n  /**\n   * When to trigger validation of the form.\n   */\n  @Prop({ mutable: true }) validationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n\n  /**\n   * URL for the rendered iFrame. End-users need not use this.\n   */\n  @Prop({ mutable: true }) iframeOrigin?: string;\n\n  @State() internalStyleOverrides: Theme;\n\n  /**\n   * Triggered when iframe has loaded\n   * @event justifi-bank-account-form#bankAccountFormReady\n   */\n  @Event() bankAccountFormReady: EventEmitter<any>;\n\n  /**\n   * Triggered when iframe has loaded\n   * @event justifi-bank-account-form#ready\n   */\n  @Event() ready: EventEmitter<any>;\n\n  /**\n   * Triggered when the tokenize method is called on the component\n   * @event justifi-bank-account-form#bankAccountFormTokenize\n   */\n  @Event() bankAccountFormTokenize: EventEmitter<{ data: any }>;\n\n  /**\n   * Triggered when the validate method is called on the component\n   * @event justifi-bank-account-form#bankAccountFormValidate\n   */\n  @Event() bankAccountFormValidate: EventEmitter<{ data: { isValid: boolean } }>;\n\n  @Listen('paymentMethodFormReady')\n  readyHandler(event: CustomEvent) {\n    console.warn(`The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);\n    this.bankAccountFormReady.emit(event);\n    this.ready.emit(event);\n  }\n\n  @Listen('paymentMethodFormTokenize')\n  tokenizeHandler(event: { data: any }) {\n    console.warn(\n      `The 'bankAccountFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`,\n    );\n    this.bankAccountFormTokenize.emit(event);\n  }\n\n  @Listen('paymentMethodFormValidate')\n  validateHandler(event: { data: any }) {\n    console.warn(\n      `The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`,\n    );\n    this.bankAccountFormValidate.emit(event);\n  }\n\n  private childRef?: HTMLJustifiPaymentMethodFormElement;\n\n  /**\n   *  Makes a tokenization request to the iframe\n   */\n  @Method()\n  async tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<CreatePaymentMethodResponse> {\n    if (!this.childRef) {\n      throw new Error('Cannot call tokenize');\n    }\n    return this.childRef.tokenize(...args);\n  }\n\n  /**\n   *  Runs a validation on the form and shows errors if any\n   */\n  @Method()\n  async validate() {\n    if (!this.childRef) {\n      throw new Error('Cannot call validate');\n    }\n    return this.childRef.validate();\n  }\n\n  /**\n   *  Manually resizes the iframe to fit the contents of the iframe\n   *  @deprecated This method will be removed in future releases.\n   */\n  @Method()\n  async resize(): Promise<void> {\n    console.warn(\n      `The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`,\n    );\n    if (!this.childRef) {\n      throw new Error('Cannot call validate');\n    }\n    return this.childRef.resize();\n  }\n\n  render() {\n    return (\n      <justifi-payment-method-form\n        ref={el => {\n          if (el) {\n            this.childRef = el;\n          }\n        }}\n        iframe-origin={this.iframeOrigin}\n        payment-method-form-type=\"bankAccount\"\n        payment-method-form-ready={this.bankAccountFormReady}\n        payment-method-form-tokenize={this.bankAccountFormTokenize}\n        payment-method-form-validation-mode={this.validationMode || 'onSubmit'}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/justifi-billing-form_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-billing-form.justifi-payment-method-selector.entry.cjs.js","mappings":"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","names":["object","string","h","Host","StateOptions","Fragment"],"sources":["src/components/billing-form/billing-form-schema.ts","src/components/billing-form/billing-form.scss?tag=justifi-billing-form&encapsulation=shadow","src/components/billing-form/billing-form.tsx","src/components/payment-form/payment-method-selector.scss?tag=justifi-payment-method-selector&encapsulation=shadow","src/components/payment-form/payment-method-selector.tsx"],"sourcesContent":["import { object, string } from 'yup';\n\nexport const RegExZip = /^\\d{5}/;\n\nexport interface BillingFormFields {\n  name: string;\n  address_line1: string;\n  address_line2?: string;\n  address_city: string;\n  address_state: string;\n  address_postal_code: string;\n}\n\nconst BillingFormSchema = object({\n  name: string().required('Enter name'),\n  address_line1: string().required('Enter street address'),\n  address_line2: string(),\n  address_city: string().required('Enter city'),\n  address_state: string().required('Choose state'),\n  address_postal_code: string().required('Enter ZIP').matches(RegExZip, 'Enter a valid ZIP').min(5, 'Enter a valid ZIP'),\n});\n\nexport default BillingFormSchema;\n","@import 'reboot';\n@import 'grid';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\njustifi-billing-form {\n  margin-left: calc(var(--jfi-layout-padding) * -1);\n  margin-right: calc(var(--jfi-layout-padding) * -1);\n}\n\n*::part(label) {\n  color: var(--jfi-form-label-color);\n  font-family: var(--jfi-form-label-font-family);\n  font-weight: var(--jfi-form-label-font-weight);\n  font-size: var(--jfi-form-label-font-size);\n  margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n  background-color: var(--jfi-form-control-background-color);\n  border-color: var(--jfi-form-control-border-color);\n  border-width: var(--jfi-form-control-border-width);\n  border-bottom-width: var(--jfi-form-control-border-bottom-width);\n  border-left-width: var(--jfi-form-control-border-left-width);\n  border-right-width: var(--jfi-form-control-border-right-width);\n  border-top-width: var(--jfi-form-control-border-top-width);\n  border-radius: var(--jfi-form-control-border-radius);\n  border-style: var(--jfi-form-control-border-style);\n  box-shadow: var(--jfi-form-control-box-shadow);\n  color: var(--jfi-form-control-color);\n  font-size: var(--jfi-form-control-font-size);\n  font-weight: var(--jfi-form-control-font-weight);\n  line-height: var(--jfi-form-control-line-height);\n  margin: var(--jfi-form-control-margin);\n  padding: var(--jfi-form-control-padding);\n\n  &:focus {\n    color: var(--jfi-form-control-color-focus);\n    border-color: var(--jfi-form-control-border-color-focus);\n    box-shadow: var(--jfi-form-control-box-shadow-focus);\n  }\n}\n\n*::part(input-invalid) {\n  border-color: var(--jfi-form-control-border-color-error);\n  box-shadow: var(--jfi-form-control-box-shadow-error);\n\n  &:focus {\n    border-color: var(--jfi-form-control-border-color-error);\n    box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n  }\n}\n","import { Component, Host, h, State, Listen, Method, Prop } from '@stencil/core';\nimport { ValidationError } from 'yup';\nimport BillingFormSchema, { BillingFormFields } from './billing-form-schema';\nimport StateOptions from './state-options';\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputs\n */\n@Component({\n  tag: 'justifi-billing-form',\n  styleUrl: 'billing-form.scss',\n  shadow: true,\n})\nexport class BillingForm {\n  /**\n   * (Optional) A label for the form.\n   */\n  @Prop({ mutable: true }) legend?: string;\n  @State() billingFields: BillingFormFields = {\n    name: '',\n    address_line1: '',\n    address_line2: '',\n    address_city: '',\n    address_state: '',\n    address_postal_code: '',\n  };\n\n  @State() billingFieldsErrors: any = {};\n\n  @Listen('fieldReceivedInput')\n  setFormValue(event) {\n    const data = event.detail;\n    const billingFieldsClone = { ...this.billingFields };\n    if (data.name) {\n      billingFieldsClone[data.name] = data.value;\n      this.billingFields = billingFieldsClone;\n    }\n  }\n\n  /**\n   * Method for filling the form with provided data\n   * @argument {BillingFormFields} fields - The fields to fill the form with\n   */\n  @Method()\n  async fill(fields: BillingFormFields) {\n    this.billingFields = { ...fields };\n  }\n\n  /**\n   * Run validation on the form\n   */\n  @Method()\n  async validate() {\n    const newErrors = {};\n    let isValid: boolean = true;\n\n    try {\n      await BillingFormSchema.validate(this.billingFields, { abortEarly: false });\n    } catch (err) {\n      isValid = false;\n      err.inner.map((item: ValidationError) => {\n        newErrors[item.path] = item.message;\n      });\n    }\n\n    this.billingFieldsErrors = newErrors;\n\n    return { isValid: isValid };\n  }\n\n  /**\n   * Returns the values of the form as an object\n   * @returns {Promise<BillingFormFields>} The values of the form\n   */\n  @Method()\n  async getValues(): Promise<BillingFormFields> {\n    return this.billingFields;\n  }\n\n  legendBlock = (<legend>{this.legend}</legend>);\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          {this.legend && this.legendBlock}\n          <div class=\"row gy-3\">\n            <div class=\"col-12\">\n              <text-input name=\"name\" label=\"Full Name\" defaultValue={this.billingFields.name} error={this.billingFieldsErrors.name} />\n            </div>\n            <div class=\"col-12\">\n              <text-input name=\"address_line1\" label=\"Street Address\" defaultValue={this.billingFields.address_line1} error={this.billingFieldsErrors.address_line1} />\n            </div>\n            <div class=\"col-12\">\n              <text-input\n                name=\"address_line2\"\n                label=\"Apartment, Suite, etc. (optional)\"\n                defaultValue={this.billingFields.address_line2}\n                error={this.billingFieldsErrors.address_line2}\n              />\n            </div>\n            <div class=\"col-12\">\n              <text-input name=\"address_city\" label=\"City\" defaultValue={this.billingFields.address_city} error={this.billingFieldsErrors.address_city} />\n            </div>\n            <div class=\"col-12\">\n              <select-input\n                name=\"address_state\"\n                label=\"State\"\n                options={StateOptions}\n                defaultValue={this.billingFields.address_state}\n                error={this.billingFieldsErrors.address_state}\n              />\n            </div>\n            <div class=\"col-12\">\n              <text-input name=\"address_postal_code\" label=\"ZIP\" defaultValue={this.billingFields.address_postal_code} error={this.billingFieldsErrors.address_postal_code} />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n","@import 'forms';\n@import 'buttons';\n@import 'button-group';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\n.jfi-btn-radio + .jfi-btn-radio-label {\n  color: var(--jfi-radio-button-color);\n  background-color: var(--jfi-radio-button-background-color);\n  border-color: var(--jfi-radio-button-border-color);\n  padding: var(--jfi-radio-button-padding);\n  font-size: var(--jfi-radio-button-font-size);\n}\n\n.jfi-btn-radio:focus + .jfi-btn-radio-label {\n  box-shadow: var(--jfi-box-shadow-focus);\n}\n\n.jfi-btn-radio + .jfi-btn-radio-label:hover {\n  color: var(--jfi-radio-button-color-hover);\n  border-color: var(--jfi-radio-button-border-color-hover);\n  background-color: var(--jfi-radio-button-background-color-hover);\n}\n\n.jfi-btn-radio:checked + .jfi-btn-radio-label:hover {\n  color: var(--jfi-radio-button-color-selected-hover);\n  border-color: var(--jfi-radio-button-border-color-selected-hover);\n  background-color: var(--jfi-radio-button-background-color-selected-hover);\n}\n\n.jfi-btn-radio:checked + .jfi-btn-radio-label {\n  color: var(--jfi-radio-button-color-selected);\n  background-color: var(--jfi-radio-button-background-color-selected);\n  border-color: var(--jfi-radio-button-border-color-selected);\n}\n\n.jfi-btn-radio-group {\n  font-family: var(--jfi-layout-font-family);\n  display: inline-flex;\n  width: var(--jfi-radio-button-group-width);\n}\n","import { Component, Event, EventEmitter, Fragment, h, Prop } from '@stencil/core';\nimport { PaymentMethodTypes } from '../../api';\n\nconst PaymentMethodLabels = {\n  bankAccount: 'Bank Account',\n  card: 'Card',\n};\n\n@Component({\n  tag: 'justifi-payment-method-selector',\n  styleUrl: 'payment-method-selector.scss',\n  shadow: true,\n})\nexport class PaymentMethodSelector {\n  @Prop() paymentMethodTypes: PaymentMethodTypes[] = [];\n  @Prop() selectedPaymentMethodType: PaymentMethodTypes;\n  @Event({ bubbles: true }) paymentMethodSelected: EventEmitter;\n\n  defaultRadioButtonOption!: HTMLInputElement;\n\n  onChangeHandler(event: any) {\n    this.paymentMethodSelected.emit(event.target.value);\n  }\n\n  render() {\n    return (\n      <div class=\"btn-group jfi-btn-radio-group\" role=\"group\" aria-label=\"Radio toggle group for payment method\">\n        {this.paymentMethodTypes.map((paymentMethodType: PaymentMethodTypes) => (\n          <Fragment>\n            <input\n              id={paymentMethodType}\n              type=\"radio\"\n              name=\"paymentMethodType\"\n              value={paymentMethodType}\n              onChange={(event: any) => this.onChangeHandler(event)}\n              checked={this.selectedPaymentMethodType === paymentMethodType}\n              class=\"btn-check jfi-btn-radio\"\n            />\n            <label htmlFor={paymentMethodType} class=\"btn btn-outline-primary jfi-btn-radio-label\">\n              {PaymentMethodLabels[paymentMethodType]}\n            </label>\n          </Fragment>\n        ))}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/justifi-business-details.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-business-details.entry.cjs.js","mappings":";;;;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,6ipGAA6ipG;;ACOxkpG,IAAK,aAIJ;AAJD,WAAK,aAAa;EAChB,oCAAmB,CAAA;EACnB,gCAAe,CAAA;EACf,gCAAe,CAAA;AACjB,CAAC,EAJI,aAAa,KAAb,aAAa,QAIjB;MAeY,eAAe;EAS1B;;;;;uBALsC,aAAa,CAAC,OAAO;wBAC3B,mBAAmB;IAKjD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC1C;EAED,MAAM,iBAAiB;IACrB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACnB,IAAI,CAAC,QAAQ,CACX,iEAAiE,CAClE,CAAC;MACF,OAAO;KACR;IAED,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,IAAI,CAAC,QAAQ,CACX,kEAAkE,CACnE,CAAC;MACF,OAAO;KACR;IAED,IAAI,CAAC,GAAG,GAAGA,OAAG,CAAC,IAAI,CAAC,SAAS,EAAEC,aAAM,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GAC3C;EAED,MAAM,aAAa,CAAC,UAAU;IAC5B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC;IACzC,IAAI;MACF,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC;MACvE,IAAI,QAAQ,CAAC,KAAK,EAAE;QAClB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO;OACR;MACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC;MAC9B,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC;KACxC;IAAC,OAAO,KAAK,EAAE;MACd,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACtB;GACF;EAED,QAAQ,CAAC,KAAa;IACpB,IAAI,CAAC,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC;IAC/C,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC;GACxC;EAED,MAAM;;IACJ,IAAI,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,OAAO,EAAE;MAC9C,OAAOC,kBAAY,CAAC;KACrB;IAED,IAAI,IAAI,CAAC,WAAW,KAAK,aAAa,CAAC,KAAK,EAAE;MAC5C,OAAOC,gBAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACtC;IAED,QACEC,QAACC,UAAI,QACHD,kCAAsB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjDA,mCAAuB,YAAY,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,aAAa,GAAI,EACrEA,oCACE,cAAc,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,cAAc,GAC7C,EACFA,2BAAe,MAAM,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,GAAI,EAChDA,0CAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpD,EACP;GACH;;;;;;","names":["Api","config","LoadingState","ErrorState","h","Host"],"sources":["src/components/business-details/business-details.scss?tag=justifi-business-details&encapsulation=shadow","src/components/business-details/business-details.tsx"],"sourcesContent":["@import 'reboot';\n@import 'bootstrap-utilities';\n@import 'type';\n@import 'spinners';\n\n:host {\n  @include host-base-styles;\n}\n","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"],"version":3}

package/dist/cjs/justifi-business-form-stepped.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-business-form-stepped.entry.cjs.js","mappings":"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","names":["h","FormController","businessFormSchema","Api","config","parseForPatching","Host"],"sources":["src/components/business-form/business-form-stepped.scss?tag=justifi-business-form-stepped","src/components/business-form/business-form-stepped.tsx"],"sourcesContent":["@import 'reboot';\n@import 'alert';\n@import 'grid';\n@import 'buttons';\n@import 'progress';\n@import 'bootstrap-utilities';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\n*::part(label) {\n  color: var(--jfi-form-label-color);\n  font-family: var(--jfi-form-label-font-family);\n  font-weight: var(--jfi-form-label-font-weight);\n  font-size: var(--jfi-form-label-font-size);\n  margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n  font-family: var(--jfi-layout-font-family);\n  background-color: var(--jfi-form-control-background-color);\n  border-color: var(--jfi-form-control-border-color);\n  border-width: var(--jfi-form-control-border-width);\n  border-bottom-width: var(--jfi-form-control-border-bottom-width);\n  border-left-width: var(--jfi-form-control-border-left-width);\n  border-right-width: var(--jfi-form-control-border-right-width);\n  border-top-width: var(--jfi-form-control-border-top-width);\n  border-radius: var(--jfi-form-control-border-radius);\n  border-style: var(--jfi-form-control-border-style);\n  box-shadow: var(--jfi-form-control-box-shadow);\n  color: var(--jfi-form-control-color);\n  font-size: var(--jfi-form-control-font-size);\n  font-weight: var(--jfi-form-control-font-weight);\n  line-height: var(--jfi-form-control-line-height);\n  margin: var(--jfi-form-control-margin);\n  padding: var(--jfi-form-control-padding);\n\n  &:focus {\n    color: var(--jfi-form-control-color-focus);\n    border-color: var(--jfi-form-control-border-color-focus);\n    box-shadow: var(--jfi-form-control-box-shadow-focus);\n  }\n}\n\n*::part(input-invalid) {\n  border-color: var(--jfi-form-control-border-color-error);\n  box-shadow: var(--jfi-form-control-box-shadow-error);\n\n  &:focus {\n    border-color: var(--jfi-form-control-border-color-error);\n    box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n  }\n}","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"],"version":3}

package/dist/cjs/justifi-business-form.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-business-form.entry.cjs.js","mappings":"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","names":["FormController","businessFormSchema","Api","config","parseForPatching","h","Host"],"sources":["src/components/business-form/business-form.scss?tag=justifi-business-form","src/components/business-form/business-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'bootstrap-utilities';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\n*::part(label) {\n  color: var(--jfi-form-label-color);\n  font-family: var(--jfi-form-label-font-family);\n  font-weight: var(--jfi-form-label-font-weight);\n  font-size: var(--jfi-form-label-font-size);\n  margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n  font-family: var(--jfi-layout-font-family);\n  background-color: var(--jfi-form-control-background-color);\n  border-color: var(--jfi-form-control-border-color);\n  border-width: var(--jfi-form-control-border-width);\n  border-bottom-width: var(--jfi-form-control-border-bottom-width);\n  border-left-width: var(--jfi-form-control-border-left-width);\n  border-right-width: var(--jfi-form-control-border-right-width);\n  border-top-width: var(--jfi-form-control-border-top-width);\n  border-radius: var(--jfi-form-control-border-radius);\n  border-style: var(--jfi-form-control-border-style);\n  box-shadow: var(--jfi-form-control-box-shadow);\n  color: var(--jfi-form-control-color);\n  font-size: var(--jfi-form-control-font-size);\n  font-weight: var(--jfi-form-control-font-weight);\n  line-height: var(--jfi-form-control-line-height);\n  margin: var(--jfi-form-control-margin);\n  padding: var(--jfi-form-control-padding);\n\n  &:focus {\n    color: var(--jfi-form-control-color-focus);\n    border-color: var(--jfi-form-control-border-color-focus);\n    box-shadow: var(--jfi-form-control-box-shadow-focus);\n  }\n}\n\n*::part(input-invalid) {\n  border-color: var(--jfi-form-control-border-color-error);\n  box-shadow: var(--jfi-form-control-box-shadow-error);\n\n  &:focus {\n    border-color: var(--jfi-form-control-border-color-error);\n    box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n  }\n}","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"],"version":3}

package/dist/cjs/justifi-business-list.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-business-list.entry.cjs.js","mappings":"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","names":["pagingDefaults","Api","config","h","Host","snakeCaseToHumanReadable","formatDate"],"sources":["src/api/Business.ts","src/components/business-list/business-list.scss?tag=justifi-business-list&encapsulation=shadow","src/components/business-list/business-list.tsx"],"sourcesContent":["import { BankAccount } from './shared';\n\nexport enum BusinessStructure {\n  sole_proprietorship = 'sole_proprietorship',\n  single_llc = 'single_llc',\n  multi_llc = 'multi_llc',\n  private_partnership = 'private_partnership',\n  private_corporation = 'private_corporation',\n  unincorporated_association = 'unincorporated_association',\n  public_partnership = 'public_partnership',\n  public_corporation = 'public_corporation',\n  incorporated = 'incorporated',\n  unincorporated = 'unincorporated',\n  government_unit = 'government_unit',\n  government_instrumentality = 'government_instrumentality',\n  tax_exempt_government_instrumentality = 'tax_exempt_government_instrumentality',\n}\n\nexport enum BusinessType {\n  individual = 'individual',\n  for_profit = 'for_profit',\n  non_profit = 'non_profit',\n  government_entity = 'government_entity',\n}\n\nexport interface Address {\n  id: string;\n  platform_account_id: string;\n  line1: string;\n  line2: string;\n  postal_code: string;\n  city: string;\n  state: string;\n  country: string;\n  created_at: string;\n  updated_at: string;\n}\n\nexport interface Document {\n  business_id: string;\n  created_at: string;\n  description: string | null;\n  document_type: string;\n  file_name: string;\n  file_type: string;\n  id: string;\n  identity_id: string;\n  metadata: any;\n  platform_account_id: string;\n  presigned_url: string | null;\n  status: string;\n  updated_at: string;\n}\n\nexport interface Identity {\n  address: Address;\n  created_at: string;\n  dob_day: string;\n  dob_month: string;\n  dob_year: string;\n  documents: Document[];\n  email: string;\n  id: string;\n  is_owner: boolean;\n  metadata: any;\n  name: string;\n  phone: string;\n  platform_account_id: string;\n  ssn_last4: string;\n  title: string;\n  updated_at: string;\n}\n\nexport interface ProductCategories {\n  credit: boolean;\n  insurance: boolean;\n  lending: boolean;\n  payment: boolean;\n}\n\nexport interface AdditionalQuestions {\n  business_revenue: string;\n  business_payment_volume: string;\n  business_dispute_volume: string;\n  business_receivable_volume: string;\n}\n\nexport interface IBusiness {\n  business_structure: BusinessStructure;\n  business_type: BusinessType;\n  bank_accounts: BankAccount[];\n  created_at: string;\n  documents: Document[];\n  doing_business_as: string;\n  email: string;\n  id: string;\n  industry: string;\n  legal_address: Address;\n  legal_name: string;\n  metadata: any;\n  owners: Identity[];\n  phone: string;\n  platform_account_id: string;\n  representative: Identity | null;\n  tax_id: string;\n  updated_at: string;\n  website_url: string;\n  product_categories: ProductCategories;\n  additional_questions: AdditionalQuestions;\n}\n\nexport class Business implements IBusiness {\n  public business_structure: BusinessStructure;\n  public business_type: BusinessType;\n  public bank_accounts: BankAccount[];\n  public created_at: string;\n  public documents: Document[];\n  public doing_business_as: string;\n  public email: string;\n  public id: string;\n  public industry: string;\n  public legal_address: Address;\n  public legal_name: string;\n  public metadata: any;\n  public owners: Identity[];\n  public phone: string;\n  public platform_account_id: string;\n  public representative: Identity | null;\n  public tax_id: string;\n  public updated_at: string;\n  public website_url: string;\n  public product_categories: ProductCategories;\n  public additional_questions: AdditionalQuestions;\n\n  constructor(business: IBusiness) {\n    this.business_structure = business.business_structure;\n    this.business_type = business.business_type;\n    this.bank_accounts = business.bank_accounts;\n    this.created_at = business.created_at;\n    this.documents = business.documents;\n    this.doing_business_as = business.doing_business_as;\n    this.email = business.email;\n    this.id = business.id;\n    this.industry = business.industry;\n    this.legal_address = business.legal_address;\n    this.legal_name = business.legal_name;\n    this.metadata = business.metadata;\n    this.owners = business.owners;\n    this.phone = business.phone;\n    this.platform_account_id = business.platform_account_id;\n    this.representative = business.representative;\n    this.tax_id = business.tax_id;\n    this.updated_at = business.updated_at;\n    this.website_url = business.website_url;\n    this.product_categories = business.product_categories;\n  }\n}\n\nexport interface IProductReadiness {\n  business_id: string;\n  created_at: string;\n  id: string;\n  last_verified_at: string;\n  missing_optional_fields: string[];\n  missing_required_fields: string[];\n  percentage_complete: number;\n  percentage_ready: number;\n  platform_account_id: string;\n  product_category: string;\n  product_name: string;\n  required_ready: boolean;\n  updated_at: string;\n}\n",":host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\nimport { Business, IBusiness } from '../../api/Business';\nimport { formatDate, snakeCaseToHumanReadable } from '../../utils/utils';\nimport { config } from '../../../config';\n\n\n/**\n * @exportedPart table-head: Table head\n * @exportedPart table-head-row: Head row\n * @exportedPart table-head-cell: Individual head cell\n * @exportedPart table-body: Body of the table\n * @exportedPart table-row: Row of the table\n * @exportedPart table-cell: Individual cell of the table\n * @exportedPart loading-state-cell: Row for loading state\n * @exportedPart loading-state-spinner: Spinner element for loading state\n * @exportedPart error-state: Row for Error state\n * @exportedPart empty-state: Row for Emtpy state\n * @exportedPart pagination-bar: Pagination bar\n * @exportedPart arrow: Both paging buttons\n * @exportedPart arrow-left: Previous page button\n * @exportedPart arrow-right: Next page button\n * @exportedPart arrow-disabled: Disabled state for paging buttons\n */\n@Component({\n  tag: 'justifi-business-list',\n  styleUrl: 'business-list.scss',\n  shadow: true,\n})\nexport class BusinessList {\n  /**\n   * The Account ID to fetch payments.\n   * This is required to fetch any data.\n   * @required\n   * @type {string}\n   * @memberof PaymentsList\n   */\n  @Prop() accountId: string;\n  /**\n   * The Auth Token to fetch payments.\n   * This is required to fetch any data.\n   * @required\n   * @type {string}\n   */\n  @Prop() authToken: string;\n  @State() businesses: Business[] = [];\n  @State() loading: boolean = true;\n  @State() errorMessage: string;\n  @State() paging: PagingInfo = pagingDefaults;\n  @State() params: any\n\n  @Watch('accountId')\n  @Watch('authToken')\n  @Watch('params')\n  updateOnPropChange() {\n    this.fetchData();\n  }\n\n  connectedCallback() {\n    this.fetchData();\n  }\n\n  mapProductStatusToBadge = (status: boolean) => {\n    return (status && 'bg-success') || 'bg-secondary';\n  };\n\n  handleClickPrevious = (beforeCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.after_cursor;\n    this.params = ({ ...newParams, before_cursor: beforeCursor });\n  };\n\n  handleClickNext = (afterCursor: string) => {\n    const newParams: any = { ...this.params };\n    delete newParams.before_cursor;\n    this.params = ({ ...newParams, after_cursor: afterCursor });\n  };\n\n  async fetchData(): Promise<void> {\n    if (!this.accountId || !this.authToken) {\n      this.errorMessage =\n        'Can not fetch any data without an AccountID and an AuthToken';\n      this.loading = false;\n      return;\n    }\n    this.loading = true;\n    const endpoint = `entities/business`;\n    let accountIDParam = { account_id: this.accountId };\n\n    const response: IApiResponseCollection<Business[]> = await Api(this.authToken, config.proxyApiOrigin,)\n      .get(endpoint, { ...accountIDParam, ...this.params });\n\n    if (!response.error) {\n      this.paging = {\n        ...this.paging,\n        ...response.page_info,\n      };\n\n      const data = response?.data?.map(dataItem => new Business(dataItem));\n      this.businesses = data;\n    } else {\n      this.errorMessage =\n        typeof response.error === 'string'\n          ? response.error\n          : response.error.message;\n    }\n\n    this.loading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <justifi-table\n          columnData={[\n            ['Legal Name', 'The name associated with this Business'],\n            ['Business Type', 'The business type'],\n            ['Business Structure', 'The business structure'],\n            ['Tax ID', 'The tax ID associated with this business'],\n            ['Industry', 'The industry this business participates in'],\n            [\n              'Product Ready',\n              'List of our products that are used by this business',\n            ],\n            ['Created at', 'Date this business was created'],\n          ]}\n          rowData={this.businesses.map((business: IBusiness) => [\n            business.legal_name,\n            snakeCaseToHumanReadable(business.business_type),\n            snakeCaseToHumanReadable(business.business_structure),\n            business.tax_id,\n            business.industry,\n            {\n              type: 'inner',\n              value: `\n                    <div class=\"d-flex flex-nowrap gap-1\">\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.credit,\n              )}\">Credit</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.insurance,\n              )}\">Insurance</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.lending,\n              )}\">Lending</span>\n                      <span class=\"badge ${this.mapProductStatusToBadge(\n                business.product_categories.payment,\n              )}\">Payment</span>\n                    </div>\n                  `,\n            },\n            formatDate(business.created_at),\n          ])}\n          loading={this.loading}\n          error-message={this.errorMessage}\n          params={this.params}\n          paging={{\n            ...this.paging,\n            handleClickNext: this.handleClickNext,\n            handleClickPrevious: this.handleClickPrevious\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/justifi-card-form.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-card-form.entry.cjs.js","mappings":";;;;;;MAQa,QAAQ;;;;;;;;;sBAcW,KAAK;;;EA+BnC,YAAY,CAAC,KAAkB;IAC7B,OAAO,CAAC,IAAI,CAAC,kGAAkG,CAAC,CAAC;IACjH,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACxB;EAGD,eAAe,CAAC,KAAoB;IAClC,OAAO,CAAC,IAAI,CACV,wMAAwM,CACzM,CAAC;IACF,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACnC;EAGD,eAAe,CAAC,KAAoB;IAClC,OAAO,CAAC,IAAI,CACV,wMAAwM,CACzM,CAAC;IACF,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACnC;;;;EAQD,MAAM,QAAQ,CAAC,GAAG,IAAiE;IACjF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;GACxC;;;;EAMD,MAAM,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;GACjC;;;;;EAOD,MAAM,MAAM;IACV,OAAO,CAAC,IAAI,CACV,wKAAwK,CACzK,CAAC;IACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;GAC/B;EAED,MAAM;IACJ,QACEA,yCACE,GAAG,EAAE,EAAE;QACL,IAAI,EAAE,EAAE;UACN,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB;OACF,mBACc,IAAI,CAAC,YAAY,8BACP,MAAM,iBAClB,IAAI,CAAC,UAAU,+BACD,IAAI,CAAC,aAAa,kCACf,IAAI,CAAC,gBAAgB,yCACd,IAAI,CAAC,cAAc,IAAI,UAAU,GACtE,EACF;GACH;;;;;","names":["h"],"sources":["src/components/card-form/card-form.tsx"],"sourcesContent":["import { Component, Event, Prop, h, EventEmitter, Method, Listen, State } from '@stencil/core';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { Theme } from '../payment-method-form/theme';\n\n@Component({\n  tag: 'justifi-card-form',\n  shadow: false,\n})\nexport class CardForm {\n  /**\n   * When to trigger validation of the form.\n   */\n  @Prop({ mutable: true }) validationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n\n  /**\n   * URL for the rendered iFrame. End-users need not use this.\n   */\n  @Prop({ mutable: true }) iframeOrigin?: string;\n\n  /**\n   * Boolean indicating if the Card Form should render in a single line\n   */\n  @Prop() singleLine: boolean = false;\n\n  @State() internalStyleOverrides: Theme;\n\n  /**\n   * Triggered when iframe has loaded\n   * @event justifi-card-form#cardFormReady\n   */\n\n  @Event() cardFormReady: EventEmitter;\n\n  /**\n   * Triggered when iframe has loaded\n   * @event justifi-card-form#ready\n   */\n\n  @Event() ready: EventEmitter;\n\n  /**\n   * Triggered when the tokenize method is called on the component\n   * @event justifi-card-form#cardFormTokenize\n   */\n  @Event() cardFormTokenize: EventEmitter<{ data: any }>;\n\n  /**\n   * Triggered when the validate method is called on the component\n   * @event justifi-card-form#cardFormTokenize\n   */\n  @Event() cardFormValidate: EventEmitter<{ data: { isValid: boolean } }>;\n\n  @Listen('paymentMethodFormReady')\n  readyHandler(event: CustomEvent) {\n    console.warn(`The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);\n    this.cardFormReady.emit(event);\n    this.ready.emit(event);\n  }\n\n  @Listen('paymentMethodFormTokenize')\n  tokenizeHandler(event: { data: any }) {\n    console.warn(\n      `The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`,\n    );\n    this.cardFormTokenize.emit(event);\n  }\n\n  @Listen('paymentMethodFormValidate')\n  validateHandler(event: { data: any }) {\n    console.warn(\n      `The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`,\n    );\n    this.cardFormValidate.emit(event);\n  }\n\n  private childRef?: HTMLJustifiPaymentMethodFormElement;\n\n  /**\n   *  Makes a tokenization request to the iframe\n   */\n  @Method()\n  async tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<CreatePaymentMethodResponse> {\n    if (!this.childRef) {\n      throw new Error('Cannot call tokenize');\n    }\n    return this.childRef.tokenize(...args);\n  }\n\n  /**\n   *  Runs a validation on the form and shows errors if any\n   */\n  @Method()\n  async validate(): Promise<{ isValid: boolean }> {\n    if (!this.childRef) {\n      throw new Error('Cannot call validate');\n    }\n    return this.childRef.validate();\n  }\n\n  /**\n   *  Manually resizes the iframe to fit the contents of the iframe\n   *  @deprecated This method will be removed in future releases.\n   */\n  @Method()\n  async resize(): Promise<void> {\n    console.warn(\n      `The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`,\n    );\n    if (!this.childRef) {\n      throw new Error('Cannot call validate');\n    }\n    return this.childRef.resize();\n  }\n\n  render() {\n    return (\n      <justifi-payment-method-form\n        ref={el => {\n          if (el) {\n            this.childRef = el;\n          }\n        }}\n        iframe-origin={this.iframeOrigin}\n        payment-method-form-type=\"card\"\n        single-line={this.singleLine}\n        payment-method-form-ready={this.cardFormReady}\n        payment-method-form-tokenize={this.cardFormTokenize}\n        payment-method-form-validation-mode={this.validationMode || 'onSubmit'}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/justifi-details.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"justifi-details.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,UAAU,GAAG,uv5HAAuv5H;;MCS7v5H,OAAO;;;;;EAGlB,MAAM;IACJ,QACEA,QAACC,UAAI,IACH,WAAW,EAAC,8MACqF,IAG/F,IAAI,CAAC,YAAY;MACfC,gBAAU,CAAC,IAAI,CAAC,YAAY,CAAC;;QAE7BF,kBAAM,KAAK,EAAC,KAAK,IACfA,kBAAM,IAAI,EAAC,WAAW,GAAG,EACzBA,kBAAM,IAAI,EAAC,iBAAiB,GAAG,CAC1B,CAEN,EACR;GACF;;;;;;","names":["h","Host","ErrorState"],"sources":["src/components/details/details.scss?tag=justifi-details&encapsulation=shadow","src/components/details/details.tsx"],"sourcesContent":["@import \"reboot\";\n@import \"tables\";\n@import \"buttons\";\n@import \"badge\";\n@import \"grid\";\n@import \"bootstrap-utilities\";\n\n:host {\n  @include host-base-styles;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { ErrorState } from './utils';\n\n@Component({\n  tag: 'justifi-details',\n  styleUrl: './details.scss',\n  shadow: true,\n})\n\nexport class Details {\n  @Prop() errorMessage: string;\n\n  render() {\n    return (\n      <Host\n        exportParts='detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info'\n      >\n        {\n          this.errorMessage ?\n            ErrorState(this.errorMessage)\n            :\n            <main class=\"p-2\">\n              <slot name=\"head-info\" />\n              <slot name='detail-sections' />\n            </main>\n        }\n      </Host>\n    )\n  }\n}\n"],"version":3}