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

package/dist/Ad-BAvmOFcq.js

@@ -0,0 +1,503 @@
+import { n as e, t } from "./classnames-CpG5mzJ5.js";
+import { t as n } from "./Button-CU11ETla.js";
+import { t as r } from "./Link-8nSDV4sI.js";
+import { n as i, o as a, r as o, s, t as c } from "./numberWithCommas-rN3cZDJL.js";
+import * as l from "react";
+import { lazy as u, memo as d, useEffect as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "swr";
+//#region node_modules/react-intersection-observer/dist/index.mjs
+var _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new WeakMap(), y = 0, b;
+function x(e) {
+	return e ? v.has(e) ? v.get(e) : (y += 1, v.set(e, y.toString()), v.get(e)) : "0";
+}
+function S(e) {
+	return Object.keys(e).sort().filter((t) => e[t] !== void 0).map((t) => `${t}_${t === "root" ? x(e.root) : e[t]}`).toString();
+}
+function C(e) {
+	let t = S(e), n = _.get(t);
+	if (!n) {
+		let r = /* @__PURE__ */ new Map(), i, a = new IntersectionObserver((t) => {
+			t.forEach((t) => {
+				var n;
+				let a = t.isIntersecting && i.some((e) => t.intersectionRatio >= e);
+				e.trackVisibility && t.isVisible === void 0 && (t.isVisible = a), (n = r.get(t.target)) == null || n.forEach((e) => {
+					e(a, t);
+				});
+			});
+		}, e);
+		i = a.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), n = {
+			id: t,
+			observer: a,
+			elements: r
+		}, _.set(t, n);
+	}
+	return n;
+}
+function w(e, t, n = {}, r = b) {
+	if (window.IntersectionObserver === void 0 && r !== void 0) {
+		let i = e.getBoundingClientRect();
+		return t(r, {
+			isIntersecting: r,
+			target: e,
+			intersectionRatio: typeof n.threshold == "number" ? n.threshold : 0,
+			time: 0,
+			boundingClientRect: i,
+			intersectionRect: i,
+			rootBounds: i
+		}), () => {};
+	}
+	let { id: i, observer: a, elements: o } = C(n), s = o.get(e) || [];
+	return o.has(e) || o.set(e, s), s.push(t), a.observe(e), function() {
+		s.splice(s.indexOf(t), 1), s.length === 0 && (o.delete(e), a.unobserve(e)), o.size === 0 && (a.disconnect(), _.delete(i));
+	};
+}
+l.Component;
+function T({ threshold: e, delay: t, trackVisibility: n, rootMargin: r, root: i, triggerOnce: a, skip: o, initialInView: s, fallbackInView: c, onChange: u } = {}) {
+	let [d, f] = l.useState(null), p = l.useRef(u), m = l.useRef(s), [h, g] = l.useState({
+		inView: !!s,
+		entry: void 0
+	});
+	p.current = u, l.useEffect(() => {
+		if (m.current === void 0 && (m.current = s), o || !d) return;
+		let l;
+		return l = w(d, (e, t) => {
+			let n = m.current;
+			m.current = e, !(n === void 0 && !e) && (g({
+				inView: e,
+				entry: t
+			}), p.current && p.current(e, t), t.isIntersecting && a && l && (l(), l = void 0));
+		}, {
+			root: i,
+			rootMargin: r,
+			threshold: e,
+			trackVisibility: n,
+			delay: t
+		}, c), () => {
+			l && l();
+		};
+	}, [
+		Array.isArray(e) ? e.toString() : e,
+		d,
+		i,
+		r,
+		a,
+		o,
+		n,
+		c,
+		t
+	]);
+	let _ = h.entry?.target, v = l.useRef(void 0);
+	!d && _ && !a && !o && v.current !== _ && (v.current = _, g({
+		inView: !!s,
+		entry: void 0
+	}), m.current = s);
+	let y = [
+		f,
+		h.inView,
+		h.entry
+	];
+	return y.ref = y[0], y.inView = y[1], y.entry = y[2], y;
+}
+l.useInsertionEffect ?? l.useLayoutEffect ?? l.useEffect;
+//#endregion
+//#region src/hooks/Ads/useAd.js
+var E = 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);
+}, ee = { dedupingInterval: 1e3 * 60 * 60 }, te = (e, t) => {
+	let { data: n, error: r, isLoading: i, mutate: a } = g(e ? {
+		url: `https://articles.media/api/ads/${e}`,
+		ad_id: e,
+		user_ad_token: t
+	} : null, E, ee);
+	return {
+		data: n,
+		error: r,
+		isLoading: i,
+		mutate: a
+	};
+};
+//#endregion
+//#region node_modules/date-fns/_lib/getRoundingMethod.js
+function D(e) {
+	return (t) => {
+		let n = (e ? Math[e] : Math.trunc)(t);
+		return n === 0 ? 0 : n;
+	};
+}
+//#endregion
+//#region node_modules/date-fns/differenceInMilliseconds.js
+function O(e, t) {
+	return a(e) - +a(t);
+}
+//#endregion
+//#region node_modules/date-fns/differenceInMinutes.js
+function k(e, t, n) {
+	let r = O(e, t) / s;
+	return D(n?.roundingMethod)(r);
+}
+//#endregion
+//#region src/hooks/Ads/useAds.js
+var A = 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());
+}, j = 60, M = {
+	dedupingInterval: o(j),
+	focusThrottleInterval: o(j)
+}, N = (e) => {
+	let { data: t, error: n, isLoading: r, mutate: i } = g(e?.loading || e?.disabled ? null : { url: "https://articles.media/api/ads" }, A, M);
+	return {
+		data: t,
+		error: n,
+		isLoading: r,
+		mutate: i
+	};
+}, P = /* @__PURE__ */ e(t(), 1), F = u(() => import("./AdDetailsModal-Cv1ll9G-.js")), I = u(() => import("./AdConfirmExitModal-BNFKKayL.js"));
+function L(e, t) {
+	return Math.floor(Math.random() * (t - e + 1)) + e;
+}
+function R(e) {
+	let { previewMode: t, darkMode: a, user_ad_token: o, userDetails: s, userDetailsLoading: l, prepend: u, append: d } = e, g = [], [_, v] = p(null), { data: y, isLoading: b, mutate: x } = N({
+		loading: l,
+		disabled: s?.articles_membership?.status == "Active"
+	}), { data: S, isLoading: C } = te(_, o), w = e.previewData || {}, [E, ee] = p(null), [D, O] = p(null), [A, j] = p(null), [M, R] = p(0), [z, B] = p(!1), [V, H] = p(!1), [U, W] = p(!1), [ne, re] = p(/* @__PURE__ */ new Date()), [G, K] = p([]);
+	f(() => {
+		y && y?.length > 0 && !_ && (console.log("Ad Mounted or reduxAds changed"), v(e.ad_id || y[L(0, y?.length - 1)]?._id));
+	}, [y]), f(() => {}, [S]), f(() => {
+		S?.populated_promos && M >= 0 && j(S?.populated_promos[M]);
+	}, [M, S]);
+	function q() {
+		H(!V);
+	}
+	let { ref: J, inView: Y, entry: ie } = T({
+		threshold: 0,
+		triggerOnce: !0
+	});
+	function X(e) {
+		if (t && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), G.find((t) => t == e)) {
+			console.log("Already logged this event");
+			return;
+		}
+		let n = new URLSearchParams({
+			ad_id: S?._id,
+			event: e
+		}).toString();
+		fetch(`/api/ads/event?${n}`).then(function(e) {
+			return e.json();
+		}).then(function(t) {
+			K([...G, e]), console.log(t);
+		}).catch(function(e) {
+			console.log(e);
+		});
+	}
+	f(() => {
+		if (!t && (console.log("inView", Y), Y && _)) {
+			let e = [{
+				ad_id: _,
+				date: (/* @__PURE__ */ new Date()).toString()
+			}, ...g.filter((e) => {
+				if (console.log(k(/* @__PURE__ */ new Date(), new Date(e.date))), k(/* @__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);
+		}
+	}, [Y, _]);
+	let [Z, ae] = p(null), [oe, Q] = p(!1);
+	function $() {
+		Q(!0), console.log("logAdAvoided called", o);
+		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: s?._id }).toString();
+		fetch(`${e}?${t}`, { headers: { "x-articles-api-key": o } }).then(function(e) {
+			return e.json();
+		}).then(function(e) {
+			Q(!1), ae(e.avoided_count), console.log(e);
+		}).catch(function(e) {
+			console.log(e), Q(!1);
+		});
+	}
+	return f(() => {
+		t || (console.log("inView", Y), s?.articles_membership?.status == "Active" && Y && $("Ad Avoided"));
+	}, [Y, s]), l ? null : /* @__PURE__ */ h("div", {
+		ref: J,
+		className: (0, P.default)("ad-wrap", { "active-member": s?.articles_membership?.status == "Active" }),
+		style: {
+			"--articles-ad-background-color": w.background_color || S?.background_color,
+			"--articles-ad-font-color": w.font_color || S?.font_color,
+			"--articles-ad-border-color": w.border_color || S?.border_color
+		},
+		children: [
+			V && /* @__PURE__ */ m(F, {
+				setModalShow: H,
+				ad: S,
+				previewData: w
+			}),
+			U && /* @__PURE__ */ m(I, {
+				setModalShow: W,
+				ad: S,
+				previewData: w
+			}),
+			u && /* @__PURE__ */ m("div", {
+				className: "prepend-container",
+				children: u
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ad",
+				children: [s?.articles_membership?.status !== "Active" && /* @__PURE__ */ h("div", {
+					className: "main-panel",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "ad-warning flex-header",
+							children: /* @__PURE__ */ h("div", {
+								className: "",
+								children: [S?.city && "Local", " Advertisement"]
+							})
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "content-wrap",
+							children: [/* @__PURE__ */ h("div", {
+								className: "photo-banner",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "logo",
+										children: (w.logo?.location || S?.logo?.location) && /* @__PURE__ */ m("img", {
+											src: w?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${w?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${S?.logo?.key}`,
+											alt: ""
+										})
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "icon d-none",
+										children: /* @__PURE__ */ m("i", { className: "fas fa-mug-hot" })
+									}),
+									/* @__PURE__ */ m("img", {
+										className: "photo",
+										src: w?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${w.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${S?.background?.key}`,
+										alt: ""
+									})
+								]
+							}), /* @__PURE__ */ h("div", {
+								className: "details-wrap",
+								children: [
+									/* @__PURE__ */ h("div", {
+										className: "detail-title",
+										children: [/* @__PURE__ */ m("div", {
+											className: "detail",
+											children: /* @__PURE__ */ m("span", {
+												className: "h4",
+												children: w?.business || S?.business
+											})
+										}), /* @__PURE__ */ h("div", {
+											className: "flex flex-column d-none",
+											children: [/* @__PURE__ */ h("div", {
+												className: "detail",
+												children: [/* @__PURE__ */ m("span", {
+													className: "icon",
+													children: /* @__PURE__ */ m("i", { className: "fas fa-search-location" })
+												}), /* @__PURE__ */ h("span", { children: [
+													S?.city,
+													", ",
+													S?.state
+												] })]
+											}), /* @__PURE__ */ h("div", {
+												className: "detail",
+												children: [/* @__PURE__ */ m("span", {
+													className: "icon",
+													children: /* @__PURE__ */ m("i", { className: "fas fa-clock me-2" })
+												}), /* @__PURE__ */ m("span", { children: "6:30AM–8PM" })]
+											})]
+										})]
+									}),
+									S?.city && /* @__PURE__ */ m("div", { className: "details mb-3 d-none" }),
+									/* @__PURE__ */ m("div", {
+										className: "short-description",
+										children: w?.description || S?.description
+									})
+								]
+							})]
+						}),
+						(!1)?.roles?.isDev && S?.populated_promos?.length > 0 && /* @__PURE__ */ h("div", { children: [A && /* @__PURE__ */ m("div", {
+							className: "promos-wrap",
+							children: A && /* @__PURE__ */ h("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__ */ h("div", {
+									className: "",
+									children: [/* @__PURE__ */ m("div", { children: A.title }), /* @__PURE__ */ m("div", {
+										className: "small",
+										children: /* @__PURE__ */ m("div", {
+											className: "small",
+											children: A.details
+										})
+									})]
+								}), /* @__PURE__ */ m(n, {
+									className: "px-3",
+									small: !0,
+									onClick: () => {
+										console.log("Load Save Modal"), B(!0);
+									},
+									children: "Save"
+								})]
+							}, A._id)
+						}), /* @__PURE__ */ h("div", {
+							className: "d-flex justify-content-between",
+							children: [/* @__PURE__ */ h("div", {
+								className: "px-2",
+								children: [S?.populated_promos?.length, " Promos Active"]
+							}), /* @__PURE__ */ h("div", {
+								className: "controls",
+								children: [
+									/* @__PURE__ */ m("i", {
+										className: "fad fa-arrow-circle-left",
+										type: "button",
+										onClick: () => {
+											R(M == 0 ? S?.populated_promos?.length - 1 : (e) => e - 1);
+										}
+									}),
+									S?.populated_promos?.map((e, t) => /* @__PURE__ */ m("i", { className: `fa-square ${t == M ? "fad" : "fas"}` }, e._id)),
+									/* @__PURE__ */ m("i", {
+										className: "fad fa-arrow-circle-right",
+										type: "button",
+										onClick: () => {
+											M == S?.populated_promos?.length - 1 ? R(0) : R((e) => e + 1);
+										}
+									})
+								]
+							})]
+						})] }),
+						/* @__PURE__ */ m("hr", {
+							style: { borderColor: "white" },
+							className: "mt-auto mb-0"
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "action-wrap d-flex justify-content-lg-between px-3 py-2",
+							children: [
+								/* @__PURE__ */ m("div", {
+									onClick: () => {
+										q(), X("Details");
+									},
+									className: "action flex-grow-1 flex-shrink-0",
+									children: "Details"
+								}),
+								/* @__PURE__ */ m("span", { className: "px-4" }),
+								/* @__PURE__ */ m("a", {
+									className: "action flex-grow-1 flex-shrink-0",
+									href: S?.website,
+									target: "_blank",
+									rel: "noreferrer",
+									onClick: (e) => {
+										e.preventDefault(), W(!0), X("Confirm Exit Modal Opened");
+									},
+									children: /* @__PURE__ */ m("div", { children: "Website" })
+								})
+							]
+						})
+					]
+				}), s?.articles_membership?.status == "Active" && /* @__PURE__ */ m("div", {
+					className: "main-panel",
+					children: /* @__PURE__ */ h("div", {
+						className: "content-wrap",
+						children: [/* @__PURE__ */ h("div", {
+							className: "photo-banner",
+							children: [
+								/* @__PURE__ */ m("div", { className: "logo" }),
+								/* @__PURE__ */ h("div", {
+									className: "splash",
+									children: [/* @__PURE__ */ m("i", { className: "fas fa-broadcast-tower" }), /* @__PURE__ */ h("div", {
+										className: "text",
+										children: [/* @__PURE__ */ m("div", {
+											className: "count",
+											children: oe ? /* @__PURE__ */ m("i", { className: "fas fa-spinner fa-spin me-0" }) : Z ? c(Z) : 0
+										}), /* @__PURE__ */ m("div", {
+											className: "label",
+											children: "ads avoided."
+										})]
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "member-since",
+									children: ["Member since: ", /* @__PURE__ */ m(i, {
+										format: "PP",
+										date: s?.articles_membership?.membership_started
+									})]
+								})
+							]
+						}), /* @__PURE__ */ h("div", {
+							className: "details-wrap",
+							children: [/* @__PURE__ */ m("div", {
+								className: "detail-title",
+								children: /* @__PURE__ */ m("div", {
+									className: "detail",
+									children: /* @__PURE__ */ m("span", {
+										className: "h4",
+										children: "Thanks for the support!"
+									})
+								})
+							}), /* @__PURE__ */ h("div", {
+								className: "short-description",
+								children: [/* @__PURE__ */ m("div", {
+									className: "mb-2",
+									children: "Without support from users like you, we wouldn't be here."
+								}), /* @__PURE__ */ h("div", {
+									className: "links-list",
+									children: [
+										/* @__PURE__ */ h(r, {
+											newPage: !0,
+											className: "link-item",
+											href: "https://articles.media/messages",
+											children: [/* @__PURE__ */ m("i", { className: "fas fa-comments-alt" }), "0 unread messages."]
+										}),
+										/* @__PURE__ */ h(r, {
+											newPage: !0,
+											className: "link-item",
+											href: "https://articles.media/settings/notifications",
+											onClick: () => {
+												$();
+											},
+											children: [/* @__PURE__ */ m("i", { className: "fas fa-bell" }), "0 notifications."]
+										}),
+										/* @__PURE__ */ h(r, {
+											newPage: !0,
+											className: "link-item",
+											href: "https://articles.media/settings/account",
+											children: [/* @__PURE__ */ m("i", { className: "fas fa-cog" }), "Manage account settings."]
+										})
+									]
+								})]
+							})]
+						})]
+					})
+				})]
+			}),
+			d && /* @__PURE__ */ m("div", {
+				className: "append-container",
+				children: d
+			}),
+			!t && /* @__PURE__ */ m("div", {
+				className: "advertise-with-us p-1",
+				style: {
+					backgroundColor: w.background_color || S?.background_color,
+					color: w.font_color || S?.font_color,
+					borderColor: w.border_color || S?.border_color
+				},
+				children: /* @__PURE__ */ h(r, {
+					className: "small d-block w-100 text-center",
+					href: "https://articles.media/advertising",
+					newPage: !0,
+					children: [/* @__PURE__ */ m("i", { className: "fas fa-share me-1" }), "Advertise with Articles Media!"]
+				})
+			})
+		]
+	});
+}
+var z = d(R);
+//#endregion
+export { z as t };

package/dist/Ad.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Ad-Ck5UdTq3.js";
+import { t as e } from "./Ad-BAvmOFcq.js";
 export { e as default };

package/dist/AdConfirmExitModal-BNFKKayL.js

@@ -0,0 +1,55 @@
+import { t as e } from "./Button-CU11ETla.js";
+import { t } from "./Link-8nSDV4sI.js";
+import { useEffect as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "react-bootstrap/Modal";
+//#region src/components/Ads/AdConfirmExitModal.jsx
+function o(o) {
+	let { setModalShow: s, ad: c, previewData: l } = o;
+	n(() => {
+		console.log("Mounted");
+	}, []);
+	let u = () => {
+		s(!1);
+	};
+	return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i(a, {
+		show: !0,
+		backdropClassName: "ad-details-modal-backdrop",
+		className: "articles-modal",
+		centered: !0,
+		onHide: u,
+		size: "md",
+		children: [
+			/* @__PURE__ */ r(a.Header, {
+				className: "align-items-center",
+				closeButton: !0,
+				children: /* @__PURE__ */ r(a.Title, { children: "Confirm Exit" })
+			}),
+			/* @__PURE__ */ i(a.Body, {
+				className: "",
+				children: [/* @__PURE__ */ r("div", { className: "ratio ratio-16x9 bg-black mb-2" }), /* @__PURE__ */ r("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__ */ i(a.Footer, {
+				className: "d-flex justify-content-between",
+				children: [/* @__PURE__ */ i(e, {
+					variant: "articles",
+					onClick: u,
+					children: [/* @__PURE__ */ r("i", { className: "fad fa-times" }), "Close"]
+				}), /* @__PURE__ */ r(t, {
+					href: c?.website,
+					newPage: !0,
+					children: /* @__PURE__ */ i(e, {
+						variant: "articles",
+						onClick: u,
+						children: [/* @__PURE__ */ r("i", { className: "fad fa-link" }), "Proceed"]
+					})
+				})]
+			})
+		]
+	}) });
+}
+//#endregion
+export { o as default };

package/dist/AdDetailsModal-Cv1ll9G-.js

@@ -0,0 +1,107 @@
+import { t as e } from "./Button-CU11ETla.js";
+import { t } from "./Link-8nSDV4sI.js";
+import { useEffect as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "react-bootstrap/Modal";
+//#region src/components/Ads/AdDetailsModal.jsx
+function o(o) {
+	let { setModalShow: s, ad: c, previewData: l } = o;
+	n(() => {
+		console.log("Mounted");
+	}, []);
+	let u = () => {
+		s(!1);
+	};
+	return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i(a, {
+		show: !0,
+		backdropClassName: "ad-details-modal-backdrop",
+		className: "articles-modal",
+		centered: !0,
+		onHide: u,
+		size: "md",
+		children: [
+			/* @__PURE__ */ r(a.Header, {
+				className: "align-items-center",
+				closeButton: !0,
+				children: /* @__PURE__ */ r(a.Title, { children: "Ad Details" })
+			}),
+			/* @__PURE__ */ i(a.Body, {
+				className: "",
+				children: [
+					/* @__PURE__ */ i("p", {
+						className: "mb-1",
+						children: ["Advertiser: ", /* @__PURE__ */ r("b", { children: c?.business })]
+					}),
+					/* @__PURE__ */ i("p", {
+						className: "mb-0",
+						children: ["Ad ID: ", /* @__PURE__ */ r("b", { children: l?._id || c._id })]
+					}),
+					/* @__PURE__ */ r("hr", {}),
+					/* @__PURE__ */ r("div", {
+						className: "mb-1",
+						children: "This ad is being shown to you for the following reasons"
+					}),
+					c.city ? /* @__PURE__ */ i("div", { children: [
+						/* @__PURE__ */ r("div", {
+							className: "h4 mb-1",
+							children: c.business
+						}),
+						/* @__PURE__ */ r("div", { children: "Is advertising to all zip codes within a" }),
+						/* @__PURE__ */ r("span", { children: /* @__PURE__ */ r("div", {
+							className: "badge bg-black shadow-articles",
+							children: "15 Mile Radius"
+						}) }),
+						/* @__PURE__ */ r("div", { children: "of it's business" }),
+						/* @__PURE__ */ r("hr", { className: "border w-50 border-white" }),
+						/* @__PURE__ */ i("div", {
+							className: "d-flex align-items-center",
+							children: [
+								/* @__PURE__ */ r("div", { children: "Your Zip code" }),
+								/* @__PURE__ */ r("div", {
+									className: "badge bg-black shadow-articles ms-2",
+									children: "00000"
+								}),
+								/* @__PURE__ */ r("div", {
+									className: "ms-2",
+									children: "is"
+								}),
+								/* @__PURE__ */ r("div", {
+									className: "badge bg-black shadow-articles ms-2",
+									children: "4.2 miles away"
+								})
+							]
+						})
+					] }) : /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
+						className: "h4 mb-1",
+						children: c.business
+					}), /* @__PURE__ */ r("div", { children: "Is advertising to all users" })] }),
+					/* @__PURE__ */ r("div", { className: "grow" }),
+					/* @__PURE__ */ r("hr", { className: "w-100" }),
+					/* @__PURE__ */ r("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__ */ r(t, {
+						href: "https://articles.media/settings/account",
+						newPage: !0,
+						className: "",
+						children: /* @__PURE__ */ r(e, {
+							small: !0,
+							children: "Settings"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ r(a.Footer, {
+				className: "d-flex justify-content-center",
+				children: /* @__PURE__ */ r(e, {
+					variant: "articles",
+					onClick: u,
+					children: "Close"
+				})
+			})
+		]
+	}) });
+}
+//#endregion
+export { o as default };

package/dist/ArticlesAd.js

@@ -1,17 +1,16 @@
-import { t as e } from "./jsx-runtime-VZk6y-ec.js";
-import { useEffect as t } from "react";
+import { useEffect as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Ads/ArticlesAd.jsx
-var n = e();
-function r({ darkMode: e }) {
-	return t(() => {}, []), t(() => {
+function n({ darkMode: n }) {
+	return e(() => {}, []), e(() => {
 		let 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__ */ (0, n.jsx)("div", {
+	}, []), /* @__PURE__ */ t("div", {
 		className: "",
-		children: /* @__PURE__ */ (0, n.jsx)("div", { className: "articles-media-ad" })
+		children: /* @__PURE__ */ t("div", { className: "articles-media-ad" })
 	});
 }
 //#endregion
-export { r as default };
+export { n as default };