@justifi/webcomponents 4.6.4 → 4.7.0-rc.0

package/dist/webcomponents/p-92872bbe.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AdditionalQuestions","constructor","hostRef","this","inputHandler","bind","componentDidLoad","formController","errors","subscribe","Object","assign","values","additional_questions","name","value","setValues","getValue","render","additionalQuestionsDefaultValue","getInitialValues","h","Host","exportparts","class","label","error","_b","_a","business_revenue","defaultValue","_d","_c","business_payment_volume","_f","_e","business_dispute_volume","_h","_g","business_receivable_volume","businessAddressFormCss","BusinessAddressForm","handleAddressChange","newValues","onFormUpdate","address","defaultValues","line1","line2","city","state","options","StateOptions","_j","postal_code","_k","PHONE_MASKS","US","businessGenericInfoCss","BusinessGenericInfo","genericInfoDefaultValue","legal_name","doing_business_as","BusinessTypeOptions","business_type","BusinessStructureOptions","business_structure","industry","tax_id","website_url","email","phone","mask","businessOwnersCss","BusinessOwner","title","dob_day","dob_month","dob_year","identification_number","is_owner","metadata","BusinessOwners","addOwner","removeOwner","owners","index","map","owner","i","addressInputHandler","event","preventDefault","filter","_owner","ownersDefaultValue","disabled","isEditing","type","_l","_m","_o","_p","_q","_r","_t","_s","_v","_u","_x","_w","_z","_y","_1","_0","_3","_2","_5","_4","_7","_6","onClick","businessRepresentativeCss","BusinessRepresentative","onAddressFormUpdate","representative","representativeDefaultValue","part","countryOptions","legalAddressFormCss","LegalAddressForm","legal_address","legalAddressDefaultValue","country"],"sources":["src/components/business-form/additional-questions/additional-questions.tsx","src/components/business-form/business-address/business-address-form.scss?tag=justifi-business-address-form&encapsulation=shadow","src/components/business-form/business-address/business-address-form.tsx","src/utils/phone-masks.ts","src/components/business-form/business-generic-info/business-generic-info.scss?tag=justifi-business-generic-info","src/components/business-form/business-generic-info/business-generic-info.tsx","src/components/business-form/business-owners/business-owners.scss?tag=justifi-business-owners","src/components/business-form/business-owners/business-owners.tsx","src/components/business-form/business-representative/business-representative.scss?tag=justifi-business-representative","src/components/business-form/business-representative/business-representative.tsx","src/utils/country-options.ts","src/components/business-form/legal-address-form/legal-address-form.scss?tag=justifi-legal-address-form","src/components/business-form/legal-address-form/legal-address-form.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\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-additional-questions',\n})\nexport class AdditionalQuestions {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() additional_questions: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(\n      errors => (this.errors = { ...errors }),\n    );\n    this.formController.values.subscribe(\n      values =>\n        (this.additional_questions = { ...values.additional_questions }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      additional_questions: {\n        ...this.formController.values.getValue().additional_questions,\n        [name]: value,\n      },\n    });\n  }\n\n  render() {\n    const additionalQuestionsDefaultValue =\n      this.formController.getInitialValues().additional_questions;\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>Additional Questions</legend>\n          <hr />\n          <div class=\"row gy-3\">\n            <div class=\"col-12\">\n              <form-control-monetary\n                name=\"business_revenue\"\n                label=\"Business Revenue\"\n                inputHandler={this.inputHandler}\n                error={this.errors?.additional_questions?.business_revenue}\n                defaultValue={additionalQuestionsDefaultValue?.business_revenue}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-monetary\n                name=\"business_payment_volume\"\n                label=\"Business Payment Volume\"\n                inputHandler={this.inputHandler}\n                error={this.errors?.additional_questions?.business_payment_volume}\n                defaultValue={\n                  additionalQuestionsDefaultValue?.business_payment_volume\n                }\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-monetary\n                name=\"business_dispute_volume\"\n                label=\"Business Dispute Volume\"\n                inputHandler={this.inputHandler}\n                error={this.errors?.additional_questions?.business_dispute_volume}\n                defaultValue={\n                  additionalQuestionsDefaultValue?.business_dispute_volume\n                }\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-monetary\n                name=\"business_receivable_volume\"\n                label=\"Business Receivable Volume\"\n                inputHandler={this.inputHandler}\n                error={\n                  this.errors?.additional_questions?.business_receivable_volume\n                }\n                defaultValue={\n                  additionalQuestionsDefaultValue?.business_receivable_volume\n                }\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\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}\n\n.jfi-submit-button {\n  font-family: var(--jfi-layout-font-family);\n  color: var(--jfi-submit-button-color);\n  background-color: var(--jfi-submit-button-background-color);\n  border-color: var(--jfi-submit-button-border-color);\n  padding: var(--jfi-submit-button-padding);\n  font-size: var(--jfi-submit-button-font-size);\n  border-radius: var(--jfi-submit-button-border-radius);\n  width: var(--jfi-submit-button-width);\n  box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.jfi-submit-button:hover {\n  color: var(--jfi-submit-button-color-hover);\n  background-color: var(--jfi-submit-button-background-color-hover);\n  border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.jfi-submit-button:focus {\n  color: var(--jfi-submit-button-color-focus);\n  background-color: var(--jfi-submit-button-background-color-focus);\n  border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n// Extra selector for specificity\n.btn.jfi-submit-button:active {\n  color: var(--jfi-submit-button-color-active);\n  background-color: var(--jfi-submit-button-background-color-active);\n  border-color: var(--jfi-submit-button-border-color-active);\n}\n.btn.jfi-submit-button-loading {\n  min-width: 75px;\n  color: var(--jfi-submit-button-color-loading);\n  background-color: var(--jfi-submit-button-background-color-loading);\n  border-color: var(--jfi-submit-button-border-color-loading);\n}\n.btn.jfi-submit-button-loading .spinner-border {\n  border-top-color: var(--jfi-submit-button-color-loading);\n  border-bottom-color: var(--jfi-submit-button-color-loading);\n  border-left-color: var(--jfi-submit-button-color-loading);\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\nimport StateOptions from '../../billing-form/state-options';\n\n@Component({\n  tag: 'justifi-business-address-form',\n  styleUrl: 'business-address-form.scss',\n  shadow: true,\n})\nexport class BusinessAddressForm {\n  @Prop() onFormUpdate: (values: any) => void;\n  @Prop() errors: any;\n  @Prop() defaultValues: any;\n  @State() address: any = {};\n\n  @Watch('address')\n  handleAddressChange(newValues: any) {\n    this.onFormUpdate(newValues);\n  }\n\n  inputHandler(name: string, value: string) {\n    this.address[name] = value;\n    this.address = { ...this.address };\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <div class=\"row gy-3\">\n          <div class=\"col-12 col-md-8\">\n            <form-control-text\n              name=\"line1\"\n              label=\"Street Address\"\n              defaultValue={this.defaultValues?.line1}\n              error={this.errors?.line1}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12 col-md-4\">\n            <form-control-text\n              name=\"line2\"\n              label=\"Apartment, Suite, etc. (optional)\"\n              defaultValue={this.defaultValues?.line2}\n              error={this.errors?.line2}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"city\"\n              label=\"City\"\n              defaultValue={this.defaultValues?.city}\n              error={this.errors?.city}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <form-control-select\n              name=\"state\"\n              label=\"State\"\n              defaultValue={this.defaultValues?.state}\n              options={StateOptions}\n              error={this.errors?.state}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n\n          <div class=\"col-12 col-md-6\">\n            <form-control-number\n              name=\"postal_code\"\n              label=\"Postal Code\"\n              defaultValue={this.defaultValues?.postal_code}\n              error={this.errors?.postal_code}\n              inputHandler={(name, value) => this.inputHandler(name, value)}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","export const PHONE_MASKS = {\n  US: '(000) 000-0000',\n};\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\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}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\nimport {\n  BusinessStructureOptions,\n  BusinessTypeOptions,\n} from '../business-form-schema';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\n/**\n *\n * The difference between this component and business-generic-info-details\n * is that this component is meant to be a form and send data\n * and the other one  is meant to be just read only.\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-generic-info',\n  styleUrl: 'business-generic-info.scss',\n})\nexport class BusinessGenericInfo {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(errors => {\n      this.errors = { ...errors };\n    });\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      [name]: value,\n    });\n  }\n\n  render() {\n    const genericInfoDefaultValue = this.formController.getInitialValues();\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>General Info</legend>\n          <hr />\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"legal_name\"\n                label=\"Legal Name\"\n                defaultValue={genericInfoDefaultValue.legal_name}\n                error={this.errors.legal_name}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"doing_business_as\"\n                label=\"Doing Business As (DBA)\"\n                defaultValue={genericInfoDefaultValue.doing_business_as}\n                error={this.errors.doing_business_as}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-select\n                name=\"business_type\"\n                label=\"Business Type\"\n                options={BusinessTypeOptions}\n                defaultValue={genericInfoDefaultValue.business_type}\n                error={this.errors.business_type}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-select\n                name=\"business_structure\"\n                label=\"Business Structure\"\n                options={BusinessStructureOptions}\n                defaultValue={genericInfoDefaultValue.business_structure}\n                error={this.errors.business_structure}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"industry\"\n                label=\"Industry\"\n                defaultValue={genericInfoDefaultValue.industry}\n                error={this.errors.business_structure}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-number\n                name=\"tax_id\"\n                label=\"Tax ID\"\n                defaultValue={genericInfoDefaultValue.tax_id}\n                error={this.errors.tax_id}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"website_url\"\n                label=\"Website URL\"\n                defaultValue={genericInfoDefaultValue.website_url}\n                error={this.errors.website_url}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"email\"\n                label=\"Email Address\"\n                defaultValue={genericInfoDefaultValue.email}\n                error={this.errors.email}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <form-control-number-masked\n                name=\"phone\"\n                label=\"Phone Number\"\n                defaultValue={genericInfoDefaultValue.phone}\n                error={this.errors.phone}\n                inputHandler={this.inputHandler}\n                mask={PHONE_MASKS.US}\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n","@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}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\nclass BusinessOwner {\n  name: string = '';\n  title: string = '';\n  email: string = '';\n  phone: string = '';\n  dob_day: string = '';\n  dob_month: string = '';\n  dob_year: string = '';\n  identification_number: string = '';\n  is_owner: boolean = true;\n  metadata: any = {};\n  address: any = {};\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-owners',\n  styleUrl: 'business-owners.scss',\n  shadow: false,\n})\nexport class BusinessOwners {\n  @Prop() formController: FormController;\n  @Prop() isEditing: boolean;\n  @State() errors: any[] = [];\n  @State() owners: BusinessOwner[] = [];\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n    this.addOwner = this.addOwner.bind(this);\n    this.removeOwner = this.removeOwner.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(errors => {\n      this.errors = errors?.owners || [];\n    });\n    this.formController.values.subscribe(\n      values => (this.owners = values?.owners || []),\n    );\n  }\n\n  inputHandler(name: string, value: string, index: number): void {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: this.owners.map((owner, i) => {\n        if (i === index) {\n          return {\n            ...owner,\n            [name]: value,\n          };\n        }\n        return owner;\n      }),\n    });\n  }\n\n  addressInputHandler(name: string, value: string, index: number): void {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: this.owners.map((owner, i) => {\n        if (i === index) {\n          return {\n            ...owner,\n            address: {\n              ...owner.address,\n              [name]: value,\n            },\n          };\n        }\n        return owner;\n      }),\n    });\n  }\n\n  addOwner(event: MouseEvent): void {\n    event.preventDefault();\n\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: [...this.owners, { ...new BusinessOwner() }],\n    });\n  }\n\n  removeOwner(event: MouseEvent, index: number): void {\n    event.preventDefault();\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      owners: this.owners.filter((_owner, i) => i !== index),\n    });\n  }\n\n  render() {\n    const ownersDefaultValue =\n      this.formController.values.getValue().owners || [];\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>Owners</legend>\n          <hr />\n          {this.owners.map((_owner: BusinessOwner, index: number) => {\n            return (\n              <div class=\"row gx-2 gy-2 mb-4\">\n                <div class=\"col-12\">\n                  <div class=\"row mb-3\">\n                    <div class=\"col-12 col-md-6\">\n                      <form-control-text\n                        name=\"name\"\n                        label=\"Full Name\"\n                        defaultValue={ownersDefaultValue[index]?.name}\n                        error={this.errors[index]?.name}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        disabled={this.isEditing}\n                      />\n                    </div>\n                    <div class=\"col-12 col-md-6\">\n                      <form-control-text\n                        name=\"title\"\n                        label=\"Title\"\n                        defaultValue={ownersDefaultValue[index]?.title}\n                        error={this.errors[index]?.title}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        disabled={this.isEditing}\n                      />\n                    </div>\n                  </div>\n\n                  <div class=\"row mb-3\">\n                    <div class=\"col-12 col-md-6\">\n                      <form-control-text\n                        name=\"email\"\n                        label=\"Email\"\n                        defaultValue={ownersDefaultValue[index]?.email}\n                        error={this.errors[index]?.email}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        disabled={this.isEditing}\n                      />\n                    </div>\n                    <div class=\"col-12 col-md-6\">\n                      <form-control-number-masked\n                        name=\"phone\"\n                        label=\"Phone\"\n                        defaultValue={ownersDefaultValue[index]?.phone}\n                        error={this.errors[index]?.phone}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        mask={PHONE_MASKS.US}\n                        disabled={this.isEditing}\n                      />\n                    </div>\n                  </div>\n\n                  <div class=\"row mb-3\">\n                    <div class=\"col-12 col-md-4\">\n                      <form-control-datepart\n                        name=\"dob_day\"\n                        label=\"Date of Birth - Day\"\n                        defaultValue={ownersDefaultValue[index]?.dob_day}\n                        error={this.errors[index]?.dob_day}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        type=\"day\"\n                        disabled={this.isEditing}\n                      />\n                    </div>\n                    <div class=\"col-12 col-md-4\">\n                      <form-control-datepart\n                        name=\"dob_month\"\n                        label=\"Date of Birth - Month\"\n                        defaultValue={ownersDefaultValue[index]?.dob_month}\n                        error={this.errors[index]?.dob_month}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        type=\"month\"\n                        disabled={this.isEditing}\n                      />\n                    </div>\n                    <div class=\"col-12 col-md-4\">\n                      <form-control-datepart\n                        name=\"dob_year\"\n                        label=\"Date of Birth - Year\"\n                        defaultValue={ownersDefaultValue[index]?.dob_year}\n                        error={this.errors[index]?.dob_year}\n                        inputHandler={(name, value) =>\n                          this.inputHandler(name, value, index)\n                        }\n                        type=\"year\"\n                        disabled={this.isEditing}\n                      />\n                    </div>\n                  </div>\n\n                  <div class=\"mb-3\">\n                    <form-control-number\n                      name=\"identification_number\"\n                      label=\"Identification Number\"\n                      defaultValue={\n                        ownersDefaultValue[index]?.identification_number\n                      }\n                      error={this.errors[index]?.identification_number}\n                      inputHandler={(name, value) =>\n                        this.inputHandler(name, value, index)\n                      }\n                      disabled={this.isEditing}\n                    />\n                  </div>\n\n                  <div class=\"grid gap-3\">\n                    <legend class=\"mb-3\">Owner Address:</legend>\n\n                    <div class=\"row mb-3\">\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-text\n                          name=\"line1\"\n                          label=\"Street Address\"\n                          defaultValue={\n                            ownersDefaultValue[index]?.address?.line1\n                          }\n                          error={this.errors[index]?.address?.line1}\n                          inputHandler={(name, value) =>\n                            this.addressInputHandler(name, value, index)\n                          }\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-text\n                          name=\"city\"\n                          label=\"City\"\n                          defaultValue={\n                            ownersDefaultValue[index]?.address?.city\n                          }\n                          error={this.errors[index]?.address?.city}\n                          inputHandler={(name, value) =>\n                            this.addressInputHandler(name, value, index)\n                          }\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                    </div>\n\n                    <div class=\"row mb-3\">\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-text\n                          name=\"state\"\n                          label=\"State\"\n                          defaultValue={\n                            ownersDefaultValue[index]?.address?.state\n                          }\n                          error={this.errors[index]?.address?.state}\n                          inputHandler={(name, value) =>\n                            this.addressInputHandler(name, value, index)\n                          }\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                      <div class=\"col-12 col-md-6\">\n                        <form-control-number\n                          name=\"postal_code\"\n                          label=\"Postal Code\"\n                          defaultValue={\n                            ownersDefaultValue[index]?.address?.postal_code\n                          }\n                          error={this.errors[index]?.address?.postal_code}\n                          inputHandler={(name, value) =>\n                            this.addressInputHandler(name, value, index)\n                          }\n                          disabled={this.isEditing}\n                        />\n                      </div>\n                    </div>\n                  </div>\n                  <button\n                    type=\"button\"\n                    class=\"btn btn-outline-danger\"\n                    onClick={event => this.removeOwner(event, index)}\n                  >\n                    Remove owner\n                  </button>\n                </div>\n              </div>\n            )\n          })}\n          <div class=\"row gy-3\">\n            <div class=\"col-12\">\n              <button\n                type=\"button\"\n                class=\"btn btn-outline-primary\"\n                onClick={event => this.addOwner(event)}\n              >\n                Add an owner\n              </button>\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\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}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\n@Component({\n  tag: 'justifi-business-representative',\n  styleUrl: 'business-representative.scss',\n})\nexport class BusinessRepresentative {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() representative: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n    this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(\n      errors => (this.errors = { ...errors.representative }),\n    );\n    this.formController.values.subscribe(\n      values => (this.representative = { ...values.representative }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      representative: {\n        ...this.formController.values.getValue().representative,\n        [name]: value,\n      },\n    });\n  }\n\n  onAddressFormUpdate(values: any): void {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      representative: {\n        ...this.formController.values.getValue().representative,\n        address: {\n          ...this.formController.values.getValue().representative.address,\n          ...values,\n        },\n      },\n    });\n  }\n\n  render() {\n    const representativeDefaultValue =\n      this.formController.getInitialValues().representative;\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>Representative</legend>\n          <hr />\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-8\">\n              <form-control-text\n                name=\"name\"\n                label=\"Full Name\"\n                defaultValue={representativeDefaultValue?.name}\n                error={this.errors.name}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-select\n                name=\"title\"\n                label=\"Prefix\"\n                defaultValue={representativeDefaultValue?.title}\n                options={[\n                  { label: 'Select Prefix', value: '' },\n                  { label: 'Mrs.', value: 'Mrs.' },\n                ]}\n                error={this.errors.title}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <form-control-text\n                name=\"email\"\n                label=\"Email Address\"\n                defaultValue={representativeDefaultValue?.email}\n                error={this.errors.email}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12 col-md-6\">\n              <form-control-number-masked\n                name=\"phone\"\n                label=\"Phone Number\"\n                defaultValue={representativeDefaultValue?.phone}\n                error={this.errors.phone}\n                inputHandler={this.inputHandler}\n                mask={PHONE_MASKS.US}\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <label part=\"label\" class=\"form-label\">\n                Birth Date\n              </label>\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_day\"\n                label=\"Day\"\n                defaultValue={representativeDefaultValue?.dob_day}\n                error={this.errors.dob_day}\n                inputHandler={this.inputHandler}\n                type=\"day\"\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_month\"\n                label=\"Month\"\n                defaultValue={representativeDefaultValue?.dob_month}\n                error={this.errors.dob_month}\n                inputHandler={this.inputHandler}\n                type=\"month\"\n              />\n            </div>\n\n            <div class=\"col-12 col-md-4\">\n              <form-control-datepart\n                name=\"dob_year\"\n                label=\"Year\"\n                defaultValue={representativeDefaultValue?.dob_year}\n                error={this.errors.dob_year}\n                inputHandler={this.inputHandler}\n                type=\"year\"\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <form-control-number\n                name=\"identification_number\"\n                label=\"EIN/SSN\"\n                defaultValue={representativeDefaultValue?.identification_number}\n                error={this.errors.identification_number}\n                inputHandler={this.inputHandler}\n              />\n            </div>\n\n            <div class=\"col-12\">\n              <justifi-business-address-form\n                errors={this.errors.address}\n                defaultValues={representativeDefaultValue?.address}\n                onFormUpdate={values => this.onAddressFormUpdate(values)}\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n","const countryOptions = [\n  { label: 'Choose country', value: '' },\n  { label: 'Afghanistan', value: 'AF' },\n  { label: 'Albania', value: 'AL' },\n  { label: 'Algeria', value: 'DZ' },\n  { label: 'Andorra', value: 'AD' },\n  { label: 'Angola', value: 'AO' },\n  { label: 'Antigua and Barbuda', value: 'AG' },\n  { label: 'Argentina', value: 'AR' },\n  { label: 'Armenia', value: 'AM' },\n  { label: 'Australia', value: 'AU' },\n  { label: 'Austria', value: 'AT' },\n  { label: 'Azerbaijan', value: 'AZ' },\n  { label: 'Bahamas', value: 'BS' },\n  { label: 'Bahrain', value: 'BH' },\n  { label: 'Bangladesh', value: 'BD' },\n  { label: 'Barbados', value: 'BB' },\n  { label: 'Belarus', value: 'BY' },\n  { label: 'Belgium', value: 'BE' },\n  { label: 'Belize', value: 'BZ' },\n  { label: 'Benin', value: 'BJ' },\n  { label: 'Bhutan', value: 'BT' },\n  { label: 'Bolivia', value: 'BO' },\n  { label: 'Bosnia and Herzegovina', value: 'BA' },\n  { label: 'Botswana', value: 'BW' },\n  { label: 'Brazil', value: 'BR' },\n  { label: 'Brunei', value: 'BN' },\n  { label: 'Bulgaria', value: 'BG' },\n  { label: 'Burkina Faso', value: 'BF' },\n  { label: 'Burundi', value: 'BI' },\n  { label: 'Cabo Verde', value: 'CV' },\n  { label: 'Cambodia', value: 'KH' },\n  { label: 'Cameroon', value: 'CM' },\n  { label: 'Canada', value: 'CA' },\n  { label: 'Central African Republic', value: 'CF' },\n  { label: 'Chad', value: 'TD' },\n  { label: 'Chile', value: 'CL' },\n  { label: 'China', value: 'CN' },\n  { label: 'Colombia', value: 'CO' },\n  { label: 'Comoros', value: 'KM' },\n  { label: 'Congo, Democratic Republic of the', value: 'CD' },\n  { label: 'Congo, Republic of the', value: 'CG' },\n  { label: 'Costa Rica', value: 'CR' },\n  { label: \"Côte d'Ivoire\", value: 'CI' },\n  { label: 'Croatia', value: 'HR' },\n  { label: 'Cuba', value: 'CU' },\n  { label: 'Cyprus', value: 'CY' },\n  { label: 'Czech Republic', value: 'CZ' },\n  { label: 'Denmark', value: 'DK' },\n  { label: 'Djibouti', value: 'DJ' },\n  { label: 'Dominica', value: 'DM' },\n  { label: 'Dominican Republic', value: 'DO' },\n  { label: 'Ecuador', value: 'EC' },\n  { label: 'Egypt', value: 'EG' },\n  { label: 'El Salvador', value: 'SV' },\n  { label: 'Equatorial Guinea', value: 'GQ' },\n  { label: 'Eritrea', value: 'ER' },\n  { label: 'Estonia', value: 'EE' },\n  { label: 'Eswatini', value: 'SZ' },\n  { label: 'Ethiopia', value: 'ET' },\n  { label: 'Fiji', value: 'FJ' },\n  { label: 'Finland', value: 'FI' },\n  { label: 'France', value: 'FR' },\n  { label: 'Gabon', value: 'GA' },\n  { label: 'Gambia', value: 'GM' },\n  { label: 'Georgia', value: 'GE' },\n  { label: 'Germany', value: 'DE' },\n  { label: 'Ghana', value: 'GH' },\n  { label: 'Greece', value: 'GR' },\n  { label: 'Grenada', value: 'GD' },\n  { label: 'Guatemala', value: 'GT' },\n  { label: 'Guinea', value: 'GN' },\n  { label: 'Guinea-Bissau', value: 'GW' },\n  { label: 'Guyana', value: 'GY' },\n  { label: 'Haiti', value: 'HT' },\n  { label: 'Honduras', value: 'HN' },\n  { label: 'Hungary', value: 'HU' },\n  { label: 'Iceland', value: 'IS' },\n  { label: 'India', value: 'IN' },\n  { label: 'Indonesia', value: 'ID' },\n  { label: 'Iran', value: 'IR' },\n  { label: 'Iraq', value: 'IQ' },\n  { label: 'Ireland', value: 'IE' },\n  { label: 'Israel', value: 'IL' },\n  { label: 'Italy', value: 'IT' },\n  { label: 'Jamaica', value: 'JM' },\n  { label: 'Japan', value: 'JP' },\n  { label: 'Jordan', value: 'JO' },\n  { label: 'Kazakhstan', value: 'KZ' },\n  { label: 'Kenya', value: 'KE' },\n  { label: 'Kiribati', value: 'KI' },\n  { label: 'Korea, North', value: 'KP' },\n  { label: 'Korea, South', value: 'KR' },\n  { label: 'Kosovo', value: 'XK' },\n  { label: 'Kuwait', value: 'KW' },\n  { label: 'Kyrgyzstan', value: 'KG' },\n  { label: 'Laos', value: 'LA' },\n  { label: 'Latvia', value: 'LV' },\n  { label: 'Lebanon', value: 'LB' },\n  { label: 'Lesotho', value: 'LS' },\n  { label: 'Liberia', value: 'LR' },\n  { label: 'Libya', value: 'LY' },\n  { label: 'Liechtenstein', value: 'LI' },\n  { label: 'Lithuania', value: 'LT' },\n  { label: 'Luxembourg', value: 'LU' },\n  { label: 'Madagascar', value: 'MG' },\n  { label: 'Malawi', value: 'MW' },\n  { label: 'Malaysia', value: 'MY' },\n  { label: 'Maldives', value: 'MV' },\n  { label: 'Mali', value: 'ML' },\n  { label: 'Malta', value: 'MT' },\n  { label: 'Marshall Islands', value: 'MH' },\n  { label: 'Mauritania', value: 'MR' },\n  { label: 'Mauritius', value: 'MU' },\n  { label: 'Mexico', value: 'MX' },\n  { label: 'Micronesia', value: 'FM' },\n  { label: 'Moldova', value: 'MD' },\n  { label: 'Monaco', value: 'MC' },\n  { label: 'Mongolia', value: 'MN' },\n  { label: 'Montenegro', value: 'ME' },\n  { label: 'Morocco', value: 'MA' },\n  { label: 'Mozambique', value: 'MZ' },\n  { label: 'Myanmar', value: 'MM' },\n  { label: 'Namibia', value: 'NA' },\n  { label: 'Nauru', value: 'NR' },\n  { label: 'Nepal', value: 'NP' },\n  { label: 'Netherlands', value: 'NL' },\n  { label: 'New Zealand', value: 'NZ' },\n  { label: 'Nicaragua', value: 'NI' },\n  { label: 'Niger', value: 'NE' },\n  { label: 'Nigeria', value: 'NG' },\n  { label: 'North Macedonia', value: 'MK' },\n  { label: 'Norway', value: 'NO' },\n  { label: 'Oman', value: 'OM' },\n  { label: 'Pakistan', value: 'PK' },\n  { label: 'Palau', value: 'PW' },\n  { label: 'Palestine', value: 'PS' },\n  { label: 'Panama', value: 'PA' },\n  { label: 'Papua New Guinea', value: 'PG' },\n  { label: 'Paraguay', value: 'PY' },\n  { label: 'Peru', value: 'PE' },\n  { label: 'Philippines', value: 'PH' },\n  { label: 'Poland', value: 'PL' },\n  { label: 'Portugal', value: 'PT' },\n  { label: 'Qatar', value: 'QA' },\n  { label: 'Romania', value: 'RO' },\n  { label: 'Russia', value: 'RU' },\n  { label: 'Rwanda', value: 'RW' },\n  { label: 'Saint Kitts and Nevis', value: 'KN' },\n  { label: 'Saint Lucia', value: 'LC' },\n  { label: 'Saint Vincent and the Grenadines', value: 'VC' },\n  { label: 'Samoa', value: 'WS' },\n  { label: 'San Marino', value: 'SM' },\n  { label: 'Sao Tome and Principe', value: 'ST' },\n  { label: 'Saudi Arabia', value: 'SA' },\n  { label: 'Senegal', value: 'SN' },\n  { label: 'Serbia', value: 'RS' },\n  { label: 'Seychelles', value: 'SC' },\n  { label: 'Sierra Leone', value: 'SL' },\n  { label: 'Singapore', value: 'SG' },\n  { label: 'Slovakia', value: 'SK' },\n  { label: 'Slovenia', value: 'SI' },\n  { label: 'Solomon Islands', value: 'SB' },\n  { label: 'Somalia', value: 'SO' },\n  { label: 'South Africa', value: 'ZA' },\n  { label: 'South Sudan', value: 'SS' },\n  { label: 'Spain', value: 'ES' },\n  { label: 'Sri Lanka', value: 'LK' },\n  { label: 'Sudan', value: 'SD' },\n  { label: 'Suriname', value: 'SR' },\n  { label: 'Sweden', value: 'SE' },\n  { label: 'Switzerland', value: 'CH' },\n  { label: 'Syria', value: 'SY' },\n  { label: 'Taiwan', value: 'TW' },\n  { label: 'Tajikistan', value: 'TJ' },\n  { label: 'Tanzania', value: 'TZ' },\n  { label: 'Thailand', value: 'TH' },\n  { label: 'Timor-Leste', value: 'TL' },\n  { label: 'Togo', value: 'TG' },\n  { label: 'Tonga', value: 'TO' },\n  { label: 'Trinidad and Tobago', value: 'TT' },\n  { label: 'Tunisia', value: 'TN' },\n  { label: 'Turkey', value: 'TR' },\n  { label: 'Turkmenistan', value: 'TM' },\n  { label: 'Tuvalu', value: 'TV' },\n  { label: 'Uganda', value: 'UG' },\n  { label: 'Ukraine', value: 'UA' },\n  { label: 'United Arab Emirates', value: 'AE' },\n  { label: 'United Kingdom', value: 'GB' },\n  { label: 'United States', value: 'US' },\n  { label: 'Uruguay', value: 'UY' },\n  { label: 'Uzbekistan', value: 'UZ' },\n  { label: 'Vanuatu', value: 'VU' },\n  { label: 'Vatican City', value: 'VA' },\n  { label: 'Venezuela', value: 'VE' },\n  { label: 'Vietnam', value: 'VN' },\n  { label: 'Yemen', value: 'YE' },\n  { label: 'Zambia', value: 'ZM' },\n  { label: 'Zimbabwe', value: 'ZW' },\n];\n\nexport default countryOptions;\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\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}\n","import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport countryOptions from '../../../utils/country-options';\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-legal-address-form',\n  styleUrl: 'legal-address-form.scss',\n})\nexport class LegalAddressForm {\n  @Prop() formController: FormController;\n  @State() errors: any = {};\n  @State() legal_address: any = {};\n\n  constructor() {\n    this.inputHandler = this.inputHandler.bind(this);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe(\n      errors => (this.errors = { ...errors }),\n    );\n    this.formController.values.subscribe(\n      values => (this.legal_address = { ...values.legal_address }),\n    );\n  }\n\n  inputHandler(name: string, value: string) {\n    this.formController.setValues({\n      ...this.formController.values.getValue(),\n      legal_address: {\n        ...this.formController.values.getValue().legal_address,\n        [name]: value,\n      },\n    });\n  }\n\n  render() {\n    const legalAddressDefaultValue =\n      this.formController.getInitialValues().legal_address;\n\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          <legend>Business Legal Address</legend>\n          <hr />\n          <div class=\"row gx-2 gy-2\">\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"line1\"\n                label=\"Legal Address\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.line1}\n                error={this.errors?.legal_address?.line1}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"line2\"\n                label=\"Address Line 2\"\n                inputHandler={(name, value) => this.inputHandler(name, value)}\n                defaultValue={legalAddressDefaultValue?.line2}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"city\"\n                label=\"City\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.city}\n                error={this.errors?.legal_address?.city}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-text\n                name=\"state\"\n                label=\"State\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.state}\n                error={this.errors?.legal_address?.state}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-number\n                name=\"postal_code\"\n                label=\"Postal Code\"\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.postal_code}\n                error={this.errors?.legal_address?.postal_code}\n              />\n            </div>\n            <div class=\"col-12\">\n              <form-control-select\n                name=\"country\"\n                label=\"Country\"\n                options={countryOptions}\n                inputHandler={this.inputHandler}\n                defaultValue={legalAddressDefaultValue?.country}\n                error={this.errors?.legal_address?.country}\n                // just for now so we skip handling country specificities\n                disabled={true}\n              />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/webcomponents/p-99b3925f.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as r,H as e}from"./p-0c5afcbc.js";import"./p-0d5d02d7.js";import{a as b}from"./p-76983a7e.js";import{e as s}from"./p-4d37473a.js";const i=':root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:0.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:0.875em}mark{padding:0.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130, 138, 145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60, 153, 110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11, 172, 204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217, 164, 6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225, 83, 97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211, 212, 213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66, 70, 73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13, 110, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108, 117, 125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25, 135, 84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13, 202, 240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255, 193, 7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220, 53, 69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248, 249, 250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33, 37, 41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49, 132, 253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}';const n=class{constructor(r){o(this,r);this.submitted=t(this,"submitted",7);this.bankAccount=undefined;this.card=undefined;this.email=undefined;this.iframeOrigin=undefined;this.clientId=undefined;this.accountId=undefined;this.submitButtonText=undefined;this.submitButtonEnabled=true;this.hasLoadedFonts=false;this.isLoading=false;this.selectedPaymentMethodType=undefined;this.allowedPaymentMethodTypes=[]}connectedCallback(){if(this.card){this.allowedPaymentMethodTypes.push(b.card)}if(this.bankAccount){this.allowedPaymentMethodTypes.push(b.bankAccount)}if(!this.allowedPaymentMethodTypes.length){this.allowedPaymentMethodTypes.push(b.card)}this.selectedPaymentMethodType=this.allowedPaymentMethodTypes[0];if(!this.hasLoadedFonts){this.loadFontsOnParent();this.hasLoadedFonts=true}}paymentMethodSelectedHandler(o){const t=o.detail;this.selectedPaymentMethodType=t}async fillBillingForm(o){this.billingFormRef.fill(o)}async enableSubmitButton(){this.submitButtonEnabled=true}async loadFontsOnParent(){const o=document.body;const t=s();if(!o||!t){return null}const r=document.createElement("link");r.rel="stylesheet";r.href=`https://fonts.googleapis.com/css2?family=${t}&display=swap`;o.append(r)}async submit(o){o.preventDefault();if(!this.paymentMethodFormRef||!this.billingFormRef)return;const t=await this.billingFormRef.validate();const r=await this.paymentMethodFormRef.validate();if(!t.isValid||!r.isValid)return;this.isLoading=true;const e=await this.billingFormRef.getValues();const b=Object.assign({email:this.email},e);const s=await this.paymentMethodFormRef.tokenize(this.clientId,b,this.accountId);this.submitted.emit(s);this.isLoading=false}render(){return r(e,null,r("form",{class:"row gy-3"},this.allowedPaymentMethodTypes.length>1&&r("div",{class:"col-12"},r("justifi-payment-method-selector",{paymentMethodTypes:this.allowedPaymentMethodTypes,selectedPaymentMethodType:this.selectedPaymentMethodType})),r("div",{class:"col-12"},r("justifi-payment-method-form",{"payment-method-form-type":this.selectedPaymentMethodType,"iframe-origin":this.iframeOrigin,ref:o=>{if(o){this.paymentMethodFormRef=o}}})),r("div",{class:"col-12"},r("justifi-billing-form",{legend:"Billing Info",ref:o=>{if(o){this.billingFormRef=o}}})),r("slot",{name:"insurance"}),r("div",{class:"col-12"},r("button",{type:"submit",onClick:o=>this.submit(o),disabled:!this.submitButtonEnabled||this.isLoading,class:`btn btn-primary jfi-submit-button${this.isLoading?" jfi-submit-button-loading":""}`},this.isLoading?r("div",{class:"spinner-border spinner-border-sm",role:"status"},r("span",{class:"visually-hidden"},"Loading...")):this.submitButtonText||"Submit"))))}};n.style=i;export{n as justifi_payment_form};
+//# sourceMappingURL=p-99b3925f.entry.js.map

package/dist/webcomponents/{p-f6cc37a6.entry.js.map → p-99b3925f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["paymentFormCss","PaymentForm","connectedCallback","this","card","allowedPaymentMethodTypes","push","PaymentMethodTypes","bankAccount","length","selectedPaymentMethodType","hasLoadedFonts","loadFontsOnParent","paymentMethodSelectedHandler","event","paymentMethodType","detail","fillBillingForm","fields","billingFormRef","fill","enableSubmitButton","submitButtonEnabled","parent","document","body","fontsToLoad","extractComputedFontsToLoad","fonts","createElement","rel","href","append","submit","preventDefault","paymentMethodFormRef","billingFormValidation","validate","paymentMethodFormValidation","isValid","isLoading","billingFormFieldValues","getValues","paymentMethodData","Object","assign","email","tokenizeResponse","tokenize","clientId","accountId","submitted","emit","render","h","Host","class","paymentMethodTypes","iframeOrigin","ref","el","legend","name","type","onClick","disabled","role","submitButtonText"],"sources":["src/components/payment-form/payment-form.scss?tag=justifi-payment-form&encapsulation=shadow","src/components/payment-form/payment-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'spinners';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\njustifi-payment-method-form {\n  display: block;\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  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}\n\n.jfi-submit-button {\n  font-family: var(--jfi-layout-font-family);\n  color: var(--jfi-submit-button-color);\n  background-color: var(--jfi-submit-button-background-color);\n  border-color: var(--jfi-submit-button-border-color);\n  padding: var(--jfi-submit-button-padding);\n  font-size: var(--jfi-submit-button-font-size);\n  border-radius: var(--jfi-submit-button-border-radius);\n  width: var(--jfi-submit-button-width);\n  box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.jfi-submit-button:hover {\n  color: var(--jfi-submit-button-color-hover);\n  background-color: var(--jfi-submit-button-background-color-hover);\n  border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.jfi-submit-button:focus {\n  color: var(--jfi-submit-button-color-focus);\n  background-color: var(--jfi-submit-button-background-color-focus);\n  border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n// Extra selector for specificity\n.btn.jfi-submit-button:active {\n  color: var(--jfi-submit-button-color-active);\n  background-color: var(--jfi-submit-button-background-color-active);\n  border-color: var(--jfi-submit-button-border-color-active);\n}\n.btn.jfi-submit-button-loading {\n  min-width: 75px;\n  color: var(--jfi-submit-button-color-loading);\n  background-color: var(--jfi-submit-button-background-color-loading);\n  border-color: var(--jfi-submit-button-border-color-loading);\n}\n.btn.jfi-submit-button-loading .spinner-border {\n  border-top-color: var(--jfi-submit-button-color-loading);\n  border-bottom-color: var(--jfi-submit-button-color-loading);\n  border-left-color: var(--jfi-submit-button-color-loading);\n}\n","import { Component, Prop, h, Host, State, Listen, Method, Event, EventEmitter } from '@stencil/core';\nimport { PaymentMethodTypes } from '../../api';\nimport { BillingFormFields } from '../billing-form/billing-form-schema';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { extractComputedFontsToLoad } from '../../utils/utils';\n\n@Component({\n  tag: 'justifi-payment-form',\n  styleUrl: 'payment-form.scss',\n  shadow: true,\n})\nexport class PaymentForm {\n  @Prop() bankAccount?: boolean;\n  @Prop() card?: boolean;\n  @Prop() email?: string;\n  @Prop() iframeOrigin?: string;\n  @Prop() clientId: string;\n  @Prop() accountId?: string;\n  @Prop() submitButtonText?: string;\n  @Event() submitted: EventEmitter<CreatePaymentMethodResponse>;\n  @State() submitButtonEnabled: boolean = true;\n  @State() hasLoadedFonts: boolean = false;\n  @State() isLoading: boolean = false;\n  @State() selectedPaymentMethodType: PaymentMethodTypes;\n  @State() allowedPaymentMethodTypes: PaymentMethodTypes[] = [];\n\n  private paymentMethodFormRef?: HTMLJustifiPaymentMethodFormElement;\n  private billingFormRef?: HTMLJustifiBillingFormElement;\n\n  connectedCallback() {\n    if (this.card) {\n      this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n    }\n    if (this.bankAccount) {\n      this.allowedPaymentMethodTypes.push(PaymentMethodTypes.bankAccount);\n    }\n    if (!this.allowedPaymentMethodTypes.length) {\n      this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n    }\n    this.selectedPaymentMethodType = this.allowedPaymentMethodTypes[0];\n\n    if (!this.hasLoadedFonts) {\n      this.loadFontsOnParent();\n      this.hasLoadedFonts = true;\n    }\n  }\n\n  @Listen('paymentMethodSelected')\n  paymentMethodSelectedHandler(event: CustomEvent) {\n    const paymentMethodType: PaymentMethodTypes = event.detail;\n    this.selectedPaymentMethodType = paymentMethodType;\n  }\n\n  @Method()\n  async fillBillingForm(fields: BillingFormFields) {\n    this.billingFormRef.fill(fields);\n  }\n\n  @Method()\n  async enableSubmitButton() {\n    this.submitButtonEnabled = true;\n  }\n\n  @Method()\n  async loadFontsOnParent() {\n\n    const parent = document.body;\n    const fontsToLoad = extractComputedFontsToLoad();\n    if (!parent || !fontsToLoad) {\n      return null;\n    }\n\n    // This approach is needed to load the font in a parent of the component\n    const fonts = document.createElement('link');\n    fonts.rel = 'stylesheet';\n    fonts.href = `https://fonts.googleapis.com/css2?family=${fontsToLoad}&display=swap`;\n\n    parent.append(fonts);\n  }\n\n  async submit(event) {\n    event.preventDefault();\n    if (!this.paymentMethodFormRef || !this.billingFormRef) return;\n\n    const billingFormValidation = await this.billingFormRef.validate();\n    const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();\n\n    if (!billingFormValidation.isValid || !paymentMethodFormValidation.isValid) return;\n\n    this.isLoading = true;\n\n    const billingFormFieldValues = await this.billingFormRef.getValues();\n    const paymentMethodData = { email: this.email, ...billingFormFieldValues };\n    const tokenizeResponse = await this.paymentMethodFormRef.tokenize(this.clientId, paymentMethodData, this.accountId);\n\n    this.submitted.emit(tokenizeResponse);\n    this.isLoading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <form class=\"row gy-3\">\n          {this.allowedPaymentMethodTypes.length > 1 && (\n            <div class=\"col-12\">\n              <justifi-payment-method-selector paymentMethodTypes={this.allowedPaymentMethodTypes} selectedPaymentMethodType={this.selectedPaymentMethodType} />\n            </div>\n          )}\n          <div class=\"col-12\">\n            <justifi-payment-method-form\n              payment-method-form-type={this.selectedPaymentMethodType}\n              iframe-origin={this.iframeOrigin}\n              ref={el => {\n                if (el) {\n                  this.paymentMethodFormRef = el;\n                }\n              }}\n            />\n          </div>\n          <div class=\"col-12\">\n            <justifi-billing-form\n              legend=\"Billing Info\"\n              ref={el => {\n                if (el) {\n                  this.billingFormRef = el;\n                }\n              }}\n            />\n          </div>\n          <slot name='insurance' />\n          <div class=\"col-12\">\n            <button\n              type=\"submit\"\n              onClick={event => this.submit(event)}\n              disabled={!this.submitButtonEnabled || this.isLoading}\n              class={`btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`}\n            >\n              {\n                this.isLoading ?\n                <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n                  <span class=\"visually-hidden\">Loading...</span>\n                </div> :\n                this.submitButtonText || 'Submit'\n              }\n            </button>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAiB,uu2C,MCWVC,EAAW,M,wQASkB,K,oBACL,M,eACL,M,wEAE6B,E,CAK3D,iBAAAC,GACE,GAAIC,KAAKC,KAAM,CACbD,KAAKE,0BAA0BC,KAAKC,EAAmBH,K,CAEzD,GAAID,KAAKK,YAAa,CACpBL,KAAKE,0BAA0BC,KAAKC,EAAmBC,Y,CAEzD,IAAKL,KAAKE,0BAA0BI,OAAQ,CAC1CN,KAAKE,0BAA0BC,KAAKC,EAAmBH,K,CAEzDD,KAAKO,0BAA4BP,KAAKE,0BAA0B,GAEhE,IAAKF,KAAKQ,eAAgB,CACxBR,KAAKS,oBACLT,KAAKQ,eAAiB,I,EAK1B,4BAAAE,CAA6BC,GAC3B,MAAMC,EAAwCD,EAAME,OACpDb,KAAKO,0BAA4BK,C,CAInC,qBAAME,CAAgBC,GACpBf,KAAKgB,eAAeC,KAAKF,E,CAI3B,wBAAMG,GACJlB,KAAKmB,oBAAsB,I,CAI7B,uBAAMV,GAEJ,MAAMW,EAASC,SAASC,KACxB,MAAMC,EAAcC,IACpB,IAAKJ,IAAWG,EAAa,CAC3B,OAAO,I,CAIT,MAAME,EAAQJ,SAASK,cAAc,QACrCD,EAAME,IAAM,aACZF,EAAMG,KAAO,4CAA4CL,iBAEzDH,EAAOS,OAAOJ,E,CAGhB,YAAMK,CAAOnB,GACXA,EAAMoB,iBACN,IAAK/B,KAAKgC,uBAAyBhC,KAAKgB,eAAgB,OAExD,MAAMiB,QAA8BjC,KAAKgB,eAAekB,WACxD,MAAMC,QAAoCnC,KAAKgC,qBAAqBE,WAEpE,IAAKD,EAAsBG,UAAYD,EAA4BC,QAAS,OAE5EpC,KAAKqC,UAAY,KAEjB,MAAMC,QAA+BtC,KAAKgB,eAAeuB,YACzD,MAAMC,EAAiBC,OAAAC,OAAA,CAAKC,MAAO3C,KAAK2C,OAAUL,GAClD,MAAMM,QAAyB5C,KAAKgC,qBAAqBa,SAAS7C,KAAK8C,SAAUN,EAAmBxC,KAAK+C,WAEzG/C,KAAKgD,UAAUC,KAAKL,GACpB5C,KAAKqC,UAAY,K,CAGnB,MAAAa,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,QAAME,MAAM,YACTrD,KAAKE,0BAA0BI,OAAS,GACvC6C,EAAA,OAAKE,MAAM,UACTF,EAAA,mCAAiCG,mBAAoBtD,KAAKE,0BAA2BK,0BAA2BP,KAAKO,6BAGzH4C,EAAA,OAAKE,MAAM,UACTF,EAAA,0DAC4BnD,KAAKO,0BAAyB,gBACzCP,KAAKuD,aACpBC,IAAKC,IACH,GAAIA,EAAI,CACNzD,KAAKgC,qBAAuByB,C,MAKpCN,EAAA,OAAKE,MAAM,UACTF,EAAA,wBACEO,OAAO,eACPF,IAAKC,IACH,GAAIA,EAAI,CACNzD,KAAKgB,eAAiByC,C,MAK9BN,EAAA,QAAMQ,KAAK,cACXR,EAAA,OAAKE,MAAM,UACTF,EAAA,UACES,KAAK,SACLC,QAASlD,GAASX,KAAK8B,OAAOnB,GAC9BmD,UAAW9D,KAAKmB,qBAAuBnB,KAAKqC,UAC5CgB,MAAO,oCAAoCrD,KAAKqC,UAAY,6BAA+B,MAGzFrC,KAAKqC,UACLc,EAAA,OAAKE,MAAM,mCAAmCU,KAAK,UACjDZ,EAAA,QAAME,MAAM,mBAAiB,eAE/BrD,KAAKgE,kBAAoB,Y"}
+{"version":3,"names":["paymentFormCss","PaymentForm","connectedCallback","this","card","allowedPaymentMethodTypes","push","PaymentMethodTypes","bankAccount","length","selectedPaymentMethodType","hasLoadedFonts","loadFontsOnParent","paymentMethodSelectedHandler","event","paymentMethodType","detail","fillBillingForm","fields","billingFormRef","fill","enableSubmitButton","submitButtonEnabled","parent","document","body","fontsToLoad","extractComputedFontsToLoad","fonts","createElement","rel","href","append","submit","preventDefault","paymentMethodFormRef","billingFormValidation","validate","paymentMethodFormValidation","isValid","isLoading","billingFormFieldValues","getValues","paymentMethodData","Object","assign","email","tokenizeResponse","tokenize","clientId","accountId","submitted","emit","render","h","Host","class","paymentMethodTypes","iframeOrigin","ref","el","legend","name","type","onClick","disabled","role","submitButtonText"],"sources":["src/components/payment-form/payment-form.scss?tag=justifi-payment-form&encapsulation=shadow","src/components/payment-form/payment-form.tsx"],"sourcesContent":["@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'spinners';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\njustifi-payment-method-form {\n  display: block;\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  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}\n\n.jfi-submit-button {\n  font-family: var(--jfi-layout-font-family);\n  color: var(--jfi-submit-button-color);\n  background-color: var(--jfi-submit-button-background-color);\n  border-color: var(--jfi-submit-button-border-color);\n  padding: var(--jfi-submit-button-padding);\n  font-size: var(--jfi-submit-button-font-size);\n  border-radius: var(--jfi-submit-button-border-radius);\n  width: var(--jfi-submit-button-width);\n  box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.jfi-submit-button:hover {\n  color: var(--jfi-submit-button-color-hover);\n  background-color: var(--jfi-submit-button-background-color-hover);\n  border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.jfi-submit-button:focus {\n  color: var(--jfi-submit-button-color-focus);\n  background-color: var(--jfi-submit-button-background-color-focus);\n  border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n// Extra selector for specificity\n.btn.jfi-submit-button:active {\n  color: var(--jfi-submit-button-color-active);\n  background-color: var(--jfi-submit-button-background-color-active);\n  border-color: var(--jfi-submit-button-border-color-active);\n}\n.btn.jfi-submit-button-loading {\n  min-width: 75px;\n  color: var(--jfi-submit-button-color-loading);\n  background-color: var(--jfi-submit-button-background-color-loading);\n  border-color: var(--jfi-submit-button-border-color-loading);\n}\n.btn.jfi-submit-button-loading .spinner-border {\n  border-top-color: var(--jfi-submit-button-color-loading);\n  border-bottom-color: var(--jfi-submit-button-color-loading);\n  border-left-color: var(--jfi-submit-button-color-loading);\n}\n","import { Component, Prop, h, Host, State, Listen, Method, Event, EventEmitter } from '@stencil/core';\nimport { PaymentMethodTypes } from '../../api';\nimport { BillingFormFields } from '../billing-form/billing-form-schema';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { extractComputedFontsToLoad } from '../../utils/utils';\n\n@Component({\n  tag: 'justifi-payment-form',\n  styleUrl: 'payment-form.scss',\n  shadow: true,\n})\nexport class PaymentForm {\n  @Prop() bankAccount?: boolean;\n  @Prop() card?: boolean;\n  @Prop() email?: string;\n  @Prop() iframeOrigin?: string;\n  @Prop() clientId: string;\n  @Prop() accountId?: string;\n  @Prop() submitButtonText?: string;\n  @Event() submitted: EventEmitter<CreatePaymentMethodResponse>;\n  @State() submitButtonEnabled: boolean = true;\n  @State() hasLoadedFonts: boolean = false;\n  @State() isLoading: boolean = false;\n  @State() selectedPaymentMethodType: PaymentMethodTypes;\n  @State() allowedPaymentMethodTypes: PaymentMethodTypes[] = [];\n\n  private paymentMethodFormRef?: HTMLJustifiPaymentMethodFormElement;\n  private billingFormRef?: HTMLJustifiBillingFormElement;\n\n  connectedCallback() {\n    if (this.card) {\n      this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n    }\n    if (this.bankAccount) {\n      this.allowedPaymentMethodTypes.push(PaymentMethodTypes.bankAccount);\n    }\n    if (!this.allowedPaymentMethodTypes.length) {\n      this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n    }\n    this.selectedPaymentMethodType = this.allowedPaymentMethodTypes[0];\n\n    if (!this.hasLoadedFonts) {\n      this.loadFontsOnParent();\n      this.hasLoadedFonts = true;\n    }\n  }\n\n  @Listen('paymentMethodSelected')\n  paymentMethodSelectedHandler(event: CustomEvent) {\n    const paymentMethodType: PaymentMethodTypes = event.detail;\n    this.selectedPaymentMethodType = paymentMethodType;\n  }\n\n  @Method()\n  async fillBillingForm(fields: BillingFormFields) {\n    this.billingFormRef.fill(fields);\n  }\n\n  @Method()\n  async enableSubmitButton() {\n    this.submitButtonEnabled = true;\n  }\n\n  @Method()\n  async loadFontsOnParent() {\n\n    const parent = document.body;\n    const fontsToLoad = extractComputedFontsToLoad();\n    if (!parent || !fontsToLoad) {\n      return null;\n    }\n\n    // This approach is needed to load the font in a parent of the component\n    const fonts = document.createElement('link');\n    fonts.rel = 'stylesheet';\n    fonts.href = `https://fonts.googleapis.com/css2?family=${fontsToLoad}&display=swap`;\n\n    parent.append(fonts);\n  }\n\n  async submit(event) {\n    event.preventDefault();\n    if (!this.paymentMethodFormRef || !this.billingFormRef) return;\n\n    const billingFormValidation = await this.billingFormRef.validate();\n    const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();\n\n    if (!billingFormValidation.isValid || !paymentMethodFormValidation.isValid) return;\n\n    this.isLoading = true;\n\n    const billingFormFieldValues = await this.billingFormRef.getValues();\n    const paymentMethodData = { email: this.email, ...billingFormFieldValues };\n    const tokenizeResponse = await this.paymentMethodFormRef.tokenize(this.clientId, paymentMethodData, this.accountId);\n\n    this.submitted.emit(tokenizeResponse);\n    this.isLoading = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <form class=\"row gy-3\">\n          {this.allowedPaymentMethodTypes.length > 1 && (\n            <div class=\"col-12\">\n              <justifi-payment-method-selector paymentMethodTypes={this.allowedPaymentMethodTypes} selectedPaymentMethodType={this.selectedPaymentMethodType} />\n            </div>\n          )}\n          <div class=\"col-12\">\n            <justifi-payment-method-form\n              payment-method-form-type={this.selectedPaymentMethodType}\n              iframe-origin={this.iframeOrigin}\n              ref={el => {\n                if (el) {\n                  this.paymentMethodFormRef = el;\n                }\n              }}\n            />\n          </div>\n          <div class=\"col-12\">\n            <justifi-billing-form\n              legend=\"Billing Info\"\n              ref={el => {\n                if (el) {\n                  this.billingFormRef = el;\n                }\n              }}\n            />\n          </div>\n          <slot name='insurance' />\n          <div class=\"col-12\">\n            <button\n              type=\"submit\"\n              onClick={event => this.submit(event)}\n              disabled={!this.submitButtonEnabled || this.isLoading}\n              class={`btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`}\n            >\n              {\n                this.isLoading ?\n                <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n                  <span class=\"visually-hidden\">Loading...</span>\n                </div> :\n                this.submitButtonText || 'Submit'\n              }\n            </button>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAiB,uu2C,MCWVC,EAAW,M,wQASkB,K,oBACL,M,eACL,M,wEAE6B,E,CAK3D,iBAAAC,GACE,GAAIC,KAAKC,KAAM,CACbD,KAAKE,0BAA0BC,KAAKC,EAAmBH,K,CAEzD,GAAID,KAAKK,YAAa,CACpBL,KAAKE,0BAA0BC,KAAKC,EAAmBC,Y,CAEzD,IAAKL,KAAKE,0BAA0BI,OAAQ,CAC1CN,KAAKE,0BAA0BC,KAAKC,EAAmBH,K,CAEzDD,KAAKO,0BAA4BP,KAAKE,0BAA0B,GAEhE,IAAKF,KAAKQ,eAAgB,CACxBR,KAAKS,oBACLT,KAAKQ,eAAiB,I,EAK1B,4BAAAE,CAA6BC,GAC3B,MAAMC,EAAwCD,EAAME,OACpDb,KAAKO,0BAA4BK,C,CAInC,qBAAME,CAAgBC,GACpBf,KAAKgB,eAAeC,KAAKF,E,CAI3B,wBAAMG,GACJlB,KAAKmB,oBAAsB,I,CAI7B,uBAAMV,GAEJ,MAAMW,EAASC,SAASC,KACxB,MAAMC,EAAcC,IACpB,IAAKJ,IAAWG,EAAa,CAC3B,OAAO,I,CAIT,MAAME,EAAQJ,SAASK,cAAc,QACrCD,EAAME,IAAM,aACZF,EAAMG,KAAO,4CAA4CL,iBAEzDH,EAAOS,OAAOJ,E,CAGhB,YAAMK,CAAOnB,GACXA,EAAMoB,iBACN,IAAK/B,KAAKgC,uBAAyBhC,KAAKgB,eAAgB,OAExD,MAAMiB,QAA8BjC,KAAKgB,eAAekB,WACxD,MAAMC,QAAoCnC,KAAKgC,qBAAqBE,WAEpE,IAAKD,EAAsBG,UAAYD,EAA4BC,QAAS,OAE5EpC,KAAKqC,UAAY,KAEjB,MAAMC,QAA+BtC,KAAKgB,eAAeuB,YACzD,MAAMC,EAAiBC,OAAAC,OAAA,CAAKC,MAAO3C,KAAK2C,OAAUL,GAClD,MAAMM,QAAyB5C,KAAKgC,qBAAqBa,SAAS7C,KAAK8C,SAAUN,EAAmBxC,KAAK+C,WAEzG/C,KAAKgD,UAAUC,KAAKL,GACpB5C,KAAKqC,UAAY,K,CAGnB,MAAAa,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,QAAME,MAAM,YACTrD,KAAKE,0BAA0BI,OAAS,GACvC6C,EAAA,OAAKE,MAAM,UACTF,EAAA,mCAAiCG,mBAAoBtD,KAAKE,0BAA2BK,0BAA2BP,KAAKO,6BAGzH4C,EAAA,OAAKE,MAAM,UACTF,EAAA,0DAC4BnD,KAAKO,0BAAyB,gBACzCP,KAAKuD,aACpBC,IAAKC,IACH,GAAIA,EAAI,CACNzD,KAAKgC,qBAAuByB,C,MAKpCN,EAAA,OAAKE,MAAM,UACTF,EAAA,wBACEO,OAAO,eACPF,IAAKC,IACH,GAAIA,EAAI,CACNzD,KAAKgB,eAAiByC,C,MAK9BN,EAAA,QAAMQ,KAAK,cACXR,EAAA,OAAKE,MAAM,UACTF,EAAA,UACES,KAAK,SACLC,QAASlD,GAASX,KAAK8B,OAAOnB,GAC9BmD,UAAW9D,KAAKmB,qBAAuBnB,KAAKqC,UAC5CgB,MAAO,oCAAoCrD,KAAKqC,UAAY,6BAA+B,MAGzFrC,KAAKqC,UACLc,EAAA,OAAKE,MAAM,mCAAmCU,KAAK,UACjDZ,EAAA,QAAME,MAAM,mBAAiB,eAE/BrD,KAAKgE,kBAAoB,Y"}