@articles-media/articles-dev-box 1.0.13 → 1.0.15

package/dist/Ad.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-nZSsnGb7.cjs"),c=require("react"),v=require("./numberWithCommas-CRgrb58X.cjs"),R=require("./index-Ddv_TnxK.cjs"),Z=require("./Button-0ZK0NKiK.cjs"),ee=require("./index-BlP2-uOi.cjs");function se(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:()=>s[i]})}}return t.default=s,Object.freeze(t)}const A=se(c);var C=new Map,M=new WeakMap,W=0,te;function ne(s){return s?(M.has(s)||(W+=1,M.set(s,W.toString())),M.get(s)):"0"}function re(s){return Object.keys(s).sort().filter(t=>s[t]!==void 0).map(t=>`${t}_${t==="root"?ne(s.root):s[t]}`).toString()}function ie(s){const t=re(s);let i=C.get(t);if(!i){const r=new Map;let l;const u=new IntersectionObserver(x=>{x.forEach(o=>{var p;const N=o.isIntersecting&&l.some(j=>o.intersectionRatio>=j);s.trackVisibility&&typeof o.isVisible>"u"&&(o.isVisible=N),(p=r.get(o.target))==null||p.forEach(j=>{j(N,o)})})},s);l=u.thresholds||(Array.isArray(s.threshold)?s.threshold:[s.threshold||0]),i={id:t,observer:u,elements:r},C.set(t,i)}return i}function oe(s,t,i={},r=te){if(typeof window.IntersectionObserver>"u"&&r!==void 0){const p=s.getBoundingClientRect();return t(r,{isIntersecting:r,target:s,intersectionRatio:typeof i.threshold=="number"?i.threshold:0,time:0,boundingClientRect:p,intersectionRect:p,rootBounds:p}),()=>{}}const{id:l,observer:u,elements:x}=ie(i),o=x.get(s)||[];return x.has(s)||x.set(s,o),o.push(t),u.observe(s),function(){o.splice(o.indexOf(t),1),o.length===0&&(x.delete(s),u.unobserve(s)),x.size===0&&(u.disconnect(),C.delete(l))}}function ae({threshold:s,delay:t,trackVisibility:i,rootMargin:r,root:l,triggerOnce:u,skip:x,initialInView:o,fallbackInView:p,onChange:N}={}){var j;const[_,b]=A.useState(null),n=A.useRef(N),a=A.useRef(o),[k,D]=A.useState({inView:!!o,entry:void 0});n.current=N,A.useEffect(()=>{if(a.current===void 0&&(a.current=o),x||!_)return;let g;return g=oe(_,(f,E)=>{const P=a.current;a.current=f,!(P===void 0&&!f)&&(D({inView:f,entry:E}),n.current&&n.current(f,E),E.isIntersecting&&u&&g&&(g(),g=void 0))},{root:l,rootMargin:r,threshold:s,trackVisibility:i,delay:t},p),()=>{g&&g()}},[Array.isArray(s)?s.toString():s,_,l,r,u,x,i,p,t]);const y=(j=k.entry)==null?void 0:j.target,S=A.useRef(void 0);!_&&y&&!u&&!x&&S.current!==y&&(S.current=y,D({inView:!!o,entry:void 0}),a.current=o);const m=[b,k.inView,k.entry];return m.ref=m[0],m.inView=m[1],m.entry=m[2],m}const ce=async s=>{if(process.env.NODE_ENV==="development")try{return(await R.axios.get(`http://localhost:3001/api/ads/${s.ad_id}`,{params:{ad_id:s.ad_id,user_ad_token:s.user_ad_token}})).data.result}catch{}return R.axios.get(s.url,{params:{ad_id:s.ad_id}}).then(t=>t.data.result)},le=60,de={dedupingInterval:1e3*60*le},ue=(s,t)=>{const{data:i,error:r,isLoading:l,mutate:u}=R.useSWR(s?{url:`https://articles.media/api/ads/${s}`,ad_id:s,user_ad_token:t}:null,ce,de);return{data:i,error:r,isLoading:l,mutate:u}};function xe(s){return t=>{const r=(s?Math[s]:Math.trunc)(t);return r===0?0:r}}function me(s,t){return+v.toDate(s)-+v.toDate(t)}function z(s,t,i){const r=me(s,t)/v.millisecondsInMinute;return xe(i?.roundingMethod)(r)}function U(s){return Math.trunc(s*v.millisecondsInMinute)}const pe=async s=>{if(process.env.NODE_ENV==="development")try{return(await R.axios.get("http://localhost:3001/api/ads",{params:{}})).data}catch{}return R.axios.get(s.url,{params:{}}).then(t=>t.data)},X=60,je={dedupingInterval:U(X),focusThrottleInterval:U(X)},fe=s=>{const{data:t,error:i,isLoading:r,mutate:l}=R.useSWR(s?.loading||s?.disabled?null:{url:"https://articles.media/api/ads"},pe,je);return{data:t,error:i,isLoading:r,mutate:l}},he=c.lazy(()=>Promise.resolve().then(()=>require("./AdDetailsModal-k840vrS2.cjs"))),ve=c.lazy(()=>Promise.resolve().then(()=>require("./AdConfirmExitModal-CcSxmXKT.cjs")));function ge(s,t){return Math.floor(Math.random()*(t-s+1))+s}function Ee(s){let{previewMode:t,darkMode:i,user_ad_token:r,userDetails:l,userDetailsLoading:u,prepend:x,append:o}=s;const p=!1,N=[],[j,_]=c.useState(null),{data:b}=fe({loading:u,disabled:l?.articles_membership?.status=="Active"}),{data:n}=ue(j,r);let a=s.previewData||{};const[k,D]=c.useState(null),[y,S]=c.useState(null),[m,g]=c.useState(null),[f,E]=c.useState(0),[P,K]=c.useState(!1),[$,L]=c.useState(!1),[F,O]=c.useState(!1),[Ne,be]=c.useState(new Date),[V,G]=c.useState([]);c.useEffect(()=>{b&&b?.length>0&&!j&&(console.log("Ad Mounted or reduxAds changed"),_(s.ad_id||b[ge(0,b?.length-1)]?._id))},[b]),c.useEffect(()=>{},[n]),c.useEffect(()=>{n?.populated_promos&&f>=0&&g(n?.populated_promos[f])},[f,n]);function H(){L(!$)}const{ref:J,inView:w}=ae({threshold:0,triggerOnce:!0});function T(d){if(t&&console.log("Preventing this event from being logged as this ad is being shown in preview mode."),V.find(h=>h==d)){console.log("Already logged this event");return}R.axios.get("/api/ads/event",{params:{ad_id:n?._id,event:d}}).then(function(h){G([...V,d]),console.log(h.data)}).catch(function(h){console.log(h)})}c.useEffect(()=>{if(!t&&(console.log("inView",w),w&&j)){let d=[{ad_id:j,date:new Date().toString()},...N.filter(h=>{if(console.log(z(new Date,new Date(h.date))),z(new Date,new Date(h.date))>5){console.log("adsViewed - Remove Old Ad View Object");return}else return console.log("adsViewed - Keep Ad View Object"),h})];console.log("unexpiredRecentViews",d)}},[w,j]);const[q,Q]=c.useState(null),[Y,I]=c.useState(!1);function B(){I(!0),console.log("logAdAvoided called",r),R.axios.get(process.env.NODE_ENV==="development"?"http://localhost:3001/api/user/advertising/avoided":"https://articles.media/api/user/advertising/avoided",{params:{user_id:l?._id},headers:{"x-articles-api-key":r}}).then(function(d){I(!1),Q(d.data.avoided_count),console.log(d.data)}).catch(function(d){console.log(d),I(!1)})}return c.useEffect(()=>{t||(console.log("inView",w),l?.articles_membership?.status=="Active"&&w&&B())},[w,l]),u?null:e.jsxRuntimeExports.jsxs("div",{ref:J,className:ee.classNames("ad-wrap",{"active-member":l?.articles_membership?.status=="Active"}),style:{"--articles-ad-background-color":a.background_color||n?.background_color,"--articles-ad-font-color":a.font_color||n?.font_color,"--articles-ad-border-color":a.border_color||n?.border_color},children:[$&&e.jsxRuntimeExports.jsx(he,{setModalShow:L,ad:n,previewData:a}),F&&e.jsxRuntimeExports.jsx(ve,{setModalShow:O,ad:n,previewData:a}),x&&e.jsxRuntimeExports.jsx("div",{className:"prepend-container",children:x}),e.jsxRuntimeExports.jsxs("div",{className:"ad",children:[l?.articles_membership?.status!=="Active"&&e.jsxRuntimeExports.jsxs("div",{className:"main-panel",children:[e.jsxRuntimeExports.jsx("div",{className:"ad-warning flex-header",children:e.jsxRuntimeExports.jsxs("div",{className:"",children:[n?.city&&"Local"," Advertisement"]})}),e.jsxRuntimeExports.jsxs("div",{className:"content-wrap",children:[e.jsxRuntimeExports.jsxs("div",{className:"photo-banner",children:[e.jsxRuntimeExports.jsx("div",{className:"logo",children:(a.logo?.location||n?.logo?.location)&&e.jsxRuntimeExports.jsx("img",{src:a?.logo?.key?`${process.env.NEXT_PUBLIC_CDN}${a?.logo?.key}`:`${process.env.NEXT_PUBLIC_CDN}${n?.logo?.key}`,alt:""})}),e.jsxRuntimeExports.jsx("div",{className:"icon d-none",children:e.jsxRuntimeExports.jsx("i",{className:"fas fa-mug-hot"})}),e.jsxRuntimeExports.jsx("img",{className:"photo",src:a?.background?.key?`${process.env.NEXT_PUBLIC_CDN}${a.background?.key}`:`${process.env.NEXT_PUBLIC_CDN}${n?.background?.key}`,alt:""})]}),e.jsxRuntimeExports.jsxs("div",{className:"details-wrap",children:[e.jsxRuntimeExports.jsxs("div",{className:"detail-title",children:[e.jsxRuntimeExports.jsx("div",{className:"detail",children:e.jsxRuntimeExports.jsx("span",{className:"h4",children:a?.business||n?.business})}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-column d-none",children:[e.jsxRuntimeExports.jsxs("div",{className:"detail",children:[e.jsxRuntimeExports.jsx("span",{className:"icon",children:e.jsxRuntimeExports.jsx("i",{className:"fas fa-search-location"})}),e.jsxRuntimeExports.jsxs("span",{children:[n?.city,", ",n?.state]})]}),e.jsxRuntimeExports.jsxs("div",{className:"detail",children:[e.jsxRuntimeExports.jsx("span",{className:"icon",children:e.jsxRuntimeExports.jsx("i",{className:"fas fa-clock me-2"})}),e.jsxRuntimeExports.jsx("span",{children:"6:30AM–8PM"})]})]})]}),n?.city&&e.jsxRuntimeExports.jsx("div",{className:"details mb-3 d-none"}),e.jsxRuntimeExports.jsx("div",{className:"short-description",children:a?.description||n?.description})]})]}),p?.roles?.isDev&&n?.populated_promos?.length>0&&e.jsxRuntimeExports.jsxs("div",{children:[m&&e.jsxRuntimeExports.jsx("div",{className:"promos-wrap",children:m&&e.jsxRuntimeExports.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:[e.jsxRuntimeExports.jsxs("div",{className:"",children:[e.jsxRuntimeExports.jsx("div",{children:m.title}),e.jsxRuntimeExports.jsx("div",{className:"small",children:e.jsxRuntimeExports.jsx("div",{className:"small",children:m.details})})]}),e.jsxRuntimeExports.jsx(Z.ArticlesButton,{className:"px-3",small:!0,onClick:()=>{console.log("Load Save Modal"),K(!0)},children:"Save"})]},m._id)}),e.jsxRuntimeExports.jsxs("div",{className:"d-flex justify-content-between",children:[e.jsxRuntimeExports.jsxs("div",{className:"px-2",children:[n?.populated_promos?.length," Promos Active"]}),e.jsxRuntimeExports.jsxs("div",{className:"controls",children:[e.jsxRuntimeExports.jsx("i",{className:"fad fa-arrow-circle-left",type:"button",onClick:()=>{f==0?E(n?.populated_promos?.length-1):E(d=>d-1)}}),n?.populated_promos?.map((d,h)=>e.jsxRuntimeExports.jsx("i",{className:`fa-square ${h==f?"fad":"fas"}`},d._id)),e.jsxRuntimeExports.jsx("i",{className:"fad fa-arrow-circle-right",type:"button",onClick:()=>{f==n?.populated_promos?.length-1?E(0):E(d=>d+1)}})]})]})]}),e.jsxRuntimeExports.jsx("hr",{style:{borderColor:"white"},className:"mt-auto mb-0"}),e.jsxRuntimeExports.jsxs("div",{className:"action-wrap d-flex justify-content-lg-between px-3 py-2",children:[e.jsxRuntimeExports.jsx("div",{onClick:()=>{H(),T("Details")},className:"action flex-grow-1 flex-shrink-0",children:"Details"}),e.jsxRuntimeExports.jsx("span",{className:"px-4"}),e.jsxRuntimeExports.jsx("a",{className:"action flex-grow-1 flex-shrink-0",href:n?.website,target:"_blank",rel:"noreferrer",onClick:d=>{d.preventDefault(),O(!0),T("Confirm Exit Modal Opened")},children:e.jsxRuntimeExports.jsx("div",{children:"Website"})})]})]}),l?.articles_membership?.status=="Active"&&e.jsxRuntimeExports.jsx("div",{className:"main-panel",children:e.jsxRuntimeExports.jsxs("div",{className:"content-wrap",children:[e.jsxRuntimeExports.jsxs("div",{className:"photo-banner",children:[e.jsxRuntimeExports.jsx("div",{className:"logo"}),e.jsxRuntimeExports.jsxs("div",{className:"splash",children:[e.jsxRuntimeExports.jsx("i",{className:"fas fa-broadcast-tower"}),e.jsxRuntimeExports.jsxs("div",{className:"text",children:[e.jsxRuntimeExports.jsx("div",{className:"count",children:Y?e.jsxRuntimeExports.jsx("i",{className:"fas fa-spinner fa-spin me-0"}):q?v.numberWithCommas(q):0}),e.jsxRuntimeExports.jsx("div",{className:"label",children:"ads avoided."})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"member-since",children:["Member since: ",e.jsxRuntimeExports.jsx(v.ArticlesDate,{format:"PP",date:l?.articles_membership?.membership_started})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"details-wrap",children:[e.jsxRuntimeExports.jsx("div",{className:"detail-title",children:e.jsxRuntimeExports.jsx("div",{className:"detail",children:e.jsxRuntimeExports.jsx("span",{className:"h4",children:"Thanks for the support!"})})}),e.jsxRuntimeExports.jsxs("div",{className:"short-description",children:[e.jsxRuntimeExports.jsx("div",{className:"mb-2",children:"Without support from users like you, we wouldn't be here."}),e.jsxRuntimeExports.jsxs("div",{className:"links-list",children:[e.jsxRuntimeExports.jsxs(v.Link,{newPage:!0,className:"link-item",href:"https://articles.media/messages",children:[e.jsxRuntimeExports.jsx("i",{className:"fas fa-comments-alt"}),"0 unread messages."]}),e.jsxRuntimeExports.jsxs(v.Link,{newPage:!0,className:"link-item",href:"https://articles.media/settings/notifications",onClick:()=>{B()},children:[e.jsxRuntimeExports.jsx("i",{className:"fas fa-bell"}),"0 notifications."]}),e.jsxRuntimeExports.jsxs(v.Link,{newPage:!0,className:"link-item",href:"https://articles.media/settings/account",children:[e.jsxRuntimeExports.jsx("i",{className:"fas fa-cog"}),"Manage account settings."]})]})]})]})]})})]}),o&&e.jsxRuntimeExports.jsx("div",{className:"append-container",children:o}),!t&&e.jsxRuntimeExports.jsx("div",{className:"advertise-with-us p-1",style:{backgroundColor:a.background_color||n?.background_color,color:a.font_color||n?.font_color,borderColor:a.border_color||n?.border_color},children:e.jsxRuntimeExports.jsxs(v.Link,{className:"small d-block w-100 text-center",href:"https://articles.media/advertising",newPage:!0,children:[e.jsxRuntimeExports.jsx("i",{className:"fas fa-share me-1"}),"Advertise with Articles Media!"]})})]})}const Re=c.memo(Ee);module.exports=Re;

package/dist/Ad.js

@@ -0,0 +1,604 @@
+import { j as e } from "./jsx-runtime-tc70JA_2.js";
+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 ue(s) {
+  return Object.keys(s).sort().filter(
+    (t) => s[t] !== void 0
+  ).map((t) => `${t}_${t === "root" ? ce(s.root) : s[t]}`).toString();
+}
+function me(s) {
+  const t = ue(s);
+  let l = S.get(t);
+  if (!l) {
+    const r = /* @__PURE__ */ new Map();
+    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);
+    o = c.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), l = {
+      id: t,
+      observer: c,
+      elements: r
+    }, S.set(t, l);
+  }
+  return l;
+}
+function he(s, t, l = {}, r = de) {
+  if (typeof window.IntersectionObserver > "u" && r !== void 0) {
+    const h = s.getBoundingClientRect();
+    return t(r, {
+      isIntersecting: r,
+      target: s,
+      intersectionRatio: typeof l.threshold == "number" ? l.threshold : 0,
+      time: 0,
+      boundingClientRect: h,
+      intersectionRect: h,
+      rootBounds: h
+    }), () => {
+    };
+  }
+  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 fe({
+  threshold: s,
+  delay: t,
+  trackVisibility: l,
+  rootMargin: r,
+  root: o,
+  triggerOnce: c,
+  skip: u,
+  initialInView: n,
+  fallbackInView: h,
+  onChange: N
+} = {}) {
+  var f;
+  const [_, b] = A.useState(null), a = A.useRef(N), i = A.useRef(n), [M, C] = A.useState({
+    inView: !!n,
+    entry: void 0
+  });
+  a.current = N, A.useEffect(
+    () => {
+      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: o,
+          rootMargin: r,
+          threshold: s,
+          // @ts-expect-error
+          trackVisibility: l,
+          delay: t
+        },
+        h
+      ), () => {
+        x && x();
+      };
+    },
+    // We break the rule here, because we aren't including the actual `threshold` variable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // If the threshold is an array, convert it to a string, so it won't change between renders.
+      Array.isArray(s) ? s.toString() : s,
+      _,
+      o,
+      r,
+      c,
+      u,
+      l,
+      h,
+      t
+    ]
+  );
+  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
+  }), 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 pe = async (s) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      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
+        }
+      })).data.result;
+    } catch {
+    }
+  return k.get(s.url, {
+    params: {
+      ad_id: s.ad_id
+    }
+  }).then((t) => t.data.result);
+}, ve = 60, ge = {
+  dedupingInterval: 1e3 * 60 * ve
+  // keepPreviousData: true,
+  // fallbackData: []
+}, 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,
+    pe,
+    ge
+  );
+  return {
+    data: l,
+    error: r,
+    isLoading: o,
+    mutate: c
+  };
+};
+function je(s) {
+  return (t) => {
+    const r = (s ? Math[s] : Math.trunc)(t);
+    return r === 0 ? 0 : r;
+  };
+}
+function Ne(s, t) {
+  return +X(s) - +X(t);
+}
+function q(s, t, l) {
+  const r = Ne(s, t) / H;
+  return je(l?.roundingMethod)(r);
+}
+function K(s) {
+  return Math.trunc(s * H);
+}
+const be = async (s) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await k.get("http://localhost:3001/api/ads", {
+        params: {
+          // ad_id: data.ad_id
+        }
+      })).data;
+    } catch {
+    }
+  return k.get(s.url, {
+    params: {
+      // ad_id: data.ad_id
+    }
+  }).then((t) => t.data);
+}, F = 60, _e = {
+  dedupingInterval: K(F),
+  focusThrottleInterval: K(F)
+  // keepPreviousData: true,
+  // fallbackData: []
+}, 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
+    },
+    be,
+    _e
+  );
+  return {
+    data: t,
+    error: l,
+    isLoading: r,
+    mutate: o
+  };
+}, 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 Me(s) {
+  let {
+    previewMode: t,
+    darkMode: l,
+    user_ad_token: r,
+    userDetails: o,
+    userDetailsLoading: c,
+    prepend: u,
+    append: n
+  } = s;
+  const h = !1, N = [], [f, _] = p(null), {
+    data: b
+  } = we(
+    {
+      loading: c,
+      disabled: o?.articles_membership?.status == "Active"
+    }
+  ), { 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(() => {
+    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 && v >= 0 && x(a?.populated_promos[v]);
+  }, [v, a]);
+  function ee() {
+    V(!L);
+  }
+  const { ref: se, inView: w } = fe({
+    /* Optional options */
+    threshold: 0,
+    triggerOnce: !0
+  });
+  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;
+    }
+    k.get("/api/ads/event", {
+      params: {
+        ad_id: a?._id,
+        event: d
+      }
+    }).then(function(g) {
+      Z([...T, d]), console.log(g.data);
+    }).catch(function(g) {
+      console.log(g);
+    });
+  }
+  y(() => {
+    if (!t && (console.log("inView", w), w && f)) {
+      let d = [
+        {
+          ad_id: f,
+          date: (/* @__PURE__ */ new Date()).toString()
+        },
+        ...N.filter((g) => {
+          if (console.log(
+            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", d);
+    }
+  }, [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: o?._id
+        },
+        headers: {
+          "x-articles-api-key": r
+        }
+      }
+    ).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", w), o?.articles_membership?.status == "Active" && w && U());
+  }, [w, o]), c ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: se,
+      className: le(
+        "ad-wrap",
+        {
+          "active-member": o?.articles_membership?.status == "Active"
+        }
+      ),
+      style: {
+        "--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: [
+        L && /* @__PURE__ */ e.jsx(
+          Ae,
+          {
+            setModalShow: V,
+            ad: a,
+            previewData: i
+          }
+        ),
+        Y && /* @__PURE__ */ e.jsx(
+          ke,
+          {
+            setModalShow: O,
+            ad: a,
+            previewData: i
+          }
+        ),
+        u && /* @__PURE__ */ e.jsx("div", { className: "prepend-container", children: u }),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: "ad",
+            children: [
+              o?.articles_membership?.status !== "Active" && /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: "main-panel",
+                  children: [
+                    /* @__PURE__ */ e.jsx("div", { className: "ad-warning flex-header", children: /* @__PURE__ */ e.jsxs("div", { className: "", children: [
+                      a?.city && "Local",
+                      " Advertisement"
+                    ] }) }),
+                    /* @__PURE__ */ e.jsxs("div", { className: "content-wrap", children: [
+                      /* @__PURE__ */ e.jsxs("div", { className: "photo-banner", children: [
+                        /* @__PURE__ */ e.jsx("div", { className: "logo", children: (i.logo?.location || a?.logo?.location) && /* @__PURE__ */ e.jsx(
+                          "img",
+                          {
+                            src: i?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${i?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${a?.logo?.key}`,
+                            alt: ""
+                          }
+                        ) }),
+                        /* @__PURE__ */ e.jsx("div", { className: "icon d-none", children: /* @__PURE__ */ e.jsx("i", { className: "fas fa-mug-hot" }) }),
+                        /* @__PURE__ */ e.jsx(
+                          "img",
+                          {
+                            className: "photo",
+                            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: 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" }) }),
+                              /* @__PURE__ */ e.jsxs("span", { children: [
+                                a?.city,
+                                ", ",
+                                a?.state
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ e.jsxs("div", { className: "detail", children: [
+                              /* @__PURE__ */ e.jsx("span", { className: "icon", children: /* @__PURE__ */ e.jsx("i", { className: "fas fa-clock me-2" }) }),
+                              /* @__PURE__ */ e.jsx("span", { children: "6:30AM–8PM" })
+                            ] })
+                          ] })
+                        ] }),
+                        a?.city && /* @__PURE__ */ e.jsx("div", { className: "details mb-3 d-none" }),
+                        /* @__PURE__ */ e.jsx("div", { className: "short-description", children: i?.description || a?.description })
+                      ] })
+                    ] }),
+                    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: m.title }),
+                              /* @__PURE__ */ e.jsx("div", { className: "small", children: /* @__PURE__ */ e.jsx("div", { className: "small", children: m.details }) })
+                            ] }),
+                            /* @__PURE__ */ e.jsx(
+                              oe,
+                              {
+                                className: "px-3",
+                                small: !0,
+                                onClick: () => {
+                                  console.log("Load Save Modal"), Q(!0);
+                                },
+                                children: "Save"
+                              }
+                            )
+                          ]
+                        },
+                        m._id
+                      ) }),
+                      /* @__PURE__ */ e.jsxs("div", { className: "d-flex justify-content-between", children: [
+                        /* @__PURE__ */ e.jsxs("div", { className: "px-2", children: [
+                          a?.populated_promos?.length,
+                          " Promos Active"
+                        ] }),
+                        /* @__PURE__ */ e.jsxs("div", { className: "controls", children: [
+                          /* @__PURE__ */ e.jsx(
+                            "i",
+                            {
+                              className: "fad fa-arrow-circle-left",
+                              type: "button",
+                              onClick: () => {
+                                v == 0 ? j(a?.populated_promos?.length - 1) : j((d) => d - 1);
+                              }
+                            }
+                          ),
+                          a?.populated_promos?.map(
+                            (d, g) => /* @__PURE__ */ e.jsx(
+                              "i",
+                              {
+                                className: `fa-square ${g == v ? "fad" : "fas"}`
+                              },
+                              d._id
+                            )
+                          ),
+                          /* @__PURE__ */ e.jsx(
+                            "i",
+                            {
+                              className: "fad fa-arrow-circle-right",
+                              type: "button",
+                              onClick: () => {
+                                v == a?.populated_promos?.length - 1 ? j(0) : j((d) => d + 1);
+                              }
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ e.jsx("hr", { style: { borderColor: "white" }, className: "mt-auto mb-0" }),
+                    /* @__PURE__ */ e.jsxs("div", { className: "action-wrap d-flex justify-content-lg-between px-3 py-2", children: [
+                      /* @__PURE__ */ e.jsx(
+                        "div",
+                        {
+                          onClick: () => {
+                            ee(), B("Details");
+                          },
+                          className: "action flex-grow-1 flex-shrink-0",
+                          children: "Details"
+                        }
+                      ),
+                      /* @__PURE__ */ e.jsx("span", { className: "px-4" }),
+                      /* @__PURE__ */ e.jsx(
+                        "a",
+                        {
+                          className: "action flex-grow-1 flex-shrink-0",
+                          href: a?.website,
+                          target: "_blank",
+                          rel: "noreferrer",
+                          onClick: (d) => {
+                            d.preventDefault(), O(!0), B("Confirm Exit Modal Opened");
+                          },
+                          children: /* @__PURE__ */ e.jsx("div", { children: "Website" })
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              o?.articles_membership?.status == "Active" && /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: "main-panel",
+                  children: /* @__PURE__ */ e.jsxs("div", { className: "content-wrap", children: [
+                    /* @__PURE__ */ e.jsxs("div", { className: "photo-banner", children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "logo" }),
+                      /* @__PURE__ */ e.jsxs("div", { className: "splash", children: [
+                        /* @__PURE__ */ e.jsx("i", { className: "fas fa-broadcast-tower" }),
+                        /* @__PURE__ */ e.jsxs("div", { className: "text", children: [
+                          /* @__PURE__ */ e.jsx(
+                            "div",
+                            {
+                              className: "count",
+                              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." })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e.jsxs(
+                        "div",
+                        {
+                          className: "member-since",
+                          children: [
+                            "Member since: ",
+                            /* @__PURE__ */ e.jsx(ie, { format: "PP", date: o?.articles_membership?.membership_started })
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e.jsxs("div", { className: "details-wrap", children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "detail-title", children: /* @__PURE__ */ e.jsx("div", { className: "detail", children: /* @__PURE__ */ e.jsx("span", { className: "h4", children: "Thanks for the support!" }) }) }),
+                      /* @__PURE__ */ e.jsxs("div", { className: "short-description", children: [
+                        /* @__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(
+                            E,
+                            {
+                              newPage: !0,
+                              className: "link-item",
+                              href: "https://articles.media/messages",
+                              children: [
+                                /* @__PURE__ */ e.jsx("i", { className: "fas fa-comments-alt" }),
+                                "0 unread messages."
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ e.jsxs(
+                            E,
+                            {
+                              newPage: !0,
+                              className: "link-item",
+                              href: "https://articles.media/settings/notifications",
+                              onClick: () => {
+                                U();
+                              },
+                              children: [
+                                /* @__PURE__ */ e.jsx("i", { className: "fas fa-bell" }),
+                                "0 notifications."
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ e.jsxs(
+                            E,
+                            {
+                              newPage: !0,
+                              className: "link-item",
+                              href: "https://articles.media/settings/account",
+                              children: [
+                                /* @__PURE__ */ e.jsx("i", { className: "fas fa-cog" }),
+                                "Manage account settings."
+                              ]
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] })
+                  ] })
+                }
+              )
+            ]
+          }
+        ),
+        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: i.background_color || a?.background_color,
+              color: i.font_color || a?.font_color,
+              borderColor: i.border_color || a?.border_color
+            },
+            children: /* @__PURE__ */ e.jsxs(
+              E,
+              {
+                className: "small d-block w-100 text-center",
+                href: "https://articles.media/advertising",
+                newPage: !0,
+                children: [
+                  /* @__PURE__ */ e.jsx("i", { className: "fas fa-share me-1" }),
+                  "Advertise with Articles Media!"
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const Le = re(Me);
+export {
+  Le as default
+};