@elliemae/pui-app-sdk 4.0.0-beta.4 → 4.0.0

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

@@ -1,32 +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;
-};
-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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import {
   DSInputMask,
   MASK_TYPES,
@@ -35,23 +7,32 @@ import {
 import {
   Controller
 } from "react-hook-form";
-const InputMask = (_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(DSInputMask, __spreadValues(__spreadValues({}, rest), field))
-  });
-};
+const InputMask = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  onChange: changeHandler,
+  onBlur: onBlurHandler,
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { onChange, onBlur, ...props } }) => /* @__PURE__ */ jsx(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

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { DSInputText } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const InputText = ({
+  name,
+  defaultValue = "",
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ jsx(DSInputText, {
+    ...rest,
+    ...field
+  })
+});
+export {
+  InputText
+};

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

@@ -1,53 +1,22 @@
-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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 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__ */ jsx(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field }) => /* @__PURE__ */ jsx(DSLargeInputText, {
+    ...rest,
+    ...field
+  })
+});
 export {
   LargeTextBox
 };

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

@@ -1,62 +1,24 @@
-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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 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__ */ jsx(Controller, {
+  name,
+  rules,
+  render: ({ field: { onChange, value, ...restProps } }) => /* @__PURE__ */ jsx(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,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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 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__ */ jsx(Controller, {
+  name,
+  rules,
+  render: ({ field: { value, ...restProps } }) => /* @__PURE__ */ jsx(DSRadioGroup, {
+    ...rest,
+    ...restProps,
+    activeValue: value
+  })
+});
 export {
   RadioGroup
 };

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

@@ -1,53 +1,22 @@
-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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 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__ */ jsx(Controller, {
+  name,
+  defaultValue,
+  rules,
+  render: ({ field }) => /* @__PURE__ */ jsx(DSTextBox, {
+    ...rest,
+    ...field
+  })
+});
 export {
   TextBox
 };

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

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { DSControlledToggle } from "@elliemae/ds-controlled-form";
+import {
+  Controller
+} from "react-hook-form";
+const Toggle = ({
+  name,
+  defaultValue = false,
+  rules = {},
+  ...rest
+}) => /* @__PURE__ */ jsx(Controller, {
+  name,
+  rules,
+  defaultValue,
+  render: ({ field: { value, onChange, ...restProps } }) => /* @__PURE__ */ jsx(DSControlledToggle, {
+    ...rest,
+    ...restProps,
+    checked: value,
+    value: value.toString(),
+    onChange: () => onChange(!value)
+  })
+});
+export {
+  Toggle
+};

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { Grid } from "@elliemae/ds-grid";
 import { useFormContext } from "react-hook-form";
@@ -16,7 +16,26 @@ const Div = styled.div`
 const WatchValue = ({ name, label }) => {
   const { watch } = useFormContext();
   const data = watch(name, false) || "";
-  return /* @__PURE__ */ React.createElement(Grid, null, /* @__PURE__ */ React.createElement(Section, null, /* @__PURE__ */ React.createElement("h4", null, "Form Data:"), /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement("div", null, label, " : ", /* @__PURE__ */ React.createElement("strong", null, JSON.stringify(data))))));
+  return /* @__PURE__ */ jsx(Grid, {
+    children: /* @__PURE__ */ jsxs(Section, {
+      children: [
+        /* @__PURE__ */ jsx("h4", {
+          children: "Form Data:"
+        }),
+        /* @__PURE__ */ jsx(Div, {
+          children: /* @__PURE__ */ jsxs("div", {
+            children: [
+              label,
+              " : ",
+              /* @__PURE__ */ jsx("strong", {
+                children: JSON.stringify(data)
+              })
+            ]
+          })
+        })
+      ]
+    })
+  });
 };
 export {
   WatchValue

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

@@ -1,20 +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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import {
   useForm,
@@ -37,9 +21,14 @@ 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__ */ jsx(FormProvider, {
+    ...providerProps,
+    children: /* @__PURE__ */ jsx(StyledForm, {
+      className: classname,
+      ...formProps,
+      children
+    })
+  });
 };
 export {
   Form

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

@@ -1,62 +1,66 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import moment from "moment";
 import { TextBox } from "../fields/text-box/index.js";
 import { ComboBox } from "../fields/combo-box/index.js";
 import { DateInput } from "../fields/date-input/index.js";
 import { FormLayoutBlockItem } from "../fields/form-layout-block-item/index.js";
-const FirstName = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+const FirstName = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "First Name",
   inputID: "firstname",
-  required: true
-}, /* @__PURE__ */ React.createElement(TextBox, {
-  id: "firstname",
-  name: "firstname",
-  rules: {
-    required: { value: true, message: "First Name is required" },
-    minLength: { value: 2, message: "Minimum 2 characters" },
-    maxLength: { value: 50, message: "Maximum 50 characters" }
-  }
-}));
-const DOB = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ jsx(TextBox, {
+    id: "firstname",
+    name: "firstname",
+    rules: {
+      required: { value: true, message: "First Name is required" },
+      minLength: { value: 2, message: "Minimum 2 characters" },
+      maxLength: { value: 50, message: "Maximum 50 characters" }
+    }
+  })
+});
+const DOB = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "Date of Birth",
   inputID: "dob",
-  required: true
-}, /* @__PURE__ */ React.createElement(DateInput, {
-  id: "dob",
-  name: "dob",
-  rules: {
-    required: { value: true, message: "Date of Birth is required" },
-    validate: (value) => moment() > value || "Date of Birth can not be greater than current date"
-  }
-}));
-const State = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ jsx(DateInput, {
+    id: "dob",
+    name: "dob",
+    rules: {
+      required: { value: true, message: "Date of Birth is required" },
+      validate: (value) => moment() > value || "Date of Birth can not be greater than current date"
+    }
+  })
+});
+const State = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "State",
   inputID: "state",
-  required: true
-}, /* @__PURE__ */ React.createElement(ComboBox, {
-  id: "state",
-  name: "state",
-  rules: { required: { value: true, message: "State is required" } },
-  options: [
-    { value: "ca", label: "California" },
-    { value: "nj", label: "New Jersey" }
-  ]
-}));
-const MaritalStatus = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  required: true,
+  children: /* @__PURE__ */ jsx(ComboBox, {
+    id: "state",
+    name: "state",
+    rules: { required: { value: true, message: "State is required" } },
+    options: [
+      { value: "ca", label: "California" },
+      { value: "nj", label: "New Jersey" }
+    ]
+  })
+});
+const MaritalStatus = () => /* @__PURE__ */ jsx(FormLayoutBlockItem, {
   label: "Marital Status",
   inputID: "marital_status",
-  required: true
-}, /* @__PURE__ */ React.createElement(ComboBox, {
-  id: "marital_status",
-  name: "marital_status",
-  rules: {
-    required: { value: true, message: "Marital Status is required" }
-  },
-  options: [
-    { value: "married", label: "Married" },
-    { value: "single", label: "Single" }
-  ]
-}));
+  required: true,
+  children: /* @__PURE__ */ jsx(ComboBox, {
+    id: "marital_status",
+    name: "marital_status",
+    rules: {
+      required: { value: true, message: "Marital Status is required" }
+    },
+    options: [
+      { value: "married", label: "Married" },
+      { value: "single", label: "Single" }
+    ]
+  })
+});
 export {
   DOB,
   FirstName,

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

@@ -1,47 +1,16 @@
-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;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 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__ */ jsx(DSButtonV2, {
+    ...rest,
     type: "submit",
     disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
-  }));
+  });
 };
 export {
   FormSubmitButton

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

@@ -1,11 +1,11 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { LiveMessage as AriaLiveMessage } from "react-aria-live";
 import { useAppSelector } from "../../data/react-redux.js";
 const LiveMessage = () => {
   const message = useAppSelector((state) => state.liveMessage?.message);
   const id = useAppSelector((state) => state.liveMessage?.id);
   const ariaLive = useAppSelector((state) => state.liveMessage?.ariaLive);
-  return /* @__PURE__ */ React.createElement(AriaLiveMessage, {
+  return /* @__PURE__ */ jsx(AriaLiveMessage, {
     message,
     "aria-live": ariaLive,
     id