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

package/dist/Ad.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-nZSsnGb7.cjs"),o=require("react"),v=require("./numberWithCommas-CRgrb58X.cjs"),E=require("./index-Ddv_TnxK.cjs"),Q=require("./Button-0ZK0NKiK.cjs"),Y=require("./index-BlP2-uOi.cjs");function Z(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 _=Z(o);var P=new Map,S=new WeakMap,B=0,ee;function se(s){return s?(S.has(s)||(B+=1,S.set(s,B.toString())),S.get(s)):"0"}function te(s){return Object.keys(s).sort().filter(t=>s[t]!==void 0).map(t=>`${t}_${t==="root"?se(s.root):s[t]}`).toString()}function ne(s){const t=te(s);let i=P.get(t);if(!i){const r=new Map;let a;const x=new IntersectionObserver(p=>{p.forEach(c=>{var u;const R=c.isIntersecting&&a.some(f=>c.intersectionRatio>=f);s.trackVisibility&&typeof c.isVisible>"u"&&(c.isVisible=R),(u=r.get(c.target))==null||u.forEach(f=>{f(R,c)})})},s);a=x.thresholds||(Array.isArray(s.threshold)?s.threshold:[s.threshold||0]),i={id:t,observer:x,elements:r},P.set(t,i)}return i}function re(s,t,i={},r=ee){if(typeof window.IntersectionObserver>"u"&&r!==void 0){const u=s.getBoundingClientRect();return t(r,{isIntersecting:r,target:s,intersectionRatio:typeof i.threshold=="number"?i.threshold:0,time:0,boundingClientRect:u,intersectionRect:u,rootBounds:u}),()=>{}}const{id:a,observer:x,elements:p}=ne(i),c=p.get(s)||[];return p.has(s)||p.set(s,c),c.push(t),x.observe(s),function(){c.splice(c.indexOf(t),1),c.length===0&&(p.delete(s),x.unobserve(s)),p.size===0&&(x.disconnect(),P.delete(a))}}function ie({threshold:s,delay:t,trackVisibility:i,rootMargin:r,root:a,triggerOnce:x,skip:p,initialInView:c,fallbackInView:u,onChange:R}={}){var f;const[n,d]=_.useState(null),k=_.useRef(R),N=_.useRef(c),[y,I]=_.useState({inView:!!c,entry:void 0});k.current=R,_.useEffect(()=>{if(N.current===void 0&&(N.current=c),p||!n)return;let j;return j=re(n,(w,A)=>{const D=N.current;N.current=w,!(D===void 0&&!w)&&(I({inView:w,entry:A}),k.current&&k.current(w,A),A.isIntersecting&&x&&j&&(j(),j=void 0))},{root:a,rootMargin:r,threshold:s,trackVisibility:i,delay:t},u),()=>{j&&j()}},[Array.isArray(s)?s.toString():s,n,a,r,x,p,i,u,t]);const g=(f=y.entry)==null?void 0:f.target,M=_.useRef(void 0);!n&&g&&!x&&!p&&M.current!==g&&(M.current=g,I({inView:!!c,entry:void 0}),N.current=c);const m=[d,y.inView,y.entry];return m.ref=m[0],m.inView=m[1],m.entry=m[2],m}const oe=async s=>{if(process.env.NODE_ENV==="development")try{return(await E.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 E.axios.get(s.url,{params:{ad_id:s.ad_id}}).then(t=>t.data.result)},ae=60,ce={dedupingInterval:1e3*60*ae},le=(s,t)=>{const{data:i,error:r,isLoading:a,mutate:x}=E.useSWR(s?{url:`https://articles.media/api/ads/${s}`,ad_id:s,user_ad_token:t}:null,oe,ce);return{data:i,error:r,isLoading:a,mutate:x}};function de(s){return t=>{const r=(s?Math[s]:Math.trunc)(t);return r===0?0:r}}function ue(s,t){return+v.toDate(s)-+v.toDate(t)}function W(s,t,i){const r=ue(s,t)/v.millisecondsInMinute;return de(i?.roundingMethod)(r)}function z(s){return Math.trunc(s*v.millisecondsInMinute)}const xe=async s=>{if(process.env.NODE_ENV==="development")try{return(await E.axios.get("http://localhost:3001/api/ads",{params:{}})).data}catch{}return E.axios.get(s.url,{params:{}}).then(t=>t.data)},U=60,me={dedupingInterval:z(U),focusThrottleInterval:z(U)},pe=s=>{const{data:t,error:i,isLoading:r,mutate:a}=E.useSWR(s?.loading||s?.disabled?null:{url:"https://articles.media/api/ads"},xe,me);return{data:t,error:i,isLoading:r,mutate:a}},fe=o.lazy(()=>Promise.resolve().then(()=>require("./AdDetailsModal-k840vrS2.cjs"))),je=o.lazy(()=>Promise.resolve().then(()=>require("./AdConfirmExitModal-CcSxmXKT.cjs")));function he(s,t){return Math.floor(Math.random()*(t-s+1))+s}function ve(s){let{previewMode:t,darkMode:i,user_ad_token:r,userDetails:a,userDetailsLoading:x}=s;const p=!1,c=[],[u,R]=o.useState(null),{data:f}=pe({loading:x,disabled:a?.articles_membership?.status=="Active"}),{data:n}=le(u,r);let d=s.previewData||{};const[k,N]=o.useState(null),[y,I]=o.useState(null),[g,M]=o.useState(null),[m,j]=o.useState(0),[w,A]=o.useState(!1),[D,$]=o.useState(!1),[X,L]=o.useState(!1),[Ee,Re]=o.useState(new Date),[O,K]=o.useState([]);o.useEffect(()=>{f&&f?.length>0&&!u&&(console.log("Ad Mounted or reduxAds changed"),R(s.ad_id||f[he(0,f?.length-1)]?._id))},[f]),o.useEffect(()=>{},[n]),o.useEffect(()=>{n?.populated_promos&&m>=0&&M(n?.populated_promos[m])},[m,n]);function F(){$(!D)}const{ref:G,inView:b}=ie({threshold:0,triggerOnce:!0});function V(l){if(t&&console.log("Preventing this event from being logged as this ad is being shown in preview mode."),O.find(h=>h==l)){console.log("Already logged this event");return}E.axios.get("/api/ads/event",{params:{ad_id:n?._id,event:l}}).then(function(h){K([...O,l]),console.log(h.data)}).catch(function(h){console.log(h)})}o.useEffect(()=>{if(!t&&(console.log("inView",b),b&&u)){let l=[{ad_id:u,date:new Date().toString()},...c.filter(h=>{if(console.log(W(new Date,new Date(h.date))),W(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",l)}},[b,u]);const[T,H]=o.useState(null),[J,C]=o.useState(!1);function q(){C(!0),console.log("logAdAvoided called",r),E.axios.get(process.env.NODE_ENV==="development"?"http://localhost:3001/api/user/advertising/avoided":"https://articles.media/api/user/advertising/avoided",{params:{user_id:a?._id},headers:{"x-articles-api-key":r}}).then(function(l){C(!1),H(l.data.avoided_count),console.log(l.data)}).catch(function(l){console.log(l),C(!1)})}return o.useEffect(()=>{t||(console.log("inView",b),a?.articles_membership?.status=="Active"&&b&&q())},[b,a]),x?null:e.jsxRuntimeExports.jsxs("div",{ref:G,className:Y.classNames("ad-wrap",{"active-member":a?.articles_membership?.status=="Active"}),style:{"--articles-ad-background-color":d.background_color||n?.background_color,"--articles-ad-font-color":d.font_color||n?.font_color,"--articles-ad-border-color":d.border_color||n?.border_color},children:[D&&e.jsxRuntimeExports.jsx(fe,{setModalShow:$,ad:n,previewData:d}),X&&e.jsxRuntimeExports.jsx(je,{setModalShow:L,ad:n,previewData:d}),e.jsxRuntimeExports.jsxs("div",{className:"ad",children:[a?.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:(d.logo?.location||n?.logo?.location)&&e.jsxRuntimeExports.jsx("img",{src:d?.logo?.key?`${process.env.NEXT_PUBLIC_CDN}${d?.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:d?.background?.key?`${process.env.NEXT_PUBLIC_CDN}${d.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:d?.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:d?.description||n?.description})]})]}),p?.roles?.isDev&&n?.populated_promos?.length>0&&e.jsxRuntimeExports.jsxs("div",{children:[g&&e.jsxRuntimeExports.jsx("div",{className:"promos-wrap",children:g&&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:g.title}),e.jsxRuntimeExports.jsx("div",{className:"small",children:e.jsxRuntimeExports.jsx("div",{className:"small",children:g.details})})]}),e.jsxRuntimeExports.jsx(Q.ArticlesButton,{className:"px-3",small:!0,onClick:()=>{console.log("Load Save Modal"),A(!0)},children:"Save"})]},g._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:()=>{m==0?j(n?.populated_promos?.length-1):j(l=>l-1)}}),n?.populated_promos?.map((l,h)=>e.jsxRuntimeExports.jsx("i",{className:`fa-square ${h==m?"fad":"fas"}`},l._id)),e.jsxRuntimeExports.jsx("i",{className:"fad fa-arrow-circle-right",type:"button",onClick:()=>{m==n?.populated_promos?.length-1?j(0):j(l=>l+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:()=>{F(),V("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:l=>{l.preventDefault(),L(!0),V("Confirm Exit Modal Opened")},children:e.jsxRuntimeExports.jsx("div",{children:"Website"})})]})]}),a?.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:J?e.jsxRuntimeExports.jsx("i",{className:"fas fa-spinner fa-spin me-0"}):T?v.numberWithCommas(T):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:a?.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:()=>{q()},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."]})]})]})]})]})})]}),!t&&e.jsxRuntimeExports.jsx("div",{className:"advertise-with-us p-1",style:{backgroundColor:d.background_color||n?.background_color,color:d.font_color||n?.font_color,borderColor:d.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 ge=o.memo(ve);module.exports=ge;

package/dist/Ad.js

@@ -0,0 +1,600 @@
+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";
+}
+function de(s) {
+  return Object.keys(s).sort().filter(
+    (t) => s[t] !== void 0
+  ).map((t) => `${t}_${t === "root" ? le(s.root) : s[t]}`).toString();
+}
+function ce(s) {
+  const t = de(s);
+  let o = $.get(t);
+  if (!o) {
+    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);
+        });
+      });
+    }, s);
+    n = u.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), o = {
+      id: t,
+      observer: u,
+      elements: r
+    }, $.set(t, o);
+  }
+  return o;
+}
+function ue(s, t, o = {}, r = oe) {
+  if (typeof window.IntersectionObserver > "u" && r !== void 0) {
+    const c = s.getBoundingClientRect();
+    return t(r, {
+      isIntersecting: r,
+      target: s,
+      intersectionRatio: typeof o.threshold == "number" ? o.threshold : 0,
+      time: 0,
+      boundingClientRect: c,
+      intersectionRect: c,
+      rootBounds: c
+    }), () => {
+    };
+  }
+  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));
+  };
+}
+function me({
+  threshold: s,
+  delay: t,
+  trackVisibility: o,
+  rootMargin: r,
+  root: n,
+  triggerOnce: u,
+  skip: f,
+  initialInView: i,
+  fallbackInView: c,
+  onChange: j
+} = {}) {
+  var h;
+  const [a, d] = _.useState(null), M = _.useRef(j), N = _.useRef(i), [D, P] = _.useState({
+    inView: !!i,
+    entry: void 0
+  });
+  M.current = j, _.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));
+        },
+        {
+          root: n,
+          rootMargin: r,
+          threshold: s,
+          // @ts-expect-error
+          trackVisibility: o,
+          delay: t
+        },
+        c
+      ), () => {
+        v && v();
+      };
+    },
+    // 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,
+      a,
+      n,
+      r,
+      u,
+      f,
+      o,
+      c,
+      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,
+    entry: void 0
+  }), N.current = i);
+  const m = [d, D.inView, D.entry];
+  return m.ref = m[0], m.inView = m[1], m.entry = m[2], m;
+}
+const fe = async (s) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await w.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 w.get(s.url, {
+    params: {
+      ad_id: s.ad_id
+    }
+  }).then((t) => t.data.result);
+}, he = 60, pe = {
+  dedupingInterval: 1e3 * 60 * he
+  // keepPreviousData: true,
+  // fallbackData: []
+}, ve = (s, t) => {
+  const { data: o, error: r, isLoading: n, mutate: u } = H(
+    s ? {
+      url: `https://articles.media/api/ads/${s}`,
+      ad_id: s,
+      user_ad_token: t
+    } : null,
+    fe,
+    pe
+  );
+  return {
+    data: o,
+    error: r,
+    isLoading: n,
+    mutate: u
+  };
+};
+function ge(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 z(s, t, o) {
+  const r = xe(s, t) / G;
+  return ge(o?.roundingMethod)(r);
+}
+function q(s) {
+  return Math.trunc(s * G);
+}
+const je = async (s) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await w.get("http://localhost:3001/api/ads", {
+        params: {
+          // ad_id: data.ad_id
+        }
+      })).data;
+    } catch {
+    }
+  return w.get(s.url, {
+    params: {
+      // ad_id: data.ad_id
+    }
+  }).then((t) => t.data);
+}, K = 60, Ne = {
+  dedupingInterval: q(K),
+  focusThrottleInterval: q(K)
+  // keepPreviousData: true,
+  // fallbackData: []
+}, be = (s) => {
+  const { data: t, error: o, isLoading: r, mutate: n } = H(
+    s?.loading || s?.disabled ? null : {
+      url: "https://articles.media/api/ads"
+      // ad_id
+    },
+    je,
+    Ne
+  );
+  return {
+    data: t,
+    error: o,
+    isLoading: r,
+    mutate: n
+  };
+}, _e = F(() => import("./AdDetailsModal-Bp5hZm9N.js")), we = F(() => import("./AdConfirmExitModal-CKkMAvBK.js"));
+function Ae(s, t) {
+  return Math.floor(Math.random() * (t - s + 1)) + s;
+}
+function ke(s) {
+  let {
+    previewMode: t,
+    darkMode: o,
+    user_ad_token: r,
+    userDetails: n,
+    userDetailsLoading: u
+  } = s;
+  const f = !1, i = [], [c, j] = p(null), {
+    data: h
+  } = be(
+    {
+      loading: u,
+      disabled: n?.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([]);
+  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(() => {
+  }, [a]), y(() => {
+    a?.populated_promos && m >= 0 && E(a?.populated_promos[m]);
+  }, [m, a]);
+  function Y() {
+    L(!I);
+  }
+  const { ref: Z, inView: b } = me({
+    /* 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)) {
+      console.log("Already logged this event");
+      return;
+    }
+    w.get("/api/ads/event", {
+      params: {
+        ad_id: a?._id,
+        event: l
+      }
+    }).then(function(g) {
+      Q([...O, l]), console.log(g.data);
+    }).catch(function(g) {
+      console.log(g);
+    });
+  }
+  y(() => {
+    if (!t && (console.log("inView", b), b && c)) {
+      let l = [
+        {
+          ad_id: c,
+          date: (/* @__PURE__ */ new Date()).toString()
+        },
+        ...i.filter((g) => {
+          if (console.log(
+            z(/* @__PURE__ */ new Date(), new Date(g.date))
+          ), z(/* @__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);
+    }
+  }, [b, c]);
+  const [B, ee] = p(null), [se, S] = p(!1);
+  function W() {
+    S(!0), console.log("logAdAvoided called", r), w.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
+        },
+        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);
+    });
+  }
+  return y(() => {
+    t || (console.log("inView", b), n?.articles_membership?.status == "Active" && b && W());
+  }, [b, n]), u ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: Z,
+      className: ie(
+        "ad-wrap",
+        {
+          "active-member": n?.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
+      },
+      children: [
+        I && /* @__PURE__ */ e.jsx(
+          _e,
+          {
+            setModalShow: L,
+            ad: a,
+            previewData: d
+          }
+        ),
+        J && /* @__PURE__ */ e.jsx(
+          we,
+          {
+            setModalShow: V,
+            ad: a,
+            previewData: d
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: "ad",
+            children: [
+              n?.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: (d.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}`,
+                            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: d?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${d.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.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: d?.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(
+                        "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(
+                              ne,
+                              {
+                                className: "px-3",
+                                small: !0,
+                                onClick: () => {
+                                  console.log("Load Save Modal"), k(!0);
+                                },
+                                children: "Save"
+                              }
+                            )
+                          ]
+                        },
+                        x._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: () => {
+                                m == 0 ? v(a?.populated_promos?.length - 1) : v((l) => l - 1);
+                              }
+                            }
+                          ),
+                          a?.populated_promos?.map(
+                            (l, g) => /* @__PURE__ */ e.jsx(
+                              "i",
+                              {
+                                className: `fa-square ${g == m ? "fad" : "fas"}`
+                              },
+                              l._id
+                            )
+                          ),
+                          /* @__PURE__ */ e.jsx(
+                            "i",
+                            {
+                              className: "fad fa-arrow-circle-right",
+                              type: "button",
+                              onClick: () => {
+                                m == a?.populated_promos?.length - 1 ? v(0) : v((l) => l + 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: () => {
+                            Y(), T("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: (l) => {
+                            l.preventDefault(), V(!0), T("Confirm Exit Modal Opened");
+                          },
+                          children: /* @__PURE__ */ e.jsx("div", { children: "Website" })
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              n?.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: se ? /* @__PURE__ */ e.jsx("i", { className: "fas fa-spinner fa-spin me-0" }) : B ? ae(B) : 0
+                            }
+                          ),
+                          /* @__PURE__ */ e.jsx("div", { className: "label", children: "ads avoided." })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e.jsxs(
+                        "div",
+                        {
+                          className: "member-since",
+                          children: [
+                            "Member since: ",
+                            /* @__PURE__ */ e.jsx(re, { format: "PP", date: n?.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(
+                            C,
+                            {
+                              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(
+                            C,
+                            {
+                              newPage: !0,
+                              className: "link-item",
+                              href: "https://articles.media/settings/notifications",
+                              onClick: () => {
+                                W();
+                              },
+                              children: [
+                                /* @__PURE__ */ e.jsx("i", { className: "fas fa-bell" }),
+                                "0 notifications."
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ e.jsxs(
+                            C,
+                            {
+                              newPage: !0,
+                              className: "link-item",
+                              href: "https://articles.media/settings/account",
+                              children: [
+                                /* @__PURE__ */ e.jsx("i", { className: "fas fa-cog" }),
+                                "Manage account settings."
+                              ]
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] })
+                  ] })
+                }
+              )
+            ]
+          }
+        ),
+        !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
+            },
+            children: /* @__PURE__ */ e.jsxs(
+              C,
+              {
+                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 Se = te(ke);
+export {
+  Se as default
+};