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

package/dist/Ad.cjs

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

@@ -1,45 +1,45 @@
 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) {
+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 J(e) {
+function Q(e) {
   return Object.keys(e).sort().filter(
     (t) => e[t] !== void 0
-  ).map((t) => `${t}_${t === "root" ? H(e.root) : e[t]}`).toString();
+  ).map((t) => `${t}_${t === "root" ? J(e.root) : e[t]}`).toString();
 }
-function Q(e) {
-  const t = J(e);
+function Y(e) {
+  const t = Q(e);
   let a = $.get(t);
   if (!a) {
-    const n = /* @__PURE__ */ new Map();
+    const o = /* @__PURE__ */ new Map();
     let l;
-    const o = new IntersectionObserver((c) => {
+    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 = n.get(i.target)) == null || u.forEach((v) => {
+        e.trackVisibility && typeof i.isVisible > "u" && (i.isVisible = N), (u = o.get(i.target)) == null || u.forEach((v) => {
           v(N, i);
         });
       });
     }, e);
-    l = o.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), a = {
+    l = n.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), a = {
       id: t,
-      observer: o,
-      elements: n
+      observer: n,
+      elements: o
     }, $.set(t, a);
   }
   return a;
 }
-function Y(e, t, a = {}, n = G) {
-  if (typeof window.IntersectionObserver > "u" && n !== void 0) {
+function Z(e, t, a = {}, o = H) {
+  if (typeof window.IntersectionObserver > "u" && o !== void 0) {
     const u = e.getBoundingClientRect();
-    return t(n, {
-      isIntersecting: n,
+    return t(o, {
+      isIntersecting: o,
       target: e,
       intersectionRatio: typeof a.threshold == "number" ? a.threshold : 0,
       time: 0,
@@ -49,18 +49,18 @@ function Y(e, t, a = {}, n = G) {
     }), () => {
     };
   }
-  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));
+  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 Z({
+function ee({
   threshold: e,
   delay: t,
   trackVisibility: a,
-  rootMargin: n,
+  rootMargin: o,
   root: l,
-  triggerOnce: o,
+  triggerOnce: n,
   skip: c,
   initialInView: i,
   fallbackInView: u,
@@ -75,18 +75,18 @@ function Z({
     () => {
       if (d.current === void 0 && (d.current = i), c || !_) return;
       let j;
-      return j = Y(
+      return j = Z(
         _,
-        (A, b) => {
+        (I, b) => {
           const C = d.current;
-          d.current = A, !(C === void 0 && !A) && (E({
-            inView: A,
+          d.current = I, !(C === void 0 && !I) && (E({
+            inView: I,
             entry: b
-          }), y.current && y.current(A, b), b.isIntersecting && o && j && (j(), j = void 0));
+          }), y.current && y.current(I, b), b.isIntersecting && n && j && (j(), j = void 0));
         },
         {
           root: l,
-          rootMargin: n,
+          rootMargin: o,
           threshold: e,
           // @ts-expect-error
           trackVisibility: a,
@@ -104,134 +104,134 @@ function Z({
       Array.isArray(e) ? e.toString() : e,
       _,
       l,
-      n,
       o,
+      n,
       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({
+  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 ee = async (e) => {
+const se = async (e) => {
   if (process.env.NODE_ENV === "development")
     try {
-      return (await I.get(`http://localhost:3001/api/ads/${e.ad_id}`, {
+      return (await M.get(`http://localhost:3001/api/ads/${e.ad_id}`, {
         params: {
           ad_id: e.ad_id
         }
       })).data.result;
     } catch {
     }
-  return I.get(e.url, {
+  return M.get(e.url, {
     params: {
       ad_id: e.ad_id
     }
   }).then((t) => t.data.result);
-}, se = 60, te = {
-  dedupingInterval: 1e3 * 60 * se
+}, te = 60, re = {
+  dedupingInterval: 1e3 * 60 * te
   // keepPreviousData: true,
   // fallbackData: []
-}, re = (e) => {
-  const { data: t, error: a, isLoading: n, mutate: l } = W(
+}, ne = (e) => {
+  const { data: t, error: a, isLoading: o, mutate: l } = W(
     e ? {
       url: `https://articles.media/api/ads/${e}`,
       ad_id: e
     } : null,
-    ee,
-    te
+    se,
+    re
   );
   return {
     data: t,
     error: a,
-    isLoading: n,
+    isLoading: o,
     mutate: l
   };
 }, X = 6e4, T = /* @__PURE__ */ Symbol.for("constructDateFrom");
-function ne(e, t) {
+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 ne(e, e);
+  return oe(e, e);
 }
-function oe(e) {
+function ae(e) {
   return (t) => {
-    const n = (e ? Math[e] : Math.trunc)(t);
-    return n === 0 ? 0 : n;
+    const o = (e ? Math[e] : Math.trunc)(t);
+    return o === 0 ? 0 : o;
   };
 }
-function ae(e, t) {
+function ie(e, t) {
   return +L(e) - +L(t);
 }
 function O(e, t, a) {
-  const n = ae(e, t) / X;
-  return oe(a?.roundingMethod)(n);
+  const o = ie(e, t) / X;
+  return ae(a?.roundingMethod)(o);
 }
 function B(e) {
   return Math.trunc(e * X);
 }
-const ie = async (e) => {
+const ce = async (e) => {
   if (process.env.NODE_ENV === "development")
     try {
-      return (await I.get("http://localhost:3001/api/ads", {
+      return (await M.get("http://localhost:3001/api/ads", {
         params: {
           // ad_id: data.ad_id
         }
       })).data;
     } catch {
     }
-  return I.get(e.url, {
+  return M.get(e.url, {
     params: {
       // ad_id: data.ad_id
     }
   }).then((t) => t.data);
-}, U = 60, ce = {
+}, U = 60, le = {
   dedupingInterval: B(U),
   focusThrottleInterval: B(U)
   // keepPreviousData: true,
   // fallbackData: []
-}, le = (e) => {
-  const { data: t, error: a, isLoading: n, mutate: l } = W(
+}, de = (e) => {
+  const { data: t, error: a, isLoading: o, mutate: l } = W(
     {
       url: "https://articles.media/api/ads"
       // ad_id
     },
-    ie,
-    ce
+    ce,
+    le
   );
   return {
     data: t,
     error: a,
-    isLoading: n,
+    isLoading: o,
     mutate: l
   };
-};
-function de(e, t) {
+}, ue = q(() => import("./AdDetailsModal-BOLzA3ZL.js"));
+function fe(e, t) {
   return Math.floor(Math.random() * (t - e + 1)) + e;
 }
-function ue(e) {
+function me(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(() => {
+    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(!R);
+    h(!A);
   }
-  const { ref: q, inView: S } = Z({
+  const { ref: z, inView: S } = ee({
     /* Optional options */
     threshold: 0,
     triggerOnce: !0
@@ -241,7 +241,7 @@ function ue(e) {
       console.log("Already logged this event");
       return;
     }
-    I.get("/api/ads/event", {
+    M.get("/api/ads/event", {
       params: {
         ad_id: r?._id,
         event: f
@@ -252,7 +252,7 @@ function ue(e) {
       console.log(m);
     });
   }
-  return M(() => {
+  return R(() => {
     if (!l && (console.log("inView", S), S && c)) {
       let f = [
         {
@@ -274,14 +274,22 @@ function ue(e) {
   }, [S, c]), /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: q,
+      ref: z,
       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
+        "--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",
           {
@@ -297,10 +305,10 @@ function ue(e) {
                   ] }) }),
                   /* @__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(
+                      /* @__PURE__ */ s.jsx("div", { className: "logo", children: (n.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}`,
+                          src: n?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${n?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.logo?.key}`,
                           alt: ""
                         }
                       ) }),
@@ -309,14 +317,14 @@ function ue(e) {
                         "img",
                         {
                           className: "photo",
-                          src: o?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${o.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${r?.background?.key}`,
+                          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: o?.business || r?.business }) }),
+                        /* @__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" }) }),
@@ -333,7 +341,7 @@ function ue(e) {
                         ] })
                       ] }),
                       r?.city && /* @__PURE__ */ s.jsx("div", { className: "details mb-3 d-none" }),
-                      /* @__PURE__ */ s.jsx("div", { className: "short-description", children: o?.description || r?.description })
+                      /* @__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: [
@@ -347,7 +355,7 @@ function ue(e) {
                             /* @__PURE__ */ s.jsx("div", { className: "small", children: /* @__PURE__ */ s.jsx("div", { className: "small", children: x.details }) })
                           ] }),
                           /* @__PURE__ */ s.jsx(
-                            K,
+                            G,
                             {
                               className: "px-3",
                               small: !0,
@@ -435,9 +443,9 @@ function ue(e) {
             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
+              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",
@@ -455,7 +463,7 @@ function ue(e) {
     }
   );
 }
-const ge = z(ue);
+const xe = K(me);
 export {
-  ge as default
+  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

@@ -1 +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;
+"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/{Button-g7fiSVpz.js → Button-B5nVYPMZ.js}

@@ -87,5 +87,7 @@ const A = /* @__PURE__ */ N(w), O = x((n, i) => {
 });
 O.displayName = "ArticlesButton";
 export {
-  O as A
+  O as A,
+  A as c,
+  N as g
 };

package/dist/Button-BVYvDTtH.cjs

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

package/dist/GameScoreboard.cjs

@@ -1 +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;
+"use strict";const e=require("./jsx-runtime-nZSsnGb7.cjs"),c=require("react"),l=require("./Modal-BNCxuVnD.cjs"),x=require("./Button-BVYvDTtH.cjs"),m=require("./index-CqsCVLvJ.cjs");function h({setChecked:s,checked:t,readOnly:a}){return e.jsxRuntimeExports.jsxs("label",{className:`articles-switch mb-0 ${t&&"checked"}`,children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",readOnly:!!a,checked:t,onChange:()=>{}}),e.jsxRuntimeExports.jsx("span",{onClick:n=>{if(s){s(!t);return}else{n.preventDefault();return}},className:"slider"})]})}const f=async s=>{if(process.env.NODE_ENV==="development")try{return(await m.axios.get("http://localhost:3001/api/community/games/scoreboard",{params:{game:s.game}})).data}catch{}return m.axios.get(s.url,{params:{game:s.game}}).then(t=>t.data)},E={dedupingInterval:1e3*60*30,refreshInterval:0,revalidateOnFocus:!1,revalidateIfStale:!1,shouldRetryOnError:!1},R=s=>{const{data:t,error:a,isLoading:n,isValidating:i,mutate:o}=m.useSWR(s?.game?{url:"https://articles.media/api/community/games/scoreboard",game:s.game}:null,f,E);return{data:t,error:a,isLoading:n,isValidating:i,mutate:o}};function b({game:s,reloadScoreboard:t,setReloadScoreboard:a}){const[n,i]=c.useState(!1),[o,j]=c.useState(!1),{data:d,mutate:u}=R({game:s});return c.useEffect(()=>{},[]),c.useEffect(()=>{t&&(a(!1),u())},[t]),e.jsxRuntimeExports.jsxs("div",{className:"scoreboard",children:[e.jsxRuntimeExports.jsxs(l.Modal,{show:n,size:"md",className:"articles-modal",centered:!0,onHide:()=>i(!1),children:[e.jsxRuntimeExports.jsx(l.Modal.Header,{children:e.jsxRuntimeExports.jsx(l.Modal.Title,{children:"Scoreboard Settings"})}),e.jsxRuntimeExports.jsx(l.Modal.Body,{children:e.jsxRuntimeExports.jsxs("div",{className:"d-flex justify-content-between align-items-center",onClick:()=>j(!o),children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("i",{className:"fas fa-trophy-alt"}),e.jsxRuntimeExports.jsx("span",{children:"Join Scoreboard?"})]}),e.jsxRuntimeExports.jsx(h,{checked:o})]})}),e.jsxRuntimeExports.jsx(l.Modal.Footer,{className:"justify-content-between",children:e.jsxRuntimeExports.jsx(x.ArticlesButton,{variant:"articles",onClick:()=>{i(!1)},children:"Close"})})]}),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(x.ArticlesButton,{onClick:()=>{u()},small:!0,children:e.jsxRuntimeExports.jsx("i",{className:"fad fa-redo me-0"})})]}),e.jsxRuntimeExports.jsxs("div",{className:"card-body p-0",children:[(d?.length||0)==0&&e.jsxRuntimeExports.jsx("div",{className:"small p-2",children:"No scores yet"}),d?.map((r,p)=>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:p+1}),e.jsxRuntimeExports.jsx("div",{className:"lh-sm"})]}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx("h5",{className:"mb-0",children:r.score||r.total})})]}),r.last_play&&r.public_last_play&&e.jsxRuntimeExports.jsxs("small",{className:"mt-1",style:{fontSize:"0.75rem"},children:["Played: ",format(new Date(r.last_play),"MM/d/yy hh:mmaa")]})]},r._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(x.ArticlesButton,{small:!0,onClick:()=>{i(!0)},children:e.jsxRuntimeExports.jsx("i",{className:"fad fa-cog me-0"})})]})]})]})}module.exports=b;