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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@articles-media/articles-dev-box",
   "description": "Shared code, functions, and components for different Articles Media projects.",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "type": "module",
   "imports": {
     "#root/src/*": "./src/*"
@@ -48,6 +48,10 @@
       "import": "./dist/ViewUserModal.js",
       "require": "./dist/ViewUserModal.cjs"
     },
+    "./FriendsList": {
+      "import": "./dist/FriendsList.js",
+      "require": "./dist/FriendsList.cjs"
+    },
     "./useUserDetails": {
       "import": "./dist/useUserDetails.js",
       "require": "./dist/useUserDetails.cjs"

package/dist/Ad.cjs

@@ -1 +0,0 @@
-"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

@@ -1,600 +0,0 @@
-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
-};