@notificationapi/react 1.4.1 → 1.5.0

package/dist/assets/WebPushOptInMessage.js

@@ -1,798 +1,24 @@
-import { jsx as r, jsxs as R } from "react/jsx-runtime";
-import * as I from "react";
-import { useContext as oo } from "react";
-import { NotificationAPIContext as to } from "../components/Provider/context.js";
-import { c as m } from "./createSvgIcon.js";
-import { g as G, a as _, s as S, h as i, m as Z, r as j, t as V, u as Y, c as L, P as t, f as q, v as eo, b as O, w as no } from "./DefaultPropsProvider.js";
-import { u as H, B as ao } from "./ButtonBase.js";
-import { c as P } from "./createSimplePaletteValueFilter.js";
-import { P as ro } from "./Paper.js";
-import { I as so } from "./IconButton.js";
-function io(o) {
-  return _("MuiAlert", o);
-}
-const F = G("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), lo = m(/* @__PURE__ */ r("path", {
-  d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
-}), "SuccessOutlined"), co = m(/* @__PURE__ */ r("path", {
-  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
-}), "ReportProblemOutlined"), po = m(/* @__PURE__ */ r("path", {
-  d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "ErrorOutline"), uo = m(/* @__PURE__ */ r("path", {
-  d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
-}), "InfoOutlined"), vo = m(/* @__PURE__ */ r("path", {
-  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Close"), go = (o) => {
-  const {
-    variant: n,
-    color: a,
-    severity: e,
-    classes: s
-  } = o, l = {
-    root: ["root", `color${i(a || e)}`, `${n}${i(a || e)}`, `${n}`],
-    icon: ["icon"],
-    message: ["message"],
-    action: ["action"]
-  };
-  return q(l, io, s);
-}, fo = S(ro, {
-  name: "MuiAlert",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: a
-    } = o;
-    return [n.root, n[a.variant], n[`${a.variant}${i(a.color || a.severity)}`]];
-  }
-})(Z(({
-  theme: o
-}) => {
-  const n = o.palette.mode === "light" ? j : V, a = o.palette.mode === "light" ? V : j;
-  return {
-    ...o.typography.body2,
-    backgroundColor: "transparent",
-    display: "flex",
-    padding: "6px 16px",
-    variants: [...Object.entries(o.palette).filter(P(["light"])).map(([e]) => ({
-      props: {
-        colorSeverity: e,
-        variant: "standard"
-      },
-      style: {
-        color: o.vars ? o.vars.palette.Alert[`${e}Color`] : n(o.palette[e].light, 0.6),
-        backgroundColor: o.vars ? o.vars.palette.Alert[`${e}StandardBg`] : a(o.palette[e].light, 0.9),
-        [`& .${F.icon}`]: o.vars ? {
-          color: o.vars.palette.Alert[`${e}IconColor`]
-        } : {
-          color: o.palette[e].main
-        }
-      }
-    })), ...Object.entries(o.palette).filter(P(["light"])).map(([e]) => ({
-      props: {
-        colorSeverity: e,
-        variant: "outlined"
-      },
-      style: {
-        color: o.vars ? o.vars.palette.Alert[`${e}Color`] : n(o.palette[e].light, 0.6),
-        border: `1px solid ${(o.vars || o).palette[e].light}`,
-        [`& .${F.icon}`]: o.vars ? {
-          color: o.vars.palette.Alert[`${e}IconColor`]
-        } : {
-          color: o.palette[e].main
-        }
-      }
-    })), ...Object.entries(o.palette).filter(P(["dark"])).map(([e]) => ({
-      props: {
-        colorSeverity: e,
-        variant: "filled"
-      },
-      style: {
-        fontWeight: o.typography.fontWeightMedium,
-        ...o.vars ? {
-          color: o.vars.palette.Alert[`${e}FilledColor`],
-          backgroundColor: o.vars.palette.Alert[`${e}FilledBg`]
-        } : {
-          backgroundColor: o.palette.mode === "dark" ? o.palette[e].dark : o.palette[e].main,
-          color: o.palette.getContrastText(o.palette[e].main)
-        }
-      }
-    }))]
-  };
-})), yo = S("div", {
-  name: "MuiAlert",
-  slot: "Icon",
-  overridesResolver: (o, n) => n.icon
-})({
-  marginRight: 12,
-  padding: "7px 0",
-  display: "flex",
-  fontSize: 22,
-  opacity: 0.9
-}), xo = S("div", {
-  name: "MuiAlert",
-  slot: "Message",
-  overridesResolver: (o, n) => n.message
-})({
-  padding: "8px 0",
-  minWidth: 0,
-  overflow: "auto"
-}), D = S("div", {
-  name: "MuiAlert",
-  slot: "Action",
-  overridesResolver: (o, n) => n.action
-})({
-  display: "flex",
-  alignItems: "flex-start",
-  padding: "4px 0 0 16px",
-  marginLeft: "auto",
-  marginRight: -8
-}), U = {
-  success: /* @__PURE__ */ r(lo, {
-    fontSize: "inherit"
-  }),
-  warning: /* @__PURE__ */ r(co, {
-    fontSize: "inherit"
-  }),
-  error: /* @__PURE__ */ r(po, {
-    fontSize: "inherit"
-  }),
-  info: /* @__PURE__ */ r(uo, {
-    fontSize: "inherit"
-  })
-}, J = /* @__PURE__ */ I.forwardRef(function(n, a) {
-  const e = Y({
-    props: n,
-    name: "MuiAlert"
-  }), {
-    action: s,
-    children: l,
-    className: d,
-    closeText: u = "Close",
-    color: c,
-    components: v = {},
-    componentsProps: h = {},
-    icon: g,
-    iconMapping: B = U,
-    onClose: f,
-    role: w = "alert",
-    severity: C = "success",
-    slotProps: A = {},
-    slots: T = {},
-    variant: $ = "standard",
-    ...M
-  } = e, p = {
-    ...e,
-    color: c,
-    severity: C,
-    variant: $,
-    colorSeverity: c || C
-  }, y = go(p), x = {
-    slots: {
-      closeButton: v.CloseButton,
-      closeIcon: v.CloseIcon,
-      ...T
-    },
-    slotProps: {
-      ...h,
-      ...A
-    }
-  }, [b, N] = H("closeButton", {
-    elementType: so,
-    externalForwardedProps: x,
-    ownerState: p
-  }), [E, W] = H("closeIcon", {
-    elementType: vo,
-    externalForwardedProps: x,
-    ownerState: p
-  });
-  return /* @__PURE__ */ R(fo, {
-    role: w,
-    elevation: 0,
-    ownerState: p,
-    className: L(y.root, d),
-    ref: a,
-    ...M,
-    children: [g !== !1 ? /* @__PURE__ */ r(yo, {
-      ownerState: p,
-      className: y.icon,
-      children: g || B[C] || U[C]
-    }) : null, /* @__PURE__ */ r(xo, {
-      ownerState: p,
-      className: y.message,
-      children: l
-    }), s != null ? /* @__PURE__ */ r(D, {
-      ownerState: p,
-      className: y.action,
-      children: s
-    }) : null, s == null && f ? /* @__PURE__ */ r(D, {
-      ownerState: p,
-      className: y.action,
-      children: /* @__PURE__ */ r(b, {
-        size: "small",
-        "aria-label": u,
-        title: u,
-        color: "inherit",
-        onClick: f,
-        ...N,
-        children: /* @__PURE__ */ r(E, {
-          fontSize: "small",
-          ...W
-        })
-      })
-    }) : null]
-  });
-});
-process.env.NODE_ENV !== "production" && (J.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The action to display. It renders after the message, at the end of the alert.
-   */
-  action: t.node,
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * Override the default label for the *close popup* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
-   * @default 'Close'
-   */
-  closeText: t.string,
-  /**
-   * The color of the component. Unless provided, the value is taken from the `severity` prop.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   */
-  color: t.oneOfType([t.oneOf(["error", "info", "success", "warning"]), t.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: t.shape({
-    CloseButton: t.elementType,
-    CloseIcon: t.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: t.shape({
-    closeButton: t.object,
-    closeIcon: t.object
-  }),
-  /**
-   * Override the icon displayed before the children.
-   * Unless provided, the icon is mapped to the value of the `severity` prop.
-   * Set to `false` to remove the `icon`.
-   */
-  icon: t.node,
-  /**
-   * The component maps the `severity` prop to a range of different icons,
-   * for instance success to `<SuccessOutlined>`.
-   * If you wish to change this mapping, you can provide your own.
-   * Alternatively, you can use the `icon` prop to override the icon displayed.
-   */
-  iconMapping: t.shape({
-    error: t.node,
-    info: t.node,
-    success: t.node,
-    warning: t.node
-  }),
-  /**
-   * Callback fired when the component requests to be closed.
-   * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   */
-  onClose: t.func,
-  /**
-   * The ARIA role attribute of the element.
-   * @default 'alert'
-   */
-  role: t.string,
-  /**
-   * The severity of the alert. This defines the color and icon used.
-   * @default 'success'
-   */
-  severity: t.oneOfType([t.oneOf(["error", "info", "success", "warning"]), t.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: t.shape({
-    closeButton: t.oneOfType([t.func, t.object]),
-    closeIcon: t.oneOfType([t.func, t.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: t.shape({
-    closeButton: t.elementType,
-    closeIcon: t.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * The variant to use.
-   * @default 'standard'
-   */
-  variant: t.oneOfType([t.oneOf(["filled", "outlined", "standard"]), t.string])
-});
-function bo(o) {
-  return _("MuiButton", o);
-}
-const z = G("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), K = /* @__PURE__ */ I.createContext({});
-process.env.NODE_ENV !== "production" && (K.displayName = "ButtonGroupContext");
-const Q = /* @__PURE__ */ I.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Q.displayName = "ButtonGroupButtonContext");
-const So = (o) => {
-  const {
-    color: n,
-    disableElevation: a,
-    fullWidth: e,
-    size: s,
-    variant: l,
-    classes: d
-  } = o, u = {
-    root: ["root", l, `${l}${i(n)}`, `size${i(s)}`, `${l}Size${i(s)}`, `color${i(n)}`, a && "disableElevation", e && "fullWidth"],
-    label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${i(s)}`],
-    endIcon: ["icon", "endIcon", `iconSize${i(s)}`]
-  }, c = q(u, bo, d);
-  return {
-    ...d,
-    // forward the focused, disabled, etc. classes to the ButtonBase
-    ...c
-  };
-}, X = [{
-  props: {
-    size: "small"
-  },
-  style: {
-    "& > *:nth-of-type(1)": {
-      fontSize: 18
-    }
-  }
-}, {
-  props: {
-    size: "medium"
-  },
-  style: {
-    "& > *:nth-of-type(1)": {
-      fontSize: 20
-    }
-  }
-}, {
-  props: {
-    size: "large"
-  },
-  style: {
-    "& > *:nth-of-type(1)": {
-      fontSize: 22
-    }
-  }
-}], Co = S(ao, {
-  shouldForwardProp: (o) => eo(o) || o === "classes",
-  name: "MuiButton",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: a
-    } = o;
-    return [n.root, n[a.variant], n[`${a.variant}${i(a.color)}`], n[`size${i(a.size)}`], n[`${a.variant}Size${i(a.size)}`], a.color === "inherit" && n.colorInherit, a.disableElevation && n.disableElevation, a.fullWidth && n.fullWidth];
-  }
-})(Z(({
-  theme: o
-}) => {
-  const n = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], a = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
-  return {
-    ...o.typography.button,
-    minWidth: 64,
-    padding: "6px 16px",
-    border: 0,
-    borderRadius: (o.vars || o).shape.borderRadius,
-    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
-      duration: o.transitions.duration.short
-    }),
-    "&:hover": {
-      textDecoration: "none"
-    },
-    [`&.${z.disabled}`]: {
-      color: (o.vars || o).palette.action.disabled
-    },
-    variants: [{
-      props: {
-        variant: "contained"
-      },
-      style: {
-        color: "var(--variant-containedColor)",
-        backgroundColor: "var(--variant-containedBg)",
-        boxShadow: (o.vars || o).shadows[2],
-        "&:hover": {
-          boxShadow: (o.vars || o).shadows[4],
-          // Reset on touch devices, it doesn't add specificity
-          "@media (hover: none)": {
-            boxShadow: (o.vars || o).shadows[2]
-          }
-        },
-        "&:active": {
-          boxShadow: (o.vars || o).shadows[8]
-        },
-        [`&.${z.focusVisible}`]: {
-          boxShadow: (o.vars || o).shadows[6]
-        },
-        [`&.${z.disabled}`]: {
-          color: (o.vars || o).palette.action.disabled,
-          boxShadow: (o.vars || o).shadows[0],
-          backgroundColor: (o.vars || o).palette.action.disabledBackground
-        }
-      }
-    }, {
-      props: {
-        variant: "outlined"
-      },
-      style: {
-        padding: "5px 15px",
-        border: "1px solid currentColor",
-        borderColor: "var(--variant-outlinedBorder, currentColor)",
-        backgroundColor: "var(--variant-outlinedBg)",
-        color: "var(--variant-outlinedColor)",
-        [`&.${z.disabled}`]: {
-          border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-        }
-      }
-    }, {
-      props: {
-        variant: "text"
-      },
-      style: {
-        padding: "6px 8px",
-        color: "var(--variant-textColor)",
-        backgroundColor: "var(--variant-textBg)"
-      }
-    }, ...Object.entries(o.palette).filter(P()).map(([e]) => ({
-      props: {
-        color: e
-      },
-      style: {
-        "--variant-textColor": (o.vars || o).palette[e].main,
-        "--variant-outlinedColor": (o.vars || o).palette[e].main,
-        "--variant-outlinedBorder": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / 0.5)` : O(o.palette[e].main, 0.5),
-        "--variant-containedColor": (o.vars || o).palette[e].contrastText,
-        "--variant-containedBg": (o.vars || o).palette[e].main,
-        "@media (hover: hover)": {
-          "&:hover": {
-            "--variant-containedBg": (o.vars || o).palette[e].dark,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette[e].main, o.palette.action.hoverOpacity),
-            "--variant-outlinedBorder": (o.vars || o).palette[e].main,
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette[e].main, o.palette.action.hoverOpacity)
-          }
-        }
-      }
-    })), {
-      props: {
-        color: "inherit"
-      },
-      style: {
-        color: "inherit",
-        borderColor: "currentColor",
-        "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedBg : n,
-        "@media (hover: hover)": {
-          "&:hover": {
-            "--variant-containedBg": o.vars ? o.vars.palette.Button.inheritContainedHoverBg : a,
-            "--variant-textBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette.text.primary, o.palette.action.hoverOpacity),
-            "--variant-outlinedBg": o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : O(o.palette.text.primary, o.palette.action.hoverOpacity)
-          }
-        }
-      }
-    }, {
-      props: {
-        size: "small",
-        variant: "text"
-      },
-      style: {
-        padding: "4px 5px",
-        fontSize: o.typography.pxToRem(13)
-      }
-    }, {
-      props: {
-        size: "large",
-        variant: "text"
-      },
-      style: {
-        padding: "8px 11px",
-        fontSize: o.typography.pxToRem(15)
-      }
-    }, {
-      props: {
-        size: "small",
-        variant: "outlined"
-      },
-      style: {
-        padding: "3px 9px",
-        fontSize: o.typography.pxToRem(13)
-      }
-    }, {
-      props: {
-        size: "large",
-        variant: "outlined"
-      },
-      style: {
-        padding: "7px 21px",
-        fontSize: o.typography.pxToRem(15)
-      }
-    }, {
-      props: {
-        size: "small",
-        variant: "contained"
-      },
-      style: {
-        padding: "4px 10px",
-        fontSize: o.typography.pxToRem(13)
-      }
-    }, {
-      props: {
-        size: "large",
-        variant: "contained"
-      },
-      style: {
-        padding: "8px 22px",
-        fontSize: o.typography.pxToRem(15)
-      }
-    }, {
-      props: {
-        disableElevation: !0
-      },
-      style: {
-        boxShadow: "none",
-        "&:hover": {
-          boxShadow: "none"
-        },
-        [`&.${z.focusVisible}`]: {
-          boxShadow: "none"
-        },
-        "&:active": {
-          boxShadow: "none"
-        },
-        [`&.${z.disabled}`]: {
-          boxShadow: "none"
-        }
-      }
-    }, {
-      props: {
-        fullWidth: !0
-      },
-      style: {
-        width: "100%"
-      }
-    }]
-  };
-})), zo = S("span", {
-  name: "MuiButton",
-  slot: "StartIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: a
-    } = o;
-    return [n.startIcon, n[`iconSize${i(a.size)}`]];
-  }
-})({
-  display: "inherit",
-  marginRight: 8,
-  marginLeft: -4,
-  variants: [{
-    props: {
-      size: "small"
-    },
-    style: {
-      marginLeft: -2
-    }
-  }, ...X]
-}), Io = S("span", {
-  name: "MuiButton",
-  slot: "EndIcon",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: a
-    } = o;
-    return [n.endIcon, n[`iconSize${i(a.size)}`]];
-  }
-})({
-  display: "inherit",
-  marginRight: -4,
-  marginLeft: 8,
-  variants: [{
-    props: {
-      size: "small"
-    },
-    style: {
-      marginRight: -2
-    }
-  }, ...X]
-}), k = /* @__PURE__ */ I.forwardRef(function(n, a) {
-  const e = I.useContext(K), s = I.useContext(Q), l = no(e, n), d = Y({
-    props: l,
-    name: "MuiButton"
-  }), {
-    children: u,
-    color: c = "primary",
-    component: v = "button",
-    className: h,
-    disabled: g = !1,
-    disableElevation: B = !1,
-    disableFocusRipple: f = !1,
-    endIcon: w,
-    focusVisibleClassName: C,
-    fullWidth: A = !1,
-    size: T = "medium",
-    startIcon: $,
-    type: M,
-    variant: p = "text",
-    ...y
-  } = d, x = {
-    ...d,
-    color: c,
-    component: v,
-    disabled: g,
-    disableElevation: B,
-    disableFocusRipple: f,
-    fullWidth: A,
-    size: T,
-    type: M,
-    variant: p
-  }, b = So(x), N = $ && /* @__PURE__ */ r(zo, {
-    className: b.startIcon,
-    ownerState: x,
-    children: $
-  }), E = w && /* @__PURE__ */ r(Io, {
-    className: b.endIcon,
-    ownerState: x,
-    children: w
-  }), W = s || "";
-  return /* @__PURE__ */ R(Co, {
-    ownerState: x,
-    className: L(e.className, b.root, h, W),
-    component: v,
-    disabled: g,
-    focusRipple: !f,
-    focusVisibleClassName: L(b.focusVisible, C),
-    ref: a,
-    type: M,
-    ...y,
-    classes: b,
-    children: [N, u, E]
-  });
-});
-process.env.NODE_ENV !== "production" && (k.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: t.oneOfType([t.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), t.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: t.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: t.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: t.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: t.bool,
-  /**
-   * Element placed after the children.
-   */
-  endIcon: t.node,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: t.string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: t.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: t.string,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
-  /**
-   * Element placed before the children.
-   */
-  startIcon: t.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * @ignore
-   */
-  type: t.oneOfType([t.oneOf(["button", "reset", "submit"]), t.string]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
-});
-const mo = m(/* @__PURE__ */ r("path", {
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useContext as g } from "react";
+import { NotificationAPIContext as x } from "../components/Provider/context.js";
+import { c as S } from "./createSvgIcon.js";
+import { A as C, B as o } from "./Button.js";
+const b = S(/* @__PURE__ */ t("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56m2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z"
-}), "LanguageOutlined"), To = ({
-  hideAfterInteraction: o,
-  alertContainerStyle: n,
-  descriptionStyle: a,
-  buttonContainerStyle: e,
-  yesButtonStyle: s,
-  cancelButtonStyle: l,
-  description: d,
+}), "LanguageOutlined"), P = ({
+  hideAfterInteraction: n,
+  alertContainerStyle: i,
+  descriptionStyle: c,
+  buttonContainerStyle: l,
+  yesButtonStyle: a,
+  cancelButtonStyle: r,
+  description: p,
   icon: u
 }) => {
-  const c = oo(to);
-  if (!c)
+  const e = g(x);
+  if (!e)
     return null;
-  const v = {
+  const d = {
     marginBottom: "10px",
     borderRadius: "5px",
     padding: "10px",
@@ -803,7 +29,7 @@ const mo = m(/* @__PURE__ */ r("path", {
     display: "flex",
     alignItems: "center",
     // Align items vertically
-    ...n
+    ...i
   }, h = {
     display: "flex",
     justifyContent: "space-between",
@@ -811,45 +37,45 @@ const mo = m(/* @__PURE__ */ r("path", {
     // Align items vertically
     fontSize: "12px",
     width: "100%",
-    ...a
-  }, g = {
+    ...c
+  }, y = {
     display: "flex",
     alignItems: "center",
-    ...e
-  }, B = {
+    ...l
+  }, m = {
     marginLeft: "10px",
     marginRight: "10px",
     fontSize: "10px",
-    ...s
+    ...a
   }, f = {
     fontSize: "10px",
-    ...l
+    ...r
   };
-  return /* @__PURE__ */ r(
-    J,
+  return /* @__PURE__ */ t(
+    C,
     {
       severity: "info",
-      icon: u ?? /* @__PURE__ */ r(mo, { type: "text" }),
-      style: v,
-      children: /* @__PURE__ */ R("div", { style: h, children: [
-        /* @__PURE__ */ r("span", { children: d ?? "Would you like to enable web push notifications to stay updated?" }),
-        /* @__PURE__ */ R("div", { style: g, children: [
-          /* @__PURE__ */ r(
-            k,
+      icon: u ?? /* @__PURE__ */ t(b, { type: "text" }),
+      style: d,
+      children: /* @__PURE__ */ s("div", { style: h, children: [
+        /* @__PURE__ */ t("span", { children: p ?? "Would you like to enable web push notifications to stay updated?" }),
+        /* @__PURE__ */ s("div", { style: y, children: [
+          /* @__PURE__ */ t(
+            o,
             {
-              style: B,
+              style: m,
               onClick: () => {
-                o && localStorage.setItem("hideWebPushOptInMessage", "true"), c.setWebPushOptIn(!0), c.setWebPushOptInMessage(!1);
+                n && localStorage.setItem("hideWebPushOptInMessage", "true"), e.setWebPushOptIn(!0), e.setWebPushOptInMessage(!1);
               },
               children: "Yes"
             }
           ),
-          /* @__PURE__ */ r(
-            k,
+          /* @__PURE__ */ t(
+            o,
             {
               style: f,
               onClick: () => {
-                o && localStorage.setItem("hideWebPushOptInMessage", "true"), c.setWebPushOptInMessage(!1);
+                n && localStorage.setItem("hideWebPushOptInMessage", "true"), e.setWebPushOptInMessage(!1);
               },
               children: "No"
             }
@@ -860,6 +86,6 @@ const mo = m(/* @__PURE__ */ r("path", {
   );
 };
 export {
-  mo as L,
-  To as W
+  b as L,
+  P as W
 };