@articles-media/articles-dev-box 1.0.22 → 1.0.24

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@articles-media/articles-dev-box",
   "description": "Shared code, functions, and components for different Articles Media projects.",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "type": "module",
   "imports": {
     "#root/src/*": "./src/*"
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "files": [
     "dist"
@@ -16,70 +16,22 @@
     "url": "git+https://github.com/Articles-Joey/articles-dev-box.git"
   },
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./Ad": {
-      "import": "./dist/Ad.js",
-      "require": "./dist/Ad.cjs"
-    },
-    "./ArticlesAd": {
-      "import": "./dist/ArticlesAd.js",
-      "require": "./dist/ArticlesAd.cjs"
-    },
-    "./GameScoreboard": {
-      "import": "./dist/GameScoreboard.js",
-      "require": "./dist/GameScoreboard.cjs"
-    },
-    "./ReturnToLauncherButton": {
-      "import": "./dist/ReturnToLauncherButton.js",
-      "require": "./dist/ReturnToLauncherButton.cjs"
-    },
-    "./GlobalHead": {
-      "import": "./dist/GlobalHead.js",
-      "require": "./dist/GlobalHead.cjs"
-    },
-    "./GlobalBody": {
-      "import": "./dist/GlobalBody.js",
-      "require": "./dist/GlobalBody.cjs"
-    },
-    "./ViewUserModal": {
-      "import": "./dist/ViewUserModal.js",
-      "require": "./dist/ViewUserModal.cjs"
-    },
-    "./SettingsModal": {
-      "import": "./dist/SettingsModal.js",
-      "require": "./dist/SettingsModal.cjs"
-    },
-    "./CreditsModal": {
-      "import": "./dist/CreditsModal.js",
-      "require": "./dist/CreditsModal.cjs"
-    },
-    "./DarkModeHandler": {
-      "import": "./dist/DarkModeHandler.js",
-      "require": "./dist/DarkModeHandler.cjs"
-    },
-    "./FriendsList": {
-      "import": "./dist/FriendsList.js",
-      "require": "./dist/FriendsList.cjs"
-    },
-    "./useUserDetails": {
-      "import": "./dist/useUserDetails.js",
-      "require": "./dist/useUserDetails.cjs"
-    },
-    "./useUserToken": {
-      "import": "./dist/useUserToken.js",
-      "require": "./dist/useUserToken.cjs"
-    },
-    "./useUserFriends": {
-      "import": "./dist/useUserFriends.js",
-      "require": "./dist/useUserFriends.cjs"
-    },
-    "./useFullscreen": {
-      "import": "./dist/useFullscreen.js",
-      "require": "./dist/useFullscreen.cjs"
-    },
+    ".": "./dist/index.js",
+    "./Ad": "./dist/Ad.js",
+    "./ArticlesAd": "./dist/ArticlesAd.js",
+    "./GameScoreboard": "./dist/GameScoreboard.js",
+    "./ReturnToLauncherButton": "./dist/ReturnToLauncherButton.js",
+    "./GlobalHead": "./dist/GlobalHead.js",
+    "./GlobalBody": "./dist/GlobalBody.js",
+    "./ViewUserModal": "./dist/ViewUserModal.js",
+    "./SettingsModal": "./dist/SettingsModal.js",
+    "./CreditsModal": "./dist/CreditsModal.js",
+    "./DarkModeHandler": "./dist/DarkModeHandler.js",
+    "./FriendsList": "./dist/FriendsList.js",
+    "./useUserDetails": "./dist/useUserDetails.js",
+    "./useUserToken": "./dist/useUserToken.js",
+    "./useUserFriends": "./dist/useUserFriends.js",
+    "./useFullscreen": "./dist/useFullscreen.js",
     "./dist/style.css": "./dist/articles-dev-box.css",
     "./dist/articles-dev-box.css": "./dist/articles-dev-box.css"
   },

package/dist/Ad-Ck5UdTq3.js

@@ -1,387 +0,0 @@
-import { r as e, t } from "./jsx-runtime-VZk6y-ec.js";
-import { t as n } from "./classnames-DP6dWde5.js";
-import { t as r } from "./Button-BlAdEbSd.js";
-import { t as i } from "./Link-MFZblBb4.js";
-import { n as a, t as o } from "./numberWithCommas-BSKBdR-e.js";
-import { lazy as s, memo as c, useEffect as l, useState as u } from "react";
-import { useInView as d } from "react-intersection-observer";
-import f from "swr";
-import { differenceInMinutes as p, minutesToMilliseconds as m } from "date-fns";
-//#region src/hooks/Ads/useAd.js
-var h = async (e) => {
-	if (process.env.NODE_ENV === "development") try {
-		let t = new URLSearchParams({
-			ad_id: e.ad_id,
-			user_ad_token: e.user_ad_token
-		}).toString();
-		return (await (await fetch(`http://localhost:3001/api/ads/${e.ad_id}?${t}`)).json()).result;
-	} catch {}
-	let t = new URLSearchParams({ ad_id: e.ad_id }).toString();
-	return fetch(`${e.url}?${t}`).then((e) => e.json()).then((e) => e.result);
-}, g = { dedupingInterval: 1e3 * 60 * 60 }, _ = (e, t) => {
-	let { data: n, error: r, isLoading: i, mutate: a } = f(e ? {
-		url: `https://articles.media/api/ads/${e}`,
-		ad_id: e,
-		user_ad_token: t
-	} : null, h, g);
-	return {
-		data: n,
-		error: r,
-		isLoading: i,
-		mutate: a
-	};
-}, v = async (e) => {
-	if (process.env.NODE_ENV === "development") try {
-		return await (await fetch("http://localhost:3001/api/ads")).json();
-	} catch {}
-	return fetch(e.url).then((e) => e.json());
-}, y = 60, b = {
-	dedupingInterval: m(y),
-	focusThrottleInterval: m(y)
-}, x = (e) => {
-	let { data: t, error: n, isLoading: r, mutate: i } = f(e?.loading || e?.disabled ? null : { url: "https://articles.media/api/ads" }, v, b);
-	return {
-		data: t,
-		error: n,
-		isLoading: r,
-		mutate: i
-	};
-}, S = t(), C = /* @__PURE__ */ e(n(), 1), w = s(() => import("./AdDetailsModal-DRNRTL2W.js")), T = s(() => import("./AdConfirmExitModal-CJ-HtcVC.js"));
-function E(e, t) {
-	return Math.floor(Math.random() * (t - e + 1)) + e;
-}
-function D(e) {
-	let { previewMode: t, darkMode: n, user_ad_token: s, userDetails: c, userDetailsLoading: f, prepend: m, append: h } = e, g = [], [v, y] = u(null), { data: b, isLoading: D, mutate: O } = x({
-		loading: f,
-		disabled: c?.articles_membership?.status == "Active"
-	}), { data: k, isLoading: ee } = _(v, s), A = e.previewData || {}, [te, ne] = u(null), [j, M] = u(null), [N, P] = u(null), [F, I] = u(0), [L, R] = u(!1), [z, B] = u(!1), [V, H] = u(!1), [re, ie] = u(/* @__PURE__ */ new Date()), [U, W] = u([]);
-	l(() => {
-		b && b?.length > 0 && !v && (console.log("Ad Mounted or reduxAds changed"), y(e.ad_id || b[E(0, b?.length - 1)]?._id));
-	}, [b]), l(() => {}, [k]), l(() => {
-		k?.populated_promos && F >= 0 && P(k?.populated_promos[F]);
-	}, [F, k]);
-	function G() {
-		B(!z);
-	}
-	let { ref: K, inView: q, entry: ae } = d({
-		threshold: 0,
-		triggerOnce: !0
-	});
-	function J(e) {
-		if (t && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), U.find((t) => t == e)) {
-			console.log("Already logged this event");
-			return;
-		}
-		let n = new URLSearchParams({
-			ad_id: k?._id,
-			event: e
-		}).toString();
-		fetch(`/api/ads/event?${n}`).then(function(e) {
-			return e.json();
-		}).then(function(t) {
-			W([...U, e]), console.log(t);
-		}).catch(function(e) {
-			console.log(e);
-		});
-	}
-	l(() => {
-		if (!t && (console.log("inView", q), q && v)) {
-			let e = [{
-				ad_id: v,
-				date: (/* @__PURE__ */ new Date()).toString()
-			}, ...g.filter((e) => {
-				if (console.log(p(/* @__PURE__ */ new Date(), new Date(e.date))), p(/* @__PURE__ */ new Date(), new Date(e.date)) > 5) {
-					console.log("adsViewed - Remove Old Ad View Object");
-					return;
-				} else return console.log("adsViewed - Keep Ad View Object"), e;
-			})];
-			console.log("unexpiredRecentViews", e);
-		}
-	}, [q, v]);
-	let [Y, X] = u(null), [Z, Q] = u(!1);
-	function $() {
-		Q(!0), console.log("logAdAvoided called", s);
-		let e = process.env.NODE_ENV === "development" ? "http://localhost:3001/api/user/advertising/avoided" : "https://articles.media/api/user/advertising/avoided", t = new URLSearchParams({ user_id: c?._id }).toString();
-		fetch(`${e}?${t}`, { headers: { "x-articles-api-key": s } }).then(function(e) {
-			return e.json();
-		}).then(function(e) {
-			Q(!1), X(e.avoided_count), console.log(e);
-		}).catch(function(e) {
-			console.log(e), Q(!1);
-		});
-	}
-	return l(() => {
-		t || (console.log("inView", q), c?.articles_membership?.status == "Active" && q && $("Ad Avoided"));
-	}, [q, c]), f ? null : /* @__PURE__ */ (0, S.jsxs)("div", {
-		ref: K,
-		className: (0, C.default)("ad-wrap", { "active-member": c?.articles_membership?.status == "Active" }),
-		style: {
-			"--articles-ad-background-color": A.background_color || k?.background_color,
-			"--articles-ad-font-color": A.font_color || k?.font_color,
-			"--articles-ad-border-color": A.border_color || k?.border_color
-		},
-		children: [
-			z && /* @__PURE__ */ (0, S.jsx)(w, {
-				setModalShow: B,
-				ad: k,
-				previewData: A
-			}),
-			V && /* @__PURE__ */ (0, S.jsx)(T, {
-				setModalShow: H,
-				ad: k,
-				previewData: A
-			}),
-			m && /* @__PURE__ */ (0, S.jsx)("div", {
-				className: "prepend-container",
-				children: m
-			}),
-			/* @__PURE__ */ (0, S.jsxs)("div", {
-				className: "ad",
-				children: [c?.articles_membership?.status !== "Active" && /* @__PURE__ */ (0, S.jsxs)("div", {
-					className: "main-panel",
-					children: [
-						/* @__PURE__ */ (0, S.jsx)("div", {
-							className: "ad-warning flex-header",
-							children: /* @__PURE__ */ (0, S.jsxs)("div", {
-								className: "",
-								children: [k?.city && "Local", " Advertisement"]
-							})
-						}),
-						/* @__PURE__ */ (0, S.jsxs)("div", {
-							className: "content-wrap",
-							children: [/* @__PURE__ */ (0, S.jsxs)("div", {
-								className: "photo-banner",
-								children: [
-									/* @__PURE__ */ (0, S.jsx)("div", {
-										className: "logo",
-										children: (A.logo?.location || k?.logo?.location) && /* @__PURE__ */ (0, S.jsx)("img", {
-											src: A?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${A?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${k?.logo?.key}`,
-											alt: ""
-										})
-									}),
-									/* @__PURE__ */ (0, S.jsx)("div", {
-										className: "icon d-none",
-										children: /* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-mug-hot" })
-									}),
-									/* @__PURE__ */ (0, S.jsx)("img", {
-										className: "photo",
-										src: A?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${A.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${k?.background?.key}`,
-										alt: ""
-									})
-								]
-							}), /* @__PURE__ */ (0, S.jsxs)("div", {
-								className: "details-wrap",
-								children: [
-									/* @__PURE__ */ (0, S.jsxs)("div", {
-										className: "detail-title",
-										children: [/* @__PURE__ */ (0, S.jsx)("div", {
-											className: "detail",
-											children: /* @__PURE__ */ (0, S.jsx)("span", {
-												className: "h4",
-												children: A?.business || k?.business
-											})
-										}), /* @__PURE__ */ (0, S.jsxs)("div", {
-											className: "flex flex-column d-none",
-											children: [/* @__PURE__ */ (0, S.jsxs)("div", {
-												className: "detail",
-												children: [/* @__PURE__ */ (0, S.jsx)("span", {
-													className: "icon",
-													children: /* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-search-location" })
-												}), /* @__PURE__ */ (0, S.jsxs)("span", { children: [
-													k?.city,
-													", ",
-													k?.state
-												] })]
-											}), /* @__PURE__ */ (0, S.jsxs)("div", {
-												className: "detail",
-												children: [/* @__PURE__ */ (0, S.jsx)("span", {
-													className: "icon",
-													children: /* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-clock me-2" })
-												}), /* @__PURE__ */ (0, S.jsx)("span", { children: "6:30AM–8PM" })]
-											})]
-										})]
-									}),
-									k?.city && /* @__PURE__ */ (0, S.jsx)("div", { className: "details mb-3 d-none" }),
-									/* @__PURE__ */ (0, S.jsx)("div", {
-										className: "short-description",
-										children: A?.description || k?.description
-									})
-								]
-							})]
-						}),
-						(!1)?.roles?.isDev && k?.populated_promos?.length > 0 && /* @__PURE__ */ (0, S.jsxs)("div", { children: [N && /* @__PURE__ */ (0, S.jsx)("div", {
-							className: "promos-wrap",
-							children: N && /* @__PURE__ */ (0, 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__ */ (0, S.jsxs)("div", {
-									className: "",
-									children: [/* @__PURE__ */ (0, S.jsx)("div", { children: N.title }), /* @__PURE__ */ (0, S.jsx)("div", {
-										className: "small",
-										children: /* @__PURE__ */ (0, S.jsx)("div", {
-											className: "small",
-											children: N.details
-										})
-									})]
-								}), /* @__PURE__ */ (0, S.jsx)(r, {
-									className: "px-3",
-									small: !0,
-									onClick: () => {
-										console.log("Load Save Modal"), R(!0);
-									},
-									children: "Save"
-								})]
-							}, N._id)
-						}), /* @__PURE__ */ (0, S.jsxs)("div", {
-							className: "d-flex justify-content-between",
-							children: [/* @__PURE__ */ (0, S.jsxs)("div", {
-								className: "px-2",
-								children: [k?.populated_promos?.length, " Promos Active"]
-							}), /* @__PURE__ */ (0, S.jsxs)("div", {
-								className: "controls",
-								children: [
-									/* @__PURE__ */ (0, S.jsx)("i", {
-										className: "fad fa-arrow-circle-left",
-										type: "button",
-										onClick: () => {
-											I(F == 0 ? k?.populated_promos?.length - 1 : (e) => e - 1);
-										}
-									}),
-									k?.populated_promos?.map((e, t) => /* @__PURE__ */ (0, S.jsx)("i", { className: `fa-square ${t == F ? "fad" : "fas"}` }, e._id)),
-									/* @__PURE__ */ (0, S.jsx)("i", {
-										className: "fad fa-arrow-circle-right",
-										type: "button",
-										onClick: () => {
-											F == k?.populated_promos?.length - 1 ? I(0) : I((e) => e + 1);
-										}
-									})
-								]
-							})]
-						})] }),
-						/* @__PURE__ */ (0, S.jsx)("hr", {
-							style: { borderColor: "white" },
-							className: "mt-auto mb-0"
-						}),
-						/* @__PURE__ */ (0, S.jsxs)("div", {
-							className: "action-wrap d-flex justify-content-lg-between px-3 py-2",
-							children: [
-								/* @__PURE__ */ (0, S.jsx)("div", {
-									onClick: () => {
-										G(), J("Details");
-									},
-									className: "action flex-grow-1 flex-shrink-0",
-									children: "Details"
-								}),
-								/* @__PURE__ */ (0, S.jsx)("span", { className: "px-4" }),
-								/* @__PURE__ */ (0, S.jsx)("a", {
-									className: "action flex-grow-1 flex-shrink-0",
-									href: k?.website,
-									target: "_blank",
-									rel: "noreferrer",
-									onClick: (e) => {
-										e.preventDefault(), H(!0), J("Confirm Exit Modal Opened");
-									},
-									children: /* @__PURE__ */ (0, S.jsx)("div", { children: "Website" })
-								})
-							]
-						})
-					]
-				}), c?.articles_membership?.status == "Active" && /* @__PURE__ */ (0, S.jsx)("div", {
-					className: "main-panel",
-					children: /* @__PURE__ */ (0, S.jsxs)("div", {
-						className: "content-wrap",
-						children: [/* @__PURE__ */ (0, S.jsxs)("div", {
-							className: "photo-banner",
-							children: [
-								/* @__PURE__ */ (0, S.jsx)("div", { className: "logo" }),
-								/* @__PURE__ */ (0, S.jsxs)("div", {
-									className: "splash",
-									children: [/* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-broadcast-tower" }), /* @__PURE__ */ (0, S.jsxs)("div", {
-										className: "text",
-										children: [/* @__PURE__ */ (0, S.jsx)("div", {
-											className: "count",
-											children: Z ? /* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-spinner fa-spin me-0" }) : Y ? o(Y) : 0
-										}), /* @__PURE__ */ (0, S.jsx)("div", {
-											className: "label",
-											children: "ads avoided."
-										})]
-									})]
-								}),
-								/* @__PURE__ */ (0, S.jsxs)("div", {
-									className: "member-since",
-									children: ["Member since: ", /* @__PURE__ */ (0, S.jsx)(a, {
-										format: "PP",
-										date: c?.articles_membership?.membership_started
-									})]
-								})
-							]
-						}), /* @__PURE__ */ (0, S.jsxs)("div", {
-							className: "details-wrap",
-							children: [/* @__PURE__ */ (0, S.jsx)("div", {
-								className: "detail-title",
-								children: /* @__PURE__ */ (0, S.jsx)("div", {
-									className: "detail",
-									children: /* @__PURE__ */ (0, S.jsx)("span", {
-										className: "h4",
-										children: "Thanks for the support!"
-									})
-								})
-							}), /* @__PURE__ */ (0, S.jsxs)("div", {
-								className: "short-description",
-								children: [/* @__PURE__ */ (0, S.jsx)("div", {
-									className: "mb-2",
-									children: "Without support from users like you, we wouldn't be here."
-								}), /* @__PURE__ */ (0, S.jsxs)("div", {
-									className: "links-list",
-									children: [
-										/* @__PURE__ */ (0, S.jsxs)(i, {
-											newPage: !0,
-											className: "link-item",
-											href: "https://articles.media/messages",
-											children: [/* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-comments-alt" }), "0 unread messages."]
-										}),
-										/* @__PURE__ */ (0, S.jsxs)(i, {
-											newPage: !0,
-											className: "link-item",
-											href: "https://articles.media/settings/notifications",
-											onClick: () => {
-												$();
-											},
-											children: [/* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-bell" }), "0 notifications."]
-										}),
-										/* @__PURE__ */ (0, S.jsxs)(i, {
-											newPage: !0,
-											className: "link-item",
-											href: "https://articles.media/settings/account",
-											children: [/* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-cog" }), "Manage account settings."]
-										})
-									]
-								})]
-							})]
-						})]
-					})
-				})]
-			}),
-			h && /* @__PURE__ */ (0, S.jsx)("div", {
-				className: "append-container",
-				children: h
-			}),
-			!t && /* @__PURE__ */ (0, S.jsx)("div", {
-				className: "advertise-with-us p-1",
-				style: {
-					backgroundColor: A.background_color || k?.background_color,
-					color: A.font_color || k?.font_color,
-					borderColor: A.border_color || k?.border_color
-				},
-				children: /* @__PURE__ */ (0, S.jsxs)(i, {
-					className: "small d-block w-100 text-center",
-					href: "https://articles.media/advertising",
-					newPage: !0,
-					children: [/* @__PURE__ */ (0, S.jsx)("i", { className: "fas fa-share me-1" }), "Advertise with Articles Media!"]
-				})
-			})
-		]
-	});
-}
-var O = c(D);
-//#endregion
-export { O as t };

package/dist/Ad-DYtftKNV.cjs

@@ -1 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./classnames-pS64X3rL.cjs`),n=require(`./jsx-runtime-hCcDh67y.cjs`),r=require(`./Button-CbpRj01E.cjs`),i=require(`./Link-c7exNCJ3.cjs`),a=require(`./numberWithCommas-D9tgiUnq.cjs`);let o=require(`react`),s=require(`react-intersection-observer`),c=require(`swr`);c=e.n(c);let l=require(`date-fns`);var u=async e=>{if(process.env.NODE_ENV===`development`)try{let t=new URLSearchParams({ad_id:e.ad_id,user_ad_token:e.user_ad_token}).toString();return(await(await fetch(`http://localhost:3001/api/ads/${e.ad_id}?${t}`)).json()).result}catch{}let t=new URLSearchParams({ad_id:e.ad_id}).toString();return fetch(`${e.url}?${t}`).then(e=>e.json()).then(e=>e.result)},d={dedupingInterval:1e3*60*60},f=(e,t)=>{let{data:n,error:r,isLoading:i,mutate:a}=(0,c.default)(e?{url:`https://articles.media/api/ads/${e}`,ad_id:e,user_ad_token:t}:null,u,d);return{data:n,error:r,isLoading:i,mutate:a}},p=async e=>{if(process.env.NODE_ENV===`development`)try{return await(await fetch(`http://localhost:3001/api/ads`)).json()}catch{}return fetch(e.url).then(e=>e.json())},m=60,h={dedupingInterval:(0,l.minutesToMilliseconds)(m),focusThrottleInterval:(0,l.minutesToMilliseconds)(m)},g=e=>{let{data:t,error:n,isLoading:r,mutate:i}=(0,c.default)(e?.loading||e?.disabled?null:{url:`https://articles.media/api/ads`},p,h);return{data:t,error:n,isLoading:r,mutate:i}},_=n.t(),v=e.n(t.t(),1),y=(0,o.lazy)(()=>Promise.resolve().then(()=>require(`./AdDetailsModal-g0n7LiV6.cjs`))),b=(0,o.lazy)(()=>Promise.resolve().then(()=>require(`./AdConfirmExitModal-CRCnzYQM.cjs`)));function x(e,t){return Math.floor(Math.random()*(t-e+1))+e}function S(e){let{previewMode:t,darkMode:n,user_ad_token:c,userDetails:u,userDetailsLoading:d,prepend:p,append:m}=e,h=[],[S,C]=(0,o.useState)(null),{data:w,isLoading:T,mutate:E}=g({loading:d,disabled:u?.articles_membership?.status==`Active`}),{data:D,isLoading:O}=f(S,c),k=e.previewData||{},[ee,te]=(0,o.useState)(null),[ne,A]=(0,o.useState)(null),[j,M]=(0,o.useState)(null),[N,P]=(0,o.useState)(0),[F,I]=(0,o.useState)(!1),[L,R]=(0,o.useState)(!1),[z,B]=(0,o.useState)(!1),[V,H]=(0,o.useState)(new Date),[U,W]=(0,o.useState)([]);(0,o.useEffect)(()=>{w&&w?.length>0&&!S&&(console.log(`Ad Mounted or reduxAds changed`),C(e.ad_id||w[x(0,w?.length-1)]?._id))},[w]),(0,o.useEffect)(()=>{},[D]),(0,o.useEffect)(()=>{D?.populated_promos&&N>=0&&M(D?.populated_promos[N])},[N,D]);function G(){R(!L)}let{ref:K,inView:q,entry:re}=(0,s.useInView)({threshold:0,triggerOnce:!0});function J(e){if(t&&console.log(`Preventing this event from being logged as this ad is being shown in preview mode.`),U.find(t=>t==e)){console.log(`Already logged this event`);return}let n=new URLSearchParams({ad_id:D?._id,event:e}).toString();fetch(`/api/ads/event?${n}`).then(function(e){return e.json()}).then(function(t){W([...U,e]),console.log(t)}).catch(function(e){console.log(e)})}(0,o.useEffect)(()=>{if(!t&&(console.log(`inView`,q),q&&S)){let e=[{ad_id:S,date:new Date().toString()},...h.filter(e=>{if(console.log((0,l.differenceInMinutes)(new Date,new Date(e.date))),(0,l.differenceInMinutes)(new Date,new Date(e.date))>5){console.log(`adsViewed - Remove Old Ad View Object`);return}else return console.log(`adsViewed - Keep Ad View Object`),e})];console.log(`unexpiredRecentViews`,e)}},[q,S]);let[Y,X]=(0,o.useState)(null),[Z,Q]=(0,o.useState)(!1);function $(){Q(!0),console.log(`logAdAvoided called`,c);let e=process.env.NODE_ENV===`development`?`http://localhost:3001/api/user/advertising/avoided`:`https://articles.media/api/user/advertising/avoided`,t=new URLSearchParams({user_id:u?._id}).toString();fetch(`${e}?${t}`,{headers:{"x-articles-api-key":c}}).then(function(e){return e.json()}).then(function(e){Q(!1),X(e.avoided_count),console.log(e)}).catch(function(e){console.log(e),Q(!1)})}return(0,o.useEffect)(()=>{t||(console.log(`inView`,q),u?.articles_membership?.status==`Active`&&q&&$(`Ad Avoided`))},[q,u]),d?null:(0,_.jsxs)(`div`,{ref:K,className:(0,v.default)(`ad-wrap`,{"active-member":u?.articles_membership?.status==`Active`}),style:{"--articles-ad-background-color":k.background_color||D?.background_color,"--articles-ad-font-color":k.font_color||D?.font_color,"--articles-ad-border-color":k.border_color||D?.border_color},children:[L&&(0,_.jsx)(y,{setModalShow:R,ad:D,previewData:k}),z&&(0,_.jsx)(b,{setModalShow:B,ad:D,previewData:k}),p&&(0,_.jsx)(`div`,{className:`prepend-container`,children:p}),(0,_.jsxs)(`div`,{className:`ad`,children:[u?.articles_membership?.status!==`Active`&&(0,_.jsxs)(`div`,{className:`main-panel`,children:[(0,_.jsx)(`div`,{className:`ad-warning flex-header`,children:(0,_.jsxs)(`div`,{className:``,children:[D?.city&&`Local`,` Advertisement`]})}),(0,_.jsxs)(`div`,{className:`content-wrap`,children:[(0,_.jsxs)(`div`,{className:`photo-banner`,children:[(0,_.jsx)(`div`,{className:`logo`,children:(k.logo?.location||D?.logo?.location)&&(0,_.jsx)(`img`,{src:k?.logo?.key?`${process.env.NEXT_PUBLIC_CDN}${k?.logo?.key}`:`${process.env.NEXT_PUBLIC_CDN}${D?.logo?.key}`,alt:``})}),(0,_.jsx)(`div`,{className:`icon d-none`,children:(0,_.jsx)(`i`,{className:`fas fa-mug-hot`})}),(0,_.jsx)(`img`,{className:`photo`,src:k?.background?.key?`${process.env.NEXT_PUBLIC_CDN}${k.background?.key}`:`${process.env.NEXT_PUBLIC_CDN}${D?.background?.key}`,alt:``})]}),(0,_.jsxs)(`div`,{className:`details-wrap`,children:[(0,_.jsxs)(`div`,{className:`detail-title`,children:[(0,_.jsx)(`div`,{className:`detail`,children:(0,_.jsx)(`span`,{className:`h4`,children:k?.business||D?.business})}),(0,_.jsxs)(`div`,{className:`flex flex-column d-none`,children:[(0,_.jsxs)(`div`,{className:`detail`,children:[(0,_.jsx)(`span`,{className:`icon`,children:(0,_.jsx)(`i`,{className:`fas fa-search-location`})}),(0,_.jsxs)(`span`,{children:[D?.city,`, `,D?.state]})]}),(0,_.jsxs)(`div`,{className:`detail`,children:[(0,_.jsx)(`span`,{className:`icon`,children:(0,_.jsx)(`i`,{className:`fas fa-clock me-2`})}),(0,_.jsx)(`span`,{children:`6:30AM–8PM`})]})]})]}),D?.city&&(0,_.jsx)(`div`,{className:`details mb-3 d-none`}),(0,_.jsx)(`div`,{className:`short-description`,children:k?.description||D?.description})]})]}),(!1)?.roles?.isDev&&D?.populated_promos?.length>0&&(0,_.jsxs)(`div`,{children:[j&&(0,_.jsx)(`div`,{className:`promos-wrap`,children:j&&(0,_.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:[(0,_.jsxs)(`div`,{className:``,children:[(0,_.jsx)(`div`,{children:j.title}),(0,_.jsx)(`div`,{className:`small`,children:(0,_.jsx)(`div`,{className:`small`,children:j.details})})]}),(0,_.jsx)(r.t,{className:`px-3`,small:!0,onClick:()=>{console.log(`Load Save Modal`),I(!0)},children:`Save`})]},j._id)}),(0,_.jsxs)(`div`,{className:`d-flex justify-content-between`,children:[(0,_.jsxs)(`div`,{className:`px-2`,children:[D?.populated_promos?.length,` Promos Active`]}),(0,_.jsxs)(`div`,{className:`controls`,children:[(0,_.jsx)(`i`,{className:`fad fa-arrow-circle-left`,type:`button`,onClick:()=>{P(N==0?D?.populated_promos?.length-1:e=>e-1)}}),D?.populated_promos?.map((e,t)=>(0,_.jsx)(`i`,{className:`fa-square ${t==N?`fad`:`fas`}`},e._id)),(0,_.jsx)(`i`,{className:`fad fa-arrow-circle-right`,type:`button`,onClick:()=>{N==D?.populated_promos?.length-1?P(0):P(e=>e+1)}})]})]})]}),(0,_.jsx)(`hr`,{style:{borderColor:`white`},className:`mt-auto mb-0`}),(0,_.jsxs)(`div`,{className:`action-wrap d-flex justify-content-lg-between px-3 py-2`,children:[(0,_.jsx)(`div`,{onClick:()=>{G(),J(`Details`)},className:`action flex-grow-1 flex-shrink-0`,children:`Details`}),(0,_.jsx)(`span`,{className:`px-4`}),(0,_.jsx)(`a`,{className:`action flex-grow-1 flex-shrink-0`,href:D?.website,target:`_blank`,rel:`noreferrer`,onClick:e=>{e.preventDefault(),B(!0),J(`Confirm Exit Modal Opened`)},children:(0,_.jsx)(`div`,{children:`Website`})})]})]}),u?.articles_membership?.status==`Active`&&(0,_.jsx)(`div`,{className:`main-panel`,children:(0,_.jsxs)(`div`,{className:`content-wrap`,children:[(0,_.jsxs)(`div`,{className:`photo-banner`,children:[(0,_.jsx)(`div`,{className:`logo`}),(0,_.jsxs)(`div`,{className:`splash`,children:[(0,_.jsx)(`i`,{className:`fas fa-broadcast-tower`}),(0,_.jsxs)(`div`,{className:`text`,children:[(0,_.jsx)(`div`,{className:`count`,children:Z?(0,_.jsx)(`i`,{className:`fas fa-spinner fa-spin me-0`}):Y?a.t(Y):0}),(0,_.jsx)(`div`,{className:`label`,children:`ads avoided.`})]})]}),(0,_.jsxs)(`div`,{className:`member-since`,children:[`Member since: `,(0,_.jsx)(a.n,{format:`PP`,date:u?.articles_membership?.membership_started})]})]}),(0,_.jsxs)(`div`,{className:`details-wrap`,children:[(0,_.jsx)(`div`,{className:`detail-title`,children:(0,_.jsx)(`div`,{className:`detail`,children:(0,_.jsx)(`span`,{className:`h4`,children:`Thanks for the support!`})})}),(0,_.jsxs)(`div`,{className:`short-description`,children:[(0,_.jsx)(`div`,{className:`mb-2`,children:`Without support from users like you, we wouldn't be here.`}),(0,_.jsxs)(`div`,{className:`links-list`,children:[(0,_.jsxs)(i.t,{newPage:!0,className:`link-item`,href:`https://articles.media/messages`,children:[(0,_.jsx)(`i`,{className:`fas fa-comments-alt`}),`0 unread messages.`]}),(0,_.jsxs)(i.t,{newPage:!0,className:`link-item`,href:`https://articles.media/settings/notifications`,onClick:()=>{$()},children:[(0,_.jsx)(`i`,{className:`fas fa-bell`}),`0 notifications.`]}),(0,_.jsxs)(i.t,{newPage:!0,className:`link-item`,href:`https://articles.media/settings/account`,children:[(0,_.jsx)(`i`,{className:`fas fa-cog`}),`Manage account settings.`]})]})]})]})]})})]}),m&&(0,_.jsx)(`div`,{className:`append-container`,children:m}),!t&&(0,_.jsx)(`div`,{className:`advertise-with-us p-1`,style:{backgroundColor:k.background_color||D?.background_color,color:k.font_color||D?.font_color,borderColor:k.border_color||D?.border_color},children:(0,_.jsxs)(i.t,{className:`small d-block w-100 text-center`,href:`https://articles.media/advertising`,newPage:!0,children:[(0,_.jsx)(`i`,{className:`fas fa-share me-1`}),`Advertise with Articles Media!`]})})]})}var C=(0,o.memo)(S);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});

package/dist/Ad.cjs

@@ -1 +0,0 @@
-const e=require(`./Ad-DYtftKNV.cjs`);module.exports=e.t;

package/dist/AdConfirmExitModal-CJ-HtcVC.js

@@ -1,56 +0,0 @@
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
-import { t } from "./Button-BlAdEbSd.js";
-import { t as n } from "./Link-MFZblBb4.js";
-import { t as r } from "./Modal-BX1s6CCU.js";
-import { useEffect as i } from "react";
-//#region src/components/Ads/AdConfirmExitModal.jsx
-var a = e();
-function o(e) {
-	let { setModalShow: o, ad: s, previewData: c } = e;
-	i(() => {
-		console.log("Mounted");
-	}, []);
-	let l = () => {
-		o(!1);
-	};
-	return /* @__PURE__ */ (0, a.jsx)("div", { children: /* @__PURE__ */ (0, a.jsxs)(r, {
-		show: !0,
-		backdropClassName: "ad-details-modal-backdrop",
-		className: "articles-modal",
-		centered: !0,
-		onHide: l,
-		size: "md",
-		children: [
-			/* @__PURE__ */ (0, a.jsx)(r.Header, {
-				className: "align-items-center",
-				closeButton: !0,
-				children: /* @__PURE__ */ (0, a.jsx)(r.Title, { children: "Confirm Exit" })
-			}),
-			/* @__PURE__ */ (0, a.jsxs)(r.Body, {
-				className: "",
-				children: [/* @__PURE__ */ (0, a.jsx)("div", { className: "ratio ratio-16x9 bg-black mb-2" }), /* @__PURE__ */ (0, a.jsx)("p", {
-					className: "mb-1",
-					children: "This advertiser has been approved and verified to display ads but always be cautious when interacting with ads. Any offsite interactions are at your own risk and should be approached with caution. We can not be held responsible for any issues that may arise."
-				})]
-			}),
-			/* @__PURE__ */ (0, a.jsxs)(r.Footer, {
-				className: "d-flex justify-content-between",
-				children: [/* @__PURE__ */ (0, a.jsxs)(t, {
-					variant: "articles",
-					onClick: l,
-					children: [/* @__PURE__ */ (0, a.jsx)("i", { className: "fad fa-times" }), "Close"]
-				}), /* @__PURE__ */ (0, a.jsx)(n, {
-					href: s?.website,
-					newPage: !0,
-					children: /* @__PURE__ */ (0, a.jsxs)(t, {
-						variant: "articles",
-						onClick: l,
-						children: [/* @__PURE__ */ (0, a.jsx)("i", { className: "fad fa-link" }), "Proceed"]
-					})
-				})]
-			})
-		]
-	}) });
-}
-//#endregion
-export { o as default };

package/dist/AdConfirmExitModal-CRCnzYQM.cjs

@@ -1 +0,0 @@
-require(`./chunk-350yNsax.cjs`);const e=require(`./jsx-runtime-hCcDh67y.cjs`),t=require(`./Button-CbpRj01E.cjs`),n=require(`./Link-c7exNCJ3.cjs`),r=require(`./Modal-DP9CeAVD.cjs`);let i=require(`react`);var a=e.t();function o(e){let{setModalShow:o,ad:s,previewData:c}=e;(0,i.useEffect)(()=>{console.log(`Mounted`)},[]);let l=()=>{o(!1)};return(0,a.jsx)(`div`,{children:(0,a.jsxs)(r.t,{show:!0,backdropClassName:`ad-details-modal-backdrop`,className:`articles-modal`,centered:!0,onHide:l,size:`md`,children:[(0,a.jsx)(r.t.Header,{className:`align-items-center`,closeButton:!0,children:(0,a.jsx)(r.t.Title,{children:`Confirm Exit`})}),(0,a.jsxs)(r.t.Body,{className:``,children:[(0,a.jsx)(`div`,{className:`ratio ratio-16x9 bg-black mb-2`}),(0,a.jsx)(`p`,{className:`mb-1`,children:`This advertiser has been approved and verified to display ads but always be cautious when interacting with ads. Any offsite interactions are at your own risk and should be approached with caution. We can not be held responsible for any issues that may arise.`})]}),(0,a.jsxs)(r.t.Footer,{className:`d-flex justify-content-between`,children:[(0,a.jsxs)(t.t,{variant:`articles`,onClick:l,children:[(0,a.jsx)(`i`,{className:`fad fa-times`}),`Close`]}),(0,a.jsx)(n.t,{href:s?.website,newPage:!0,children:(0,a.jsxs)(t.t,{variant:`articles`,onClick:l,children:[(0,a.jsx)(`i`,{className:`fad fa-link`}),`Proceed`]})})]})]})})}exports.default=o;