@elliemae/pui-app-sdk 4.10.0-beta.7 → 4.10.0

package/dist/cjs/data/index.js

@@ -21,12 +21,12 @@ __export(data_exports, {
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
   getStore: () => import_store.getStore,
-  useAppDispatch: () => import_react.useAppDispatch,
-  useAppSelector: () => import_react.useAppSelector,
+  useAppDispatch: () => import_react_redux.useAppDispatch,
+  useAppSelector: () => import_react_redux.useAppSelector,
   useInjectReducer: () => import_redux_injectors.useInjectReducer,
   useInjectSaga: () => import_redux_injectors.useInjectSaga
 });
 module.exports = __toCommonJS(data_exports);
 var import_redux_injectors = require("redux-injectors");
-var import_react = require("./react.js");
+var import_react_redux = require("./react-redux.js");
 var import_store = require("./store.js");

package/dist/cjs/data/{useAppSelector.js → react-redux.js}

@@ -16,10 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useAppSelector_exports = {};
-__export(useAppSelector_exports, {
+var react_redux_exports = {};
+__export(react_redux_exports, {
+  useAppDispatch: () => useAppDispatch,
   useAppSelector: () => useAppSelector
 });
-module.exports = __toCommonJS(useAppSelector_exports);
+module.exports = __toCommonJS(react_redux_exports);
 var import_react_redux = require("react-redux");
+const useAppDispatch = () => (0, import_react_redux.useDispatch)();
 const useAppSelector = import_react_redux.useSelector;

package/dist/cjs/data/store.js

@@ -34,20 +34,17 @@ __export(store_exports, {
 });
 module.exports = __toCommonJS(store_exports);
 var import_toolkit = require("@reduxjs/toolkit");
-var import_react = require("@reduxjs/toolkit/query/react");
 var import_redux_injectors = require("redux-injectors");
 var import_redux_saga = __toESM(require("redux-saga"));
 var import_reducers = require("./reducers.js");
 var import_webpack_hmr = require("./webpack-hmr.js");
-var import_queryMiddleware = require("./queryMiddleware.js");
-var import_listenerMiddleware = require("./listenerMiddleware.js");
 const rootReducer = (0, import_reducers.createReducer)();
 let appStore = null;
 const setStore = (store) => {
   appStore = store;
 };
 const getStore = () => appStore;
-const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {}) => {
+const createStore = (initialState, sagaMiddleware, history, middlewareConfig = { thunk: false }) => {
   const { run: runSaga } = sagaMiddleware;
   const enhancers = [
     (0, import_redux_injectors.createInjectorsEnhancer)({
@@ -57,12 +54,11 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = (0, import_toolkit.configureStore)({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(import_listenerMiddleware.listenerMiddleware).concat([sagaMiddleware, import_queryMiddleware.queryMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
     devTools: true,
     preloadedState: initialState,
     enhancers
   });
-  (0, import_react.setupListeners)(baseStore.dispatch);
   (0, import_webpack_hmr.enableHotReloading)(baseStore);
   return baseStore;
 };

package/dist/cjs/index.js

@@ -39,6 +39,8 @@ __export(lib_exports, {
   ConnectForm: () => import_connect_form.ConnectForm,
   DateInput: () => import_date_input.DateInput,
   DatePicker: () => import_date_picker.DatePicker,
+  DateRangePicker: () => import_date_range_picker.DateRangePicker,
+  DateTimePicker: () => import_date_time_picker.DateTimePicker,
   ErrorBoundary: () => import_error_boundary.ErrorBoundary,
   ErrorToast: () => import_error_toast.ErrorToast,
   Form: () => import_form.Form,
@@ -46,6 +48,7 @@ __export(lib_exports, {
   FormLayoutBlockItem: () => import_form_layout_block_item.FormLayoutBlockItem,
   FormSubmitButton: () => import_submit_button.FormSubmitButton,
   InputMask: () => import_input_mask.InputMask,
+  InputText: () => import_input_text.InputText,
   LargeTextBox: () => import_large_text_box.LargeTextBox,
   MASK_PIPES: () => import_input_mask.MASK_PIPES,
   MASK_TYPES: () => import_input_mask.MASK_TYPES,
@@ -62,6 +65,7 @@ __export(lib_exports, {
   SessionTimeout: () => import_session_timeout.SessionTimeout,
   TextBox: () => import_text_box.TextBox,
   Themes: () => import_constants2.Themes,
+  Toggle: () => import_toggle.Toggle,
   VisuallyHidden: () => import_visually_hidden.VisuallyHidden,
   WaitMessage: () => import_wait_message.WaitMessage,
   ariaLive: () => import_live_message.actions,
@@ -69,9 +73,8 @@ __export(lib_exports, {
   authorize: () => import_auth.authorize,
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
-  enableReactAppForHostIntegration: () => import_react2.enableReactAppForHostIntegration,
+  enableReactAppForHostIntegration: () => import_react.enableReactAppForHostIntegration,
   error: () => import_error.actions,
-  errorMiddleware: () => import_errorMiddleware.errorMiddleware,
   fetchHostAppData: () => import_fetch_host_app_data.fetchHostAppData,
   fetchUserSettings: () => import_users.getUser,
   getApiActionCreator: () => import_helpers2.getApiActionCreator,
@@ -109,7 +112,6 @@ __export(lib_exports, {
   renderWithRouter: () => import_render_with_router.renderWithRouter,
   renderWithRouterRedux: () => import_render_with_router_redux.renderWithRouterRedux,
   resetUserIdleTime: () => import_session.resetUserIdleTime,
-  sdkBaseQuery: () => import_baseQuery.sdkBaseQuery,
   sendBAEvent: () => import_analytics.sendBAEvent,
   sendMessageToHost: () => import_message_to_host_app.sendMessageToHost,
   setAppConfig: () => import_config.setAppConfig,
@@ -121,11 +123,8 @@ __export(lib_exports, {
   subscribeToSessionExpiryWarning: () => import_session.subscribeToSessionExpiryWarning,
   trackActivity: () => import_session.trackActivity,
   updateBAEventParameters: () => import_web_analytics.updateBAEventParameters,
-  useAppDispatch: () => import_react.useAppDispatch,
-  useAppMiddleware: () => import_react.useAppMiddleware,
-  useAppSelector: () => import_react.useAppSelector,
-  useInjectListener: () => import_react.useInjectListener,
-  useInjectQuery: () => import_react.useInjectQuery,
+  useAppDispatch: () => import_react_redux.useAppDispatch,
+  useAppSelector: () => import_react_redux.useAppSelector,
   useInjectReducer: () => import_redux_injectors.useInjectReducer,
   useInjectSaga: () => import_redux_injectors.useInjectSaga,
   useMediaQueryList: () => import_use_media_query_list.useMediaQueryList,
@@ -135,15 +134,13 @@ __export(lib_exports, {
 module.exports = __toCommonJS(lib_exports);
 var import_auth = require("./utils/auth/index.js");
 var import_http_client = require("./communication/http-client/index.js");
-var import_baseQuery = require("./communication/http-client/baseQuery.js");
 var import_response_interceptor = require("./communication/http-client/response-interceptor.js");
 var import_actions = require("./data/auth/actions.js");
 var import_require_auth = require("./view/require-auth.js");
 var import_page = require("./view/page.js");
 var import_constants = __toESM(require("./utils/constants.js"));
+var import_react_redux = require("./data/react-redux.js");
 var import_redux_injectors = require("redux-injectors");
-var import_react = require("./data/react.js");
-var import_errorMiddleware = require("./data/errorMiddleware.js");
 var import_helper = require("./utils/auth/helper.js");
 var import_url = require("./utils/url.js");
 var import_store = require("./data/store.js");
@@ -158,7 +155,7 @@ var import_actions3 = require("./data/wait-message/actions.js");
 var import_service_worker = require("./utils/service-worker.js");
 var import_guest = require("./utils/micro-frontend/guest.js");
 var import_host = require("./utils/micro-frontend/host.js");
-var import_react2 = require("./utils/app-host-integration/react.js");
+var import_react = require("./utils/app-host-integration/react.js");
 var import_config = require("./utils/app-config/config.js");
 var import_micro_frontend = require("./utils/micro-frontend/index.js");
 var import_app_config = require("./utils/app-config/index.js");
@@ -179,23 +176,27 @@ var import_render_with_state_addons = require("./utils/testing/render-with-state
 var import_helpers2 = require("./api/helpers.js");
 var import_users = require("./api/users/index.js");
 var import_decorator = require("./view/storybook/decorator.js");
-var import_autocomplete = require("./view/fields/autocomplete/index.js");
 var import_error_toast = require("./view/error-toast/index.js");
 var import_navigation_prompt = require("./view/modals/navigation-prompt/index.js");
 var import_form = require("./view/form/index.js");
-var import_combo_box_v3 = require("./view/fields/combo-box-v3/index.js");
 var import_connect_form = require("./view/fields/connect-form.js");
 var import_form_item_layout = require("./view/fields/form-item-layout/index.js");
 var import_form_layout_block_item = require("./view/fields/form-layout-block-item/index.js");
 var import_text_box = require("./view/fields/text-box/index.js");
+var import_input_text = require("./view/fields/input-text/index.js");
 var import_large_text_box = require("./view/fields/large-text-box/index.js");
 var import_input_mask = require("./view/fields/input-mask/index.js");
 var import_combo_box = require("./view/fields/combo-box/index.js");
+var import_combo_box_v3 = require("./view/fields/combo-box-v3/index.js");
 var import_check_box = require("./view/fields/check-box/index.js");
 var import_radio = require("./view/fields/radio/index.js");
 var import_radio_group = require("./view/fields/radio-group/index.js");
 var import_date_input = require("./view/fields/date-input/index.js");
 var import_date_picker = require("./view/fields/date-picker/index.js");
+var import_date_time_picker = require("./view/fields/date-time-picker/index.js");
+var import_date_range_picker = require("./view/fields/date-range-picker/index.js");
+var import_autocomplete = require("./view/fields/autocomplete/index.js");
+var import_toggle = require("./view/fields/toggle/index.js");
 var import_submit_button = require("./view/form/submit-button/index.js");
 var import_use_media_query_list = require("./view/breakpoint/use-media-query-list.js");
 var import_visually_hidden = require("./view/visually-hidden/index.js");

package/dist/cjs/view/app-root/index.js

@@ -43,12 +43,16 @@ const AppRoot = ({
   manageSession = false,
   WaitMessage,
   errorTemplate,
-  children
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { errorTemplate, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { history, basename, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, { theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  AppToRender,
-  {
-    manageSession,
-    WaitMessage,
-    children
-  }
-) }) }) }) }) });
+  children,
+  strictMode = true
+}) => {
+  const ParentEle = strictMode ? import_react.StrictMode : import_react.Fragment;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ParentEle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_error_boundary.ErrorBoundary, { errorTemplate, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_app_router.AppRouter, { history, basename, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, { theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AppToRender,
+    {
+      manageSession,
+      WaitMessage,
+      children
+    }
+  ) }) }) }) }) });
+};

package/dist/cjs/view/breakpoint/use-breakpoint.js

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(use_breakpoint_exports);
 var import_react = require("react");
 var import_styled_components = require("styled-components");
 var import_pubsub_js = require("pubsub-js");
-var import_react2 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.js");
 var import_breakpoint = require("../../data/breakpoint/index.js");
 var import_use_media_query_list = require("./use-media-query-list.js");
 var import_constants = require("../../utils/constants.js");
@@ -39,7 +39,7 @@ const useBreakpoint = () => {
     ["small", "medium", "large"],
     "large"
   );
-  const dispatch = (0, import_react2.useAppDispatch)();
+  const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
     (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);

package/dist/cjs/view/error-boundary/index.js

@@ -50,7 +50,8 @@ class ErrorBoundary extends import_react.default.Component {
     if (logger)
       logger.error({
         ...import_log_records.logRecords.UNHANDLED_ERROR,
-        exception: error
+        exception: error,
+        message: error.message
       });
   }
   render() {

package/dist/cjs/view/error-toast/index.js

@@ -24,11 +24,11 @@ module.exports = __toCommonJS(error_toast_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_toast = require("@elliemae/ds-toast");
-var import_react2 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.js");
 var import_error = require("../../data/error/index.js");
 const ErrorToast = (0, import_react.memo)((props) => {
-  const storeError = (0, import_react2.useAppSelector)((state) => state?.error);
-  const dispatch = (0, import_react2.useAppDispatch)();
+  const storeError = (0, import_react_redux.useAppSelector)((state) => state?.error);
+  const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     if (storeError && (storeError?.description || storeError?.messageText)) {
       const toastProps = {

package/dist/cjs/view/fields/autocomplete/index.js

@@ -22,32 +22,40 @@ __export(autocomplete_exports, {
 });
 module.exports = __toCommonJS(autocomplete_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
 const filterOptions = (allOptions, newFilter) => {
+  if (!newFilter)
+    return allOptions;
   const filtered = allOptions.filter(
-    (option) => option.type === "section" || option.label.toLowerCase().includes(newFilter?.toLowerCase())
+    (option) => option.type === "section" || option.type !== "separator" && option.label.toLowerCase().includes(newFilter?.toLowerCase())
   );
   return filtered.length === 1 && filtered[0].type === "section" ? [] : filtered;
 };
-const Autocomplete = ({
-  name,
-  children,
-  ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_react_hook_form.Controller,
-  {
-    name,
-    render: ({ field: { onChange, value, ...props } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_controlled_form.DSAutocomplete,
-      {
-        ...props,
-        filter: value ?? "",
-        onSelect: onChange,
-        ...rest,
-        options: filterOptions(rest.options, value),
-        children
-      }
-    )
-  }
-);
+const Autocomplete = ({ children, ...rest }) => {
+  const { watch, setValue } = (0, import_react_hook_form.useFormContext)();
+  const watchedFilter = watch(rest.name);
+  const onSelect = (0, import_react.useCallback)(
+    (newValue, ...otherArgs) => {
+      if (rest.onSelect)
+        rest.onSelect(newValue, ...otherArgs);
+      else
+        setValue(rest.name, newValue, {
+          shouldValidate: true,
+          shouldDirty: true,
+          shouldTouch: true
+        });
+    },
+    [rest, setValue]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_controlled_form.DSAutocomplete,
+    {
+      filter: watchedFilter ?? "",
+      onSelect,
+      options: filterOptions(rest.options, watchedFilter),
+      children
+    }
+  );
+};

package/dist/cjs/view/fields/combo-box-v3/index.js

@@ -28,6 +28,7 @@ const ComboBoxV3 = ({
   name,
   defaultValue = null,
   rules = {},
+  filteredOptions = null,
   ...rest
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_react_hook_form.Controller,
@@ -39,9 +40,10 @@ const ComboBoxV3 = ({
       import_ds_controlled_form.DSComboBox,
       {
         ...props,
+        ...rest,
+        filteredOptions,
         selectedValues: value,
-        onChange,
-        ...rest
+        onChange
       }
     )
   }

package/dist/cjs/view/fields/date-time-picker/index.js

@@ -21,13 +21,68 @@ __export(date_time_picker_exports, {
   DateTimePicker: () => DateTimePicker
 });
 module.exports = __toCommonJS(date_time_picker_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime = (
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  require("react/jsx-runtime")
+);
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
 var import_react_hook_form = require("react-hook-form");
+const getConfig = (value, onChange) => ({
+  "full-date-time": {
+    dateTime: value,
+    onDateTimeChange: onChange
+  },
+  "date-time-inputs": {
+    dateTime: value,
+    onDateTimeChange: onChange
+  },
+  "date-time-picker": {
+    dateTime: value,
+    onDateTimeChange: onChange
+  },
+  "date-time-picker-controller-only": {
+    dateTime: value,
+    onDateTimeChange: onChange
+  },
+  "date-inputs": {
+    date: value,
+    onDateChange: onChange
+  },
+  "date-picker": {
+    date: value,
+    onDateChange: onChange
+  },
+  "date-picker-controller-only": {
+    date: value,
+    onDateChange: onChange
+  },
+  "full-date": {
+    date: value,
+    onDateChange: onChange
+  },
+  "full-time": {
+    time: value,
+    onTimeChange: onChange
+  },
+  "time-inputs": {
+    time: value,
+    onTimeChange: onChange
+  },
+  "time-picker-controller-only": {
+    time: value,
+    onTimeChange: onChange
+  },
+  "time-picker": {
+    time: value,
+    onTimeChange: onChange
+  }
+});
 const DateTimePicker = ({
   name,
   defaultValue = "",
   rules = {},
+  type = "full-date-time",
   ...rest
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   import_react_hook_form.Controller,
@@ -39,8 +94,8 @@ const DateTimePicker = ({
       import_ds_controlled_form.DSControlledDateTimePicker,
       {
         ...restProps,
-        dateTime: value,
-        onDateTimeChange: onChange,
+        type,
+        ...getConfig(value, onChange)[type],
         ...rest
       }
     )

package/dist/cjs/view/fields/input-text/index.js

@@ -35,6 +35,6 @@ const InputText = ({
     name,
     defaultValue,
     rules,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSInputText, { ...field, ...rest })
+    render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSInputText, { hasError: !!error, ...field, ...rest })
   }
 );

package/dist/cjs/view/fields/masked-input-text/index.js

@@ -0,0 +1,70 @@
+"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 masked_input_text_exports = {};
+__export(masked_input_text_exports, {
+  MaskedInputText: () => MaskedInputText
+});
+module.exports = __toCommonJS(masked_input_text_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_react_hook_form = require("react-hook-form");
+const MaskedInputText = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  useMask,
+  maskOpts,
+  ...rest
+}) => {
+  const [, setVal] = import_react.default.useState(defaultValue);
+  const { setValue } = (0, import_react_hook_form.useFormContext)();
+  const opts = import_react.default.useMemo(
+    () => ({
+      ...maskOpts,
+      onChange: (_, maskedValue) => setValue(name, maskedValue, {
+        shouldValidate: true,
+        shouldDirty: true,
+        shouldTouch: true
+      }),
+      valueSetter: setVal
+    }),
+    [maskOpts, name, setValue]
+  );
+  const inputProps = useMask(opts);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_hook_form.Controller,
+    {
+      name,
+      defaultValue,
+      rules,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_controlled_form.DSInputText, { hasError: !!error, ...rest, ...field, ...inputProps })
+    }
+  );
+};

package/dist/cjs/view/fields/toggle/index.js

@@ -23,6 +23,7 @@ __export(toggle_exports, {
 module.exports = __toCommonJS(toggle_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_ds_form_toggle = require("@elliemae/ds-form-toggle");
 var import_react_hook_form = require("react-hook-form");
 const Toggle = ({
   name,

package/dist/cjs/view/form/personal-info-section.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 personal_info_section_exports = {};
 __export(personal_info_section_exports, {
@@ -35,13 +25,12 @@ __export(personal_info_section_exports, {
 });
 module.exports = __toCommonJS(personal_info_section_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_moment = __toESM(require("moment"));
-var import_text_box = require("../fields/text-box/index.js");
-var import_combo_box = require("../fields/combo-box/index.js");
-var import_date_input = require("../fields/date-input/index.js");
+var import_input_text = require("../fields/input-text/index.js");
+var import_combo_box_v3 = require("../fields/combo-box-v3/index.js");
+var import_date_time_picker = require("../fields/date-time-picker/index.js");
 var import_form_layout_block_item = require("../fields/form-layout-block-item/index.js");
 const FirstName = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, { label: "First Name", inputID: "firstname", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_text_box.TextBox,
+  import_input_text.InputText,
   {
     id: "firstname",
     name: "firstname",
@@ -53,39 +42,43 @@ const FirstName = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_
   }
 ) });
 const DOB = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, { label: "Date of Birth", inputID: "dob", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_date_input.DateInput,
+  import_date_time_picker.DateTimePicker,
   {
     id: "dob",
     name: "dob",
+    type: "date-inputs",
     rules: {
       required: { value: true, message: "Date of Birth is required" },
-      validate: (value) => (0, import_moment.default)() > value || "Date of Birth can not be greater than current date"
+      validate: (value) => value !== "12/25/1990" || "Date of Birth can not be 12/25/1990"
     }
   }
 ) });
 const State = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, { label: "State", inputID: "state", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_combo_box.ComboBox,
+  import_combo_box_v3.ComboBoxV3,
   {
     id: "state",
     name: "state",
     rules: { required: { value: true, message: "State is required" } },
-    options: [
-      { value: "ca", label: "California" },
-      { value: "nj", label: "New Jersey" }
+    allOptions: [
+      { dsId: "1", type: "option", value: "--select--", label: "--Select--" },
+      { dsId: "2", type: "option", value: "ca", label: "California" },
+      { dsId: "3", type: "option", value: "nj", label: "New Jersey" }
     ]
   }
 ) });
 const MaritalStatus = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout_block_item.FormLayoutBlockItem, { label: "Marital Status", inputID: "marital_status", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_combo_box.ComboBox,
+  import_combo_box_v3.ComboBoxV3,
   {
     id: "marital_status",
     name: "marital_status",
     rules: {
       required: { value: true, message: "Marital Status is required" }
     },
-    options: [
-      { value: "married", label: "Married" },
-      { value: "single", label: "Single" }
+    allOptions: [
+      { dsId: "1", type: "option", value: "--select--", label: "--Select--" },
+      { dsId: "2", type: "option", value: "married", label: "Married" },
+      { dsId: "3", type: "option", value: "unmarried", label: "Unmarried" },
+      { dsId: "4", type: "option", value: "separated", label: "Separated" }
     ]
   }
 ) });

package/dist/cjs/view/live-message/index.js

@@ -23,10 +23,9 @@ __export(live_message_exports, {
 module.exports = __toCommonJS(live_message_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_live = require("react-aria-live");
-var import_react = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.js");
 const LiveMessage = () => {
-  const message = (0, import_react.useAppSelector)((state) => state.liveMessage?.message);
-  const id = (0, import_react.useAppSelector)((state) => state.liveMessage?.id);
-  const ariaLive = (0, import_react.useAppSelector)((state) => state.liveMessage?.ariaLive);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveMessage, { message, "aria-live": ariaLive, id });
+  const message = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.message);
+  const ariaLive = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.ariaLive);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveMessage, { message, "aria-live": ariaLive });
 };

package/dist/cjs/view/login/index.js

@@ -23,7 +23,7 @@ __export(login_exports, {
 module.exports = __toCommonJS(login_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_react2 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.js");
 var import_auth = require("../../utils/auth/index.js");
 var import_actions = require("../../data/auth/actions.js");
 const Login = ({
@@ -33,7 +33,7 @@ const Login = ({
   children
 }) => {
   const [userAuthorized, setUserAuthorized] = (0, import_react.useState)(false);
-  const dispatch = (0, import_react2.useAppDispatch)();
+  const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     (0, import_auth.login)({ clientId, scope, responseType }).then(({ authorized }) => {
       if (authorized)