@elliemae/loan-field-renderers 26.2.2

package/dist/cjs/renderer/field-renderers/ZipCodeRenderer/index.js

@@ -0,0 +1,273 @@
+"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 ZipCodeRenderer_exports = {};
+__export(ZipCodeRenderer_exports, {
+  ZipCodeRenderer: () => ZipCodeRenderer,
+  default: () => ZipCodeRenderer_default
+});
+module.exports = __toCommonJS(ZipCodeRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_renderer = require("../../base/renderer");
+var import_AddonRenderer = require("../AddonRenderer");
+var import_hook = require("./hook");
+class ZipCodeRenderer extends import_renderer.Renderer {
+  AddOnRenderer;
+  constructor() {
+    super();
+    this.AddOnRenderer = new import_AddonRenderer.AddonRenderer().render();
+    this.BRWrapper = this.renderBR();
+  }
+  render() {
+    const ZipComponent = (props) => {
+      const {
+        id,
+        fieldId,
+        isDisable,
+        validationRules = [],
+        onChange,
+        onBlur,
+        label,
+        rightAddon,
+        isForeignAddress = false,
+        useLatLong = false,
+        onGeoLookupComplete,
+        geoFields,
+        brCompProps,
+        ...rest
+      } = props;
+      const { BRWrapper, AddOnRenderer } = this;
+      const {
+        fieldMetadata: {
+          isLockField = false,
+          maxLength = 0,
+          fieldFormat = ""
+        } = {},
+        fieldValue,
+        setFieldValue,
+        isLockedState,
+        isSearchedField,
+        setIsSearchedField,
+        isFieldDisabled,
+        validationResult,
+        ariaDescProps
+      } = this.initVM(props);
+      this.fieldFormat = fieldFormat;
+      const { options, searchZipCode, handleOptionSelect, clearOptions } = (0, import_hook.useZipCodeLookup)({
+        ssf: this.BLL.SSF,
+        onGeoLookupComplete,
+        useLatLong,
+        isForeignAddress,
+        geoFields: { ...geoFields, zip: fieldId }
+      });
+      const zipCodeInputProps = (0, import_ds_controlled_form.useZipCodeMask)({
+        valueSetter: (value) => {
+          if (!isDisable && !isFieldDisabled && !isForeignAddress) {
+            setFieldValue(value);
+          }
+        }
+      });
+      const handleForeignAddressChange = (0, import_react.useCallback)(
+        (newValue) => {
+          setFieldValue(newValue);
+          if (onChange) {
+            onChange(fieldId, newValue);
+          }
+        },
+        [fieldId, onChange, setFieldValue]
+      );
+      const handleUSZipChange = (0, import_react.useCallback)(
+        (newValue) => {
+          if (!newValue) {
+            setFieldValue("");
+            clearOptions();
+            if (onChange) {
+              onChange(fieldId, "");
+            }
+            return;
+          }
+          if (!/\d/.test(newValue)) {
+            return;
+          }
+          const formattedValue = this.getFormattedValue(newValue);
+          setFieldValue(formattedValue);
+          const parsedValue = this.getParsedValue(formattedValue);
+          if (onChange) {
+            onChange(fieldId, parsedValue);
+          }
+          const { isValid } = this.BLL.Validator.createValidator("zip").validate(formattedValue);
+          if (isValid) {
+            searchZipCode(formattedValue);
+          } else {
+            clearOptions();
+          }
+        },
+        [fieldId, onChange, setFieldValue, clearOptions, searchZipCode]
+      );
+      const onChangeEvent = (0, import_react.useCallback)(
+        (newValue) => {
+          setIsSearchedField(false);
+          if (isDisable || isFieldDisabled) return;
+          if (isForeignAddress) {
+            handleForeignAddressChange(newValue);
+          } else {
+            handleUSZipChange(newValue);
+          }
+        },
+        [
+          isForeignAddress,
+          isDisable,
+          isFieldDisabled,
+          setIsSearchedField,
+          handleForeignAddressChange,
+          handleUSZipChange
+        ]
+      );
+      const onAutocompleteSelect = (0, import_react.useCallback)(
+        (selectedLabel) => {
+          if (isForeignAddress || isDisable || isFieldDisabled) return;
+          const selectedOption = handleOptionSelect(selectedLabel);
+          if (!selectedOption) return;
+          const formattedValue = this.getFormattedValue(
+            selectedOption.zipNumber
+          );
+          setFieldValue(formattedValue);
+          const parsedValue = this.getParsedValue(formattedValue);
+          if (onChange) {
+            onChange(fieldId, parsedValue);
+          }
+        },
+        [
+          fieldId,
+          handleOptionSelect,
+          isForeignAddress,
+          isDisable,
+          isFieldDisabled,
+          onChange,
+          setFieldValue
+        ]
+      );
+      const onBlurEvent = (0, import_react.useCallback)(
+        (e) => {
+          const { value } = e.target;
+          if (isDisable || isFieldDisabled) return;
+          const formattedValue = isForeignAddress ? value : this.getFormattedValue(value);
+          setFieldValue(formattedValue);
+          const rulesToCheck = [...validationRules];
+          const tempValResult = this.Hooks.runValidationsOnValue(
+            formattedValue,
+            rulesToCheck
+          );
+          this.VM.setValidationResult(tempValResult);
+          if (!tempValResult.isValid) {
+            return;
+          }
+          const parsedValue = isForeignAddress ? formattedValue : this.getParsedValue(formattedValue);
+          (async () => {
+            await this.BLL.SSF.setFieldValue(fieldId, parsedValue);
+          })();
+          if (onBlur) {
+            onBlur(fieldId, parsedValue);
+          }
+        },
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [fieldId, isForeignAddress, isDisable, onBlur, validationRules]
+      );
+      const validationProps = this.buildValidationProps(validationResult);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        BRWrapper,
+        {
+          fieldId,
+          inputID: fieldId,
+          label,
+          value: fieldValue || "",
+          ...validationProps,
+          ...brCompProps || {},
+          withHighlight: isSearchedField,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            AddOnRenderer,
+            {
+              rendererType: "addon",
+              fieldId,
+              isLocked: isLockedState,
+              isPadLock: isLockField,
+              isDisable,
+              rightAddon,
+              onPadLockToggle: () => this.toggleLockStatus(fieldId, isLockedState || false),
+              children: isForeignAddress ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_ds_controlled_form.DSInputText,
+                {
+                  id,
+                  "data-testid": fieldId,
+                  value: fieldValue || "",
+                  onValueChange: onChangeEvent,
+                  onBlur: onBlurEvent,
+                  disabled: isFieldDisabled || isDisable,
+                  applyAriaDisabled: isFieldDisabled || isDisable,
+                  ...maxLength && maxLength > 0 && { maxLength },
+                  ...ariaDescProps,
+                  ...this.sanitize(rest)
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_ds_controlled_form.DSAutocomplete,
+                {
+                  placeholder: "",
+                  options,
+                  filter: fieldValue || "",
+                  onSelect: onAutocompleteSelect,
+                  disabled: isFieldDisabled || isDisable,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_ds_controlled_form.DSInputText,
+                    {
+                      id,
+                      "data-testid": fieldId,
+                      value: fieldValue || "",
+                      autoComplete: "off",
+                      onValueChange: onChangeEvent,
+                      onBlur: onBlurEvent,
+                      disabled: isFieldDisabled || isDisable,
+                      applyAriaDisabled: isFieldDisabled || isDisable,
+                      ...maxLength && maxLength > 0 && { maxLength },
+                      ...zipCodeInputProps,
+                      ...ariaDescProps,
+                      ...this.sanitize(rest)
+                    }
+                  )
+                }
+              )
+            }
+          )
+        }
+      );
+    };
+    return import_react.default.memo(ZipComponent);
+  }
+}
+var ZipCodeRenderer_default = ZipCodeRenderer;

package/dist/cjs/renderer/index.js

@@ -0,0 +1,24 @@
+"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 renderer_exports = {};
+__export(renderer_exports, {
+  FieldRenderer: () => import_FieldRenderer.FieldRenderer
+});
+module.exports = __toCommonJS(renderer_exports);
+var import_FieldRenderer = require("./FieldRenderer");

package/dist/cjs/renderer/styles.js

@@ -0,0 +1,51 @@
+"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 styles_exports = {};
+__export(styles_exports, {
+  EmptyLabel: () => EmptyLabel,
+  StyledDateTimePicker: () => StyledDateTimePicker,
+  theme: () => theme
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var import_pui_theme = require("@elliemae/pui-theme");
+var import_ds_form_date_time_picker = require("@elliemae/ds-form-date-time-picker");
+const EmptyLabel = import_styled_components.default.label`
+  display: block;
+  height: 1rem;
+  line-height: 1.15rem;
+`;
+const StyledDateTimePicker = (0, import_styled_components.default)(import_ds_form_date_time_picker.DSControlledDateTimePicker)`
+  width: auto;
+
+  & div:last-child {
+    justify-content: end;
+  }
+`;
+const theme = (0, import_pui_theme.getDefaultTheme)();

package/dist/cjs/renderer/types.js

@@ -0,0 +1,16 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/tests/base/flowBase.js

@@ -0,0 +1,125 @@
+"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 flowBase_exports = {};
+__export(flowBase_exports, {
+  FlowBase: () => FlowBase
+});
+module.exports = __toCommonJS(flowBase_exports);
+class FlowBase {
+  constructor(flowParams) {
+    this.flowParams = flowParams;
+  }
+  flowParams;
+  setTimeoutAwaitable(timeout = 100) {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve();
+      }, timeout);
+    });
+  }
+  getFlowName(rendererName, description) {
+    return `component: ${rendererName} - ${description}`;
+  }
+  static get Mocks() {
+    return {
+      apis: [],
+      ssf: {
+        loconnect: {
+          getStateDropDownList: [
+            { name: "Alabama", value: "AL" },
+            { name: "California", value: "CA" },
+            { name: "New York", value: "NY" },
+            { name: "Texas", value: "TX" }
+          ],
+          // Zip code lookup - single result (auto-fill)
+          getZipCodeData: (zip) => {
+            if (zip === "90210") {
+              return [
+                { City: "Beverly Hills", State: "CA", County: "Los Angeles" }
+              ];
+            }
+            if (zip === "10001") {
+              return [
+                { City: "New York", State: "NY", County: "New York" },
+                { City: "Manhattan", State: "NY", County: "New York" }
+              ];
+            }
+            if (zip === "94105") {
+              return [
+                {
+                  City: "San Francisco",
+                  State: "CA",
+                  County: "San Francisco"
+                }
+              ];
+            }
+            if (zip === "75001") {
+              return [{ City: "Addison", State: "TX", County: "Dallas" }];
+            }
+            return [];
+          },
+          // Zip code lookup with lat/long
+          getZipCodeLatLong: (zip) => {
+            if (zip === "90210") {
+              return [
+                {
+                  city: "Beverly Hills",
+                  state: "CA",
+                  county: "Los Angeles",
+                  latitude: "34.0901",
+                  longitude: "-118.4065"
+                }
+              ];
+            }
+            if (zip === "10001") {
+              return [
+                {
+                  city: "New York",
+                  state: "NY",
+                  county: "New York",
+                  latitude: "40.7484",
+                  longitude: "-73.9967"
+                },
+                {
+                  city: "Manhattan",
+                  state: "NY",
+                  county: "New York",
+                  latitude: "40.7831",
+                  longitude: "-73.9712"
+                }
+              ];
+            }
+            if (zip === "94105") {
+              return [
+                {
+                  city: "San Francisco",
+                  state: "CA",
+                  county: "San Francisco",
+                  latitude: "37.7893",
+                  longitude: "-122.3959"
+                }
+              ];
+            }
+            return [];
+          }
+        }
+      }
+    };
+  }
+}

package/dist/cjs/tests/base/index.js

@@ -0,0 +1,52 @@
+"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 base_exports = {};
+__export(base_exports, {
+  TestBase: () => TestBase
+});
+module.exports = __toCommonJS(base_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import_styled_components = require("styled-components");
+var import_pui_theme = require("@elliemae/pui-theme");
+var import_flow_driven_testing = require("@elliemae/flow-driven-testing");
+var import_demo = require("../../demo");
+class TestBase extends import_flow_driven_testing.FlowRunner {
+  mountApp() {
+    return (0, import_react2.render)(
+      import_react.default.createElement(
+        import_styled_components.ThemeProvider,
+        { theme: (0, import_pui_theme.getDefaultTheme)() },
+        import_react.default.createElement(import_demo.Demo)
+      )
+    );
+  }
+  init() {
+  }
+}

package/dist/cjs/tests/flows/checkboxRendererFlows.js

@@ -0,0 +1,85 @@
+"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 checkboxRendererFlows_exports = {};
+__export(checkboxRendererFlows_exports, {
+  CheckboxRendererFlows: () => CheckboxRendererFlows
+});
+module.exports = __toCommonJS(checkboxRendererFlows_exports);
+var import_flow_driven_testing = require("@elliemae/flow-driven-testing");
+var import_flowBase = require("../base/flowBase");
+class CheckboxRendererFlows extends import_flowBase.FlowBase {
+  constructor(flowParams) {
+    super(flowParams);
+    this.flowParams = flowParams;
+  }
+  flowParams;
+  UpdateCheckboxStatus() {
+    return {
+      [`${this.flowParams.inboundFlow}`]: {
+        name: this.getFlowName("CheckboxRenderer", "update checkbox status"),
+        startFlow: [
+          {
+            selector: '[data-testid="LE1.X78"]',
+            action: import_flow_driven_testing.TTriggerActions.CLICK
+          }
+        ],
+        asserts: [
+          {
+            ssfFunctionsCalled: ["setFields"]
+          }
+        ],
+        transitions: [
+          {
+            to: "checkCheckboxDisabled"
+          }
+        ]
+      }
+    };
+  }
+  CheckCheckboxDisabled() {
+    return {
+      checkCheckboxDisabled: {
+        name: this.getFlowName("CheckboxRenderer", "check checkbox disabled"),
+        startFlow: [
+          {
+            selector: '[data-testid="LE1.X78"]',
+            action: import_flow_driven_testing.TTriggerActions.CLICK
+          }
+        ],
+        asserts: [
+          {
+            selector: '[data-testid="LE1.X79"]',
+            isEnabled: false
+          }
+        ],
+        transitions: [
+          {
+            to: this.flowParams.outboundFlow || ""
+          }
+        ]
+      }
+    };
+  }
+  get Flows() {
+    return {
+      ...this.UpdateCheckboxStatus(),
+      ...this.CheckCheckboxDisabled()
+    };
+  }
+}