@elliemae/pui-app-sdk 3.10.0 → 3.12.0

package/dist/esm/view/fields/input-mask/index.js

@@ -1,34 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import {
   DSInputMask,
@@ -38,34 +8,32 @@ import {
 import {
   Controller
 } from "react-hook-form";
-const InputMask = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {},
-    onChange: changeHandler
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules",
-    "onChange"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    defaultValue,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { onChange } = _c, props = __objRest(_c, ["onChange"]);
-      return /* @__PURE__ */ React.createElement(DSInputMask, __spreadProps(__spreadValues(__spreadValues({}, rest), props), {
-        onChange: (e) => {
-          onChange(e);
-          if (changeHandler)
-            changeHandler(e);
-        }
-      }));
+const InputMask = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  onChange: changeHandler,
+  onBlur: onBlurHandler,
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ React.createElement(DSInputMask, {
+    ...rest,
+    ...props,
+    onChange: (e) => {
+      onChange(e);
+      if (changeHandler)
+        changeHandler(e);
+    },
+    onBlur: (e) => {
+      onBlur();
+      if (onBlurHandler)
+        onBlurHandler(e);
     }
-  });
-};
+  })
+});
 export {
   InputMask,
   MASK_PIPES,

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

@@ -1,53 +1,23 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { DSInputText } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const InputText = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    defaultValue,
-    rules,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputText, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const InputText = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSInputText, {
+    ...rest,
+    ...field
+  })
+});
 export {
   InputText
 };

package/dist/esm/view/fields/large-text-box/index.js

@@ -1,53 +1,23 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { DSLargeInputText } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const LargeTextBox = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    defaultValue,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(DSLargeInputText, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const LargeTextBox = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSLargeInputText, {
+    ...rest,
+    ...field
+  })
+});
 export {
   LargeTextBox
 };

package/dist/esm/view/fields/radio/index.js

@@ -1,62 +1,25 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { DSRadio } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const Radio = (_a) => {
-  var _b = _a, {
-    name,
-    defaultChecked = false,
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultChecked",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { onChange, value } = _c, restProps = __objRest(_c, ["onChange", "value"]);
-      return /* @__PURE__ */ React.createElement(DSRadio, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        checked: value,
-        defaultChecked,
-        onChange: (e) => onChange(((e || {}).target || {}).checked)
-      }));
-    }
-  });
-};
+const Radio = ({
+  name,
+  defaultChecked = false,
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadio, {
+    ...rest,
+    ...restProps,
+    checked: value,
+    defaultChecked,
+    onChange: (e) => onChange(((e || {}).target || {}).checked)
+  })
+});
 export {
   Radio
 };

package/dist/esm/view/fields/radio-group/index.js

@@ -1,52 +1,18 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { DSRadioGroup } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const RadioGroup = (_a) => {
-  var _b = _a, { name, rules = {} } = _b, rest = __objRest(_b, ["name", "rules"]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { value } = _c, restProps = __objRest(_c, ["value"]);
-      return /* @__PURE__ */ React.createElement(DSRadioGroup, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        activeValue: value
-      }));
-    }
-  });
-};
+const RadioGroup = ({ name, rules = {}, ...rest }) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ React.createElement(DSRadioGroup, {
+    ...rest,
+    ...restProps,
+    activeValue: value
+  })
+});
 export {
   RadioGroup
 };

package/dist/esm/view/fields/text-box/index.js

@@ -1,53 +1,23 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { DSTextBox } from "@elliemae/ds-form";
 import {
   Controller
 } from "react-hook-form";
-const TextBox = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = "",
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    defaultValue,
-    rules,
-    render: ({ field }) => /* @__PURE__ */ React.createElement(DSTextBox, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const TextBox = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ React.createElement(DSTextBox, {
+    ...rest,
+    ...field
+  })
+});
 export {
   TextBox
 };

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

@@ -1,63 +1,26 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { DSControlledToggle } from "@elliemae/ds-controlled-form";
 import {
   Controller
 } from "react-hook-form";
-const Toggle = (_a) => {
-  var _b = _a, {
-    name,
-    defaultValue = false,
-    rules = {}
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "defaultValue",
-    "rules"
-  ]);
-  return /* @__PURE__ */ React.createElement(Controller, {
-    name,
-    rules,
-    defaultValue,
-    render: (_a2) => {
-      var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, restProps = __objRest(_c, ["value", "onChange"]);
-      return /* @__PURE__ */ React.createElement(DSControlledToggle, __spreadProps(__spreadValues(__spreadValues({}, rest), restProps), {
-        checked: value,
-        value: value.toString(),
-        onChange: () => onChange(!value)
-      }));
-    }
-  });
-};
+const Toggle = ({
+  name,
+  defaultValue = false,
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ React.createElement(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ React.createElement(DSControlledToggle, {
+    ...rest,
+    ...restProps,
+    checked: value,
+    value: value.toString(),
+    onChange: () => onChange(!value)
+  })
+});
 export {
   Toggle
 };

package/dist/esm/view/fields/watch-value.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import styled from "styled-components";
 import { Grid } from "@elliemae/ds-grid";

package/dist/esm/view/form/index.js

@@ -1,19 +1,4 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
+"use strict";
 import * as React from "react";
 import styled from "styled-components";
 import {
@@ -37,9 +22,12 @@ const Form = ({
   const providerProps = Object.assign(methods, {
     formProps: reactHookFormProps
   });
-  return /* @__PURE__ */ React.createElement(FormProvider, __spreadValues({}, providerProps), /* @__PURE__ */ React.createElement(StyledForm, __spreadValues({
-    className: classname
-  }, formProps), children));
+  return /* @__PURE__ */ React.createElement(FormProvider, {
+    ...providerProps
+  }, /* @__PURE__ */ React.createElement(StyledForm, {
+    className: classname,
+    ...formProps
+  }, children));
 };
 export {
   Form

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import moment from "moment";
 import { TextBox } from "../fields/text-box/index.js";

package/dist/esm/view/form/submit-button/index.js

@@ -1,47 +1,17 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+"use strict";
 import * as React from "react";
 import { useFormContext } from "react-hook-form";
 import { DSButtonV2 } from "@elliemae/ds-button";
-const FormSubmitButton = (_a) => {
-  var rest = __objRest(_a, []);
+const FormSubmitButton = ({ ...rest }) => {
   const {
     formState,
     formProps: { mode }
   } = useFormContext();
-  return /* @__PURE__ */ React.createElement(DSButtonV2, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React.createElement(DSButtonV2, {
+    ...rest,
     type: "submit",
     disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
-  }));
+  });
 };
 export {
   FormSubmitButton

package/dist/esm/view/guest-unload-handlers/index.js

@@ -1,3 +1,4 @@
+"use strict";
 import { sendMessageToHost } from "../message-to-host-app/index.js";
 const onGuestUnloadStart = () => new Promise((resolve) => {
   window.addEventListener("message", (msg) => {

package/dist/esm/view/host-binding-events/index.js

@@ -1,3 +1,4 @@
+"use strict";
 const bindEvent = (element, eventName, eventHandler) => {
   if (element.addEventListener) {
     element.addEventListener(eventName, eventHandler, false);

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

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { LiveMessage as AriaLiveMessage } from "react-aria-live";
 import { useAppSelector } from "../../data/react-redux.js";