@articles-media/articles-dev-box 1.0.5 → 1.0.6

package/dist/Ad.js

@@ -1,100 +1,100 @@
 import { j as s } from "./jsx-runtime-tc70JA_2.js";
 import * as w from "react";
-import { lazy as q, memo as K, useState as p, useEffect as R } from "react";
-import { u as W, a as M } from "./index-CsgQIn35.js";
-import { A as G } from "./Button-B5nVYPMZ.js";
-var $ = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new WeakMap(), P = 0, H;
-function J(e) {
-  return e ? (k.has(e) || (P += 1, k.set(e, P.toString())), k.get(e)) : "0";
+import { lazy as X, memo as G, useState as p, useEffect as I } from "react";
+import { u as W, a as D, t as V, m as z, L as H } from "./toDate-CDo8dBwb.js";
+import { A as J } from "./Button-B5nVYPMZ.js";
+var S = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new WeakMap(), O = 0, Q;
+function Y(e) {
+  return e ? (R.has(e) || (O += 1, R.set(e, O.toString())), R.get(e)) : "0";
 }
-function Q(e) {
+function Z(e) {
   return Object.keys(e).sort().filter(
     (t) => e[t] !== void 0
-  ).map((t) => `${t}_${t === "root" ? J(e.root) : e[t]}`).toString();
+  ).map((t) => `${t}_${t === "root" ? Y(e.root) : e[t]}`).toString();
 }
-function Y(e) {
-  const t = Q(e);
-  let a = $.get(t);
+function ee(e) {
+  const t = Z(e);
+  let a = S.get(t);
   if (!a) {
-    const o = /* @__PURE__ */ new Map();
-    let l;
-    const n = new IntersectionObserver((c) => {
+    const n = /* @__PURE__ */ new Map();
+    let d;
+    const o = new IntersectionObserver((c) => {
       c.forEach((i) => {
-        var u;
-        const N = i.isIntersecting && l.some((v) => i.intersectionRatio >= v);
-        e.trackVisibility && typeof i.isVisible > "u" && (i.isVisible = N), (u = o.get(i.target)) == null || u.forEach((v) => {
-          v(N, i);
+        var f;
+        const b = i.isIntersecting && d.some((x) => i.intersectionRatio >= x);
+        e.trackVisibility && typeof i.isVisible > "u" && (i.isVisible = b), (f = n.get(i.target)) == null || f.forEach((x) => {
+          x(b, i);
         });
       });
     }, e);
-    l = n.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), a = {
+    d = o.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), a = {
       id: t,
-      observer: n,
-      elements: o
-    }, $.set(t, a);
+      observer: o,
+      elements: n
+    }, S.set(t, a);
   }
   return a;
 }
-function Z(e, t, a = {}, o = H) {
-  if (typeof window.IntersectionObserver > "u" && o !== void 0) {
-    const u = e.getBoundingClientRect();
-    return t(o, {
-      isIntersecting: o,
+function se(e, t, a = {}, n = Q) {
+  if (typeof window.IntersectionObserver > "u" && n !== void 0) {
+    const f = e.getBoundingClientRect();
+    return t(n, {
+      isIntersecting: n,
       target: e,
       intersectionRatio: typeof a.threshold == "number" ? a.threshold : 0,
       time: 0,
-      boundingClientRect: u,
-      intersectionRect: u,
-      rootBounds: u
+      boundingClientRect: f,
+      intersectionRect: f,
+      rootBounds: f
     }), () => {
     };
   }
-  const { id: l, observer: n, elements: c } = Y(a), i = c.get(e) || [];
-  return c.has(e) || c.set(e, i), i.push(t), n.observe(e), function() {
-    i.splice(i.indexOf(t), 1), i.length === 0 && (c.delete(e), n.unobserve(e)), c.size === 0 && (n.disconnect(), $.delete(l));
+  const { id: d, observer: o, elements: c } = ee(a), i = c.get(e) || [];
+  return c.has(e) || c.set(e, i), i.push(t), o.observe(e), function() {
+    i.splice(i.indexOf(t), 1), i.length === 0 && (c.delete(e), o.unobserve(e)), c.size === 0 && (o.disconnect(), S.delete(d));
   };
 }
-function ee({
+function te({
   threshold: e,
   delay: t,
   trackVisibility: a,
-  rootMargin: o,
-  root: l,
-  triggerOnce: n,
+  rootMargin: n,
+  root: d,
+  triggerOnce: o,
   skip: c,
   initialInView: i,
-  fallbackInView: u,
-  onChange: N
+  fallbackInView: f,
+  onChange: b
 } = {}) {
-  var v;
-  const [_, x] = w.useState(null), y = w.useRef(N), d = w.useRef(i), [g, E] = w.useState({
+  var x;
+  const [_, j] = w.useState(null), y = w.useRef(b), u = w.useRef(i), [g, k] = w.useState({
     inView: !!i,
     entry: void 0
   });
-  y.current = N, w.useEffect(
+  y.current = b, w.useEffect(
     () => {
-      if (d.current === void 0 && (d.current = i), c || !_) return;
-      let j;
-      return j = Z(
+      if (u.current === void 0 && (u.current = i), c || !_) return;
+      let v;
+      return v = se(
         _,
-        (I, b) => {
-          const C = d.current;
-          d.current = I, !(C === void 0 && !I) && (E({
-            inView: I,
-            entry: b
-          }), y.current && y.current(I, b), b.isIntersecting && n && j && (j(), j = void 0));
+        (N, E) => {
+          const $ = u.current;
+          u.current = N, !($ === void 0 && !N) && (k({
+            inView: N,
+            entry: E
+          }), y.current && y.current(N, E), E.isIntersecting && o && v && (v(), v = void 0));
         },
         {
-          root: l,
-          rootMargin: o,
+          root: d,
+          rootMargin: n,
           threshold: e,
           // @ts-expect-error
           trackVisibility: a,
           delay: t
         },
-        u
+        f
       ), () => {
-        j && j();
+        v && v();
       };
     },
     // We break the rule here, because we aren't including the actual `threshold` variable
@@ -103,91 +103,85 @@ function ee({
       // If the threshold is an array, convert it to a string, so it won't change between renders.
       Array.isArray(e) ? e.toString() : e,
       _,
-      l,
-      o,
+      d,
       n,
+      o,
       c,
       a,
-      u,
+      f,
       t
     ]
   );
-  const D = (v = g.entry) == null ? void 0 : v.target, A = w.useRef(void 0);
-  !_ && D && !n && !c && A.current !== D && (A.current = D, E({
+  const A = (x = g.entry) == null ? void 0 : x.target, M = w.useRef(void 0);
+  !_ && A && !o && !c && M.current !== A && (M.current = A, k({
     inView: !!i,
     entry: void 0
-  }), d.current = i);
-  const h = [x, g.inView, g.entry];
+  }), u.current = i);
+  const h = [j, g.inView, g.entry];
   return h.ref = h[0], h.inView = h[1], h.entry = h[2], h;
 }
-const se = async (e) => {
+const re = async (e) => {
   if (process.env.NODE_ENV === "development")
     try {
-      return (await M.get(`http://localhost:3001/api/ads/${e.ad_id}`, {
+      return (await D.get(`http://localhost:3001/api/ads/${e.ad_id}`, {
         params: {
           ad_id: e.ad_id
         }
       })).data.result;
     } catch {
     }
-  return M.get(e.url, {
+  return D.get(e.url, {
     params: {
       ad_id: e.ad_id
     }
   }).then((t) => t.data.result);
-}, te = 60, re = {
-  dedupingInterval: 1e3 * 60 * te
+}, oe = 60, ne = {
+  dedupingInterval: 1e3 * 60 * oe
   // keepPreviousData: true,
   // fallbackData: []
-}, ne = (e) => {
-  const { data: t, error: a, isLoading: o, mutate: l } = W(
+}, ae = (e) => {
+  const { data: t, error: a, isLoading: n, mutate: d } = W(
     e ? {
       url: `https://articles.media/api/ads/${e}`,
       ad_id: e
     } : null,
-    se,
-    re
+    re,
+    ne
   );
   return {
     data: t,
     error: a,
-    isLoading: o,
-    mutate: l
+    isLoading: n,
+    mutate: d
   };
-}, X = 6e4, T = /* @__PURE__ */ Symbol.for("constructDateFrom");
-function oe(e, t) {
-  return typeof e == "function" ? e(t) : e && typeof e == "object" && T in e ? e[T](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
-}
-function L(e, t) {
-  return oe(e, e);
-}
-function ae(e) {
+};
+function ie(e) {
   return (t) => {
-    const o = (e ? Math[e] : Math.trunc)(t);
-    return o === 0 ? 0 : o;
+    const n = (e ? Math[e] : Math.trunc)(t);
+    return n === 0 ? 0 : n;
   };
 }
-function ie(e, t) {
-  return +L(e) - +L(t);
+function ce(e, t) {
+  return +V(e) - +V(t);
 }
-function O(e, t, a) {
-  const o = ie(e, t) / X;
-  return ae(a?.roundingMethod)(o);
+function T(e, t, a) {
+  const n = ce(e, t) / z;
+  return ie(a?.roundingMethod)(n);
 }
 function B(e) {
-  return Math.trunc(e * X);
+  return Math.trunc(e * z);
 }
-const ce = async (e) => {
+const de = async (e) => {
   if (process.env.NODE_ENV === "development")
     try {
-      return (await M.get("http://localhost:3001/api/ads", {
+      return (await D.get("http://localhost:3001/api/ads", {
         params: {
           // ad_id: data.ad_id
         }
       })).data;
     } catch {
     }
-  return M.get(e.url, {
+  return D.get(e.url, {
     params: {
       // ad_id: data.ad_id
     }
@@ -197,97 +191,105 @@ const ce = async (e) => {
   focusThrottleInterval: B(U)
   // keepPreviousData: true,
   // fallbackData: []
-}, de = (e) => {
-  const { data: t, error: a, isLoading: o, mutate: l } = W(
+}, ue = (e) => {
+  const { data: t, error: a, isLoading: n, mutate: d } = W(
     {
       url: "https://articles.media/api/ads"
       // ad_id
     },
-    ce,
+    de,
     le
   );
   return {
     data: t,
     error: a,
-    isLoading: o,
-    mutate: l
+    isLoading: n,
+    mutate: d
   };
-}, ue = q(() => import("./AdDetailsModal-BOLzA3ZL.js"));
-function fe(e, t) {
+}, fe = X(() => import("./AdDetailsModal-C3ytLQho.js")), me = X(() => import("./AdConfirmExitModal-TTHQo9Ou.js"));
+function he(e, t) {
   return Math.floor(Math.random() * (t - e + 1)) + e;
 }
-function me(e) {
+function pe(e) {
   const a = [], {
-    data: o
-  } = de();
-  let { previewMode: l } = e, n = e.previewData || {};
-  const [c, i] = p(null), [u, N] = p(null), [v, _] = p(null), [x, y] = p(null), [d, g] = p(0), [E, D] = p(!1), [A, h] = p(!1), [j, I] = p(/* @__PURE__ */ new Date()), [b, C] = p([]), { data: r } = ne(c);
-  R(() => {
-    o && o?.length > 0 && !c && (console.log("Ad Mounted or reduxAds changed"), i(e.ad_id || o[fe(0, o?.length - 1)]?._id));
-  }, [o]), R(() => {
-  }, [r]), R(() => {
-    r?.populated_promos && d >= 0 && y(r?.populated_promos[d]);
-  }, [d, r]);
-  function F() {
-    h(!A);
+    data: n
+  } = ue();
+  let { previewMode: d } = e, o = e.previewData || {};
+  const [c, i] = p(null), [f, b] = p(null), [x, _] = p(null), [j, y] = p(null), [u, g] = p(0), [k, A] = p(!1), [M, h] = p(!1), [v, N] = p(!1), [E, $] = p(/* @__PURE__ */ new Date()), [L, q] = p([]), { data: r } = ae(c);
+  I(() => {
+    n && n?.length > 0 && !c && (console.log("Ad Mounted or reduxAds changed"), i(e.ad_id || n[he(0, n?.length - 1)]?._id));
+  }, [n]), I(() => {
+  }, [r]), I(() => {
+    r?.populated_promos && u >= 0 && y(r?.populated_promos[u]);
+  }, [u, r]);
+  function K() {
+    h(!M);
   }
-  const { ref: z, inView: S } = ee({
+  const { ref: F, inView: C } = te({
     /* Optional options */
     threshold: 0,
     triggerOnce: !0
   });
-  function V(f) {
-    if (l && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), b.find((m) => m == f)) {
+  function P(l) {
+    if (d && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), L.find((m) => m == l)) {
       console.log("Already logged this event");
       return;
     }
-    M.get("/api/ads/event", {
+    D.get("/api/ads/event", {
       params: {
         ad_id: r?._id,
-        event: f
+        event: l
       }
     }).then(function(m) {
-      C([...b, f]), console.log(m.data);
+      q([...L, l]), console.log(m.data);
     }).catch(function(m) {
       console.log(m);
     });
   }
-  return R(() => {
-    if (!l && (console.log("inView", S), S && c)) {
-      let f = [
+  return I(() => {
+    if (!d && (console.log("inView", C), C && c)) {
+      let l = [
         {
           ad_id: c,
           date: (/* @__PURE__ */ new Date()).toString()
         },
         ...a.filter((m) => {
           if (console.log(
-            O(/* @__PURE__ */ new Date(), new Date(m.date))
-          ), O(/* @__PURE__ */ new Date(), new Date(m.date)) > 5) {
+            T(/* @__PURE__ */ new Date(), new Date(m.date))
+          ), T(/* @__PURE__ */ new Date(), new Date(m.date)) > 5) {
             console.log("adsViewed - Remove Old Ad View Object");
             return;
           } else
             return console.log("adsViewed - Keep Ad View Object"), m;
         })
       ];
-      console.log("unexpiredRecentViews", f);
+      console.log("unexpiredRecentViews", l);
     }
-  }, [S, c]), /* @__PURE__ */ s.jsxs(
+  }, [C, c]), /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: z,
+      ref: F,
       className: "ad-wrap",
       style: {
-        "--articles-ad-background-color": n.background_color || r?.background_color,
-        "--articles-ad-font-color": n.font_color || r?.font_color,
-        "--articles-ad-border-color": n.border_color || r?.border_color
+        "--articles-ad-background-color": o.background_color || r?.background_color,
+        "--articles-ad-font-color": o.font_color || r?.font_color,
+        "--articles-ad-border-color": o.border_color || r?.border_color
       },
       children: [
-        A && /* @__PURE__ */ s.jsx(
-          ue,
+        M && /* @__PURE__ */ s.jsx(
+          fe,
           {
             setModalShow: h,
             ad: r,
-            previewData: n
+            previewData: o
+          }
+        ),
+        v && /* @__PURE__ */ s.jsx(
+          me,
+          {
+            setModalShow: N,
+            ad: r,
+            previewData: o
           }
         ),
         /* @__PURE__ */ s.jsx(
@@ -305,10 +307,10 @@ function me(e) {
                   ] }) }),
                   /* @__PURE__ */ s.jsxs("div", { className: "content-wrap", children: [
                     /* @__PURE__ */ s.jsxs("div", { className: "photo-banner", children: [
-                      /* @__PURE__ */ s.jsx("div", { className: "logo", children: (n.logo?.location || r?.logo?.location) && /* @__PURE__ */ s.jsx(
+                      /* @__PURE__ */ s.jsx("div", { className: "logo", children: (o.logo?.location || r?.logo?.location) && /* @__PURE__ */ s.jsx(
                         "img",
                         {
-                          src: n?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${n?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.logo?.key}`,
+                          src: o?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${o?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.logo?.key}`,
                           alt: ""
                         }
                       ) }),
@@ -317,14 +319,14 @@ function me(e) {
                         "img",
                         {
                           className: "photo",
-                          src: n?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${n.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.background?.key}`,
+                          src: o?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${o.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.background?.key}`,
                           alt: ""
                         }
                       )
                     ] }),
                     /* @__PURE__ */ s.jsxs("div", { className: "details-wrap", children: [
                       /* @__PURE__ */ s.jsxs("div", { className: "detail-title", children: [
-                        /* @__PURE__ */ s.jsx("div", { className: "detail", children: /* @__PURE__ */ s.jsx("span", { className: "h4", children: n?.business || r?.business }) }),
+                        /* @__PURE__ */ s.jsx("div", { className: "detail", children: /* @__PURE__ */ s.jsx("span", { className: "h4", children: o?.business || r?.business }) }),
                         /* @__PURE__ */ s.jsxs("div", { className: "flex flex-column d-none", children: [
                           /* @__PURE__ */ s.jsxs("div", { className: "detail", children: [
                             /* @__PURE__ */ s.jsx("span", { className: "icon", children: /* @__PURE__ */ s.jsx("i", { className: "fas fa-search-location" }) }),
@@ -341,33 +343,33 @@ function me(e) {
                         ] })
                       ] }),
                       r?.city && /* @__PURE__ */ s.jsx("div", { className: "details mb-3 d-none" }),
-                      /* @__PURE__ */ s.jsx("div", { className: "short-description", children: n?.description || r?.description })
+                      /* @__PURE__ */ s.jsx("div", { className: "short-description", children: o?.description || r?.description })
                     ] })
                   ] }),
                   (!1)?.roles?.isDev && r?.populated_promos?.length > 0 && /* @__PURE__ */ s.jsxs("div", { children: [
-                    x && /* @__PURE__ */ s.jsx("div", { className: "promos-wrap", children: x && /* @__PURE__ */ s.jsxs(
+                    j && /* @__PURE__ */ s.jsx("div", { className: "promos-wrap", children: j && /* @__PURE__ */ s.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__ */ s.jsxs("div", { className: "", children: [
-                            /* @__PURE__ */ s.jsx("div", { children: x.title }),
-                            /* @__PURE__ */ s.jsx("div", { className: "small", children: /* @__PURE__ */ s.jsx("div", { className: "small", children: x.details }) })
+                            /* @__PURE__ */ s.jsx("div", { children: j.title }),
+                            /* @__PURE__ */ s.jsx("div", { className: "small", children: /* @__PURE__ */ s.jsx("div", { className: "small", children: j.details }) })
                           ] }),
                           /* @__PURE__ */ s.jsx(
-                            G,
+                            J,
                             {
                               className: "px-3",
                               small: !0,
                               onClick: () => {
-                                console.log("Load Save Modal"), D(!0);
+                                console.log("Load Save Modal"), A(!0);
                               },
                               children: "Save"
                             }
                           )
                         ]
                       },
-                      x._id
+                      j._id
                     ) }),
                     /* @__PURE__ */ s.jsxs("div", { className: "d-flex justify-content-between", children: [
                       /* @__PURE__ */ s.jsxs("div", { className: "px-2", children: [
@@ -381,17 +383,17 @@ function me(e) {
                             className: "fad fa-arrow-circle-left",
                             type: "button",
                             onClick: () => {
-                              d == 0 ? g(r?.populated_promos?.length - 1) : g((f) => f - 1);
+                              u == 0 ? g(r?.populated_promos?.length - 1) : g((l) => l - 1);
                             }
                           }
                         ),
                         r?.populated_promos?.map(
-                          (f, m) => /* @__PURE__ */ s.jsx(
+                          (l, m) => /* @__PURE__ */ s.jsx(
                             "i",
                             {
-                              className: `fa-square ${m == d ? "fad" : "fas"}`
+                              className: `fa-square ${m == u ? "fad" : "fas"}`
                             },
-                            f._id
+                            l._id
                           )
                         ),
                         /* @__PURE__ */ s.jsx(
@@ -400,7 +402,7 @@ function me(e) {
                             className: "fad fa-arrow-circle-right",
                             type: "button",
                             onClick: () => {
-                              d == r?.populated_promos?.length - 1 ? g(0) : g((f) => f + 1);
+                              u == r?.populated_promos?.length - 1 ? g(0) : g((l) => l + 1);
                             }
                           }
                         )
@@ -413,7 +415,7 @@ function me(e) {
                       "div",
                       {
                         onClick: () => {
-                          F(), V("Details");
+                          K(), P("Details");
                         },
                         className: "action flex-grow-1 flex-shrink-0",
                         children: "Details"
@@ -427,7 +429,9 @@ function me(e) {
                         href: r?.website,
                         target: "_blank",
                         rel: "noreferrer",
-                        onClick: () => V("Website"),
+                        onClick: (l) => {
+                          l.preventDefault(), N(!0), P("Confirm Exit Modal Opened");
+                        },
                         children: /* @__PURE__ */ s.jsx("div", { children: "Website" })
                       }
                     )
@@ -437,20 +441,22 @@ function me(e) {
             )
           }
         ),
-        !l && /* @__PURE__ */ s.jsx(
+        !d && /* @__PURE__ */ s.jsx(
           "div",
           {
             className: "advertise-with-us p-1",
             style: {
               // ...(props.previewData ? props.previewData.background_color : ad?.background_color),
-              backgroundColor: n.background_color || r?.background_color,
-              color: n.font_color || r?.font_color,
-              borderColor: n.border_color || r?.border_color
+              backgroundColor: o.background_color || r?.background_color,
+              color: o.font_color || r?.font_color,
+              borderColor: o.border_color || r?.border_color
             },
             children: /* @__PURE__ */ s.jsxs(
-              "div",
+              H,
               {
                 className: "small d-block w-100 text-center",
+                href: "https://articles.media/advertising",
+                newPage: !0,
                 children: [
                   /* @__PURE__ */ s.jsx("i", { className: "fas fa-share me-1" }),
                   "Advertise with Articles Media!"
@@ -463,7 +469,7 @@ function me(e) {
     }
   );
 }
-const xe = K(me);
+const Ne = G(pe);
 export {
-  xe as default
+  Ne as default
 };

package/dist/AdConfirmExitModal-BRpOrF3L.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-nZSsnGb7.cjs"),n=require("react"),l=require("./toDate-CzgAa_PT.cjs"),s=require("./Modal-Cr0uB770.cjs"),a=require("./Button-BVYvDTtH.cjs");function d(i){let{setModalShow:o,ad:r,previewData:c}=i;n.useEffect(()=>{console.log("Mounted")},[]);const t=()=>{o(!1)};return e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(s.Modal,{show:!0,backdropClassName:"ad-details-modal-backdrop",className:"articles-modal",centered:!0,onHide:t,size:"md",children:[e.jsxRuntimeExports.jsx(s.Modal.Header,{className:"align-items-center",closeButton:!0,children:e.jsxRuntimeExports.jsx(s.Modal.Title,{children:"Confirm Exit"})}),e.jsxRuntimeExports.jsxs(s.Modal.Body,{className:"",children:[e.jsxRuntimeExports.jsx("div",{className:"ratio ratio-16x9 bg-black mb-2"}),e.jsxRuntimeExports.jsx("p",{className:"mb-1",children:"This advertiser has been approved and verified to display ads but always be cautious when interacting with ads. Any offsite interactions are at your own risk and should be approached with caution. We can not be held responsible for any issues that may arise."})]}),e.jsxRuntimeExports.jsxs(s.Modal.Footer,{className:"d-flex justify-content-between",children:[e.jsxRuntimeExports.jsxs(a.ArticlesButton,{variant:"articles",onClick:t,children:[e.jsxRuntimeExports.jsx("i",{className:"fad fa-times"}),"Close"]}),e.jsxRuntimeExports.jsx(l.Link,{href:r?.website,newPage:!0,children:e.jsxRuntimeExports.jsxs(a.ArticlesButton,{variant:"articles",onClick:t,children:[e.jsxRuntimeExports.jsx("i",{className:"fad fa-link"}),"Proceed"]})})]})]})})}exports.default=d;

package/dist/AdConfirmExitModal-TTHQo9Ou.js

@@ -0,0 +1,72 @@
+import { j as e } from "./jsx-runtime-tc70JA_2.js";
+import { useEffect as l } from "react";
+import { L as n } from "./toDate-CDo8dBwb.js";
+import { M as s } from "./Modal-CZ77qLgM.js";
+import { A as i } from "./Button-B5nVYPMZ.js";
+function x(t) {
+  let { setModalShow: r, ad: o, previewData: d } = t;
+  l(() => {
+    console.log("Mounted");
+  }, []);
+  const a = () => {
+    r(!1);
+  };
+  return /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
+    s,
+    {
+      show: !0,
+      backdropClassName: "ad-details-modal-backdrop",
+      className: "articles-modal",
+      centered: !0,
+      onHide: a,
+      size: "md",
+      children: [
+        /* @__PURE__ */ e.jsx(s.Header, { className: "align-items-center", closeButton: !0, children: /* @__PURE__ */ e.jsx(s.Title, { children: "Confirm Exit" }) }),
+        /* @__PURE__ */ e.jsxs(
+          s.Body,
+          {
+            className: "",
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "ratio ratio-16x9 bg-black mb-2" }),
+              /* @__PURE__ */ e.jsx("p", { className: "mb-1", children: "This advertiser has been approved and verified to display ads but always be cautious when interacting with ads. Any offsite interactions are at your own risk and should be approached with caution. We can not be held responsible for any issues that may arise." })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(s.Footer, { className: "d-flex justify-content-between", children: [
+          /* @__PURE__ */ e.jsxs(
+            i,
+            {
+              variant: "articles",
+              onClick: a,
+              children: [
+                /* @__PURE__ */ e.jsx("i", { className: "fad fa-times" }),
+                "Close"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            n,
+            {
+              href: o?.website,
+              newPage: !0,
+              children: /* @__PURE__ */ e.jsxs(
+                i,
+                {
+                  variant: "articles",
+                  onClick: a,
+                  children: [
+                    /* @__PURE__ */ e.jsx("i", { className: "fad fa-link" }),
+                    "Proceed"
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  x as default
+};