@elliemae/loan-field-renderers 26.2.2

package/dist/cjs/bll/validators/maxCharValidator.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators2, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var maxCharValidator_exports = {};
+__export(maxCharValidator_exports, {
+  MaxCharValidator: () => MaxCharValidator
+});
+module.exports = __toCommonJS(maxCharValidator_exports);
+var import_pui_app_sdk = require("@elliemae/pui-app-sdk");
+let MaxCharValidator = class {
+  validate(value, message, options) {
+    if (!value) {
+      return { isValid: true };
+    }
+    const strValue = String(value);
+    const charsLimit = options?.charsLimit ?? 0;
+    const isValid = strValue.length <= charsLimit;
+    return {
+      isValid,
+      message: isValid ? "" : message || `This field exceeds the maximum character limit of ${charsLimit}.`
+    };
+  }
+};
+MaxCharValidator = __decorateClass([
+  import_pui_app_sdk.decorators.class.Singleton
+], MaxCharValidator);

package/dist/cjs/bll/validators/requiredValidator.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators2, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var requiredValidator_exports = {};
+__export(requiredValidator_exports, {
+  RequiredValidator: () => RequiredValidator
+});
+module.exports = __toCommonJS(requiredValidator_exports);
+var import_pui_app_sdk = require("@elliemae/pui-app-sdk");
+let RequiredValidator = class {
+  validate(value, message) {
+    const isValid = value !== null && value !== void 0 && value !== "";
+    return {
+      isValid,
+      message: isValid ? void 0 : message || "This field is required."
+    };
+  }
+};
+RequiredValidator = __decorateClass([
+  import_pui_app_sdk.decorators.class.Singleton
+], RequiredValidator);

package/dist/cjs/bll/validators/zipValidator.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators2, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var zipValidator_exports = {};
+__export(zipValidator_exports, {
+  ZipValidator: () => ZipValidator,
+  validZipCode: () => validZipCode
+});
+module.exports = __toCommonJS(zipValidator_exports);
+var import_pui_app_sdk = require("@elliemae/pui-app-sdk");
+const validZipCode = (zip) => {
+  if (!zip) return false;
+  const digitsOnly = zip.replace(/[^\d]/g, "");
+  return digitsOnly.length === 5 || digitsOnly.length === 9;
+};
+let ZipValidator = class {
+  validate(zip = "", message) {
+    if (!zip) {
+      return { isValid: true };
+    }
+    const isValid = validZipCode(zip);
+    return {
+      isValid,
+      message: isValid ? void 0 : message || "This value is not a valid zip code format."
+    };
+  }
+};
+ZipValidator = __decorateClass([
+  import_pui_app_sdk.decorators.class.Singleton
+], ZipValidator);

package/dist/cjs/core/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators2, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators2[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var core_exports = {};
+__export(core_exports, {
+  Core: () => Core,
+  coreInstance: () => coreInstance
+});
+module.exports = __toCommonJS(core_exports);
+var import_pui_app_sdk = require("@elliemae/pui-app-sdk");
+var import_encw_core = require("@elliemae/encw-core");
+let Core = class extends import_encw_core.Base {
+  get CoreUtils() {
+    return this.Utils;
+  }
+  get ExceptionUtils() {
+    return {
+      businessException: this.businessException.bind(this),
+      runtimeException: this.runtimeException.bind(this)
+    };
+  }
+  Log(type, message, additionalData) {
+    return super.Log(type, message, additionalData);
+  }
+};
+Core = __decorateClass([
+  import_pui_app_sdk.decorators.class.Singleton
+], Core);
+const coreInstance = new Core();

package/dist/cjs/demo/config.js

@@ -0,0 +1,391 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var config_exports = {};
+__export(config_exports, {
+  Config: () => Config
+});
+module.exports = __toCommonJS(config_exports);
+class Config {
+  static getTextFields() {
+    return [
+      {
+        label: "Text Field",
+        fieldId: "4003",
+        rendererType: "text"
+      },
+      {
+        label: "Email Field",
+        fieldId: "1178",
+        rendererType: "email",
+        onBlur: (fieldId, value) => {
+          console.log(
+            `OnBlur called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        },
+        onChange: (fieldId, value) => {
+          console.log(
+            `OnChange called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        }
+      },
+      {
+        label: "Phone Field",
+        fieldId: "USDA.X103",
+        rendererType: "text",
+        maskType: "Phone"
+      },
+      {
+        label: "SSN Field",
+        fieldId: "65",
+        rendererType: "text",
+        maskType: "SSN"
+      },
+      {
+        label: "Lock Text Field",
+        fieldId: "LE1.X5",
+        rendererType: "text"
+      },
+      {
+        label: "Custom Format Field",
+        fieldId: "LE1.X6",
+        rendererType: "text",
+        formatFn: (value) => {
+          if (!value) return "";
+          return value.toUpperCase();
+        },
+        parseFn: (displayValue) => {
+          if (!displayValue) return "";
+          return displayValue.toLowerCase();
+        }
+      },
+      {
+        label: "City",
+        fieldId: "FR0106",
+        rendererType: "text"
+      },
+      {
+        label: "State",
+        fieldId: "FR0107",
+        rendererType: "dropdown",
+        onBlur: (fieldId, value) => {
+          console.log(`Dropdown onBlur: ${fieldId} = ${String(value)}`);
+        }
+      },
+      {
+        label: "Zip Code Field",
+        fieldId: "FR0108",
+        geoFields: {
+          city: "FR0106",
+          state: "FR0107",
+          county: "FR0109"
+        },
+        useLatLong: true,
+        rendererType: "zipcode",
+        onGeoLookupComplete: (zip, cityData) => {
+          console.log("Zip Code Updated:", zip, cityData);
+        },
+        onChange: (fieldId, value) => {
+          console.log(`ZipCode onChange: ${fieldId} = ${String(value)}`);
+        },
+        onBlur: (fieldId, value) => {
+          console.log(`ZipCode onBlur: ${fieldId} = ${String(value)}`);
+        }
+      },
+      {
+        label: "LE1 Address Zip Code",
+        fieldId: "15",
+        geoFields: {
+          city: "12",
+          state: "14",
+          county: "16"
+        },
+        rendererType: "zipcode",
+        onChange: (fieldId, value) => {
+          console.log(`ZipCode onChange: ${fieldId} = ${String(value)}`);
+        },
+        onBlur: (fieldId, value) => {
+          console.log(`ZipCode onBlur: ${fieldId} = ${String(value)}`);
+        }
+      },
+      {
+        label: "LE1 Applicants: City",
+        fieldId: "1417",
+        rendererType: "text"
+      },
+      {
+        label: "LE1 Applicants: State",
+        fieldId: "1418",
+        rendererType: "text"
+      },
+      {
+        label: "LE1 Applicants: Zip Code (Foreign)",
+        fieldId: "1419",
+        geoFields: {
+          city: "1417",
+          state: "1418",
+          country: "URLA.X269"
+        },
+        isForeignAddress: true,
+        rendererType: "zipcode",
+        onChange: (fieldId, value) => {
+          console.log(
+            `Foreign ZipCode onChange: ${fieldId} = ${String(value)}`
+          );
+        },
+        onBlur: (fieldId, value) => {
+          console.log(`Foreign ZipCode onBlur: ${fieldId} = ${String(value)}`);
+        }
+      },
+      {
+        label: "LE1 Applicants: Country",
+        fieldId: "URLA.X269",
+        rendererType: "text"
+      },
+      {
+        label: "LE1 Applicants Zip Code",
+        fieldId: "1260",
+        geoFields: {
+          city: "1258",
+          state: "1259"
+        },
+        rendererType: "zipcode"
+      },
+      {
+        label: "State",
+        fieldId: "1259",
+        rendererType: "dropdown"
+      },
+      {
+        label: "City",
+        fieldId: "1258",
+        rendererType: "text"
+      },
+      {
+        label: "Editable Lock Dropdown Field",
+        fieldId: "33",
+        rendererType: "dropdown",
+        isEditable: true
+      }
+    ];
+  }
+  static getNumberFields() {
+    return [
+      {
+        label: "Number Field with D3 format",
+        fieldId: "3",
+        rendererType: "number",
+        numberMaskOptions: {
+          suffix: "%"
+        }
+      },
+      {
+        label: "Number Field with D2 format",
+        fieldId: "2",
+        rendererType: "number",
+        numberMaskOptions: {
+          prefix: "$"
+        }
+      },
+      {
+        label: "Number Field with Integer format",
+        fieldId: "4",
+        rendererType: "number",
+        onBlur: (fieldId, value) => {
+          console.log(
+            `OnBlur called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        },
+        onChange: (fieldId, value) => {
+          console.log(
+            `OnChange called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        }
+      },
+      {
+        label: "Number Field with D6 format",
+        fieldId: "3422",
+        rendererType: "number",
+        numberMaskOptions: {
+          prefix: " $"
+        }
+      },
+      {
+        label: "Lock number integer field",
+        fieldId: "LE2.X1",
+        rendererType: "number"
+      }
+    ];
+  }
+  static getCheckboxFields() {
+    return [
+      {
+        label: "Checkbox Field 1",
+        fieldId: "LE1.X78",
+        rendererType: "checkbox",
+        onBlur(fieldId, value) {
+          console.log(
+            `Checkbox onBlur called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        }
+      },
+      {
+        label: "Checkbox Field 2",
+        fieldId: "LE1.X79",
+        rendererType: "checkbox",
+        isDisable: true
+      }
+    ];
+  }
+  static getRadioButtonFields() {
+    return [
+      {
+        label: "Radio Button Field",
+        fieldId: "RESPA.X28",
+        rendererType: "radio",
+        name: "Service your loan. If so, you will make your payment to us.",
+        value: true,
+        onSelect(fieldId, value) {
+          console.log(
+            `Radio onSelect called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        }
+      },
+      {
+        label: "Radio Group Field",
+        fieldId: "LE3.X11",
+        rendererType: "radiogroup",
+        onSelect(fieldId, value) {
+          console.log(
+            `Radio Group onSelect called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        }
+      },
+      {
+        label: "check disabled Radio Group Field",
+        fieldId: "LE3.X12",
+        rendererType: "radiogroup",
+        isDisable: true
+      }
+    ];
+  }
+  static getDateFields() {
+    return [
+      {
+        label: "Application Date",
+        fieldId: "748",
+        rendererType: "date",
+        onBlur: (fieldId, value) => {
+          console.log(`Date onBlur: ${fieldId} = ${String(value)}`);
+        },
+        onChange: (fieldId, value) => {
+          console.log(`Date onChange: ${fieldId} = ${String(value)}`);
+        }
+      },
+      {
+        label: "Closing Date",
+        fieldId: "763",
+        rendererType: "date"
+      },
+      {
+        label: "Disabled Date Field",
+        fieldId: "762",
+        rendererType: "date",
+        isDisable: true
+      },
+      {
+        label: "Date Field (autoFieldSet=false)",
+        fieldId: "761",
+        rendererType: "date",
+        autoFieldSet: false,
+        onBlur: (fieldId, value) => {
+          console.log(`Date (manual) onBlur: ${fieldId} = ${String(value)}`);
+        }
+      }
+    ];
+  }
+  static getLargeTextField() {
+    return [
+      {
+        label: "Large Text Field",
+        fieldId: "3169",
+        rendererType: "largetext",
+        onBlur: (fieldId, value) => {
+          console.log(`Large Text onBlur: ${fieldId} = ${String(value)}`);
+        },
+        onChange: (fieldId, value) => {
+          console.log(`Large Text onChange: ${fieldId} = ${String(value)}`);
+        }
+      },
+      {
+        label: "Large Text Field with max length 10",
+        fieldId: "1867",
+        rendererType: "largetext",
+        maxCharactersDisplay: true,
+        maxCharCounter: 10
+      }
+    ];
+  }
+  static getToggleFields() {
+    return [
+      {
+        label: "Toggle Field",
+        fieldId: "LE1.X80",
+        rendererType: "toggle",
+        onChange: (fieldId, value) => {
+          console.log(
+            `Toggle onChange called for fieldId: ${fieldId} with value: ${String(
+              value
+            )}`
+          );
+        }
+      },
+      {
+        label: "Disabled Toggle Field",
+        fieldId: "LE1.X81",
+        rendererType: "toggle",
+        isDisable: true
+      }
+    ];
+  }
+  static getRendererConfigs() {
+    return [
+      ...Config.getTextFields(),
+      ...Config.getNumberFields(),
+      ...Config.getCheckboxFields(),
+      ...Config.getRadioButtonFields(),
+      ...Config.getDateFields(),
+      ...Config.getLargeTextField(),
+      ...Config.getToggleFields()
+    ];
+  }
+}

package/dist/cjs/demo/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var demo_exports = {};
+__export(demo_exports, {
+  Demo: () => Demo
+});
+module.exports = __toCommonJS(demo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_renderer = require("../renderer");
+var import_config = require("./config");
+const Demo = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { "data-testid": "demo-title", children: "This is a demo page for loan field renderers" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { cols: [1, 1], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: import_config.Config.getRendererConfigs().map((fieldConfig) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.FieldRenderer, { ...fieldConfig }, fieldConfig.fieldId)) }) })
+] });

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/dist/cjs/renderer/FieldRenderer.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FieldRenderer_exports = {};
+__export(FieldRenderer_exports, {
+  FieldRenderer: () => FieldRenderer,
+  default: () => FieldRenderer_default
+});
+module.exports = __toCommonJS(FieldRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_factory = require("./factory");
+const FieldRenderer = (props) => {
+  const RendererComponent = (0, import_react.useMemo)(
+    () => import_factory.RendererFactory.create(props.rendererType),
+    [props.rendererType]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RendererComponent, { ...props });
+};
+var FieldRenderer_default = import_react.default.memo(FieldRenderer);