@articles-media/articles-dev-box 1.0.2 → 1.0.4

package/README.md

@@ -4,22 +4,22 @@ Shared code, functions, and components that are commonly used across Articles Me
 
 ## Getting Started
 
-For local development, navigate to this project and run this command.
+For production use add the organization scooped package to your package.json.
 
 ```bash
-npm link
+npm i @articles-media/articles-dev-box
 ```
 
-Then go to the consuming project directory and run this command.
+For local development, navigate to this project and run this command.
 
 ```bash
-npm link articles-dev-box
+npm link
 ```
 
-For production use add the organization scooped package to your package.json.
+Then go to the consuming project directory and run this command.
 
 ```bash
-npm i @articles-media/articles-dev-box
+npm link @articles-media/articles-dev-box
 ```
 
 ## Package Exports
@@ -35,3 +35,8 @@ npm i @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-Blz-RjDE.cjs"),d=require("react"),R=require("./index-CqsCVLvJ.cjs"),X=require("./Button-CZyAJPvK.cjs");function F(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=F(d);var C=new Map,A=new WeakMap,O=0,z;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 l;const i=new IntersectionObserver(c=>{c.forEach(a=>{var x;const E=a.isIntersecting&&l.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);l=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=z){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:l,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(l))}}function Q({threshold:e,delay:t,trackVisibility:o,rootMargin:r,root:l,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,(D,b)=>{const M=u.current;u.current=D,!(M===void 0&&!D)&&(I({inView:D,entry:b}),_.current&&_.current(D,b),b.isIntersecting&&i&&v&&(v(),v=void 0))},{root:l,rootMargin:r,threshold:e,trackVisibility:o,delay:t},x),()=>{v&&v()}},[Array.isArray(e)?e.toString():e,w,l,r,i,c,o,x,t]);const y=(h=j.entry)==null?void 0:h.target,S=N.useRef(void 0);!w&&y&&!i&&!c&&S.current!==y&&(S.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:l}=R.useSWR(e?{url:`https://articles.media/api/ads/${e}`,ad_id:e}:null,Y,ee);return{data:t,error:o,isLoading:r,mutate:l}},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:l}=R.useSWR({url:"https://articles.media/api/ads"},oe,ie);return{data:t,error:o,isLoading:r,mutate:l}};function ce(e,t){return Math.floor(Math.random()*(t-e+1))+e}function le(e){const o=[],{data:r}=ae();let{previewMode:l}=e,i=e.previewData||{};const[c,a]=d.useState(null),[x,E]=d.useState(null),[h,w]=d.useState(null),[g,_]=d.useState(null),[u,j]=d.useState(0),[I,y]=d.useState(!1),[S,f]=d.useState(!1),[v,D]=d.useState(new Date),[b,M]=d.useState([]),{data:n}=se(c);d.useEffect(()=>{r&&r?.length>0&&!c&&(console.log("Ad Mounted or reduxAds changed"),a(e.ad_id||r[ce(0,r?.length-1)]?._id))},[r]),d.useEffect(()=>{},[n]),d.useEffect(()=>{n?.populated_promos&&u>=0&&_(n?.populated_promos[u])},[u,n]);function W(){f(!S)}const{ref:U,inView:k}=Q({threshold:0,triggerOnce:!0});function $(m){if(l&&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 d.useEffect(()=>{if(!l&&(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:[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"})})]})]})}),!l&&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 de=d.memo(le);module.exports=de;

package/dist/Ad.js

@@ -0,0 +1,461 @@
+import { j as s } from "./jsx-runtime-tc70JA_2.js";
+import * as w from "react";
+import { memo as z, useState as p, useEffect as M } from "react";
+import { u as W, a as I } from "./index-CsgQIn35.js";
+import { A as K } from "./Button-g7fiSVpz.js";
+var $ = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new WeakMap(), P = 0, G;
+function H(e) {
+  return e ? (k.has(e) || (P += 1, k.set(e, P.toString())), k.get(e)) : "0";
+}
+function J(e) {
+  return Object.keys(e).sort().filter(
+    (t) => e[t] !== void 0
+  ).map((t) => `${t}_${t === "root" ? H(e.root) : e[t]}`).toString();
+}
+function Q(e) {
+  const t = J(e);
+  let a = $.get(t);
+  if (!a) {
+    const n = /* @__PURE__ */ new Map();
+    let l;
+    const o = new IntersectionObserver((c) => {
+      c.forEach((i) => {
+        var u;
+        const N = i.isIntersecting && l.some((v) => i.intersectionRatio >= v);
+        e.trackVisibility && typeof i.isVisible > "u" && (i.isVisible = N), (u = n.get(i.target)) == null || u.forEach((v) => {
+          v(N, i);
+        });
+      });
+    }, e);
+    l = o.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), a = {
+      id: t,
+      observer: o,
+      elements: n
+    }, $.set(t, a);
+  }
+  return a;
+}
+function Y(e, t, a = {}, n = G) {
+  if (typeof window.IntersectionObserver > "u" && n !== void 0) {
+    const u = e.getBoundingClientRect();
+    return t(n, {
+      isIntersecting: n,
+      target: e,
+      intersectionRatio: typeof a.threshold == "number" ? a.threshold : 0,
+      time: 0,
+      boundingClientRect: u,
+      intersectionRect: u,
+      rootBounds: u
+    }), () => {
+    };
+  }
+  const { id: l, observer: o, elements: c } = Q(a), i = c.get(e) || [];
+  return c.has(e) || c.set(e, i), i.push(t), o.observe(e), function() {
+    i.splice(i.indexOf(t), 1), i.length === 0 && (c.delete(e), o.unobserve(e)), c.size === 0 && (o.disconnect(), $.delete(l));
+  };
+}
+function Z({
+  threshold: e,
+  delay: t,
+  trackVisibility: a,
+  rootMargin: n,
+  root: l,
+  triggerOnce: o,
+  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 = Y(
+        _,
+        (A, b) => {
+          const C = d.current;
+          d.current = A, !(C === void 0 && !A) && (E({
+            inView: A,
+            entry: b
+          }), y.current && y.current(A, b), b.isIntersecting && o && j && (j(), j = void 0));
+        },
+        {
+          root: l,
+          rootMargin: n,
+          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,
+      n,
+      o,
+      c,
+      a,
+      u,
+      t
+    ]
+  );
+  const D = (v = g.entry) == null ? void 0 : v.target, R = w.useRef(void 0);
+  !_ && D && !o && !c && R.current !== D && (R.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 ee = async (e) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await I.get(`http://localhost:3001/api/ads/${e.ad_id}`, {
+        params: {
+          ad_id: e.ad_id
+        }
+      })).data.result;
+    } catch {
+    }
+  return I.get(e.url, {
+    params: {
+      ad_id: e.ad_id
+    }
+  }).then((t) => t.data.result);
+}, se = 60, te = {
+  dedupingInterval: 1e3 * 60 * se
+  // keepPreviousData: true,
+  // fallbackData: []
+}, re = (e) => {
+  const { data: t, error: a, isLoading: n, mutate: l } = W(
+    e ? {
+      url: `https://articles.media/api/ads/${e}`,
+      ad_id: e
+    } : null,
+    ee,
+    te
+  );
+  return {
+    data: t,
+    error: a,
+    isLoading: n,
+    mutate: l
+  };
+}, X = 6e4, T = /* @__PURE__ */ Symbol.for("constructDateFrom");
+function ne(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 ne(e, e);
+}
+function oe(e) {
+  return (t) => {
+    const n = (e ? Math[e] : Math.trunc)(t);
+    return n === 0 ? 0 : n;
+  };
+}
+function ae(e, t) {
+  return +L(e) - +L(t);
+}
+function O(e, t, a) {
+  const n = ae(e, t) / X;
+  return oe(a?.roundingMethod)(n);
+}
+function B(e) {
+  return Math.trunc(e * X);
+}
+const ie = async (e) => {
+  if (process.env.NODE_ENV === "development")
+    try {
+      return (await I.get("http://localhost:3001/api/ads", {
+        params: {
+          // ad_id: data.ad_id
+        }
+      })).data;
+    } catch {
+    }
+  return I.get(e.url, {
+    params: {
+      // ad_id: data.ad_id
+    }
+  }).then((t) => t.data);
+}, U = 60, ce = {
+  dedupingInterval: B(U),
+  focusThrottleInterval: B(U)
+  // keepPreviousData: true,
+  // fallbackData: []
+}, le = (e) => {
+  const { data: t, error: a, isLoading: n, mutate: l } = W(
+    {
+      url: "https://articles.media/api/ads"
+      // ad_id
+    },
+    ie,
+    ce
+  );
+  return {
+    data: t,
+    error: a,
+    isLoading: n,
+    mutate: l
+  };
+};
+function de(e, t) {
+  return Math.floor(Math.random() * (t - e + 1)) + e;
+}
+function ue(e) {
+  const a = [], {
+    data: n
+  } = le();
+  let { previewMode: l } = e, o = 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), [R, h] = p(!1), [j, A] = p(/* @__PURE__ */ new Date()), [b, C] = p([]), { data: r } = re(c);
+  M(() => {
+    n && n?.length > 0 && !c && (console.log("Ad Mounted or reduxAds changed"), i(e.ad_id || n[de(0, n?.length - 1)]?._id));
+  }, [n]), M(() => {
+  }, [r]), M(() => {
+    r?.populated_promos && d >= 0 && y(r?.populated_promos[d]);
+  }, [d, r]);
+  function F() {
+    h(!R);
+  }
+  const { ref: q, inView: S } = Z({
+    /* 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;
+    }
+    I.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 M(() => {
+    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: q,
+      className: "ad-wrap",
+      style: {
+        "--articles-ad-background-color": o.background_color || r?.background_color,
+        "--articles-ad-font-color": o.font_color || r?.font_color,
+        "--articles-ad-border-color": o.border_color || r?.border_color
+      },
+      children: [
+        /* @__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: (o.logo?.location || r?.logo?.location) && /* @__PURE__ */ s.jsx(
+                        "img",
+                        {
+                          src: o?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${o?.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: o?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${o.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.background?.key}`,
+                          alt: ""
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ s.jsxs("div", { className: "details-wrap", children: [
+                      /* @__PURE__ */ s.jsxs("div", { className: "detail-title", children: [
+                        /* @__PURE__ */ s.jsx("div", { className: "detail", children: /* @__PURE__ */ s.jsx("span", { className: "h4", children: o?.business || r?.business }) }),
+                        /* @__PURE__ */ s.jsxs("div", { className: "flex flex-column d-none", children: [
+                          /* @__PURE__ */ s.jsxs("div", { className: "detail", children: [
+                            /* @__PURE__ */ s.jsx("span", { className: "icon", children: /* @__PURE__ */ s.jsx("i", { className: "fas fa-search-location" }) }),
+                            /* @__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: o?.description || r?.description })
+                    ] })
+                  ] }),
+                  (!1)?.roles?.isDev && r?.populated_promos?.length > 0 && /* @__PURE__ */ s.jsxs("div", { children: [
+                    x && /* @__PURE__ */ s.jsx("div", { className: "promos-wrap", children: x && /* @__PURE__ */ s.jsxs(
+                      "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(
+                            K,
+                            {
+                              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: o.background_color || r?.background_color,
+              color: o.font_color || r?.font_color,
+              borderColor: o.border_color || r?.border_color
+            },
+            children: /* @__PURE__ */ s.jsxs(
+              "div",
+              {
+                className: "small d-block w-100 text-center",
+                children: [
+                  /* @__PURE__ */ s.jsx("i", { className: "fas fa-share me-1" }),
+                  "Advertise with Articles Media!"
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const ge = z(ue);
+export {
+  ge as default
+};

package/dist/ArticlesAd.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-Blz-RjDE.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
+};

package/dist/Button-CZyAJPvK.cjs

@@ -0,0 +1 @@
+"use strict";const x=require("./jsx-runtime-Blz-RjDE.cjs"),N=require("react");function S(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var u={exports:{}};var l;function w(){return l||(l=1,(function(n){(function(){var a={}.hasOwnProperty;function r(){for(var t="",e=0;e<arguments.length;e++){var s=arguments[e];s&&(t=i(t,o(s)))}return t}function o(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var s in t)a.call(t,s)&&t[s]&&(e=i(e,s));return e}function i(t,e){return e?t?t+" "+e:t+e:t}n.exports?(r.default=r,n.exports=r):window.classNames=r})()})(u)),u.exports}var A=w();const O=S(A),f=N.forwardRef((n,a)=>{const{size:r,variant:o,style:i,small:t,large:e,onClick:s,className:c,disabled:p,active:m,type:d,onMouseDown:b,onMouseUp:y,onMouseLeave:v,onTouchStart:h,onTouchEnd:j,...R}=n;return x.jsxRuntimeExports.jsx("button",{ref:a,...d&&{type:"submit"},disabled:p,style:i,onMouseDown:b,onMouseUp:y,onMouseLeave:v,onTouchStart:h,onTouchEnd:j,className:O(`btn ${o?`btn-${o}`:"btn-articles"}`,{[c]:c,"btn-lg":e,"btn-sm":t,active:m,[`btn-${r}`]:r}),onClick:s,children:n.children})});f.displayName="ArticlesButton";exports.ArticlesButton=f;

package/dist/Button-g7fiSVpz.js

@@ -0,0 +1,91 @@
+import { j } from "./jsx-runtime-tc70JA_2.js";
+import { forwardRef as x } from "react";
+function N(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var u = { exports: {} };
+var l;
+function S() {
+  return l || (l = 1, (function(n) {
+    (function() {
+      var i = {}.hasOwnProperty;
+      function r() {
+        for (var t = "", e = 0; e < arguments.length; e++) {
+          var s = arguments[e];
+          s && (t = a(t, o(s)));
+        }
+        return t;
+      }
+      function o(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return r.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var e = "";
+        for (var s in t)
+          i.call(t, s) && t[s] && (e = a(e, s));
+        return e;
+      }
+      function a(t, e) {
+        return e ? t ? t + " " + e : t + e : t;
+      }
+      n.exports ? (r.default = r, n.exports = r) : window.classNames = r;
+    })();
+  })(u)), u.exports;
+}
+var w = S();
+const A = /* @__PURE__ */ N(w), O = x((n, i) => {
+  const {
+    size: r,
+    variant: o,
+    style: a,
+    // Can just use small instead of size="sm"
+    small: t,
+    large: e,
+    onClick: s,
+    className: c,
+    disabled: f,
+    active: p,
+    type: m,
+    onMouseDown: d,
+    onMouseUp: b,
+    onMouseLeave: y,
+    onTouchStart: v,
+    onTouchEnd: h,
+    ...E
+  } = n;
+  return /* @__PURE__ */ j.jsx(
+    "button",
+    {
+      ref: i,
+      ...m && { type: "submit" },
+      disabled: f,
+      style: a,
+      onMouseDown: d,
+      onMouseUp: b,
+      onMouseLeave: y,
+      onTouchStart: v,
+      onTouchEnd: h,
+      className: A(
+        `btn ${o ? `btn-${o}` : "btn-articles"}`,
+        {
+          [c]: c,
+          "btn-lg": e,
+          "btn-sm": t,
+          active: p,
+          [`btn-${r}`]: r
+        }
+      ),
+      onClick: s,
+      children: n.children
+    }
+  );
+});
+O.displayName = "ArticlesButton";
+export {
+  O as A
+};

package/dist/GameScoreboard.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-Blz-RjDE.cjs"),r=require("react"),d=require("./Button-CZyAJPvK.cjs"),l=require("./index-CqsCVLvJ.cjs"),j=async s=>{if(process.env.NODE_ENV==="development")try{return(await l.axios.get("http://localhost:3001/api/community/games/scoreboard",{params:{game:s.game}})).data}catch{}return l.axios.get(s.url,{params:{game:s.game}}).then(t=>t.data)},p={dedupingInterval:1e3*60*30,refreshInterval:0,revalidateOnFocus:!1,revalidateIfStale:!1,shouldRetryOnError:!1},h=s=>{const{data:t,error:i,isLoading:c,isValidating:n,mutate:o}=l.useSWR(s?.game?{url:"https://articles.media/api/community/games/scoreboard",game:s.game}:null,j,p);return{data:t,error:i,isLoading:c,isValidating:n,mutate:o}};function f({game:s,reloadScoreboard:t,setReloadScoreboard:i}){const[c,n]=r.useState(!1),[o,E]=r.useState(!1),{data:m,mutate:x}=h({game:s});return r.useEffect(()=>{},[]),r.useEffect(()=>{t&&(i(!1),x())},[t]),e.jsxRuntimeExports.jsx("div",{className:"scoreboard",children:e.jsxRuntimeExports.jsxs("div",{className:"card card-articles card-sm mb-3 mb-lg-0",children:[e.jsxRuntimeExports.jsxs("div",{className:"card-header d-flex justify-content-between align-items-center",children:[e.jsxRuntimeExports.jsxs("span",{children:[s," Scoreboard"]}),e.jsxRuntimeExports.jsx(d.ArticlesButton,{onClick:()=>{x()},small:!0,children:e.jsxRuntimeExports.jsx("i",{className:"fad fa-redo me-0"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"card-body p-0",children:[(m?.length||0)==0&&e.jsxRuntimeExports.jsx("div",{className:"small p-2",children:"No scores yet"}),m?.map((a,u)=>e.jsxRuntimeExports.jsxs("div",{className:"result d-flex flex-column justify-content-between border-bottom p-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"d-flex justify-content-between lh-sm",children:[e.jsxRuntimeExports.jsxs("div",{className:"d-flex",children:[e.jsxRuntimeExports.jsx("h5",{className:"mb-0 me-3",children:u+1}),e.jsxRuntimeExports.jsx("div",{className:"lh-sm"})]}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx("h5",{className:"mb-0",children:a.score||a.total})})]}),a.last_play&&a.public_last_play&&e.jsxRuntimeExports.jsxs("small",{className:"mt-1",style:{fontSize:"0.75rem"},children:["Played: ",format(new Date(a.last_play),"MM/d/yy hh:mmaa")]})]},a._id))]}),e.jsxRuntimeExports.jsxs("div",{className:"card-footer d-flex justify-content-between align-items-center",children:[e.jsxRuntimeExports.jsx("div",{className:"small",children:"Play to get on the board!"}),e.jsxRuntimeExports.jsx(d.ArticlesButton,{small:!0,onClick:()=>{n(!0)},children:e.jsxRuntimeExports.jsx("i",{className:"fad fa-cog me-0"})})]})]})})}module.exports=f;