@articles-media/articles-dev-box 1.0.14 → 1.0.16

package/dist/Ad.js

@@ -1,102 +1,102 @@
 import { j as e } from "./jsx-runtime-tc70JA_2.js";
-import * as _ from "react";
-import { lazy as F, memo as te, useState as p, useEffect as y } from "react";
-import { t as U, m as G, n as ae, A as re, L as C } from "./numberWithCommas-DnAkiOFL.js";
-import { u as H, a as w } from "./index-DLYx67wi.js";
-import { A as ne } from "./Button-_Quon8UV.js";
-import { c as ie } from "./index-YnD2EP-S.js";
-var $ = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new WeakMap(), X = 0, oe;
-function le(s) {
-  return s ? (R.has(s) || (X += 1, R.set(s, X.toString())), R.get(s)) : "0";
+import * as A from "react";
+import { lazy as G, memo as re, useState as p, useEffect as y } from "react";
+import { t as X, m as H, n as ne, A as ie, L as E } from "./numberWithCommas-DnAkiOFL.js";
+import { u as J, a as k } from "./index-DLYx67wi.js";
+import { A as oe } from "./Button-_Quon8UV.js";
+import { c as le } from "./index-YnD2EP-S.js";
+var S = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new WeakMap(), z = 0, de;
+function ce(s) {
+  return s ? (I.has(s) || (z += 1, I.set(s, z.toString())), I.get(s)) : "0";
 }
-function de(s) {
+function ue(s) {
   return Object.keys(s).sort().filter(
     (t) => s[t] !== void 0
-  ).map((t) => `${t}_${t === "root" ? le(s.root) : s[t]}`).toString();
+  ).map((t) => `${t}_${t === "root" ? ce(s.root) : s[t]}`).toString();
 }
-function ce(s) {
-  const t = de(s);
-  let o = $.get(t);
-  if (!o) {
+function me(s) {
+  const t = ue(s);
+  let l = S.get(t);
+  if (!l) {
     const r = /* @__PURE__ */ new Map();
-    let n;
-    const u = new IntersectionObserver((f) => {
-      f.forEach((i) => {
-        var c;
-        const j = i.isIntersecting && n.some((h) => i.intersectionRatio >= h);
-        s.trackVisibility && typeof i.isVisible > "u" && (i.isVisible = j), (c = r.get(i.target)) == null || c.forEach((h) => {
-          h(j, i);
+    let o;
+    const c = new IntersectionObserver((u) => {
+      u.forEach((n) => {
+        var h;
+        const N = n.isIntersecting && o.some((f) => n.intersectionRatio >= f);
+        s.trackVisibility && typeof n.isVisible > "u" && (n.isVisible = N), (h = r.get(n.target)) == null || h.forEach((f) => {
+          f(N, n);
         });
       });
     }, s);
-    n = u.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), o = {
+    o = c.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), l = {
       id: t,
-      observer: u,
+      observer: c,
       elements: r
-    }, $.set(t, o);
+    }, S.set(t, l);
   }
-  return o;
+  return l;
 }
-function ue(s, t, o = {}, r = oe) {
+function he(s, t, l = {}, r = de) {
   if (typeof window.IntersectionObserver > "u" && r !== void 0) {
-    const c = s.getBoundingClientRect();
+    const h = s.getBoundingClientRect();
     return t(r, {
       isIntersecting: r,
       target: s,
-      intersectionRatio: typeof o.threshold == "number" ? o.threshold : 0,
+      intersectionRatio: typeof l.threshold == "number" ? l.threshold : 0,
       time: 0,
-      boundingClientRect: c,
-      intersectionRect: c,
-      rootBounds: c
+      boundingClientRect: h,
+      intersectionRect: h,
+      rootBounds: h
     }), () => {
     };
   }
-  const { id: n, observer: u, elements: f } = ce(o), i = f.get(s) || [];
-  return f.has(s) || f.set(s, i), i.push(t), u.observe(s), function() {
-    i.splice(i.indexOf(t), 1), i.length === 0 && (f.delete(s), u.unobserve(s)), f.size === 0 && (u.disconnect(), $.delete(n));
+  const { id: o, observer: c, elements: u } = me(l), n = u.get(s) || [];
+  return u.has(s) || u.set(s, n), n.push(t), c.observe(s), function() {
+    n.splice(n.indexOf(t), 1), n.length === 0 && (u.delete(s), c.unobserve(s)), u.size === 0 && (c.disconnect(), S.delete(o));
   };
 }
-function me({
+function fe({
   threshold: s,
   delay: t,
-  trackVisibility: o,
+  trackVisibility: l,
   rootMargin: r,
-  root: n,
-  triggerOnce: u,
-  skip: f,
-  initialInView: i,
-  fallbackInView: c,
-  onChange: j
+  root: o,
+  triggerOnce: c,
+  skip: u,
+  initialInView: n,
+  fallbackInView: h,
+  onChange: N
 } = {}) {
-  var h;
-  const [a, d] = _.useState(null), M = _.useRef(j), N = _.useRef(i), [D, P] = _.useState({
-    inView: !!i,
+  var f;
+  const [_, b] = A.useState(null), a = A.useRef(N), i = A.useRef(n), [M, C] = A.useState({
+    inView: !!n,
     entry: void 0
   });
-  M.current = j, _.useEffect(
+  a.current = N, A.useEffect(
     () => {
-      if (N.current === void 0 && (N.current = i), f || !a) return;
-      let v;
-      return v = ue(
-        a,
-        (A, k) => {
-          const I = N.current;
-          N.current = A, !(I === void 0 && !A) && (P({
-            inView: A,
-            entry: k
-          }), M.current && M.current(A, k), k.isIntersecting && u && v && (v(), v = void 0));
+      if (i.current === void 0 && (i.current = n), u || !_) return;
+      let x;
+      return x = he(
+        _,
+        (v, j) => {
+          const $ = i.current;
+          i.current = v, !($ === void 0 && !v) && (C({
+            inView: v,
+            entry: j
+          }), a.current && a.current(v, j), j.isIntersecting && c && x && (x(), x = void 0));
         },
         {
-          root: n,
+          root: o,
           rootMargin: r,
           threshold: s,
           // @ts-expect-error
-          trackVisibility: o,
+          trackVisibility: l,
           delay: t
         },
-        c
+        h
       ), () => {
-        v && v();
+        x && x();
       };
     },
     // We break the rule here, because we aren't including the actual `threshold` variable
@@ -104,28 +104,28 @@ function me({
     [
       // If the threshold is an array, convert it to a string, so it won't change between renders.
       Array.isArray(s) ? s.toString() : s,
-      a,
-      n,
-      r,
-      u,
-      f,
+      _,
       o,
+      r,
       c,
+      u,
+      l,
+      h,
       t
     ]
   );
-  const x = (h = D.entry) == null ? void 0 : h.target, E = _.useRef(void 0);
-  !a && x && !u && !f && E.current !== x && (E.current = x, P({
-    inView: !!i,
+  const D = (f = M.entry) == null ? void 0 : f.target, R = A.useRef(void 0);
+  !_ && D && !c && !u && R.current !== D && (R.current = D, C({
+    inView: !!n,
     entry: void 0
-  }), N.current = i);
-  const m = [d, D.inView, D.entry];
+  }), i.current = n);
+  const m = [b, M.inView, M.entry];
   return m.ref = m[0], m.inView = m[1], m.entry = m[2], m;
 }
-const fe = async (s) => {
+const pe = async (s) => {
   if (process.env.NODE_ENV === "development")
     try {
-      return (await w.get(`http://localhost:3001/api/ads/${s.ad_id}`, {
+      return (await k.get(`http://localhost:3001/api/ads/${s.ad_id}`, {
         params: {
           ad_id: s.ad_id,
           user_ad_token: s.user_ad_token
@@ -133,213 +133,216 @@ const fe = async (s) => {
       })).data.result;
     } catch {
     }
-  return w.get(s.url, {
+  return k.get(s.url, {
     params: {
       ad_id: s.ad_id
     }
   }).then((t) => t.data.result);
-}, he = 60, pe = {
-  dedupingInterval: 1e3 * 60 * he
+}, ve = 60, ge = {
+  dedupingInterval: 1e3 * 60 * ve
   // keepPreviousData: true,
   // fallbackData: []
-}, ve = (s, t) => {
-  const { data: o, error: r, isLoading: n, mutate: u } = H(
+}, xe = (s, t) => {
+  const { data: l, error: r, isLoading: o, mutate: c } = J(
     s ? {
       url: `https://articles.media/api/ads/${s}`,
       ad_id: s,
       user_ad_token: t
     } : null,
-    fe,
-    pe
+    pe,
+    ge
   );
   return {
-    data: o,
+    data: l,
     error: r,
-    isLoading: n,
-    mutate: u
+    isLoading: o,
+    mutate: c
   };
 };
-function ge(s) {
+function je(s) {
   return (t) => {
     const r = (s ? Math[s] : Math.trunc)(t);
     return r === 0 ? 0 : r;
   };
 }
-function xe(s, t) {
-  return +U(s) - +U(t);
+function Ne(s, t) {
+  return +X(s) - +X(t);
 }
-function z(s, t, o) {
-  const r = xe(s, t) / G;
-  return ge(o?.roundingMethod)(r);
+function q(s, t, l) {
+  const r = Ne(s, t) / H;
+  return je(l?.roundingMethod)(r);
 }
-function q(s) {
-  return Math.trunc(s * G);
+function K(s) {
+  return Math.trunc(s * H);
 }
-const je = async (s) => {
+const be = async (s) => {
   if (process.env.NODE_ENV === "development")
     try {
-      return (await w.get("http://localhost:3001/api/ads", {
+      return (await k.get("http://localhost:3001/api/ads", {
         params: {
           // ad_id: data.ad_id
         }
       })).data;
     } catch {
     }
-  return w.get(s.url, {
+  return k.get(s.url, {
     params: {
       // ad_id: data.ad_id
     }
   }).then((t) => t.data);
-}, K = 60, Ne = {
-  dedupingInterval: q(K),
-  focusThrottleInterval: q(K)
+}, F = 60, _e = {
+  dedupingInterval: K(F),
+  focusThrottleInterval: K(F)
   // keepPreviousData: true,
   // fallbackData: []
-}, be = (s) => {
-  const { data: t, error: o, isLoading: r, mutate: n } = H(
+}, we = (s) => {
+  const { data: t, error: l, isLoading: r, mutate: o } = J(
     s?.loading || s?.disabled ? null : {
       url: "https://articles.media/api/ads"
       // ad_id
     },
-    je,
-    Ne
+    be,
+    _e
   );
   return {
     data: t,
-    error: o,
+    error: l,
     isLoading: r,
-    mutate: n
+    mutate: o
   };
-}, _e = F(() => import("./AdDetailsModal-Bp5hZm9N.js")), we = F(() => import("./AdConfirmExitModal-CKkMAvBK.js"));
-function Ae(s, t) {
+}, Ae = G(() => import("./AdDetailsModal-Bp5hZm9N.js")), ke = G(() => import("./AdConfirmExitModal-CKkMAvBK.js"));
+function ye(s, t) {
   return Math.floor(Math.random() * (t - s + 1)) + s;
 }
-function ke(s) {
+function Me(s) {
   let {
     previewMode: t,
-    darkMode: o,
+    darkMode: l,
     user_ad_token: r,
-    userDetails: n,
-    userDetailsLoading: u
+    userDetails: o,
+    userDetailsLoading: c,
+    prepend: u,
+    append: n
   } = s;
-  const f = !1, i = [], [c, j] = p(null), {
-    data: h
-  } = be(
+  const h = !1, N = [], [f, _] = p(null), {
+    data: b
+  } = we(
     {
-      loading: u,
-      disabled: n?.articles_membership?.status == "Active"
+      loading: c,
+      disabled: o?.articles_membership?.status == "Active"
     }
-  ), { data: a } = ve(c, r);
-  let d = s.previewData || {};
-  const [M, N] = p(null), [D, P] = p(null), [x, E] = p(null), [m, v] = p(0), [A, k] = p(!1), [I, L] = p(!1), [J, V] = p(!1), [ye, Me] = p(/* @__PURE__ */ new Date()), [O, Q] = p([]);
+  ), { data: a } = xe(f, r);
+  let i = s.previewData || {};
+  const [M, C] = p(null), [D, R] = p(null), [m, x] = p(null), [v, j] = p(0), [$, Q] = p(!1), [L, V] = p(!1), [Y, O] = p(!1), [De, Ee] = p(/* @__PURE__ */ new Date()), [T, Z] = p([]);
   y(() => {
-    h && h?.length > 0 && !c && (console.log("Ad Mounted or reduxAds changed"), j(s.ad_id || h[Ae(0, h?.length - 1)]?._id));
-  }, [h]), y(() => {
+    b && b?.length > 0 && !f && (console.log("Ad Mounted or reduxAds changed"), _(s.ad_id || b[ye(0, b?.length - 1)]?._id));
+  }, [b]), y(() => {
   }, [a]), y(() => {
-    a?.populated_promos && m >= 0 && E(a?.populated_promos[m]);
-  }, [m, a]);
-  function Y() {
-    L(!I);
+    a?.populated_promos && v >= 0 && x(a?.populated_promos[v]);
+  }, [v, a]);
+  function ee() {
+    V(!L);
   }
-  const { ref: Z, inView: b } = me({
+  const { ref: se, inView: w } = fe({
     /* Optional options */
     threshold: 0,
     triggerOnce: !0
   });
-  function T(l) {
-    if (t && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), O.find((g) => g == l)) {
+  function B(d) {
+    if (t && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), T.find((g) => g == d)) {
       console.log("Already logged this event");
       return;
     }
-    w.get("/api/ads/event", {
+    k.get("/api/ads/event", {
       params: {
         ad_id: a?._id,
-        event: l
+        event: d
       }
     }).then(function(g) {
-      Q([...O, l]), console.log(g.data);
+      Z([...T, d]), console.log(g.data);
     }).catch(function(g) {
       console.log(g);
     });
   }
   y(() => {
-    if (!t && (console.log("inView", b), b && c)) {
-      let l = [
+    if (!t && (console.log("inView", w), w && f)) {
+      let d = [
         {
-          ad_id: c,
+          ad_id: f,
           date: (/* @__PURE__ */ new Date()).toString()
         },
-        ...i.filter((g) => {
+        ...N.filter((g) => {
           if (console.log(
-            z(/* @__PURE__ */ new Date(), new Date(g.date))
-          ), z(/* @__PURE__ */ new Date(), new Date(g.date)) > 5) {
+            q(/* @__PURE__ */ new Date(), new Date(g.date))
+          ), q(/* @__PURE__ */ new Date(), new Date(g.date)) > 5) {
             console.log("adsViewed - Remove Old Ad View Object");
             return;
           } else
             return console.log("adsViewed - Keep Ad View Object"), g;
         })
       ];
-      console.log("unexpiredRecentViews", l);
+      console.log("unexpiredRecentViews", d);
     }
-  }, [b, c]);
-  const [B, ee] = p(null), [se, S] = p(!1);
-  function W() {
-    S(!0), console.log("logAdAvoided called", r), w.get(
+  }, [w, f]);
+  const [W, te] = p(null), [ae, P] = p(!1);
+  function U() {
+    P(!0), console.log("logAdAvoided called", r), k.get(
       process.env.NODE_ENV === "development" ? "http://localhost:3001/api/user/advertising/avoided" : "https://articles.media/api/user/advertising/avoided",
       {
         params: {
-          user_id: n?._id
+          user_id: o?._id
         },
         headers: {
           "x-articles-api-key": r
         }
       }
-    ).then(function(l) {
-      S(!1), ee(l.data.avoided_count), console.log(l.data);
-    }).catch(function(l) {
-      console.log(l), S(!1);
+    ).then(function(d) {
+      P(!1), te(d.data.avoided_count), console.log(d.data);
+    }).catch(function(d) {
+      console.log(d), P(!1);
     });
   }
   return y(() => {
-    t || (console.log("inView", b), n?.articles_membership?.status == "Active" && b && W());
-  }, [b, n]), u ? null : /* @__PURE__ */ e.jsxs(
+    t || (console.log("inView", w), o?.articles_membership?.status == "Active" && w && U());
+  }, [w, o]), c ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: Z,
-      className: ie(
+      ref: se,
+      className: le(
         "ad-wrap",
         {
-          "active-member": n?.articles_membership?.status == "Active"
+          "active-member": o?.articles_membership?.status == "Active"
         }
       ),
       style: {
-        "--articles-ad-background-color": d.background_color || a?.background_color,
-        "--articles-ad-font-color": d.font_color || a?.font_color,
-        "--articles-ad-border-color": d.border_color || a?.border_color
+        "--articles-ad-background-color": i.background_color || a?.background_color,
+        "--articles-ad-font-color": i.font_color || a?.font_color,
+        "--articles-ad-border-color": i.border_color || a?.border_color
       },
       children: [
-        I && /* @__PURE__ */ e.jsx(
-          _e,
+        L && /* @__PURE__ */ e.jsx(
+          Ae,
           {
-            setModalShow: L,
+            setModalShow: V,
             ad: a,
-            previewData: d
+            previewData: i
           }
         ),
-        J && /* @__PURE__ */ e.jsx(
-          we,
+        Y && /* @__PURE__ */ e.jsx(
+          ke,
           {
-            setModalShow: V,
+            setModalShow: O,
             ad: a,
-            previewData: d
+            previewData: i
           }
         ),
+        u && /* @__PURE__ */ e.jsx("div", { className: "prepend-container", children: u }),
         /* @__PURE__ */ e.jsxs(
           "div",
           {
             className: "ad",
             children: [
-              n?.articles_membership?.status !== "Active" && /* @__PURE__ */ e.jsxs(
+              o?.articles_membership?.status !== "Active" && /* @__PURE__ */ e.jsxs(
                 "div",
                 {
                   className: "main-panel",
@@ -350,10 +353,10 @@ function ke(s) {
                     ] }) }),
                     /* @__PURE__ */ e.jsxs("div", { className: "content-wrap", children: [
                       /* @__PURE__ */ e.jsxs("div", { className: "photo-banner", children: [
-                        /* @__PURE__ */ e.jsx("div", { className: "logo", children: (d.logo?.location || a?.logo?.location) && /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ e.jsx("div", { className: "logo", children: (i.logo?.location || a?.logo?.location) && /* @__PURE__ */ e.jsx(
                           "img",
                           {
-                            src: d?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${d?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${a?.logo?.key}`,
+                            src: i?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${i?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${a?.logo?.key}`,
                             alt: ""
                           }
                         ) }),
@@ -362,14 +365,14 @@ function ke(s) {
                           "img",
                           {
                             className: "photo",
-                            src: d?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${d.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${a?.background?.key}`,
+                            src: i?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${i.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${a?.background?.key}`,
                             alt: ""
                           }
                         )
                       ] }),
                       /* @__PURE__ */ e.jsxs("div", { className: "details-wrap", children: [
                         /* @__PURE__ */ e.jsxs("div", { className: "detail-title", children: [
-                          /* @__PURE__ */ e.jsx("div", { className: "detail", children: /* @__PURE__ */ e.jsx("span", { className: "h4", children: d?.business || a?.business }) }),
+                          /* @__PURE__ */ e.jsx("div", { className: "detail", children: /* @__PURE__ */ e.jsx("span", { className: "h4", children: i?.business || a?.business }) }),
                           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-column d-none", children: [
                             /* @__PURE__ */ e.jsxs("div", { className: "detail", children: [
                               /* @__PURE__ */ e.jsx("span", { className: "icon", children: /* @__PURE__ */ e.jsx("i", { className: "fas fa-search-location" }) }),
@@ -386,33 +389,33 @@ function ke(s) {
                           ] })
                         ] }),
                         a?.city && /* @__PURE__ */ e.jsx("div", { className: "details mb-3 d-none" }),
-                        /* @__PURE__ */ e.jsx("div", { className: "short-description", children: d?.description || a?.description })
+                        /* @__PURE__ */ e.jsx("div", { className: "short-description", children: i?.description || a?.description })
                       ] })
                     ] }),
-                    f?.roles?.isDev && a?.populated_promos?.length > 0 && /* @__PURE__ */ e.jsxs("div", { children: [
-                      x && /* @__PURE__ */ e.jsx("div", { className: "promos-wrap", children: x && /* @__PURE__ */ e.jsxs(
+                    h?.roles?.isDev && a?.populated_promos?.length > 0 && /* @__PURE__ */ e.jsxs("div", { children: [
+                      m && /* @__PURE__ */ e.jsx("div", { className: "promos-wrap", children: m && /* @__PURE__ */ e.jsxs(
                         "div",
                         {
                           className: "promo-wrap d-flex justify-content-between align-items-center mx-2 p-1 px-2 border border-2 border-light mb-0",
                           children: [
                             /* @__PURE__ */ e.jsxs("div", { className: "", children: [
-                              /* @__PURE__ */ e.jsx("div", { children: x.title }),
-                              /* @__PURE__ */ e.jsx("div", { className: "small", children: /* @__PURE__ */ e.jsx("div", { className: "small", children: x.details }) })
+                              /* @__PURE__ */ e.jsx("div", { children: m.title }),
+                              /* @__PURE__ */ e.jsx("div", { className: "small", children: /* @__PURE__ */ e.jsx("div", { className: "small", children: m.details }) })
                             ] }),
                             /* @__PURE__ */ e.jsx(
-                              ne,
+                              oe,
                               {
                                 className: "px-3",
                                 small: !0,
                                 onClick: () => {
-                                  console.log("Load Save Modal"), k(!0);
+                                  console.log("Load Save Modal"), Q(!0);
                                 },
                                 children: "Save"
                               }
                             )
                           ]
                         },
-                        x._id
+                        m._id
                       ) }),
                       /* @__PURE__ */ e.jsxs("div", { className: "d-flex justify-content-between", children: [
                         /* @__PURE__ */ e.jsxs("div", { className: "px-2", children: [
@@ -426,17 +429,17 @@ function ke(s) {
                               className: "fad fa-arrow-circle-left",
                               type: "button",
                               onClick: () => {
-                                m == 0 ? v(a?.populated_promos?.length - 1) : v((l) => l - 1);
+                                v == 0 ? j(a?.populated_promos?.length - 1) : j((d) => d - 1);
                               }
                             }
                           ),
                           a?.populated_promos?.map(
-                            (l, g) => /* @__PURE__ */ e.jsx(
+                            (d, g) => /* @__PURE__ */ e.jsx(
                               "i",
                               {
-                                className: `fa-square ${g == m ? "fad" : "fas"}`
+                                className: `fa-square ${g == v ? "fad" : "fas"}`
                               },
-                              l._id
+                              d._id
                             )
                           ),
                           /* @__PURE__ */ e.jsx(
@@ -445,7 +448,7 @@ function ke(s) {
                               className: "fad fa-arrow-circle-right",
                               type: "button",
                               onClick: () => {
-                                m == a?.populated_promos?.length - 1 ? v(0) : v((l) => l + 1);
+                                v == a?.populated_promos?.length - 1 ? j(0) : j((d) => d + 1);
                               }
                             }
                           )
@@ -458,7 +461,7 @@ function ke(s) {
                         "div",
                         {
                           onClick: () => {
-                            Y(), T("Details");
+                            ee(), B("Details");
                           },
                           className: "action flex-grow-1 flex-shrink-0",
                           children: "Details"
@@ -472,8 +475,8 @@ function ke(s) {
                           href: a?.website,
                           target: "_blank",
                           rel: "noreferrer",
-                          onClick: (l) => {
-                            l.preventDefault(), V(!0), T("Confirm Exit Modal Opened");
+                          onClick: (d) => {
+                            d.preventDefault(), O(!0), B("Confirm Exit Modal Opened");
                           },
                           children: /* @__PURE__ */ e.jsx("div", { children: "Website" })
                         }
@@ -482,7 +485,7 @@ function ke(s) {
                   ]
                 }
               ),
-              n?.articles_membership?.status == "Active" && /* @__PURE__ */ e.jsx(
+              o?.articles_membership?.status == "Active" && /* @__PURE__ */ e.jsx(
                 "div",
                 {
                   className: "main-panel",
@@ -496,7 +499,7 @@ function ke(s) {
                             "div",
                             {
                               className: "count",
-                              children: se ? /* @__PURE__ */ e.jsx("i", { className: "fas fa-spinner fa-spin me-0" }) : B ? ae(B) : 0
+                              children: ae ? /* @__PURE__ */ e.jsx("i", { className: "fas fa-spinner fa-spin me-0" }) : W ? ne(W) : 0
                             }
                           ),
                           /* @__PURE__ */ e.jsx("div", { className: "label", children: "ads avoided." })
@@ -508,7 +511,7 @@ function ke(s) {
                           className: "member-since",
                           children: [
                             "Member since: ",
-                            /* @__PURE__ */ e.jsx(re, { format: "PP", date: n?.articles_membership?.membership_started })
+                            /* @__PURE__ */ e.jsx(ie, { format: "PP", date: o?.articles_membership?.membership_started })
                           ]
                         }
                       )
@@ -519,7 +522,7 @@ function ke(s) {
                         /* @__PURE__ */ e.jsx("div", { className: "mb-2", children: "Without support from users like you, we wouldn't be here." }),
                         /* @__PURE__ */ e.jsxs("div", { className: "links-list", children: [
                           /* @__PURE__ */ e.jsxs(
-                            C,
+                            E,
                             {
                               newPage: !0,
                               className: "link-item",
@@ -531,13 +534,13 @@ function ke(s) {
                             }
                           ),
                           /* @__PURE__ */ e.jsxs(
-                            C,
+                            E,
                             {
                               newPage: !0,
                               className: "link-item",
                               href: "https://articles.media/settings/notifications",
                               onClick: () => {
-                                W();
+                                U();
                               },
                               children: [
                                 /* @__PURE__ */ e.jsx("i", { className: "fas fa-bell" }),
@@ -546,7 +549,7 @@ function ke(s) {
                             }
                           ),
                           /* @__PURE__ */ e.jsxs(
-                            C,
+                            E,
                             {
                               newPage: !0,
                               className: "link-item",
@@ -566,18 +569,19 @@ function ke(s) {
             ]
           }
         ),
+        n && /* @__PURE__ */ e.jsx("div", { className: "append-container", children: n }),
         !t && /* @__PURE__ */ e.jsx(
           "div",
           {
             className: "advertise-with-us p-1",
             style: {
               // ...(props.previewData ? props.previewData.background_color : ad?.background_color),
-              backgroundColor: d.background_color || a?.background_color,
-              color: d.font_color || a?.font_color,
-              borderColor: d.border_color || a?.border_color
+              backgroundColor: i.background_color || a?.background_color,
+              color: i.font_color || a?.font_color,
+              borderColor: i.border_color || a?.border_color
             },
             children: /* @__PURE__ */ e.jsxs(
-              C,
+              E,
               {
                 className: "small d-block w-100 text-center",
                 href: "https://articles.media/advertising",
@@ -594,7 +598,7 @@ function ke(s) {
     }
   );
 }
-const Se = te(ke);
+const Le = re(Me);
 export {
-  Se as default
+  Le as default
 };