@justifi/webcomponents 4.2.2 → 4.5.0

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

@@ -0,0 +1,71 @@
+import { Host, h } from "@stencil/core";
+import { PHONE_MASKS } from "../../../utils/phone-masks";
+export class BusinessRepresentative {
+  constructor() {
+    this.formController = undefined;
+    this.errors = {};
+    this.representative = {};
+    this.inputHandler = this.inputHandler.bind(this);
+    this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);
+  }
+  componentDidLoad() {
+    this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
+    this.formController.values.subscribe(values => (this.representative = Object.assign({}, values.representative)));
+  }
+  inputHandler(name, value) {
+    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
+  }
+  onAddressFormUpdate(values) {
+    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { address: Object.assign(Object.assign({}, this.formController.values.getValue().representative.address), values) }) }));
+  }
+  render() {
+    const representativeDefaultValue = this.formController.getInitialValues().representative;
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-select", { name: "title", label: "Prefix", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, options: [
+        { label: 'Select Prefix', value: '' },
+        { label: 'Mrs.', value: 'Mrs.' },
+      ], error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12" }, h("label", { part: "label", class: "form-label" }, "Birth Date")), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_day", label: "Day", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_day, error: this.errors.dob_day, inputHandler: this.inputHandler, type: "day" })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_month", label: "Month", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_month, error: this.errors.dob_month, inputHandler: this.inputHandler, type: "month" })), h("div", { class: "col-12 col-md-4" }, h("form-control-datepart", { name: "dob_year", label: "Year", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_year, error: this.errors.dob_year, inputHandler: this.inputHandler, type: "year" })), h("div", { class: "col-12" }, h("form-control-number", { name: "identification_number", label: "EIN/SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("justifi-business-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, onFormUpdate: values => this.onAddressFormUpdate(values) }))))));
+  }
+  static get is() { return "justifi-business-representative"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["business-representative.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["business-representative.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": {},
+      "representative": {}
+    };
+  }
+}
+//# sourceMappingURL=business-representative.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-representative.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-representative/business-representative.tsx"],"names":[],"mappings":"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","sourcesContent":["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          <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"]}

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

@@ -0,0 +1,44 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { BusinessForm } from "../business-form";
+describe('justifi-business-form', () => {
+  let consoleSpy;
+  // Initialize the spy in the beforeEach
+  beforeEach(() => {
+    consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => { });
+  });
+  // Restore the original function in the afterEach
+  afterEach(() => {
+    consoleSpy.mockRestore();
+  });
+  it('should log a warning if no authToken is provided', async () => {
+    await newSpecPage({
+      components: [BusinessForm],
+      html: `<justifi-business-form></justifi-business-form>`,
+    });
+    expect(consoleSpy).toHaveBeenCalledWith('Warning: Missing auth-token. The form will not be functional without it.');
+  });
+  it('should disable the submit button if no authToken is provided', async () => {
+    const { root } = await newSpecPage({
+      components: [BusinessForm],
+      html: `<justifi-business-form></justifi-business-form>`,
+    });
+    const submitButton = root.querySelector('.jfi-submit-button');
+    expect(submitButton).toHaveAttribute('disabled');
+  });
+  it('should not disable the submit button if an authToken is provided', async () => {
+    const { root } = await newSpecPage({
+      components: [BusinessForm],
+      html: `<justifi-business-form auth-token="auth-token"></justifi-business-form>`,
+    });
+    const submitButton = root.querySelector('.jfi-submit-button');
+    expect(submitButton).not.toHaveAttribute('disabled');
+  });
+  it('should not log a warning if an authToken is provided', async () => {
+    await newSpecPage({
+      components: [BusinessForm],
+      html: `<justifi-business-form auth-token="some-token"></justifi-business-form>`,
+    });
+    expect(consoleSpy).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=business-form.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/business-form/test/business-form.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;EACrC,IAAI,UAAU,CAAC;EAEf,uCAAuC;EACvC,UAAU,CAAC,GAAG,EAAE;IACd,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;EACxE,CAAC,CAAC,CAAC;EAEH,iDAAiD;EACjD,SAAS,CAAC,GAAG,EAAE;IACb,UAAU,CAAC,WAAW,EAAE,CAAC;EAC3B,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;IAChE,MAAM,WAAW,CAAC;MAChB,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,iDAAiD;KACxD,CAAC,CAAC;IAEH,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CAAC,0EAA0E,CAAC,CAAC;EACtH,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,iDAAiD;KACxD,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;EACnD,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;IAChF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,yEAAyE;KAChF,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;EACvD,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;IACpE,MAAM,WAAW,CAAC;MAChB,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,yEAAyE;KAChF,CAAC,CAAC;IAEH,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BusinessForm } from '../business-form';\n\ndescribe('justifi-business-form', () => {\n  let consoleSpy;\n\n  // Initialize the spy in the beforeEach\n  beforeEach(() => {\n    consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});\n  });\n\n  // Restore the original function in the afterEach\n  afterEach(() => {\n    consoleSpy.mockRestore();\n  });\n\n  it('should log a warning if no authToken is provided', async () => {\n    await newSpecPage({\n      components: [BusinessForm],\n      html: `<justifi-business-form></justifi-business-form>`,\n    });\n\n    expect(consoleSpy).toHaveBeenCalledWith('Warning: Missing auth-token. The form will not be functional without it.');\n  });\n\n  it('should disable the submit button if no authToken is provided', async () => {\n    const { root } = await newSpecPage({\n      components: [BusinessForm],\n      html: `<justifi-business-form></justifi-business-form>`,\n    });\n\n    const submitButton = root.querySelector('.jfi-submit-button');\n    expect(submitButton).toHaveAttribute('disabled');\n  });\n\n  it('should not disable the submit button if an authToken is provided', async () => {\n    const { root } = await newSpecPage({\n      components: [BusinessForm],\n      html: `<justifi-business-form auth-token=\"auth-token\"></justifi-business-form>`,\n    });\n\n    const submitButton = root.querySelector('.jfi-submit-button');\n    expect(submitButton).not.toHaveAttribute('disabled');\n  });\n\n  it('should not log a warning if an authToken is provided', async () => {\n    await newSpecPage({\n      components: [BusinessForm],\n      html: `<justifi-business-form auth-token=\"some-token\"></justifi-business-form>`,\n    });\n\n    expect(consoleSpy).not.toHaveBeenCalled();\n  });\n});\n"]}