@justifi/webcomponents 4.2.2 → 4.4.0

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

@@ -0,0 +1,79 @@
+import { Host, h } from "@stencil/core";
+import { BusinessStructureOptions, BusinessTypeOptions } from "../business-form-schema";
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export class BusinessGenericInfo {
+  constructor() {
+    this.formController = undefined;
+    this.errors = {};
+    this.defaultValues = {};
+    this.business = {};
+  }
+  handleRepresentativeChange(newValues) {
+    this.formController.setValues(newValues);
+  }
+  componentDidLoad() {
+    this.formController.errors.subscribe((errors) => this.errors = Object.assign({}, errors));
+    this.formController.defaultValues.subscribe((defaultValues) => this.defaultValues = Object.assign({}, defaultValues));
+  }
+  inputHandler(name, value) {
+    this.business = Object.assign(Object.assign({}, this.business), { [name]: value });
+  }
+  ;
+  render() {
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: this.defaultValues.legal_name, error: this.errors.legal_name, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: this.defaultValues.doing_business_as, error: this.errors.doing_business_as, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_type", label: "Business Type", options: BusinessTypeOptions, defaultValue: this.defaultValues.business_type, error: this.errors.business_type, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_structure", label: "Business Structure", options: BusinessStructureOptions, defaultValue: this.defaultValues.business_structure, error: this.errors.business_structure, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: this.defaultValues.industry, error: this.errors.business_structure, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: this.defaultValues.website_url, error: this.errors.website_url, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: this.defaultValues.email, error: this.errors.email, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "phone", label: "Phone Number", defaultValue: this.defaultValues.phone, error: this.errors.phone, inputHandler: (name, value) => this.inputHandler(name, value) })))));
+  }
+  static get is() { return "justifi-business-generic-info"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["business-generic-info.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["business-generic-info.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "formController": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "FormController",
+          "resolved": "FormController",
+          "references": {
+            "FormController": {
+              "location": "import",
+              "path": "../../form/form",
+              "id": "src/components/form/form.ts::FormController"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "errors": {},
+      "defaultValues": {},
+      "business": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "business",
+        "methodName": "handleRepresentativeChange"
+      }];
+  }
+}
+//# sourceMappingURL=business-generic-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-generic-info.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-generic-info/business-generic-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\n\nimport { BusinessStructureOptions, BusinessTypeOptions } from '../business-form-schema';\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-business-generic-info',\n  styleUrl: 'business-generic-info.scss',\n  shadow: false,\n})\nexport class BusinessGenericInfo {\n  @Prop() formController: FormController\n  @State() errors: any = {};\n  @State() defaultValues: any = {};\n  @State() business: any = {};\n\n  @Watch('business')\n  handleRepresentativeChange(newValues: any) {\n    this.formController.setValues(newValues);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe((errors) => this.errors = { ...errors });\n    this.formController.defaultValues.subscribe((defaultValues) => this.defaultValues = { ...defaultValues });\n  }\n\n  inputHandler(name: string, value: string) {\n    this.business = { ...this.business, [name]: value };\n  };\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <div class=\"row gy-3\">\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"legal_name\"\n              label=\"Legal Name\"\n              defaultValue={this.defaultValues.legal_name}\n              error={this.errors.legal_name}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"doing_business_as\"\n              label=\"Doing Business As (DBA)\"\n              defaultValue={this.defaultValues.doing_business_as}\n              error={this.errors.doing_business_as}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-select\n              name=\"business_type\"\n              label=\"Business Type\"\n              options={BusinessTypeOptions}\n              defaultValue={this.defaultValues.business_type}\n              error={this.errors.business_type}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-select\n              name=\"business_structure\"\n              label=\"Business Structure\"\n              options={BusinessStructureOptions}\n              defaultValue={this.defaultValues.business_structure}\n              error={this.errors.business_structure}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"industry\"\n              label=\"Industry\"\n              defaultValue={this.defaultValues.industry}\n              error={this.errors.business_structure}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"website_url\"\n              label=\"Website URL\"\n              defaultValue={this.defaultValues.website_url}\n              error={this.errors.website_url}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"email\"\n              label=\"Email Address\"\n              defaultValue={this.defaultValues.email}\n              error={this.errors.email}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"phone\"\n              label=\"Phone Number\"\n              defaultValue={this.defaultValues.phone}\n              error={this.errors.phone}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}