@justifi/webcomponents 4.6.4 → 4.7.0-rc.0

package/dist/esm/form-control-number_3.entry.js.map

@@ -1 +1 @@
-{"file":"form-control-number.form-control-number-masked.form-control-text.entry.js","mappings":"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","names":["formControlNumberCss"],"sources":["src/components/form/form-control-number.scss?tag=form-control-number&encapsulation=shadow","src/components/form/form-control-number.tsx","src/components/form/form-control-number.scss?tag=form-control-number-masked&encapsulation=shadow","src/components/form/form-control-number-masked.tsx","src/components/form/form-control-text.scss?tag=form-control-text&encapsulation=shadow","src/components/form/form-control-text.tsx"],"sourcesContent":["@import 'reboot';\n@import 'forms';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\n\ninput[type='number'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\ninput[type='text'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-number',\n  styleUrl: 'form-control-number.scss',\n  shadow: true,\n})\nexport class NumberInput {\n  @Element() el: HTMLElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Prop() disabled: boolean;\n  @State() input: string;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    const inputElement = this.el.shadowRoot.querySelector('input');\n    if (inputElement) {\n      inputElement.value = newValue || '';\n    }\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"number\"\n          disabled={this.disabled}\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n","@import 'reboot';\n@import 'forms';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\n\ninput[type='number'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\ninput[type='text'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n} from '@stencil/core';\nimport IMask, { InputMask } from 'imask';\n\n@Component({\n  tag: 'form-control-number-masked',\n  styleUrl: 'form-control-number.scss',\n  shadow: true,\n})\nexport class NumberInputMasked {\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Prop() mask: string;\n  @Prop() disabled: boolean;\n\n  private imask: InputMask<any> | null = null;\n\n  textInput!: HTMLInputElement;\n\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  componentDidLoad() {\n    if (this.textInput && this.mask) {\n      this.imask = IMask(this.textInput, {\n        mask: this.mask,\n      });\n\n      this.imask.on('accept', () => {\n        const rawValue = this.imask.unmaskedValue;\n        this.inputHandler(this.name, rawValue);\n      });\n\n      this.textInput.addEventListener('blur', () => {\n        this.formControlBlur.emit();\n      });\n\n      this.updateInput(this.defaultValue);\n    }\n  }\n\n  disconnectedCallback() {\n    this.imask?.destroy();\n  }\n\n  updateInput(newValue: any) {\n    if (this.imask) {\n      this.imask.value = String(newValue);\n    }\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          ref={el => (this.textInput = el as HTMLInputElement)}\n          id={this.name}\n          name={this.name}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"text\"\n          disabled={this.disabled}\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n","@import 'reboot';\n@import 'forms';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\ninput[type='text'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-text',\n  styleUrl: 'form-control-text.scss',\n  shadow: true,\n})\nexport class TextInput {\n  @Element() el: HTMLElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() disabled: boolean;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @State() input: string;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    const inputElement = this.el.shadowRoot.querySelector('input');\n    if (inputElement) {\n      inputElement.value = newValue || '';\n    }\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'} ${\n            this.disabled && 'input-disabled'\n          }`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"text\"\n          disabled={this.disabled}\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"form-control-number.form-control-select.form-control-text.entry.js","mappings":"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","names":[],"sources":["src/components/form/form-control-number.scss?tag=form-control-number&encapsulation=shadow","src/components/form/form-control-number.tsx","src/components/form/form-control-select.scss?tag=form-control-select&encapsulation=shadow","src/components/form/form-control-select.tsx","src/components/form/form-control-text.scss?tag=form-control-text&encapsulation=shadow","src/components/form/form-control-text.tsx"],"sourcesContent":["@import 'reboot';\n@import 'forms';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\n\ninput[type='number'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\ninput[type='text'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-number',\n  styleUrl: 'form-control-number.scss',\n  shadow: true,\n})\nexport class NumberInput {\n  @Element() el: HTMLElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Prop() disabled: boolean;\n  @State() input: string;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    const inputElement = this.el.shadowRoot.querySelector('input');\n    if (inputElement) {\n      inputElement.value = newValue || '';\n    }\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"number\"\n          disabled={this.disabled}\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n","@import 'reboot';\n@import 'forms';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\nselect[disabled] {\n  background-color: #e9ecef;\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-select',\n  styleUrl: 'form-control-select.scss',\n  shadow: true,\n})\nexport class SelectInput {\n  selectElement!: HTMLSelectElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Prop() options: { label: string; value: string }[];\n  @Prop() disabled: boolean;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    this.selectElement.value = newValue;\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <select\n          ref={el => (this.selectElement = el as HTMLSelectElement)}\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-select is-invalid' : 'form-select'}\n          disabled={this.disabled}\n        >\n          {this.options.map(option => (\n            <option value={option.value}>{option.label}</option>\n          ))}\n        </select>\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n","@import 'reboot';\n@import 'forms';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\ninput[type='text'][disabled] {\n  color: var(--jfi-form-control-disabled-color);\n  background-color: var(--jfi-form-control-disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-text',\n  styleUrl: 'form-control-text.scss',\n  shadow: true,\n})\nexport class TextInput {\n  @Element() el: HTMLElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() disabled: boolean;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @State() input: string;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    const inputElement = this.el.shadowRoot.querySelector('input');\n    if (inputElement) {\n      inputElement.value = newValue || '';\n    }\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'} ${\n            this.disabled && 'input-disabled'\n          }`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"text\"\n          disabled={this.disabled}\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/helpers-1d5ecdc8.js

@@ -0,0 +1,26 @@
+// These props should not be sent to the server
+const parseForPatching = (data) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  delete data.id;
+  delete data.documents;
+  delete data.bank_accounts;
+  delete data.product_categories;
+  delete data.created_at;
+  delete data.updated_at;
+  (_a = data.legal_address) === null || _a === void 0 ? true : delete _a.id;
+  (_b = data.legal_address) === null || _b === void 0 ? true : delete _b.created_at;
+  (_c = data.legal_address) === null || _c === void 0 ? true : delete _c.updated_at;
+  (_d = data.representative) === null || _d === void 0 ? true : delete _d.id;
+  (_e = data.representative) === null || _e === void 0 ? true : delete _e.documents;
+  (_f = data.representative) === null || _f === void 0 ? true : delete _f.created_at;
+  (_g = data.representative) === null || _g === void 0 ? true : delete _g.updated_at;
+  (_h = data.representative) === null || _h === void 0 ? true : delete _h.address.id;
+  (_j = data.representative) === null || _j === void 0 ? true : delete _j.address.created_at;
+  (_k = data.representative) === null || _k === void 0 ? true : delete _k.address.updated_at;
+  delete data.owners;
+  return data;
+};
+
+export { parseForPatching as p };
+
+//# sourceMappingURL=helpers-1d5ecdc8.js.map

package/dist/esm/helpers-1d5ecdc8.js.map

@@ -0,0 +1 @@
+{"file":"helpers-1d5ecdc8.js","mappings":"AAAA;MACa,gBAAgB,GAAG,CAAC,IAAI;;EACnC,OAAO,IAAI,CAAC,EAAE,CAAC;EACf,OAAO,IAAI,CAAC,SAAS,CAAC;EACtB,OAAO,IAAI,CAAC,aAAa,CAAC;EAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC;EAC/B,OAAO,IAAI,CAAC,UAAU,CAAC;EACvB,OAAO,IAAI,CAAC,UAAU,CAAC;EAChB,MAAA,IAAI,CAAC,aAAa,+CAAE,EAAE,CAAC;EACvB,MAAA,IAAI,CAAC,aAAa,+CAAE,UAAU,CAAC;EAC/B,MAAA,IAAI,CAAC,aAAa,+CAAE,UAAU,CAAC;EAC/B,MAAA,IAAI,CAAC,cAAc,+CAAE,EAAE,CAAC;EACxB,MAAA,IAAI,CAAC,cAAc,+CAAE,SAAS,CAAC;EAC/B,MAAA,IAAI,CAAC,cAAc,+CAAE,UAAU,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,UAAU,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,EAAE,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,UAAU,CAAC;EACxC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,UAAU,CAAC;EAC/C,OAAO,IAAI,CAAC,MAAM,CAAC;EAEnB,OAAO,IAAI,CAAC;AACd;;;;","names":[],"sources":["src/components/business-form/helpers.ts"],"sourcesContent":["// These props should not be sent to the server\nexport const parseForPatching = (data) => {\n  delete data.id;\n  delete data.documents;\n  delete data.bank_accounts;\n  delete data.product_categories;\n  delete data.created_at;\n  delete data.updated_at;\n  delete data.legal_address?.id;\n  delete data.legal_address?.created_at;\n  delete data.legal_address?.updated_at;\n  delete data.representative?.id;\n  delete data.representative?.documents;\n  delete data.representative?.created_at;\n  delete data.representative?.updated_at;\n  delete data.representative?.address.id;\n  delete data.representative?.address.created_at;\n  delete data.representative?.address.updated_at;\n  delete data.owners;\n\n  return data;\n}\n"],"version":3}

package/dist/esm/{index-fe877d03.js → index-b02f9a6e.js}

@@ -235,6 +235,10 @@ const parsePropertyValue = (propValue, propType) => {
             // but we'll cheat here and say that the string "false" is the boolean false
             return propValue === 'false' ? false : propValue === '' || !!propValue;
         }
+        if (propType & 2 /* MEMBER_FLAGS.Number */) {
+            // force it to be a number
+            return parseFloat(propValue);
+        }
         if (propType & 1 /* MEMBER_FLAGS.String */) {
             // could have been passed as a number or boolean
             // but we still want it as a string
@@ -1735,4 +1739,4 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-fe877d03.js.map
+//# sourceMappingURL=index-b02f9a6e.js.map