@notificationapi/react 0.0.10 → 0.0.11

package/dist/assets/Notification.js

@@ -1,6 +1,6 @@
-import { jsxs as lt, jsx as se } from "react/jsx-runtime";
+import { jsxs as lt, jsx as ae } from "react/jsx-runtime";
 import * as q from "react";
-import ae, { useRef as Qe, useDebugValue as er, createElement as uo, useContext as co, useMemo as ye, useCallback as fo, useState as lo, useEffect as tr } from "react";
+import ie, { useRef as Qe, useDebugValue as er, createElement as uo, useContext as co, useMemo as ye, useCallback as fo, useState as lo, useEffect as tr } from "react";
 import { S as po, U as N, V as le, W as B, X as U, Y as mo, Z as pt, $ as Me, a0 as pe, a1 as ho, a2 as dn, a3 as yo, a4 as go, a5 as mn, a6 as me, a7 as vo, a8 as bo, a9 as Te, aa as rr, ab as nr, h as wo, ac as So, g as Oo, m as To, r as xo, u as Eo, p as Po, a as hn, j as Ao, c as St, b as Ro, ad as Co, ae as $o, af as ko, ag as Do, ah as Io, ai as yn, aj as gn, ak as vn } from "./colors.js";
 import { j as _o, p as bn, D as No, x as jo, T as or, R as Mo } from "./index3.js";
 import { P as Lo } from "./index.js";
@@ -213,7 +213,7 @@ const Sn = ["xxl", "xl", "lg", "md", "sm", "xs"], Bo = (e) => ({
 };
 function Wo() {
   const [, e] = wo(), t = Bo(Yo(e));
-  return ae.useMemo(() => {
+  return ie.useMemo(() => {
     const r = /* @__PURE__ */ new Map();
     let n = -1, o = {};
     return {
@@ -1017,9 +1017,9 @@ function ja(e) {
     return y.name || Ie(15), ge(b, y.name);
   }, Pn).toString() : "", v;
 }
-var Ma = new _n(), Pt = ja(), jn = ae.createContext({ shouldForwardProp: void 0, styleSheet: Ma, stylis: Pt });
+var Ma = new _n(), Pt = ja(), jn = ie.createContext({ shouldForwardProp: void 0, styleSheet: Ma, stylis: Pt });
 jn.Consumer;
-ae.createContext(void 0);
+ie.createContext(void 0);
 function mr() {
   return co(jn);
 }
@@ -1117,7 +1117,7 @@ var za = An(ut), Ua = function() {
     }
     return o;
   }, e;
-}(), Fn = ae.createContext(void 0);
+}(), Fn = ie.createContext(void 0);
 Fn.Consumer;
 var ht = {}, gr = /* @__PURE__ */ new Set();
 function qa(e, t, r) {
@@ -1142,7 +1142,7 @@ function qa(e, t, r) {
   var k = new Ua(r, b, n ? o.componentStyle : void 0);
   function M(x, f) {
     return function(D, V, W) {
-      var K = D.attrs, ee = D.componentStyle, re = D.defaultProps, Z = D.foldedComponentIds, Y = D.styledComponentId, Q = D.target, oe = ae.useContext(Fn), X = mr(), L = D.shouldForwardProp || X.shouldForwardProp;
+      var K = D.attrs, ee = D.componentStyle, re = D.defaultProps, Z = D.foldedComponentIds, Y = D.styledComponentId, Q = D.target, oe = ie.useContext(Fn), X = mr(), L = D.shouldForwardProp || X.shouldForwardProp;
       process.env.NODE_ENV !== "production" && er(Y);
       var J = sa(V, oe, re) || Ce, H = function(_, $, A) {
         for (var g, w = te(te({}, $), { className: void 0, theme: A }), C = 0; C < _.length; C += 1) {
@@ -1164,7 +1164,7 @@ function qa(e, t, r) {
     }(O, x, f);
   }
   M.displayName = v;
-  var O = ae.forwardRef(M);
+  var O = ie.forwardRef(M);
   return O.attrs = y, O.componentStyle = k, O.displayName = v, O.shouldForwardProp = E, O.foldedComponentIds = n ? ve(o.foldedComponentIds, o.styledComponentId) : "", O.styledComponentId = b, O.target = n ? o.target : e, Object.defineProperty(O, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(x) {
@@ -3378,8 +3378,8 @@ function ms() {
     }
     function x(d) {
       if (typeof d == "object" && d !== null) {
-        var ie = d.$$typeof;
-        switch (ie) {
+        var se = d.$$typeof;
+        switch (se) {
           case t:
             var Ue = d.type;
             switch (Ue) {
@@ -3400,11 +3400,11 @@ function ms() {
                   case i:
                     return Qt;
                   default:
-                    return ie;
+                    return se;
                 }
             }
           case r:
-            return ie;
+            return se;
         }
       }
     }
@@ -3519,11 +3519,11 @@ function hs() {
             );
             throw d.name = "Invariant Violation", d;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ie = g + ":" + A;
-            !h[ie] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var se = g + ":" + A;
+            !h[se] && // Avoid spamming the console because they are often not actionable except for lib authors
             T < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + C + "` prop on `" + g + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), h[ie] = !0, T++);
+            ), h[se] = !0, T++);
           }
         }
         return $[A] == null ? _ ? $[A] === null ? new S("The " + w + " `" + C + "` is marked as required " + ("in `" + g + "`, but its value is `null`.")) : new S("The " + w + " `" + C + "` is marked as required in " + ("`" + g + "`, but its value is `undefined`.")) : null : p($, A, g, w, C);
@@ -3608,8 +3608,8 @@ function hs() {
           if (E(A, p[g]))
             return null;
         var w = JSON.stringify(p, function(G, d) {
-          var ie = L(d);
-          return ie === "symbol" ? String(d) : d;
+          var se = L(d);
+          return se === "symbol" ? String(d) : d;
         });
         return new S("Invalid " + _ + " `" + $ + "` of value `" + String(A) + "` " + ("supplied to `" + R + "`, expected one of " + w + "."));
       }
@@ -3649,8 +3649,8 @@ function hs() {
             return null;
           d.data && n(d.data, "expectedType") && w.push(d.data.expectedType);
         }
-        var ie = w.length > 0 ? ", expected one of type [" + w.join(", ") + "]" : "";
-        return new S("Invalid " + A + " `" + g + "` supplied to " + ("`" + $ + "`" + ie + "."));
+        var se = w.length > 0 ? ", expected one of type [" + w.join(", ") + "]" : "";
+        return new S("Invalid " + A + " `" + g + "` supplied to " + ("`" + $ + "`" + se + "."));
       }
       return I(P);
     }
@@ -3867,14 +3867,14 @@ function ot(e, t) {
   var r = e.date, n = e.verboseDate, o = e.tooltip, a = e.children, i = Ss(e, ws), s = ye(function() {
     return r.toISOString();
   }, [r]);
-  return /* @__PURE__ */ ae.createElement("time", qt({
+  return /* @__PURE__ */ ie.createElement("time", qt({
     ref: t
   }, i, {
     dateTime: s,
     title: o ? n : void 0
   }), a);
 }
-ot = /* @__PURE__ */ ae.forwardRef(ot);
+ot = /* @__PURE__ */ ie.forwardRef(ot);
 ot.propTypes = {
   date: j.instanceOf(Date).isRequired,
   verboseDate: j.string,
@@ -4381,12 +4381,12 @@ function st(e) {
     now: y,
     timeOffset: E,
     polyfill: S
-  }), K = W.date, ee = W.verboseDate, re = W.formattedDate, Z = /* @__PURE__ */ ae.createElement(O, it({
+  }), K = W.date, ee = W.verboseDate, re = W.formattedDate, Z = /* @__PURE__ */ ie.createElement(O, it({
     date: K,
     verboseDate: ee,
     tooltip: k
   }, V), re), Y = f || x;
-  return Y ? /* @__PURE__ */ ae.createElement(Y, it({}, D, {
+  return Y ? /* @__PURE__ */ ie.createElement(Y, it({}, D, {
     verboseDate: ee
   }), Z) : Z;
 }
@@ -4473,7 +4473,7 @@ st.propTypes = {
   // Custom `props` passed to `wrapperComponent`.
   wrapperProps: j.object
 };
-st = /* @__PURE__ */ ae.memo(st);
+st = /* @__PURE__ */ ie.memo(st);
 ne.addDefaultLocale(ro);
 ne.addLocale(ro);
 var lu = /* @__PURE__ */ ((e) => (e.square = "square", e.circle = "circle", e))(lu || {});
@@ -4496,8 +4496,8 @@ const pu = Un.div`
   pu,
   {
     $redirect: !!e.notification.redirectURL,
-    $seen: e.notification.seen || e.notification.opened,
-    $archived: e.notification.archived,
+    $seen: e.notification.seen || !!e.notification.opened,
+    $archived: !!e.notification.archived,
     onClick: () => {
       e.markAsClicked(e.notification.id), e.notification.redirectURL && (window.location.href = e.notification.redirectURL);
     },
@@ -4510,7 +4510,7 @@ const pu = Un.div`
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ se("div", { children: /* @__PURE__ */ se(
+      /* @__PURE__ */ ae("div", { children: /* @__PURE__ */ ae(
         Tn,
         {
           src: e.notification.imageURL,
@@ -4529,8 +4529,13 @@ const pu = Un.div`
             flexGrow: 1
           },
           children: [
-            /* @__PURE__ */ se("div", { children: /* @__PURE__ */ se(or.Text, { children: e.notification.title }) }),
-            /* @__PURE__ */ se("div", { children: /* @__PURE__ */ se(or.Text, { type: "secondary", style: { fontSize: 12 }, children: /* @__PURE__ */ se(
+            /* @__PURE__ */ ae("div", { children: /* @__PURE__ */ ae(or.Text, { children: /* @__PURE__ */ ae(
+              "span",
+              {
+                dangerouslySetInnerHTML: { __html: e.notification.title }
+              }
+            ) }) }),
+            /* @__PURE__ */ ae("div", { children: /* @__PURE__ */ ae(or.Text, { type: "secondary", style: { fontSize: 12 }, children: /* @__PURE__ */ ae(
               st,
               {
                 date: new Date(e.notification.date).getTime(),
@@ -4551,18 +4556,18 @@ const pu = Un.div`
             alignItems: "center"
           },
           children: [
-            /* @__PURE__ */ se(
+            /* @__PURE__ */ ae(
               Fo,
               {
                 className: "notification-archive-button",
-                icon: /* @__PURE__ */ se(Mo, {}),
+                icon: /* @__PURE__ */ ae(Mo, {}),
                 size: "small",
                 type: "text",
                 shape: "circle",
                 onClick: (t) => (e.markAsArchived([e.notification.id]), t.preventDefault(), t.stopPropagation(), !1)
               }
             ),
-            /* @__PURE__ */ se(
+            /* @__PURE__ */ ae(
               zo,
               {
                 dot: !0,