@notificationapi/react 0.0.33 → 0.0.35

package/dist/assets/PurePanel.js

@@ -1,69 +1,59 @@
-import { a as R } from "./presets.js";
 import * as e from "react";
-import { I as w } from "./AntdIcon.js";
-import { u as E } from "./index3.js";
-import { C as y, a as I } from "./colors.js";
-var j = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, z = function(s, l) {
-  return /* @__PURE__ */ e.createElement(w, R({}, s, {
-    ref: l,
-    icon: j
-  }));
-}, S = /* @__PURE__ */ e.forwardRef(z);
-process.env.NODE_ENV !== "production" && (S.displayName = "CloseOutlined");
-function L(n) {
-  return (s) => /* @__PURE__ */ e.createElement(y, {
+import { u as x } from "./compact-item.js";
+import { C as j, a as w } from "./reactNode.js";
+function y(n) {
+  return (i) => /* @__PURE__ */ e.createElement(j, {
     theme: {
       token: {
         motion: !1,
         zIndexPopupBase: 0
       }
     }
-  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, s)));
+  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, i)));
 }
-const M = (n, s, l, W) => L((r) => {
+const W = (n, i, R, z) => y((r) => {
   const {
-    prefixCls: f,
-    style: p
-  } = r, a = e.useRef(null), [m, g] = e.useState(0), [v, C] = e.useState(0), [c, P] = E(!1, {
+    prefixCls: p,
+    style: f
+  } = r, o = e.useRef(null), [d, g] = e.useState(0), [m, P] = e.useState(0), [a, v] = x(!1, {
     value: r.open
   }), {
-    getPrefixCls: O
-  } = e.useContext(I), h = O("select", f);
+    getPrefixCls: C
+  } = e.useContext(w), b = C("select", p);
   e.useEffect(() => {
-    if (P(!0), typeof ResizeObserver < "u") {
-      const i = new ResizeObserver((t) => {
-        const o = t[0].target;
-        g(o.offsetHeight + 8), C(o.offsetWidth);
-      }), u = setInterval(() => {
+    if (v(!0), typeof ResizeObserver < "u") {
+      const l = new ResizeObserver((t) => {
+        const s = t[0].target;
+        g(s.offsetHeight + 8), P(s.offsetWidth);
+      }), c = setInterval(() => {
         var t;
-        const o = `.${h}-dropdown`, d = (t = a.current) === null || t === void 0 ? void 0 : t.querySelector(o);
-        d && (clearInterval(u), i.observe(d));
+        const s = `.${b}-dropdown`, u = (t = o.current) === null || t === void 0 ? void 0 : t.querySelector(s);
+        u && (clearInterval(c), l.observe(u));
       }, 10);
       return () => {
-        clearInterval(u), i.disconnect();
+        clearInterval(c), l.disconnect();
       };
     }
   }, []);
-  let b = Object.assign(Object.assign({}, r), {
-    style: Object.assign(Object.assign({}, p), {
+  let h = Object.assign(Object.assign({}, r), {
+    style: Object.assign(Object.assign({}, f), {
       margin: 0
     }),
-    open: c,
-    visible: c,
-    getPopupContainer: () => a.current
+    open: a,
+    visible: a,
+    getPopupContainer: () => o.current
   });
-  const x = {
-    paddingBottom: m,
+  const O = {
+    paddingBottom: d,
     position: "relative",
-    minWidth: v
+    minWidth: m
   };
   return /* @__PURE__ */ e.createElement("div", {
-    ref: a,
-    style: x
-  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, b)));
+    ref: o,
+    style: O
+  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, h)));
 });
 export {
-  S as R,
-  M as g,
-  L as w
+  W as g,
+  y as w
 };

package/dist/assets/WebPushOptInMessage.js

@@ -0,0 +1,478 @@
+import { jsx as S, jsxs as P } from "react/jsx-runtime";
+import * as i from "react";
+import { useContext as ie } from "react";
+import { NotificationAPIContext as le } from "../components/Provider/index.js";
+import { a as $, c as z } from "./presets.js";
+import { I as E } from "./AntdIcon.js";
+import { R as ce } from "./compact-item.js";
+import { R as se } from "./CloseOutlined.js";
+import { g as ae, r as de, u as V, f as ue, a as pe, e as me, i as fe, j as ge, k as _, l as ve, n as ye, o as Ce, _ as he, b as be } from "./reactNode.js";
+import { p as Ie } from "./pickAttrs.js";
+import { B as H } from "./button.js";
+var Se = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, name: "check-circle", theme: "filled" }, xe = function(e, n) {
+  return /* @__PURE__ */ i.createElement(E, $({}, e, {
+    ref: n,
+    icon: Se
+  }));
+}, k = /* @__PURE__ */ i.forwardRef(xe);
+process.env.NODE_ENV !== "production" && (k.displayName = "CheckCircleFilled");
+var $e = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "exclamation-circle", theme: "filled" }, Ee = function(e, n) {
+  return /* @__PURE__ */ i.createElement(E, $({}, e, {
+    ref: n,
+    icon: $e
+  }));
+}, D = /* @__PURE__ */ i.forwardRef(Ee);
+process.env.NODE_ENV !== "production" && (D.displayName = "ExclamationCircleFilled");
+var ze = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "info-circle", theme: "filled" }, Ne = function(e, n) {
+  return /* @__PURE__ */ i.createElement(E, $({}, e, {
+    ref: n,
+    icon: ze
+  }));
+}, W = /* @__PURE__ */ i.forwardRef(Ne);
+process.env.NODE_ENV !== "production" && (W.displayName = "InfoCircleFilled");
+const x = (o, e, n, t, l) => ({
+  background: o,
+  border: `${V(t.lineWidth)} ${t.lineType} ${e}`,
+  [`${l}-icon`]: {
+    color: n
+  }
+}), we = (o) => {
+  const {
+    componentCls: e,
+    motionDurationSlow: n,
+    marginXS: t,
+    marginSM: l,
+    fontSize: c,
+    fontSizeLG: a,
+    lineHeight: p,
+    borderRadiusLG: d,
+    motionEaseInOutCirc: m,
+    withDescriptionIconSize: v,
+    colorText: y,
+    colorTextHeading: C,
+    withDescriptionPadding: h,
+    defaultPadding: s
+  } = o;
+  return {
+    [e]: Object.assign(Object.assign({}, de(o)), {
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      padding: s,
+      wordWrap: "break-word",
+      borderRadius: d,
+      [`&${e}-rtl`]: {
+        direction: "rtl"
+      },
+      [`${e}-content`]: {
+        flex: 1,
+        minWidth: 0
+      },
+      [`${e}-icon`]: {
+        marginInlineEnd: t,
+        lineHeight: 0
+      },
+      "&-description": {
+        display: "none",
+        fontSize: c,
+        lineHeight: p
+      },
+      "&-message": {
+        color: C
+      },
+      [`&${e}-motion-leave`]: {
+        overflow: "hidden",
+        opacity: 1,
+        transition: `max-height ${n} ${m}, opacity ${n} ${m},
+        padding-top ${n} ${m}, padding-bottom ${n} ${m},
+        margin-bottom ${n} ${m}`
+      },
+      [`&${e}-motion-leave-active`]: {
+        maxHeight: 0,
+        marginBottom: "0 !important",
+        paddingTop: 0,
+        paddingBottom: 0,
+        opacity: 0
+      }
+    }),
+    [`${e}-with-description`]: {
+      alignItems: "flex-start",
+      padding: h,
+      [`${e}-icon`]: {
+        marginInlineEnd: l,
+        fontSize: v,
+        lineHeight: 0
+      },
+      [`${e}-message`]: {
+        display: "block",
+        marginBottom: t,
+        color: C,
+        fontSize: a
+      },
+      [`${e}-description`]: {
+        display: "block",
+        color: y
+      }
+    },
+    [`${e}-banner`]: {
+      marginBottom: 0,
+      border: "0 !important",
+      borderRadius: 0
+    }
+  };
+}, Oe = (o) => {
+  const {
+    componentCls: e,
+    colorSuccess: n,
+    colorSuccessBorder: t,
+    colorSuccessBg: l,
+    colorWarning: c,
+    colorWarningBorder: a,
+    colorWarningBg: p,
+    colorError: d,
+    colorErrorBorder: m,
+    colorErrorBg: v,
+    colorInfo: y,
+    colorInfoBorder: C,
+    colorInfoBg: h
+  } = o;
+  return {
+    [e]: {
+      "&-success": x(l, t, n, o, e),
+      "&-info": x(h, C, y, o, e),
+      "&-warning": x(p, a, c, o, e),
+      "&-error": Object.assign(Object.assign({}, x(v, m, d, o, e)), {
+        [`${e}-description > pre`]: {
+          margin: 0,
+          padding: 0
+        }
+      })
+    }
+  };
+}, Me = (o) => {
+  const {
+    componentCls: e,
+    iconCls: n,
+    motionDurationMid: t,
+    marginXS: l,
+    fontSizeIcon: c,
+    colorIcon: a,
+    colorIconHover: p
+  } = o;
+  return {
+    [e]: {
+      "&-action": {
+        marginInlineStart: l
+      },
+      [`${e}-close-icon`]: {
+        marginInlineStart: l,
+        padding: 0,
+        overflow: "hidden",
+        fontSize: c,
+        lineHeight: V(c),
+        backgroundColor: "transparent",
+        border: "none",
+        outline: "none",
+        cursor: "pointer",
+        [`${n}-close`]: {
+          color: a,
+          transition: `color ${t}`,
+          "&:hover": {
+            color: p
+          }
+        }
+      },
+      "&-close-text": {
+        color: a,
+        transition: `color ${t}`,
+        "&:hover": {
+          color: p
+        }
+      }
+    }
+  };
+}, Be = (o) => ({
+  withDescriptionIconSize: o.fontSizeHeading3,
+  defaultPadding: `${o.paddingContentVerticalSM}px 12px`,
+  withDescriptionPadding: `${o.paddingMD}px ${o.paddingContentHorizontalLG}px`
+}), Re = ae("Alert", (o) => [we(o), Oe(o), Me(o)], Be);
+var j = function(o, e) {
+  var n = {};
+  for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && e.indexOf(t) < 0 && (n[t] = o[t]);
+  if (o != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, t = Object.getOwnPropertySymbols(o); l < t.length; l++)
+    e.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(o, t[l]) && (n[t[l]] = o[t[l]]);
+  return n;
+};
+const Pe = {
+  success: k,
+  info: W,
+  error: ce,
+  warning: D
+}, _e = (o) => {
+  const {
+    icon: e,
+    prefixCls: n,
+    type: t
+  } = o, l = Pe[t] || null;
+  return e ? ge(e, /* @__PURE__ */ i.createElement("span", {
+    className: `${n}-icon`
+  }, e), () => ({
+    className: z(`${n}-icon`, {
+      [e.props.className]: e.props.className
+    })
+  })) : /* @__PURE__ */ i.createElement(l, {
+    className: `${n}-icon`
+  });
+}, He = (o) => {
+  const {
+    isClosable: e,
+    prefixCls: n,
+    closeIcon: t,
+    handleClose: l,
+    ariaProps: c
+  } = o, a = t === !0 || t === void 0 ? /* @__PURE__ */ i.createElement(se, null) : t;
+  return e ? /* @__PURE__ */ i.createElement("button", Object.assign({
+    type: "button",
+    onClick: l,
+    className: `${n}-close-icon`,
+    tabIndex: 0
+  }, c), a) : null;
+}, N = /* @__PURE__ */ i.forwardRef((o, e) => {
+  const {
+    description: n,
+    prefixCls: t,
+    message: l,
+    banner: c,
+    className: a,
+    rootClassName: p,
+    style: d,
+    onMouseEnter: m,
+    onMouseLeave: v,
+    onClick: y,
+    afterClose: C,
+    showIcon: h,
+    closable: s,
+    closeText: I,
+    closeIcon: b,
+    action: w,
+    id: T
+  } = o, L = j(o, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]), [O, G] = i.useState(!1);
+  process.env.NODE_ENV !== "production" && ue("Alert").deprecated(!I, "closeText", "closable.closeIcon");
+  const M = i.useRef(null);
+  i.useImperativeHandle(e, () => ({
+    nativeElement: M.current
+  }));
+  const {
+    getPrefixCls: X,
+    direction: U,
+    alert: r
+  } = i.useContext(pe), u = X("alert", t), [Y, q, J] = Re(u), K = (f) => {
+    var g;
+    G(!0), (g = o.onClose) === null || g === void 0 || g.call(o, f);
+  }, B = i.useMemo(() => o.type !== void 0 ? o.type : c ? "warning" : "info", [o.type, c]), Q = i.useMemo(() => typeof s == "object" && s.closeIcon || I ? !0 : typeof s == "boolean" ? s : b !== !1 && b !== null && b !== void 0 ? !0 : !!(r != null && r.closable), [I, b, s, r == null ? void 0 : r.closable]), R = c && h === void 0 ? !0 : h, Z = z(u, `${u}-${B}`, {
+    [`${u}-with-description`]: !!n,
+    [`${u}-no-icon`]: !R,
+    [`${u}-banner`]: !!c,
+    [`${u}-rtl`]: U === "rtl"
+  }, r == null ? void 0 : r.className, a, p, J, q), ee = Ie(L, {
+    aria: !0,
+    data: !0
+  }), oe = i.useMemo(() => {
+    var f, g;
+    return typeof s == "object" && s.closeIcon ? s.closeIcon : I || (b !== void 0 ? b : typeof (r == null ? void 0 : r.closable) == "object" && (!((f = r == null ? void 0 : r.closable) === null || f === void 0) && f.closeIcon) ? (g = r == null ? void 0 : r.closable) === null || g === void 0 ? void 0 : g.closeIcon : r == null ? void 0 : r.closeIcon);
+  }, [b, s, I, r == null ? void 0 : r.closeIcon]), ne = i.useMemo(() => {
+    const f = s ?? (r == null ? void 0 : r.closable);
+    return typeof f == "object" ? j(f, ["closeIcon"]) : {};
+  }, [s, r == null ? void 0 : r.closable]);
+  return Y(/* @__PURE__ */ i.createElement(me, {
+    visible: !O,
+    motionName: `${u}-motion`,
+    motionAppear: !1,
+    motionEnter: !1,
+    onLeaveStart: (f) => ({
+      maxHeight: f.offsetHeight
+    }),
+    onLeaveEnd: C
+  }, (f, g) => {
+    let {
+      className: te,
+      style: re
+    } = f;
+    return /* @__PURE__ */ i.createElement("div", Object.assign({
+      id: T,
+      ref: fe(M, g),
+      "data-show": !O,
+      className: z(Z, te),
+      style: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.style), d), re),
+      onMouseEnter: m,
+      onMouseLeave: v,
+      onClick: y,
+      role: "alert"
+    }, ee), R ? /* @__PURE__ */ i.createElement(_e, {
+      description: n,
+      icon: o.icon,
+      prefixCls: u,
+      type: B
+    }) : null, /* @__PURE__ */ i.createElement("div", {
+      className: `${u}-content`
+    }, l ? /* @__PURE__ */ i.createElement("div", {
+      className: `${u}-message`
+    }, l) : null, n ? /* @__PURE__ */ i.createElement("div", {
+      className: `${u}-description`
+    }, n) : null), w ? /* @__PURE__ */ i.createElement("div", {
+      className: `${u}-action`
+    }, w) : null, /* @__PURE__ */ i.createElement(He, {
+      isClosable: Q,
+      prefixCls: u,
+      closeIcon: oe,
+      handleClose: K,
+      ariaProps: ne
+    }));
+  }));
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "Alert");
+function je(o, e, n) {
+  return e = _(e), ve(o, ye() ? Reflect.construct(e, n || [], _(o).constructor) : e.apply(o, n));
+}
+let Ve = /* @__PURE__ */ function(o) {
+  function e() {
+    var n;
+    return be(this, e), n = je(this, e, arguments), n.state = {
+      error: void 0,
+      info: {
+        componentStack: ""
+      }
+    }, n;
+  }
+  return Ce(e, o), he(e, [{
+    key: "componentDidCatch",
+    value: function(t, l) {
+      this.setState({
+        error: t,
+        info: l
+      });
+    }
+  }, {
+    key: "render",
+    value: function() {
+      const {
+        message: t,
+        description: l,
+        id: c,
+        children: a
+      } = this.props, {
+        error: p,
+        info: d
+      } = this.state, m = (d == null ? void 0 : d.componentStack) || null, v = typeof t > "u" ? (p || "").toString() : t, y = typeof l > "u" ? m : l;
+      return p ? /* @__PURE__ */ i.createElement(N, {
+        id: c,
+        type: "error",
+        message: v,
+        description: /* @__PURE__ */ i.createElement("pre", {
+          style: {
+            fontSize: "0.9em",
+            overflowX: "auto"
+          }
+        }, y)
+      }) : a;
+    }
+  }]);
+}(i.Component);
+const A = N;
+A.ErrorBoundary = Ve;
+var ke = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M854.4 800.9c.2-.3.5-.6.7-.9C920.6 722.1 960 621.7 960 512s-39.4-210.1-104.8-288c-.2-.3-.5-.5-.7-.8-1.1-1.3-2.1-2.5-3.2-3.7-.4-.5-.8-.9-1.2-1.4l-4.1-4.7-.1-.1c-1.5-1.7-3.1-3.4-4.6-5.1l-.1-.1c-3.2-3.4-6.4-6.8-9.7-10.1l-.1-.1-4.8-4.8-.3-.3c-1.5-1.5-3-2.9-4.5-4.3-.5-.5-1-1-1.6-1.5-1-1-2-1.9-3-2.8-.3-.3-.7-.6-1-1C736.4 109.2 629.5 64 512 64s-224.4 45.2-304.3 119.2c-.3.3-.7.6-1 1-1 .9-2 1.9-3 2.9-.5.5-1 1-1.6 1.5-1.5 1.4-3 2.9-4.5 4.3l-.3.3-4.8 4.8-.1.1c-3.3 3.3-6.5 6.7-9.7 10.1l-.1.1c-1.6 1.7-3.1 3.4-4.6 5.1l-.1.1c-1.4 1.5-2.8 3.1-4.1 4.7-.4.5-.8.9-1.2 1.4-1.1 1.2-2.1 2.5-3.2 3.7-.2.3-.5.5-.7.8C103.4 301.9 64 402.3 64 512s39.4 210.1 104.8 288c.2.3.5.6.7.9l3.1 3.7c.4.5.8.9 1.2 1.4l4.1 4.7c0 .1.1.1.1.2 1.5 1.7 3 3.4 4.6 5l.1.1c3.2 3.4 6.4 6.8 9.6 10.1l.1.1c1.6 1.6 3.1 3.2 4.7 4.7l.3.3c3.3 3.3 6.7 6.5 10.1 9.6 80.1 74 187 119.2 304.5 119.2s224.4-45.2 304.3-119.2a300 300 0 0010-9.6l.3-.3c1.6-1.6 3.2-3.1 4.7-4.7l.1-.1c3.3-3.3 6.5-6.7 9.6-10.1l.1-.1c1.5-1.7 3.1-3.3 4.6-5 0-.1.1-.1.1-.2 1.4-1.5 2.8-3.1 4.1-4.7.4-.5.8-.9 1.2-1.4a99 99 0 003.3-3.7zm4.1-142.6c-13.8 32.6-32 62.8-54.2 90.2a444.07 444.07 0 00-81.5-55.9c11.6-46.9 18.8-98.4 20.7-152.6H887c-3 40.9-12.6 80.6-28.5 118.3zM887 484H743.5c-1.9-54.2-9.1-105.7-20.7-152.6 29.3-15.6 56.6-34.4 81.5-55.9A373.86 373.86 0 01887 484zM658.3 165.5c39.7 16.8 75.8 40 107.6 69.2a394.72 394.72 0 01-59.4 41.8c-15.7-45-35.8-84.1-59.2-115.4 3.7 1.4 7.4 2.9 11 4.4zm-90.6 700.6c-9.2 7.2-18.4 12.7-27.7 16.4V697a389.1 389.1 0 01115.7 26.2c-8.3 24.6-17.9 47.3-29 67.8-17.4 32.4-37.8 58.3-59 75.1zm59-633.1c11 20.6 20.7 43.3 29 67.8A389.1 389.1 0 01540 327V141.6c9.2 3.7 18.5 9.1 27.7 16.4 21.2 16.7 41.6 42.6 59 75zM540 640.9V540h147.5c-1.6 44.2-7.1 87.1-16.3 127.8l-.3 1.2A445.02 445.02 0 00540 640.9zm0-156.9V383.1c45.8-2.8 89.8-12.5 130.9-28.1l.3 1.2c9.2 40.7 14.7 83.5 16.3 127.8H540zm-56 56v100.9c-45.8 2.8-89.8 12.5-130.9 28.1l-.3-1.2c-9.2-40.7-14.7-83.5-16.3-127.8H484zm-147.5-56c1.6-44.2 7.1-87.1 16.3-127.8l.3-1.2c41.1 15.6 85 25.3 130.9 28.1V484H336.5zM484 697v185.4c-9.2-3.7-18.5-9.1-27.7-16.4-21.2-16.7-41.7-42.7-59.1-75.1-11-20.6-20.7-43.3-29-67.8 37.2-14.6 75.9-23.3 115.8-26.1zm0-370a389.1 389.1 0 01-115.7-26.2c8.3-24.6 17.9-47.3 29-67.8 17.4-32.4 37.8-58.4 59.1-75.1 9.2-7.2 18.4-12.7 27.7-16.4V327zM365.7 165.5c3.7-1.5 7.3-3 11-4.4-23.4 31.3-43.5 70.4-59.2 115.4-21-12-40.9-26-59.4-41.8 31.8-29.2 67.9-52.4 107.6-69.2zM165.5 365.7c13.8-32.6 32-62.8 54.2-90.2 24.9 21.5 52.2 40.3 81.5 55.9-11.6 46.9-18.8 98.4-20.7 152.6H137c3-40.9 12.6-80.6 28.5-118.3zM137 540h143.5c1.9 54.2 9.1 105.7 20.7 152.6a444.07 444.07 0 00-81.5 55.9A373.86 373.86 0 01137 540zm228.7 318.5c-39.7-16.8-75.8-40-107.6-69.2 18.5-15.8 38.4-29.7 59.4-41.8 15.7 45 35.8 84.1 59.2 115.4-3.7-1.4-7.4-2.9-11-4.4zm292.6 0c-3.7 1.5-7.3 3-11 4.4 23.4-31.3 43.5-70.4 59.2-115.4 21 12 40.9 26 59.4 41.8a373.81 373.81 0 01-107.6 69.2z" } }] }, name: "global", theme: "outlined" }, De = function(e, n) {
+  return /* @__PURE__ */ i.createElement(E, $({}, e, {
+    ref: n,
+    icon: ke
+  }));
+}, F = /* @__PURE__ */ i.forwardRef(De);
+process.env.NODE_ENV !== "production" && (F.displayName = "GlobalOutlined");
+const Je = ({
+  hideAfterInteraction: o,
+  alertContainerStyle: e,
+  descriptionStyle: n,
+  buttonContainerStyle: t,
+  yesButtonStyle: l,
+  cancelButtonStyle: c,
+  description: a,
+  icon: p
+}) => {
+  const d = ie(le);
+  if (!d)
+    return null;
+  const m = {
+    marginBottom: "10px",
+    borderRadius: "5px",
+    padding: "10px",
+    fontSize: "12px",
+    // Smaller font size
+    margin: "10px auto",
+    // Center if width is more than 500px
+    display: "flex",
+    alignItems: "center",
+    // Align items vertically
+    ...e
+  }, v = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    // Align items vertically
+    fontSize: "12px",
+    width: "100%",
+    ...n
+  }, y = {
+    display: "flex",
+    alignItems: "center",
+    ...t
+  }, C = {
+    marginLeft: "10px",
+    marginRight: "10px",
+    fontSize: "10px",
+    ...l
+  }, h = {
+    fontSize: "10px",
+    ...c
+  };
+  return /* @__PURE__ */ S(
+    A,
+    {
+      type: "info",
+      showIcon: !0,
+      icon: p ?? /* @__PURE__ */ S(F, { type: "text" }),
+      style: m,
+      description: /* @__PURE__ */ P("div", { style: v, children: [
+        /* @__PURE__ */ S("span", { children: a ?? "Would you like to enable web push notifications to stay updated?" }),
+        /* @__PURE__ */ P("div", { style: y, children: [
+          /* @__PURE__ */ S(
+            H,
+            {
+              type: "primary",
+              style: C,
+              onClick: () => {
+                o && localStorage.setItem("hideWebPushOptInMessage", "true"), d.setWebPushOptIn(!0), d.setWebPushOptInMessage(!1);
+              },
+              children: "Yes"
+            }
+          ),
+          /* @__PURE__ */ S(
+            H,
+            {
+              style: h,
+              onClick: () => {
+                o && localStorage.setItem("hideWebPushOptInMessage", "true"), d.setWebPushOptInMessage(!1);
+              },
+              children: "No"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  F as R,
+  Je as W,
+  D as a,
+  k as b,
+  W as c
+};