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

package/README.md

@@ -35,3 +35,8 @@ npm link @articles-media/articles-dev-box
 ⏹️ Remove Bootstrap reliance  
 ⏹️ Look into npm package yalc  
 ⏹️ Automatic GitHub Action for NPM
+
+
+# TODO
+- Bundle SCSS on a component level instead of a project level.
+- Verify I am exporting components the most efficient way.

package/dist/Ad.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./jsx-runtime-nZSsnGb7.cjs"),l=require("react"),R=require("./index-CqsCVLvJ.cjs"),X=require("./Button-BVYvDTtH.cjs");function z(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const N=z(l);var C=new Map,A=new WeakMap,O=0,F;function K(e){return e?(A.has(e)||(O+=1,A.set(e,O.toString())),A.get(e)):"0"}function G(e){return Object.keys(e).sort().filter(t=>e[t]!==void 0).map(t=>`${t}_${t==="root"?K(e.root):e[t]}`).toString()}function H(e){const t=G(e);let o=C.get(t);if(!o){const r=new Map;let d;const i=new IntersectionObserver(c=>{c.forEach(a=>{var x;const E=a.isIntersecting&&d.some(h=>a.intersectionRatio>=h);e.trackVisibility&&typeof a.isVisible>"u"&&(a.isVisible=E),(x=r.get(a.target))==null||x.forEach(h=>{h(E,a)})})},e);d=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),o={id:t,observer:i,elements:r},C.set(t,o)}return o}function J(e,t,o={},r=F){if(typeof window.IntersectionObserver>"u"&&r!==void 0){const x=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:typeof o.threshold=="number"?o.threshold:0,time:0,boundingClientRect:x,intersectionRect:x,rootBounds:x}),()=>{}}const{id:d,observer:i,elements:c}=H(o),a=c.get(e)||[];return c.has(e)||c.set(e,a),a.push(t),i.observe(e),function(){a.splice(a.indexOf(t),1),a.length===0&&(c.delete(e),i.unobserve(e)),c.size===0&&(i.disconnect(),C.delete(d))}}function Q({threshold:e,delay:t,trackVisibility:o,rootMargin:r,root:d,triggerOnce:i,skip:c,initialInView:a,fallbackInView:x,onChange:E}={}){var h;const[w,g]=N.useState(null),_=N.useRef(E),u=N.useRef(a),[j,I]=N.useState({inView:!!a,entry:void 0});_.current=E,N.useEffect(()=>{if(u.current===void 0&&(u.current=a),c||!w)return;let v;return v=J(w,(S,b)=>{const M=u.current;u.current=S,!(M===void 0&&!S)&&(I({inView:S,entry:b}),_.current&&_.current(S,b),b.isIntersecting&&i&&v&&(v(),v=void 0))},{root:d,rootMargin:r,threshold:e,trackVisibility:o,delay:t},x),()=>{v&&v()}},[Array.isArray(e)?e.toString():e,w,d,r,i,c,o,x,t]);const y=(h=j.entry)==null?void 0:h.target,D=N.useRef(void 0);!w&&y&&!i&&!c&&D.current!==y&&(D.current=y,I({inView:!!a,entry:void 0}),u.current=a);const f=[g,j.inView,j.entry];return f.ref=f[0],f.inView=f[1],f.entry=f[2],f}const Y=async e=>{if(process.env.NODE_ENV==="development")try{return(await R.axios.get(`http://localhost:3001/api/ads/${e.ad_id}`,{params:{ad_id:e.ad_id}})).data.result}catch{}return R.axios.get(e.url,{params:{ad_id:e.ad_id}}).then(t=>t.data.result)},Z=60,ee={dedupingInterval:1e3*60*Z},se=e=>{const{data:t,error:o,isLoading:r,mutate:d}=R.useSWR(e?{url:`https://articles.media/api/ads/${e}`,ad_id:e}:null,Y,ee);return{data:t,error:o,isLoading:r,mutate:d}},q=6e4,P=Symbol.for("constructDateFrom");function te(e,t){return typeof e=="function"?e(t):e&&typeof e=="object"&&P in e?e[P](t):e instanceof Date?new e.constructor(t):new Date(t)}function T(e,t){return te(e,e)}function re(e){return t=>{const r=(e?Math[e]:Math.trunc)(t);return r===0?0:r}}function ne(e,t){return+T(e)-+T(t)}function V(e,t,o){const r=ne(e,t)/q;return re(o?.roundingMethod)(r)}function L(e){return Math.trunc(e*q)}const oe=async e=>{if(process.env.NODE_ENV==="development")try{return(await R.axios.get("http://localhost:3001/api/ads",{params:{}})).data}catch{}return R.axios.get(e.url,{params:{}}).then(t=>t.data)},B=60,ie={dedupingInterval:L(B),focusThrottleInterval:L(B)},ae=e=>{const{data:t,error:o,isLoading:r,mutate:d}=R.useSWR({url:"https://articles.media/api/ads"},oe,ie);return{data:t,error:o,isLoading:r,mutate:d}},ce=l.lazy(()=>Promise.resolve().then(()=>require("./AdDetailsModal-BCRLBkc_.cjs")));function le(e,t){return Math.floor(Math.random()*(t-e+1))+e}function de(e){const o=[],{data:r}=ae();let{previewMode:d}=e,i=e.previewData||{};const[c,a]=l.useState(null),[x,E]=l.useState(null),[h,w]=l.useState(null),[g,_]=l.useState(null),[u,j]=l.useState(0),[I,y]=l.useState(!1),[D,f]=l.useState(!1),[v,S]=l.useState(new Date),[b,M]=l.useState([]),{data:n}=se(c);l.useEffect(()=>{r&&r?.length>0&&!c&&(console.log("Ad Mounted or reduxAds changed"),a(e.ad_id||r[le(0,r?.length-1)]?._id))},[r]),l.useEffect(()=>{},[n]),l.useEffect(()=>{n?.populated_promos&&u>=0&&_(n?.populated_promos[u])},[u,n]);function W(){f(!D)}const{ref:U,inView:k}=Q({threshold:0,triggerOnce:!0});function $(m){if(d&&console.log("Preventing this event from being logged as this ad is being shown in preview mode."),b.find(p=>p==m)){console.log("Already logged this event");return}R.axios.get("/api/ads/event",{params:{ad_id:n?._id,event:m}}).then(function(p){M([...b,m]),console.log(p.data)}).catch(function(p){console.log(p)})}return l.useEffect(()=>{if(!d&&(console.log("inView",k),k&&c)){let m=[{ad_id:c,date:new Date().toString()},...o.filter(p=>{if(console.log(V(new Date,new Date(p.date))),V(new Date,new Date(p.date))>5){console.log("adsViewed - Remove Old Ad View Object");return}else return console.log("adsViewed - Keep Ad View Object"),p})];console.log("unexpiredRecentViews",m)}},[k,c]),s.jsxRuntimeExports.jsxs("div",{ref:U,className:"ad-wrap",style:{"--articles-ad-background-color":i.background_color||n?.background_color,"--articles-ad-font-color":i.font_color||n?.font_color,"--articles-ad-border-color":i.border_color||n?.border_color},children:[D&&s.jsxRuntimeExports.jsx(ce,{setModalShow:f,ad:n,previewData:i}),s.jsxRuntimeExports.jsx("div",{className:"ad",children:s.jsxRuntimeExports.jsxs("div",{className:"main-panel",children:[s.jsxRuntimeExports.jsx("div",{className:"ad-warning flex-header",children:s.jsxRuntimeExports.jsxs("div",{className:"",children:[n?.city&&"Local"," Advertisement"]})}),s.jsxRuntimeExports.jsxs("div",{className:"content-wrap",children:[s.jsxRuntimeExports.jsxs("div",{className:"photo-banner",children:[s.jsxRuntimeExports.jsx("div",{className:"logo",children:(i.logo?.location||n?.logo?.location)&&s.jsxRuntimeExports.jsx("img",{src:i?.logo?.key?`${process.env.NEXT_PUBLIC_CDN}${i?.logo?.key}`:`${process.env.NEXT_PUBLIC_CDN}${n?.logo?.key}`,alt:""})}),s.jsxRuntimeExports.jsx("div",{className:"icon d-none",children:s.jsxRuntimeExports.jsx("i",{className:"fas fa-mug-hot"})}),s.jsxRuntimeExports.jsx("img",{className:"photo",src:i?.background?.key?`${process.env.NEXT_PUBLIC_CDN}${i.background?.key}`:`${process.env.NEXT_PUBLIC_CDN}${n?.background?.key}`,alt:""})]}),s.jsxRuntimeExports.jsxs("div",{className:"details-wrap",children:[s.jsxRuntimeExports.jsxs("div",{className:"detail-title",children:[s.jsxRuntimeExports.jsx("div",{className:"detail",children:s.jsxRuntimeExports.jsx("span",{className:"h4",children:i?.business||n?.business})}),s.jsxRuntimeExports.jsxs("div",{className:"flex flex-column d-none",children:[s.jsxRuntimeExports.jsxs("div",{className:"detail",children:[s.jsxRuntimeExports.jsx("span",{className:"icon",children:s.jsxRuntimeExports.jsx("i",{className:"fas fa-search-location"})}),s.jsxRuntimeExports.jsxs("span",{children:[n?.city,", ",n?.state]})]}),s.jsxRuntimeExports.jsxs("div",{className:"detail",children:[s.jsxRuntimeExports.jsx("span",{className:"icon",children:s.jsxRuntimeExports.jsx("i",{className:"fas fa-clock me-2"})}),s.jsxRuntimeExports.jsx("span",{children:"6:30AM–8PM"})]})]})]}),n?.city&&s.jsxRuntimeExports.jsx("div",{className:"details mb-3 d-none"}),s.jsxRuntimeExports.jsx("div",{className:"short-description",children:i?.description||n?.description})]})]}),(!1)?.roles?.isDev&&n?.populated_promos?.length>0&&s.jsxRuntimeExports.jsxs("div",{children:[g&&s.jsxRuntimeExports.jsx("div",{className:"promos-wrap",children:g&&s.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:[s.jsxRuntimeExports.jsxs("div",{className:"",children:[s.jsxRuntimeExports.jsx("div",{children:g.title}),s.jsxRuntimeExports.jsx("div",{className:"small",children:s.jsxRuntimeExports.jsx("div",{className:"small",children:g.details})})]}),s.jsxRuntimeExports.jsx(X.ArticlesButton,{className:"px-3",small:!0,onClick:()=>{console.log("Load Save Modal"),y(!0)},children:"Save"})]},g._id)}),s.jsxRuntimeExports.jsxs("div",{className:"d-flex justify-content-between",children:[s.jsxRuntimeExports.jsxs("div",{className:"px-2",children:[n?.populated_promos?.length," Promos Active"]}),s.jsxRuntimeExports.jsxs("div",{className:"controls",children:[s.jsxRuntimeExports.jsx("i",{className:"fad fa-arrow-circle-left",type:"button",onClick:()=>{u==0?j(n?.populated_promos?.length-1):j(m=>m-1)}}),n?.populated_promos?.map((m,p)=>s.jsxRuntimeExports.jsx("i",{className:`fa-square ${p==u?"fad":"fas"}`},m._id)),s.jsxRuntimeExports.jsx("i",{className:"fad fa-arrow-circle-right",type:"button",onClick:()=>{u==n?.populated_promos?.length-1?j(0):j(m=>m+1)}})]})]})]}),s.jsxRuntimeExports.jsx("hr",{style:{borderColor:"white"},className:"mt-auto mb-0"}),s.jsxRuntimeExports.jsxs("div",{className:"action-wrap d-flex justify-content-lg-between px-3 py-2",children:[s.jsxRuntimeExports.jsx("div",{onClick:()=>{W(),$("Details")},className:"action flex-grow-1 flex-shrink-0",children:"Details"}),s.jsxRuntimeExports.jsx("span",{className:"px-4"}),s.jsxRuntimeExports.jsx("a",{className:"action flex-grow-1 flex-shrink-0",href:n?.website,target:"_blank",rel:"noreferrer",onClick:()=>$("Website"),children:s.jsxRuntimeExports.jsx("div",{children:"Website"})})]})]})}),!d&&s.jsxRuntimeExports.jsx("div",{className:"advertise-with-us p-1",style:{backgroundColor:i.background_color||n?.background_color,color:i.font_color||n?.font_color,borderColor:i.border_color||n?.border_color},children:s.jsxRuntimeExports.jsxs("div",{className:"small d-block w-100 text-center",children:[s.jsxRuntimeExports.jsx("i",{className:"fas fa-share me-1"}),"Advertise with Articles Media!"]})})]})}const ue=l.memo(de);module.exports=ue;

package/dist/Ad.js

@@ -0,0 +1,469 @@
+import { j as s } from "./jsx-runtime-tc70JA_2.js";
+import * as w from "react";
+import { lazy as q, memo as K, useState as p, useEffect as R } from "react";
+import { u as W, a as M } from "./index-CsgQIn35.js";
+import { A as G } from "./Button-B5nVYPMZ.js";
+var $ = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new WeakMap(), P = 0, H;
+function J(e) {
+  return e ? (k.has(e) || (P += 1, k.set(e, P.toString())), k.get(e)) : "0";
+}
+function Q(e) {
+  return Object.keys(e).sort().filter(
+    (t) => e[t] !== void 0
+  ).map((t) => `${t}_${t === "root" ? J(e.root) : e[t]}`).toString();
+}
+function Y(e) {
+  const t = Q(e);
+  let a = $.get(t);
+  if (!a) {
+    const o = /* @__PURE__ */ new Map();
+    let l;
+    const n = new IntersectionObserver((c) => {
+      c.forEach((i) => {
+        var u;
+        const N = i.isIntersecting && l.some((v) => i.intersectionRatio >= v);
+        e.trackVisibility && typeof i.isVisible > "u" && (i.isVisible = N), (u = o.get(i.target)) == null || u.forEach((v) => {
+          v(N, i);
+        });
+      });
+    }, e);
+    l = n.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), a = {
+      id: t,
+      observer: n,
+      elements: o
+    }, $.set(t, a);
+  }
+  return a;
+}
+function Z(e, t, a = {}, o = H) {
+  if (typeof window.IntersectionObserver > "u" && o !== void 0) {
+    const u = e.getBoundingClientRect();
+    return t(o, {
+      isIntersecting: o,
+      target: e,
+      intersectionRatio: typeof a.threshold == "number" ? a.threshold : 0,
+      time: 0,
+      boundingClientRect: u,
+      intersectionRect: u,
+      rootBounds: u
+    }), () => {
+    };
+  }
+  const { id: l, observer: n, elements: c } = Y(a), i = c.get(e) || [];
+  return c.has(e) || c.set(e, i), i.push(t), n.observe(e), function() {
+    i.splice(i.indexOf(t), 1), i.length === 0 && (c.delete(e), n.unobserve(e)), c.size === 0 && (n.disconnect(), $.delete(l));
+  };
+}
+function ee({
+  threshold: e,
+  delay: t,
+  trackVisibility: a,
+  rootMargin: o,
+  root: l,
+  triggerOnce: n,
+  skip: c,
+  initialInView: i,
+  fallbackInView: u,
+  onChange: N
+} = {}) {
+  var v;
+  const [_, x] = w.useState(null), y = w.useRef(N), d = w.useRef(i), [g, E] = w.useState({
+    inView: !!i,
+    entry: void 0
+  });
+  y.current = N, w.useEffect(
+    () => {
+      if (d.current === void 0 && (d.current = i), c || !_) return;
+      let j;
+      return j = Z(
+        _,
+        (I, b) => {
+          const C = d.current;
+          d.current = I, !(C === void 0 && !I) && (E({
+            inView: I,
+            entry: b
+          }), y.current && y.current(I, b), b.isIntersecting && n && j && (j(), j = void 0));
+        },
+        {
+          root: l,
+          rootMargin: o,
+          threshold: e,
+          // @ts-expect-error
+          trackVisibility: a,
+          delay: t
+        },
+        u
+      ), () => {
+        j && j();
+      };
+    },
+    // 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(e) ? e.toString() : e,
+      _,
+      l,
+      o,
+      n,
+      c,
+      a,
+      u,
+      t
+    ]
+  );
+  const D = (v = g.entry) == null ? void 0 : v.target, A = w.useRef(void 0);
+  !_ && D && !n && !c && A.current !== D && (A.current = D, E({
+    inView: !!i,
+    entry: void 0
+  }), d.current = i);
+  const h = [x, g.inView, g.entry];
+  return h.ref = h[0], h.inView = h[1], h.entry = h[2], h;
+}
+const se = async (e) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await M.get(`http://localhost:3001/api/ads/${e.ad_id}`, {
+        params: {
+          ad_id: e.ad_id
+        }
+      })).data.result;
+    } catch {
+    }
+  return M.get(e.url, {
+    params: {
+      ad_id: e.ad_id
+    }
+  }).then((t) => t.data.result);
+}, te = 60, re = {
+  dedupingInterval: 1e3 * 60 * te
+  // keepPreviousData: true,
+  // fallbackData: []
+}, ne = (e) => {
+  const { data: t, error: a, isLoading: o, mutate: l } = W(
+    e ? {
+      url: `https://articles.media/api/ads/${e}`,
+      ad_id: e
+    } : null,
+    se,
+    re
+  );
+  return {
+    data: t,
+    error: a,
+    isLoading: o,
+    mutate: l
+  };
+}, X = 6e4, T = /* @__PURE__ */ Symbol.for("constructDateFrom");
+function oe(e, t) {
+  return typeof e == "function" ? e(t) : e && typeof e == "object" && T in e ? e[T](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+function L(e, t) {
+  return oe(e, e);
+}
+function ae(e) {
+  return (t) => {
+    const o = (e ? Math[e] : Math.trunc)(t);
+    return o === 0 ? 0 : o;
+  };
+}
+function ie(e, t) {
+  return +L(e) - +L(t);
+}
+function O(e, t, a) {
+  const o = ie(e, t) / X;
+  return ae(a?.roundingMethod)(o);
+}
+function B(e) {
+  return Math.trunc(e * X);
+}
+const ce = async (e) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await M.get("http://localhost:3001/api/ads", {
+        params: {
+          // ad_id: data.ad_id
+        }
+      })).data;
+    } catch {
+    }
+  return M.get(e.url, {
+    params: {
+      // ad_id: data.ad_id
+    }
+  }).then((t) => t.data);
+}, U = 60, le = {
+  dedupingInterval: B(U),
+  focusThrottleInterval: B(U)
+  // keepPreviousData: true,
+  // fallbackData: []
+}, de = (e) => {
+  const { data: t, error: a, isLoading: o, mutate: l } = W(
+    {
+      url: "https://articles.media/api/ads"
+      // ad_id
+    },
+    ce,
+    le
+  );
+  return {
+    data: t,
+    error: a,
+    isLoading: o,
+    mutate: l
+  };
+}, ue = q(() => import("./AdDetailsModal-BOLzA3ZL.js"));
+function fe(e, t) {
+  return Math.floor(Math.random() * (t - e + 1)) + e;
+}
+function me(e) {
+  const a = [], {
+    data: o
+  } = de();
+  let { previewMode: l } = e, n = e.previewData || {};
+  const [c, i] = p(null), [u, N] = p(null), [v, _] = p(null), [x, y] = p(null), [d, g] = p(0), [E, D] = p(!1), [A, h] = p(!1), [j, I] = p(/* @__PURE__ */ new Date()), [b, C] = p([]), { data: r } = ne(c);
+  R(() => {
+    o && o?.length > 0 && !c && (console.log("Ad Mounted or reduxAds changed"), i(e.ad_id || o[fe(0, o?.length - 1)]?._id));
+  }, [o]), R(() => {
+  }, [r]), R(() => {
+    r?.populated_promos && d >= 0 && y(r?.populated_promos[d]);
+  }, [d, r]);
+  function F() {
+    h(!A);
+  }
+  const { ref: z, inView: S } = ee({
+    /* Optional options */
+    threshold: 0,
+    triggerOnce: !0
+  });
+  function V(f) {
+    if (l && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), b.find((m) => m == f)) {
+      console.log("Already logged this event");
+      return;
+    }
+    M.get("/api/ads/event", {
+      params: {
+        ad_id: r?._id,
+        event: f
+      }
+    }).then(function(m) {
+      C([...b, f]), console.log(m.data);
+    }).catch(function(m) {
+      console.log(m);
+    });
+  }
+  return R(() => {
+    if (!l && (console.log("inView", S), S && c)) {
+      let f = [
+        {
+          ad_id: c,
+          date: (/* @__PURE__ */ new Date()).toString()
+        },
+        ...a.filter((m) => {
+          if (console.log(
+            O(/* @__PURE__ */ new Date(), new Date(m.date))
+          ), O(/* @__PURE__ */ new Date(), new Date(m.date)) > 5) {
+            console.log("adsViewed - Remove Old Ad View Object");
+            return;
+          } else
+            return console.log("adsViewed - Keep Ad View Object"), m;
+        })
+      ];
+      console.log("unexpiredRecentViews", f);
+    }
+  }, [S, c]), /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      ref: z,
+      className: "ad-wrap",
+      style: {
+        "--articles-ad-background-color": n.background_color || r?.background_color,
+        "--articles-ad-font-color": n.font_color || r?.font_color,
+        "--articles-ad-border-color": n.border_color || r?.border_color
+      },
+      children: [
+        A && /* @__PURE__ */ s.jsx(
+          ue,
+          {
+            setModalShow: h,
+            ad: r,
+            previewData: n
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: "ad",
+            children: /* @__PURE__ */ s.jsxs(
+              "div",
+              {
+                className: "main-panel",
+                children: [
+                  /* @__PURE__ */ s.jsx("div", { className: "ad-warning flex-header", children: /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+                    r?.city && "Local",
+                    " Advertisement"
+                  ] }) }),
+                  /* @__PURE__ */ s.jsxs("div", { className: "content-wrap", children: [
+                    /* @__PURE__ */ s.jsxs("div", { className: "photo-banner", children: [
+                      /* @__PURE__ */ s.jsx("div", { className: "logo", children: (n.logo?.location || r?.logo?.location) && /* @__PURE__ */ s.jsx(
+                        "img",
+                        {
+                          src: n?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${n?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.logo?.key}`,
+                          alt: ""
+                        }
+                      ) }),
+                      /* @__PURE__ */ s.jsx("div", { className: "icon d-none", children: /* @__PURE__ */ s.jsx("i", { className: "fas fa-mug-hot" }) }),
+                      /* @__PURE__ */ s.jsx(
+                        "img",
+                        {
+                          className: "photo",
+                          src: n?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${n.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.background?.key}`,
+                          alt: ""
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ s.jsxs("div", { className: "details-wrap", children: [
+                      /* @__PURE__ */ s.jsxs("div", { className: "detail-title", children: [
+                        /* @__PURE__ */ s.jsx("div", { className: "detail", children: /* @__PURE__ */ s.jsx("span", { className: "h4", children: n?.business || r?.business }) }),
+                        /* @__PURE__ */ s.jsxs("div", { className: "flex flex-column d-none", children: [
+                          /* @__PURE__ */ s.jsxs("div", { className: "detail", children: [
+                            /* @__PURE__ */ s.jsx("span", { className: "icon", children: /* @__PURE__ */ s.jsx("i", { className: "fas fa-search-location" }) }),
+                            /* @__PURE__ */ s.jsxs("span", { children: [
+                              r?.city,
+                              ", ",
+                              r?.state
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ s.jsxs("div", { className: "detail", children: [
+                            /* @__PURE__ */ s.jsx("span", { className: "icon", children: /* @__PURE__ */ s.jsx("i", { className: "fas fa-clock me-2" }) }),
+                            /* @__PURE__ */ s.jsx("span", { children: "6:30AM–8PM" })
+                          ] })
+                        ] })
+                      ] }),
+                      r?.city && /* @__PURE__ */ s.jsx("div", { className: "details mb-3 d-none" }),
+                      /* @__PURE__ */ s.jsx("div", { className: "short-description", children: n?.description || r?.description })
+                    ] })
+                  ] }),
+                  (!1)?.roles?.isDev && r?.populated_promos?.length > 0 && /* @__PURE__ */ s.jsxs("div", { children: [
+                    x && /* @__PURE__ */ s.jsx("div", { className: "promos-wrap", children: x && /* @__PURE__ */ s.jsxs(
+                      "div",
+                      {
+                        className: "promo-wrap d-flex justify-content-between align-items-center mx-2 p-1 px-2 border border-2 border-light mb-0",
+                        children: [
+                          /* @__PURE__ */ s.jsxs("div", { className: "", children: [
+                            /* @__PURE__ */ s.jsx("div", { children: x.title }),
+                            /* @__PURE__ */ s.jsx("div", { className: "small", children: /* @__PURE__ */ s.jsx("div", { className: "small", children: x.details }) })
+                          ] }),
+                          /* @__PURE__ */ s.jsx(
+                            G,
+                            {
+                              className: "px-3",
+                              small: !0,
+                              onClick: () => {
+                                console.log("Load Save Modal"), D(!0);
+                              },
+                              children: "Save"
+                            }
+                          )
+                        ]
+                      },
+                      x._id
+                    ) }),
+                    /* @__PURE__ */ s.jsxs("div", { className: "d-flex justify-content-between", children: [
+                      /* @__PURE__ */ s.jsxs("div", { className: "px-2", children: [
+                        r?.populated_promos?.length,
+                        " Promos Active"
+                      ] }),
+                      /* @__PURE__ */ s.jsxs("div", { className: "controls", children: [
+                        /* @__PURE__ */ s.jsx(
+                          "i",
+                          {
+                            className: "fad fa-arrow-circle-left",
+                            type: "button",
+                            onClick: () => {
+                              d == 0 ? g(r?.populated_promos?.length - 1) : g((f) => f - 1);
+                            }
+                          }
+                        ),
+                        r?.populated_promos?.map(
+                          (f, m) => /* @__PURE__ */ s.jsx(
+                            "i",
+                            {
+                              className: `fa-square ${m == d ? "fad" : "fas"}`
+                            },
+                            f._id
+                          )
+                        ),
+                        /* @__PURE__ */ s.jsx(
+                          "i",
+                          {
+                            className: "fad fa-arrow-circle-right",
+                            type: "button",
+                            onClick: () => {
+                              d == r?.populated_promos?.length - 1 ? g(0) : g((f) => f + 1);
+                            }
+                          }
+                        )
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ s.jsx("hr", { style: { borderColor: "white" }, className: "mt-auto mb-0" }),
+                  /* @__PURE__ */ s.jsxs("div", { className: "action-wrap d-flex justify-content-lg-between px-3 py-2", children: [
+                    /* @__PURE__ */ s.jsx(
+                      "div",
+                      {
+                        onClick: () => {
+                          F(), V("Details");
+                        },
+                        className: "action flex-grow-1 flex-shrink-0",
+                        children: "Details"
+                      }
+                    ),
+                    /* @__PURE__ */ s.jsx("span", { className: "px-4" }),
+                    /* @__PURE__ */ s.jsx(
+                      "a",
+                      {
+                        className: "action flex-grow-1 flex-shrink-0",
+                        href: r?.website,
+                        target: "_blank",
+                        rel: "noreferrer",
+                        onClick: () => V("Website"),
+                        children: /* @__PURE__ */ s.jsx("div", { children: "Website" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          }
+        ),
+        !l && /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: "advertise-with-us p-1",
+            style: {
+              // ...(props.previewData ? props.previewData.background_color : ad?.background_color),
+              backgroundColor: n.background_color || r?.background_color,
+              color: n.font_color || r?.font_color,
+              borderColor: n.border_color || r?.border_color
+            },
+            children: /* @__PURE__ */ s.jsxs(
+              "div",
+              {
+                className: "small d-block w-100 text-center",
+                children: [
+                  /* @__PURE__ */ s.jsx("i", { className: "fas fa-share me-1" }),
+                  "Advertise with Articles Media!"
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const xe = K(me);
+export {
+  xe as default
+};

package/dist/AdDetailsModal-BCRLBkc_.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./jsx-runtime-nZSsnGb7.cjs"),o=require("react"),t=require("./Modal-BNCxuVnD.cjs"),l=require("./Button-BVYvDTtH.cjs");function x(r){const{href:n,children:e,newPage:a,...i}=r;return s.jsxRuntimeExports.jsx("a",{href:n,...i,...a&&{target:"_blank",rel:"noopener noreferrer"},children:e})}function d(r){let{setModalShow:n,ad:e,previewData:a}=r;o.useEffect(()=>{console.log("Mounted")},[]);const i=()=>{n(!1)};return s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs(t.Modal,{show:!0,backdropClassName:"ad-details-modal-backdrop",className:"articles-modal",centered:!0,onHide:i,size:"md",children:[s.jsxRuntimeExports.jsx(t.Modal.Header,{className:"align-items-center",closeButton:!0,children:s.jsxRuntimeExports.jsx(t.Modal.Title,{children:"Ad Details"})}),s.jsxRuntimeExports.jsxs(t.Modal.Body,{className:"",children:[s.jsxRuntimeExports.jsxs("p",{className:"mb-1",children:["Advertiser: ",s.jsxRuntimeExports.jsx("b",{children:e.business})]}),s.jsxRuntimeExports.jsxs("p",{className:"mb-0",children:["Ad ID: ",s.jsxRuntimeExports.jsx("b",{children:a?._id||e._id})]}),s.jsxRuntimeExports.jsx("hr",{}),s.jsxRuntimeExports.jsx("div",{className:"mb-1",children:"This ad is being shown to you for the following reasons"}),e.city?s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx("div",{className:"h4 mb-1",children:e.business}),s.jsxRuntimeExports.jsx("div",{children:"Is advertising to all zip codes within a"}),s.jsxRuntimeExports.jsx("span",{children:s.jsxRuntimeExports.jsx("div",{className:"badge bg-light shadow-articles",children:"15 Mile Radius"})}),s.jsxRuntimeExports.jsx("div",{children:"of it's business"}),s.jsxRuntimeExports.jsx("hr",{className:"border w-50 border-white"}),s.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-center",children:[s.jsxRuntimeExports.jsx("div",{children:"Your Zip code"}),s.jsxRuntimeExports.jsx("div",{className:"badge bg-light shadow-articles ms-2",children:"12524"}),s.jsxRuntimeExports.jsx("div",{className:"ms-2",children:"is"}),s.jsxRuntimeExports.jsx("div",{className:"badge bg-light shadow-articles ms-2",children:"1.7 miles away"})]})]}):s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx("div",{className:"h4 mb-1",children:e.business}),s.jsxRuntimeExports.jsx("div",{children:"Is advertising to all users"})]}),s.jsxRuntimeExports.jsx("div",{className:"grow"}),s.jsxRuntimeExports.jsx("hr",{className:"w-100"}),s.jsxRuntimeExports.jsx("div",{className:"reason lh-sm mb-2",children:"Ads we display to you will always be transparent as to why you are seeing them."}),s.jsxRuntimeExports.jsx(x,{href:"https://articles.media/settings/account",newPage:!0,className:"",children:s.jsxRuntimeExports.jsx(l.ArticlesButton,{small:!0,children:"Settings"})})]}),s.jsxRuntimeExports.jsx(t.Modal.Footer,{className:"d-flex justify-content-center",children:s.jsxRuntimeExports.jsx(l.ArticlesButton,{variant:"articles",onClick:i,children:"Close"})})]})})}exports.default=d;

package/dist/AdDetailsModal-BOLzA3ZL.js

@@ -0,0 +1,94 @@
+import { j as s } from "./jsx-runtime-tc70JA_2.js";
+import { useEffect as t } from "react";
+import { M as i } from "./Modal-BoOxjQvF.js";
+import { A as n } from "./Button-B5nVYPMZ.js";
+function c(l) {
+  const { href: r, children: e, newPage: d, ...a } = l;
+  return /* @__PURE__ */ s.jsx(
+    "a",
+    {
+      href: r,
+      ...a,
+      ...d && { target: "_blank", rel: "noopener noreferrer" },
+      children: e
+    }
+  );
+}
+function j(l) {
+  let { setModalShow: r, ad: e, previewData: d } = l;
+  t(() => {
+    console.log("Mounted");
+  }, []);
+  const a = () => {
+    r(!1);
+  };
+  return /* @__PURE__ */ s.jsx("div", { children: /* @__PURE__ */ s.jsxs(
+    i,
+    {
+      show: !0,
+      backdropClassName: "ad-details-modal-backdrop",
+      className: "articles-modal",
+      centered: !0,
+      onHide: a,
+      size: "md",
+      children: [
+        /* @__PURE__ */ s.jsx(i.Header, { className: "align-items-center", closeButton: !0, children: /* @__PURE__ */ s.jsx(i.Title, { children: "Ad Details" }) }),
+        /* @__PURE__ */ s.jsxs(
+          i.Body,
+          {
+            className: "",
+            children: [
+              /* @__PURE__ */ s.jsxs("p", { className: "mb-1", children: [
+                "Advertiser: ",
+                /* @__PURE__ */ s.jsx("b", { children: e.business })
+              ] }),
+              /* @__PURE__ */ s.jsxs("p", { className: "mb-0", children: [
+                "Ad ID: ",
+                /* @__PURE__ */ s.jsx("b", { children: d?._id || e._id })
+              ] }),
+              /* @__PURE__ */ s.jsx("hr", {}),
+              /* @__PURE__ */ s.jsx("div", { className: "mb-1", children: "This ad is being shown to you for the following reasons" }),
+              e.city ? /* @__PURE__ */ s.jsxs("div", { children: [
+                /* @__PURE__ */ s.jsx("div", { className: "h4 mb-1", children: e.business }),
+                /* @__PURE__ */ s.jsx("div", { children: "Is advertising to all zip codes within a" }),
+                /* @__PURE__ */ s.jsx("span", { children: /* @__PURE__ */ s.jsx("div", { className: "badge bg-light shadow-articles", children: "15 Mile Radius" }) }),
+                /* @__PURE__ */ s.jsx("div", { children: "of it's business" }),
+                /* @__PURE__ */ s.jsx("hr", { className: "border w-50 border-white" }),
+                /* @__PURE__ */ s.jsxs("div", { className: "d-flex align-items-center", children: [
+                  /* @__PURE__ */ s.jsx("div", { children: "Your Zip code" }),
+                  /* @__PURE__ */ s.jsx("div", { className: "badge bg-light shadow-articles ms-2", children: "12524" }),
+                  /* @__PURE__ */ s.jsx("div", { className: "ms-2", children: "is" }),
+                  /* @__PURE__ */ s.jsx("div", { className: "badge bg-light shadow-articles ms-2", children: "1.7 miles away" })
+                ] })
+              ] }) : /* @__PURE__ */ s.jsxs("div", { children: [
+                /* @__PURE__ */ s.jsx("div", { className: "h4 mb-1", children: e.business }),
+                /* @__PURE__ */ s.jsx("div", { children: "Is advertising to all users" })
+              ] }),
+              /* @__PURE__ */ s.jsx("div", { className: "grow" }),
+              /* @__PURE__ */ s.jsx("hr", { className: "w-100" }),
+              /* @__PURE__ */ s.jsx("div", { className: "reason lh-sm mb-2", children: "Ads we display to you will always be transparent as to why you are seeing them." }),
+              /* @__PURE__ */ s.jsx(c, { href: "https://articles.media/settings/account", newPage: !0, className: "", children: /* @__PURE__ */ s.jsx(
+                n,
+                {
+                  small: !0,
+                  children: "Settings"
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s.jsx(i.Footer, { className: "d-flex justify-content-center", children: /* @__PURE__ */ s.jsx(
+          n,
+          {
+            variant: "articles",
+            onClick: a,
+            children: "Close"
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+export {
+  j as default
+};

package/dist/ArticlesAd.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-nZSsnGb7.cjs"),s=require("react");function c({darkMode:r}){return s.useEffect(()=>{},[]),s.useEffect(()=>{const e=document.createElement("script");return e.src="https://accounts.articles.media/js/ad.js",e.async=!0,document.body.appendChild(e),()=>{document.body.removeChild(e)}},[]),t.jsxRuntimeExports.jsx("div",{className:"",children:t.jsxRuntimeExports.jsx("div",{className:"articles-media-ad"})})}module.exports=c;

package/dist/ArticlesAd.js

@@ -0,0 +1,16 @@
+import { j as t } from "./jsx-runtime-tc70JA_2.js";
+import { useEffect as s } from "react";
+function a({
+  darkMode: r
+}) {
+  return s(() => {
+  }, []), s(() => {
+    const e = document.createElement("script");
+    return e.src = "https://accounts.articles.media/js/ad.js", e.async = !0, document.body.appendChild(e), () => {
+      document.body.removeChild(e);
+    };
+  }, []), /* @__PURE__ */ t.jsx("div", { className: "", children: /* @__PURE__ */ t.jsx("div", { className: "articles-media-ad" }) });
+}
+export {
+  a as default
+};