@justifi/webcomponents 4.2.1-rc.4 → 4.4.0

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

@@ -0,0 +1,76 @@
+import { Host, h } from "@stencil/core";
+import { FormController } from "../form/form";
+import BusinessFormSchema from "./business-form-schema";
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export class BusinessForm {
+  constructor() {
+    this.authToken = undefined;
+    this.businessId = undefined;
+    this.formController = new FormController(BusinessFormSchema);
+  }
+  sendData() {
+    console.log('sendData');
+  }
+  validateAndSubmit(event) {
+    event.preventDefault();
+    this.formController.validateAndSubmit(this.sendData);
+  }
+  render() {
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("h1", null, "Business Information"), h("form", { onSubmit: (event) => this.validateAndSubmit(event), class: "container" }, h("div", { class: "row gy-6" }, h("div", { class: "col-12" }, h("justifi-business-generic-info", { formController: this.formController })), h("div", { class: "col-12" }, h("justifi-business-representative", { formController: this.formController })), h("div", { class: "col-12" }, h("justifi-business-owners", { formController: this.formController })), h("div", { class: "col-12" }, h("button", { type: "submit", class: "btn btn-primary" }, "Submit"))))));
+  }
+  static get is() { return "justifi-business-form"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["business-form.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["business-form.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "authToken": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "auth-token",
+        "reflect": false
+      },
+      "businessId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "business-id",
+        "reflect": false
+      }
+    };
+  }
+}
+//# sourceMappingURL=business-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-form.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AAExD;;;;GAIG;AAMH,MAAM,OAAO,YAAY;EAKvB;;;IACE,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,kBAAkB,CAAC,CAAC;GAC9D;EAED,QAAQ;IACN,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;EACzB,CAAC;EAED,iBAAiB,CAAC,KAAU;IAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;EACtD,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,qCAA6B;MAC7B,YAAM,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,WAAW;QACzE,WAAK,KAAK,EAAC,UAAU;UACnB,WAAK,KAAK,EAAC,QAAQ;YACjB,qCAA+B,cAAc,EAAE,IAAI,CAAC,cAAc,GAAI,CAClE;UACN,WAAK,KAAK,EAAC,QAAQ;YACjB,uCAAiC,cAAc,EAAE,IAAI,CAAC,cAAc,GAAI,CACpE;UACN,WAAK,KAAK,EAAC,QAAQ;YACjB,+BAAyB,cAAc,EAAE,IAAI,CAAC,cAAc,GAAI,CAC5D;UACN,WAAK,KAAK,EAAC,QAAQ;YACjB,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,iBAAiB,aAAgB,CACzD,CACF,CACD,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport BusinessFormSchema from './business-form-schema';\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n  tag: 'justifi-business-form',\n  styleUrl: 'business-form.scss',\n  shadow: true,\n})\nexport class BusinessForm {\n  @Prop() authToken: string;\n  @Prop() businessId?: string;\n  private formController: FormController;\n\n  constructor() {\n    this.formController = new FormController(BusinessFormSchema);\n  }\n\n  sendData() {\n    console.log('sendData')\n  }\n\n  validateAndSubmit(event: any) {\n    event.preventDefault();\n    this.formController.validateAndSubmit(this.sendData)\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <h1>Business Information</h1>\n        <form onSubmit={(event) => this.validateAndSubmit(event)} class=\"container\">\n          <div class=\"row gy-6\">\n            <div class=\"col-12\">\n              <justifi-business-generic-info formController={this.formController} />\n            </div>\n            <div class=\"col-12\">\n              <justifi-business-representative formController={this.formController} />\n            </div>\n            <div class=\"col-12\">\n              <justifi-business-owners formController={this.formController} />\n            </div>\n            <div class=\"col-12\">\n              <button type=\"submit\" class=\"btn btn-primary\">Submit</button>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n\n}\n"]}