@justifi/webcomponents 4.2.1-rc.4 → 4.4.0

package/dist/esm/justifi-business-address-form.entry.js.map

@@ -0,0 +1 @@
+{"file":"justifi-business-address-form.entry.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,29zCAA29zC;;MCQ7+zC,mBAAmB;;;;;;mBAIN,EAAE;;EAG1B,mBAAmB,CAAC,SAAc;IAChC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;GAC9B;EAED,YAAY,CAAC,IAAY,EAAE,KAAa;IACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;IAC3B,IAAI,CAAC,OAAO,qBAAQ,IAAI,CAAC,OAAO,CAAE,CAAC;GACpC;EAED,MAAM;;IACJ,QACE,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B,IAC3C,WAAK,KAAK,EAAC,eAAe,IACxB,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,gBAAgB,EACtB,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,mCAAmC,EACzC,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,EACZ,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,EACtC,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,EACxB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,2BACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,KAAK,EACvC,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EACzB,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,EAEN,WAAK,KAAK,EAAC,QAAQ,IACjB,yBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,aAAa,EACnB,YAAY,EAAE,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,EAC7C,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,EAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,GAC7D,CACE,CACF,CACD,EACP;GACH;;;;;;;;;","names":[],"sources":["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"],"sourcesContent":["@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 gx-2 gy-2\">\n          <div class=\"col-12\">\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\">\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\">\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\">\n            <form-control-text\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"],"version":3}