@availity/mui-feedback 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,20 @@
+# Changelog
+
+This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+
+## 0.1.0 (2023-11-21)
+
+### Dependency Updates
+
+* `mui-button` updated to version `0.5.1`
+* `mui-icon` updated to version `0.7.3`
+* `mui-popover` updated to version `0.1.1`
+* `mui-textfield` updated to version `0.3.3`
+* `mui-toggle-button` updated to version `0.1.6`
+* `mui-form-utils` updated to version `0.5.4`
+* `mui-typography` updated to version `0.1.5`
+
+### Features
+
+* **mui-feedback:** initial commit ([2362d7f](https://github.com/Availity/element/commit/2362d7f892274f6260d4814fd8b19b85d8e4fe70))
+* **mui-page-header:** add feedback ([c4ae9cf](https://github.com/Availity/element/commit/c4ae9cff82c163c72818f8d015e103f10869cdd0))

package/README.md

@@ -0,0 +1,61 @@
+# @availity/mui-feedback
+
+> Availity MUI Feedback component to be used with @availity/element design system.
+
+[![Version](https://img.shields.io/npm/v/@availity/mui-feedback.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/mui-feedback)
+[![NPM Downloads](https://img.shields.io/npm/dt/@availity/mui-feedback.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/mui-feedback)
+[![Dependency Status](https://img.shields.io/librariesio/release/npm/@availity/mui-feedback?style=for-the-badge)](https://github.com/Availity/element/blob/main/packages/mui-feedback/package.json)
+
+## Documentation
+
+This package extends the MUI Feedback component: [MUI Feedback Docs](https://mui.com/components/feedback/)
+
+Live demo and documentation in our [Storybook](https://availity.github.io/element/?path=/docs/components-feedback-introduction--docs)
+
+Availity standards for design and usage can be found in the [Availity Design Guide](https://zeroheight.com/2e36e50c7)
+
+## Installation
+
+### Import Through @availity/element (Recommended)
+
+#### NPM
+
+```bash
+npm install @availity/element
+```
+
+#### Yarn
+
+```bash
+yarn add @availity/element
+```
+
+### Direct Import
+
+#### NPM
+
+_This package has a few peer dependencies. Add `@mui/material` & `@emotion/react` to your project if not already installed._
+
+```bash
+npm install @availity/mui-feedback
+```
+
+#### Yarn
+
+```bash
+yarn add @availity/mui-feedback
+```
+
+### Usage
+
+#### Import through @availity/element
+
+```tsx
+import { Feedback } from '@availity/element';
+```
+
+#### Direct import
+
+```tsx
+import { Feedback } from '@availity/mui-feedback';
+```

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+interface FeedbackProps {
+    analytics?: {
+        info: (entries: any) => any;
+    };
+    appName: string;
+}
+declare const Feedback: ({ analytics, appName }: FeedbackProps) => JSX.Element;
+
+export { Feedback, FeedbackProps };

package/dist/index.js

@@ -0,0 +1,582 @@
+"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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Feedback: () => Feedback
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/lib/Feedback.tsx
+var import_react5 = require("react");
+var import_mui_popover = require("@availity/mui-popover");
+var import_mui_button4 = require("@availity/mui-button");
+var import_material6 = require("@mui/material");
+var import_api_axios2 = require("@availity/api-axios");
+
+// src/lib/FeedbackForm.tsx
+var import_react3 = require("react");
+var import_mui_textfield = require("@availity/mui-textfield");
+var import_mui_button2 = require("@availity/mui-button");
+var import_mui_toggle_button = require("@availity/mui-toggle-button");
+var import_material3 = require("@mui/material");
+var import_mui_icon4 = require("@availity/mui-icon");
+
+// ../../node_modules/@availity/message-core/dist/index.mjs
+var __defProp2 = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _lastId;
+var AvMessage = class {
+  constructor() {
+    __publicField(this, "subscribers", {});
+    __publicField(this, "getEventData", (event) => {
+      const isSameWindow = event.source === window;
+      if (!this.isEnabled || !event || !event.data || !event.origin || !event.source || !this.isDomain(event.origin)) {
+        return;
+      }
+      let { data } = event;
+      if (typeof data === "string") {
+        try {
+          data = JSON.parse(data);
+        } catch {
+        }
+      }
+      if (typeof data === "string") {
+        event = data;
+        data = void 0;
+      } else {
+        event = data && data.event || this.DEFAULT_EVENT;
+      }
+      const metadata = { isSameWindow };
+      this.onMessage(event, data, metadata);
+    });
+    __privateAdd(this, _lastId, 0);
+    this.isEnabled = true;
+    this.DEFAULT_EVENT = "avMessage";
+    this.DOMAIN = /https?:\/\/([\w-]+\.)?availity\.(com|net)/;
+    window.addEventListener("message", this.getEventData);
+  }
+  enabled(value) {
+    if (arguments.length > 0) {
+      this.isEnabled = !!value;
+    }
+    return this.isEnabled;
+  }
+  subscribe(event, callback, options) {
+    var _a;
+    if (!this.subscribers[event]) {
+      this.subscribers[event] = [];
+    }
+    __privateSet(this, _lastId, __privateGet(this, _lastId) + 1);
+    const id = __privateGet(this, _lastId);
+    const ignoreSameWindow = (_a = options == null ? void 0 : options.ignoreSameWindow) != null ? _a : true;
+    const subscriber = { id, callback, options: { ignoreSameWindow } };
+    this.subscribers[event].push(subscriber);
+    return () => {
+      this.subscribers[event] = this.subscribers[event].filter((subscriber2) => subscriber2.id !== id);
+    };
+  }
+  unsubscribe(event) {
+    delete this.subscribers[event];
+  }
+  unsubscribeAll() {
+    this.subscribers = {};
+  }
+  onMessage(event, data, metadata) {
+    const { isSameWindow } = metadata;
+    if (this.subscribers[event]) {
+      for (const subscriber of this.subscribers[event]) {
+        const { ignoreSameWindow } = subscriber.options;
+        const skip = isSameWindow && ignoreSameWindow;
+        if (!skip) {
+          subscriber.callback(data);
+        }
+      }
+    }
+  }
+  isDomain(url) {
+    return !this.DOMAIN.test(this.domain()) || this.DOMAIN.test(url);
+  }
+  domain() {
+    if (window.location.origin) {
+      return window.location.origin;
+    }
+    if (window.location.hostname) {
+      return `${window.location.protocol}//${window.location.hostname}${window.location.port ? `:${window.location.port}` : ""}`;
+    }
+    return "*";
+  }
+  send(payload, target = window.top) {
+    if (!this.isEnabled || !payload) {
+      return;
+    }
+    try {
+      const message = typeof payload === "string" ? payload : JSON.stringify(payload);
+      target.postMessage(message, this.domain());
+    } catch (error) {
+      console.warn("AvMessage.send()", error);
+    }
+  }
+};
+_lastId = /* @__PURE__ */ new WeakMap();
+var AvMessage_default = AvMessage;
+var src_default = new AvMessage_default();
+
+// ../form-utils/src/lib/FieldHelpIcon.tsx
+var import_mui_icon = require("@availity/mui-icon");
+var import_mui_button = require("@availity/mui-button");
+var import_jsx_runtime = require("react/jsx-runtime");
+var triggerFieldHelp = (id) => {
+  src_default.send({
+    event: "nav:help:field",
+    id
+  });
+};
+var FieldHelpIcon = ({ helpTopicId, labelId, sx, ...rest }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.IconButton, {
+    ...rest,
+    color: "primary",
+    title: "Help",
+    role: "link",
+    onClick: () => triggerFieldHelp(helpTopicId),
+    "aria-describedby": labelId,
+    size: "small",
+    sx: { ...sx, padding: 0.5, fontSize: "inherit", marginTop: "-2px", opacity: 1 },
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.HelpCircleIcon, {
+      "aria-hidden": true,
+      titleAccess: void 0
+    })
+  });
+};
+
+// ../form-utils/src/lib/FormControlLabel.tsx
+var import_react = require("react");
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FormControlLabel = (0, import_react.forwardRef)(({ helpTopicId, id, ...rest }, ref) => {
+  const labelId = id || (rest.htmlFor ? `${rest.htmlFor}-label` : void 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Box, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.FormControlLabel, {
+        id: labelId,
+        ...rest,
+        ref
+      }),
+      helpTopicId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldHelpIcon, {
+        helpTopicId: "12345",
+        labelId
+      }) : null
+    ]
+  });
+});
+
+// ../form-utils/src/lib/FormHelperText.tsx
+var import_FormHelperText = __toESM(require("@mui/material/FormHelperText"));
+var import_mui_icon2 = require("@availity/mui-icon");
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// ../form-utils/src/lib/FormLabel.tsx
+var import_react2 = require("react");
+var import_material2 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Children = (0, import_material2.styled)("span", {
+  name: "MuiFormLabel",
+  slot: "Children",
+  overridesResolver: (props, styles) => styles.children
+})({});
+var StyleOverrides = {
+  position: "relative !important",
+  transform: "none !important",
+  transition: "none !important",
+  animation: "none !important"
+};
+var FormLabel = (0, import_react2.forwardRef)((props, ref) => {
+  const { children, helpTopicId, id, sx, ...rest } = props;
+  const labelId = id || (rest.htmlFor ? `${rest.htmlFor}-label` : void 0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material2.Box, {
+    display: "flex",
+    flexDirection: "row",
+    sx,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material2.FormLabel, {
+        id: labelId,
+        sx: { ...StyleOverrides },
+        ...rest,
+        ref,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children, {
+          className: "MuiFormLabel-children",
+          children
+        })
+      }),
+      helpTopicId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldHelpIcon, {
+        helpTopicId,
+        labelId,
+        sx: { px: 0.5 }
+      }) : null
+    ]
+  });
+});
+
+// ../form-utils/src/lib/Input.tsx
+var import_OutlinedInput = __toESM(require("@mui/material/OutlinedInput"));
+var import_InputAdornment = __toESM(require("@mui/material/InputAdornment"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var InputPropOverrides = {
+  notched: false
+};
+
+// ../form-utils/src/lib/Select.tsx
+var import_Select = __toESM(require("@mui/material/Select"));
+var import_Divider = __toESM(require("@mui/material/Divider"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_mui_icon3 = require("@availity/mui-icon");
+var import_jsx_runtime = require("react/jsx-runtime");
+var InnerEndAdornment = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Stack.default, {
+  ...args,
+  direction: "row",
+  spacing: 1,
+  height: "100%",
+  paddingY: ".5rem",
+  top: "unset!important",
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Divider.default, {
+      orientation: "vertical"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon3.ExpandIcon, {
+      sx: { position: "relative", top: "calc(50% - .5rem)" }
+    })
+  ]
+});
+var SelectPropOverrides = {
+  IconComponent: InnerEndAdornment,
+  ...InputPropOverrides
+};
+
+// src/lib/FeedbackForm.tsx
+var import_api_axios = require("@availity/api-axios");
+var import_react_hook_form = require("react-hook-form");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SmileButtons = (0, import_material3.styled)(import_mui_toggle_button.ToggleButtonGroup, { name: "AvFeedbackContainer", slot: "SmileButtons" })({});
+var SmileButton = ({ disabled, Icon, label, value, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_toggle_button.ToggleButton, {
+    "aria-label": value,
+    value,
+    ...props,
+    disabled,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+      fontSize: "large"
+    })
+  })
+});
+var FeedbackForm = ({
+  analytics,
+  appName,
+  handleClose,
+  loading,
+  sent,
+  setLoading,
+  setSent
+}) => {
+  var _a;
+  const {
+    control,
+    formState: { errors },
+    handleSubmit,
+    register,
+    setValue,
+    watch
+  } = (0, import_react_hook_form.useForm)();
+  const onSubmit = async ({ smileField, ...values }) => {
+    setLoading(true);
+    try {
+      const response = await import_api_axios.avRegionsApi.getCurrentRegion();
+      await analytics.info({
+        surveyId: `${appName.replace(/\s/g, "_")}_Smile_Survey`,
+        smileLocation: `${appName}`,
+        smile: `icon-${smileField}`,
+        url: window.location.href,
+        region: response.data.regions[0] && response.data.regions[0].id,
+        userAgent: window.navigator.userAgent,
+        submitTime: new Date(),
+        ...values
+      });
+      setSent(true);
+      setLoading(false);
+    } catch {
+      setSent(false);
+      setLoading(false);
+    }
+  };
+  (0, import_react3.useEffect)(() => {
+    if (sent) {
+      setTimeout(() => {
+        handleClose();
+      }, 2e3);
+    }
+  }, [sent]);
+  const options = [
+    {
+      Icon: import_mui_icon4.FaceSmileIcon,
+      label: "What do you like?",
+      value: "smile"
+    },
+    {
+      Icon: import_mui_icon4.FaceNeutralIcon,
+      label: "What would you improve?",
+      value: "meh"
+    },
+    { Icon: import_mui_icon4.FaceFrownIcon, label: "What don't you like?", value: "frown" }
+  ];
+  const getFeedbackLabel = () => {
+    const smile = watch("smileField");
+    const option = options.find((option2) => option2.value === smile);
+    return (option == null ? void 0 : option.label) || "What would you improve?";
+  };
+  if (!sent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material3.Grid, {
+      component: "form",
+      container: true,
+      justifyContent: "center",
+      onSubmit: handleSubmit(onSubmit),
+      "aria-label": "Feedback Form",
+      "aria-describedby": "feedback-form-header",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, {
+          control,
+          name: "smileField",
+          render: ({ field }) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SmileButtons, {
+              children: options.map((props, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SmileButton, {
+                autoFocus: index === 0,
+                disabled: loading,
+                ...props
+              }, props.value)),
+              ...field,
+              "aria-labelledby": "feedback-form-header",
+              onChange: (event, value) => {
+                setValue(field.name, value);
+              },
+              size: "medium",
+              exclusive: true
+            });
+          }
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_textfield.TextField, {
+          ...register("feedback", {
+            required: "This field is required",
+            maxLength: { value: 200, message: "This field must not exceed 200 characters" }
+          }),
+          fullWidth: true,
+          multiline: true,
+          minRows: 3,
+          maxRows: 3,
+          label: getFeedbackLabel(),
+          inputProps: { "aria-required": "true" },
+          InputLabelProps: {
+            component: FormLabel,
+            required: true
+          },
+          helperText: ((_a = errors.feedback) == null ? void 0 : _a.message) || "Max 200 characters",
+          error: !!errors.feedback,
+          disabled: loading
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material3.Grid, {
+          container: true,
+          direction: "row",
+          marginTop: "16px",
+          spacing: 1,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material3.Grid, {
+              item: true,
+              xs: 6,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button2.Button, {
+                color: "secondary",
+                disabled: loading,
+                fullWidth: true,
+                onClick: handleClose,
+                children: "Cancel"
+              })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material3.Grid, {
+              item: true,
+              xs: 6,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button2.LoadingButton, {
+                disabled: !watch("smileField"),
+                fullWidth: true,
+                loading,
+                type: "submit",
+                variant: "contained",
+                children: "Send Feedback"
+              })
+            })
+          ]
+        })
+      ]
+    });
+  } else {
+    return null;
+  }
+};
+
+// src/lib/FeedbackHeader.tsx
+var import_mui_button3 = require("@availity/mui-button");
+var import_mui_icon5 = require("@availity/mui-icon");
+
+// ../typography/src/lib/Typography.tsx
+var import_react4 = require("react");
+var import_material4 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Typography = (0, import_react4.forwardRef)(
+  ({ children, ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material4.Typography, {
+      ...rest,
+      ref,
+      children
+    });
+  }
+);
+
+// src/lib/FeedbackHeader.tsx
+var import_material5 = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FeedbackHeader = ({ appName, handleClose, loading, sent }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material5.Grid, {
+    alignItems: "center",
+    container: true,
+    direction: "row",
+    marginBottom: !sent ? "8px" : "0px",
+    justifyContent: "space-between",
+    flexWrap: "nowrap",
+    id: "feedback-form-header",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material5.Grid, {
+        item: true,
+        whiteSpace: "normal",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Typography, {
+          component: "h2",
+          variant: "h5",
+          children: sent ? "Thank you for your feedback." : `Tell us what you think about ${appName}`
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material5.Grid, {
+        item: true,
+        marginRight: "-8px",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button3.IconButton, {
+          disabled: loading,
+          title: "Close",
+          onClick: handleClose,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon5.CloseIcon, {})
+        })
+      })
+    ]
+  });
+};
+
+// src/lib/Feedback.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var FeedbackContainer = (0, import_material6.styled)(import_material6.Container, { name: "AvFeedbackContainer", slot: "root" })({});
+var Feedback = ({ analytics = import_api_axios2.avLogMessagesApi, appName }) => {
+  const [anchorEl, setAnchorEl] = (0, import_react5.useState)(null);
+  const [sent, setSent] = (0, import_react5.useState)(false);
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const handlePopoverOpen = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handlePopoverClose = () => {
+    setAnchorEl(null);
+  };
+  const open = Boolean(anchorEl);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button4.Button, {
+        onClick: handlePopoverOpen,
+        color: "secondary",
+        size: "large",
+        children: "Give Feedback"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_popover.Popover, {
+        anchorEl,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        sx: { marginTop: "4px" },
+        disableRestoreFocus: true,
+        onClose: handlePopoverClose,
+        open,
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FeedbackContainer, {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackHeader, {
+              appName,
+              handleClose: handlePopoverClose,
+              loading,
+              sent
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackForm, {
+              analytics,
+              appName,
+              handleClose: handlePopoverClose,
+              loading,
+              sent,
+              setLoading,
+              setSent
+            })
+          ]
+        })
+      })
+    ]
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Feedback
+});