@articles-media/articles-dev-box 1.0.31 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +11 -3
  2. package/dist/Ad-BsG4C_lR.js +668 -0
  3. package/dist/Ad.js +2 -2
  4. package/dist/AdConfirmExitModal-heFPJNdX.js +55 -0
  5. package/dist/AdDetailsModal-D2-4lh9e.js +107 -0
  6. package/dist/ArticlesAd.js +15 -10
  7. package/dist/Button-DvEZjsVV.js +32 -0
  8. package/dist/CreditsModal.js +51 -35
  9. package/dist/DarkModeHandler.js +21 -13
  10. package/dist/FriendsList.js +49 -47
  11. package/dist/GameMenu-BD1HSDJ-.js +84 -0
  12. package/dist/GameMenu.js +2 -0
  13. package/dist/GameScoreboard-DVoXXDnM.js +174 -0
  14. package/dist/GameScoreboard.js +2 -2
  15. package/dist/GlobalBody.js +58 -23
  16. package/dist/GlobalHead.js +5 -5
  17. package/dist/Link-CguWJy6y.js +16 -0
  18. package/dist/ReturnToLauncherButton.js +26 -22
  19. package/dist/SessionButton.js +62 -38
  20. package/dist/SettingsModal-yU_TsVYh.js +430 -0
  21. package/dist/SettingsModal.js +2 -2
  22. package/dist/SignInButton.js +21 -17
  23. package/dist/SocketServerUrlHandler.js +14 -10
  24. package/dist/StatusModal-BXRbJQ10.js +84 -0
  25. package/dist/ToontownModeHandler.js +13 -10
  26. package/dist/ViewUserModal-Dgo1C4sR.js +1798 -0
  27. package/dist/ViewUserModal.js +2 -2
  28. package/dist/articles-dev-box.css +498 -2
  29. package/dist/classnames-No-mjhw1.js +66 -0
  30. package/dist/index.js +23 -22
  31. package/dist/numberWithCommas-B0B9bjWC.js +2198 -0
  32. package/dist/typicalZustandStoreExcludes.js +4 -3
  33. package/dist/typicalZustandStoreStateSlice.js +53 -49
  34. package/dist/useAuthSiteStatus-ZK1GbPBV.js +34 -0
  35. package/dist/useFullscreen.js +38 -18
  36. package/dist/useUserDetails.js +17 -16
  37. package/dist/useUserFriends.js +23 -21
  38. package/dist/useUserToken.js +12 -11
  39. package/package.json +2 -1
  40. package/dist/Ad-CFuDgQYL.js +0 -504
  41. package/dist/AdConfirmExitModal-skW9lp88.js +0 -55
  42. package/dist/AdDetailsModal-CdTR2Y9l.js +0 -107
  43. package/dist/Button-sSB4xpOw.js +0 -31
  44. package/dist/GameScoreboard-9GYlLx72.js +0 -165
  45. package/dist/Link-8nSDV4sI.js +0 -16
  46. package/dist/SettingsModal-CiLvMoLW.js +0 -303
  47. package/dist/StatusModal-PG3i9NKf.js +0 -75
  48. package/dist/ViewUserModal-C5gjfuJ5.js +0 -1549
  49. package/dist/classnames-DCsil9eG.js +0 -39
  50. package/dist/numberWithCommas-DSRplpBy.js +0 -1170
  51. package/dist/useAuthSiteStatus-Cj9IjMj7.js +0 -29
@@ -1,504 +0,0 @@
1
- import { n as e, t } from "./classnames-DCsil9eG.js";
2
- import { t as n } from "./Button-sSB4xpOw.js";
3
- import { t as r } from "./Link-8nSDV4sI.js";
4
- import { n as i, o as a, r as o, s, t as c } from "./numberWithCommas-DSRplpBy.js";
5
- import * as l from "react";
6
- import { lazy as u, memo as d, useEffect as f, useState as p } from "react";
7
- import { jsx as m, jsxs as h } from "react/jsx-runtime";
8
- import g from "swr";
9
- //#region node_modules/date-fns/_lib/getRoundingMethod.js
10
- function _(e) {
11
- return (t) => {
12
- let n = (e ? Math[e] : Math.trunc)(t);
13
- return n === 0 ? 0 : n;
14
- };
15
- }
16
- //#endregion
17
- //#region node_modules/date-fns/differenceInMilliseconds.js
18
- function v(e, t) {
19
- return a(e) - +a(t);
20
- }
21
- //#endregion
22
- //#region node_modules/date-fns/differenceInMinutes.js
23
- function y(e, t, n) {
24
- let r = v(e, t) / s;
25
- return _(n?.roundingMethod)(r);
26
- }
27
- //#endregion
28
- //#region node_modules/react-intersection-observer/dist/index.mjs
29
- var b = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new WeakMap(), S = 0, C;
30
- function w(e) {
31
- return e ? x.has(e) ? x.get(e) : (S += 1, x.set(e, S.toString()), x.get(e)) : "0";
32
- }
33
- function T(e) {
34
- return Object.keys(e).sort().filter((t) => e[t] !== void 0).map((t) => `${t}_${t === "root" ? w(e.root) : e[t]}`).toString();
35
- }
36
- function E(e) {
37
- let t = T(e), n = b.get(t);
38
- if (!n) {
39
- let r = /* @__PURE__ */ new Map(), i, a = new IntersectionObserver((t) => {
40
- t.forEach((t) => {
41
- var n;
42
- let a = t.isIntersecting && i.some((e) => t.intersectionRatio >= e);
43
- e.trackVisibility && t.isVisible === void 0 && (t.isVisible = a), (n = r.get(t.target)) == null || n.forEach((e) => {
44
- e(a, t);
45
- });
46
- });
47
- }, e);
48
- i = a.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), n = {
49
- id: t,
50
- observer: a,
51
- elements: r
52
- }, b.set(t, n);
53
- }
54
- return n;
55
- }
56
- function D(e, t, n = {}, r = C) {
57
- if (window.IntersectionObserver === void 0 && r !== void 0) {
58
- let i = e.getBoundingClientRect();
59
- return t(r, {
60
- isIntersecting: r,
61
- target: e,
62
- intersectionRatio: typeof n.threshold == "number" ? n.threshold : 0,
63
- time: 0,
64
- boundingClientRect: i,
65
- intersectionRect: i,
66
- rootBounds: i
67
- }), () => {};
68
- }
69
- let { id: i, observer: a, elements: o } = E(n), s = o.get(e) || [];
70
- return o.has(e) || o.set(e, s), s.push(t), a.observe(e), function() {
71
- s.splice(s.indexOf(t), 1), s.length === 0 && (o.delete(e), a.unobserve(e)), o.size === 0 && (a.disconnect(), b.delete(i));
72
- };
73
- }
74
- l.Component;
75
- function O({ threshold: e, delay: t, trackVisibility: n, rootMargin: r, root: i, triggerOnce: a, skip: o, initialInView: s, fallbackInView: c, onChange: u } = {}) {
76
- let [d, f] = l.useState(null), p = l.useRef(u), m = l.useRef(s), [h, g] = l.useState({
77
- inView: !!s,
78
- entry: void 0
79
- });
80
- p.current = u, l.useEffect(() => {
81
- if (m.current === void 0 && (m.current = s), o || !d) return;
82
- let l;
83
- return l = D(d, (e, t) => {
84
- let n = m.current;
85
- m.current = e, !(n === void 0 && !e) && (g({
86
- inView: e,
87
- entry: t
88
- }), p.current && p.current(e, t), t.isIntersecting && a && l && (l(), l = void 0));
89
- }, {
90
- root: i,
91
- rootMargin: r,
92
- threshold: e,
93
- trackVisibility: n,
94
- delay: t
95
- }, c), () => {
96
- l && l();
97
- };
98
- }, [
99
- Array.isArray(e) ? e.toString() : e,
100
- d,
101
- i,
102
- r,
103
- a,
104
- o,
105
- n,
106
- c,
107
- t
108
- ]);
109
- let _ = h.entry?.target, v = l.useRef(void 0);
110
- !d && _ && !a && !o && v.current !== _ && (v.current = _, g({
111
- inView: !!s,
112
- entry: void 0
113
- }), m.current = s);
114
- let y = [
115
- f,
116
- h.inView,
117
- h.entry
118
- ];
119
- return y.ref = y[0], y.inView = y[1], y.entry = y[2], y;
120
- }
121
- l.useInsertionEffect ?? l.useLayoutEffect ?? l.useEffect;
122
- //#endregion
123
- //#region src/hooks/Ads/useAd.js
124
- var ee = async (e) => {
125
- if (process.env.NODE_ENV === "development") try {
126
- let t = new URLSearchParams({
127
- ad_id: e.ad_id,
128
- user_ad_token: e.user_ad_token
129
- }).toString();
130
- return (await (await fetch(`http://localhost:3001/api/ads/${e.ad_id}?${t}`)).json()).result;
131
- } catch {}
132
- let t = new URLSearchParams({ ad_id: e.ad_id }).toString();
133
- return fetch(`${e.url}?${t}`).then((e) => e.json()).then((e) => e.result);
134
- }, te = {
135
- dedupingInterval: 1e3 * 60 * 60,
136
- errorRetryInterval: 1e3 * 60 * 5
137
- }, k = (e, t) => {
138
- let { data: n, error: r, isLoading: i, mutate: a } = g(e ? {
139
- url: `https://articles.media/api/ads/${e}`,
140
- ad_id: e,
141
- user_ad_token: t
142
- } : null, ee, te);
143
- return {
144
- data: n,
145
- error: r,
146
- isLoading: i,
147
- mutate: a
148
- };
149
- }, A = async (e) => {
150
- if (process.env.NODE_ENV === "development") try {
151
- return await (await fetch("http://localhost:3001/api/ads")).json();
152
- } catch {}
153
- return fetch(e.url).then((e) => e.json());
154
- }, j = 60, M = {
155
- dedupingInterval: o(j),
156
- focusThrottleInterval: o(j),
157
- errorRetryInterval: 1e3 * 60 * 5
158
- }, N = (e) => {
159
- let { data: t, error: n, isLoading: r, mutate: i } = g(e?.loading || e?.disabled ? null : { url: "https://articles.media/api/ads" }, A, M);
160
- return {
161
- data: t,
162
- error: n,
163
- isLoading: r,
164
- mutate: i
165
- };
166
- }, P = /* @__PURE__ */ e(t(), 1), F = u(() => import("./AdDetailsModal-CdTR2Y9l.js")), I = u(() => import("./AdConfirmExitModal-skW9lp88.js"));
167
- function L(e, t) {
168
- return Math.floor(Math.random() * (t - e + 1)) + e;
169
- }
170
- function R(e) {
171
- let { previewMode: t, darkMode: a, user_ad_token: o, userDetails: s, userDetailsLoading: l, prepend: u, append: d } = e, g = [], [_, v] = p(null), { data: b, isLoading: x, mutate: S } = N({
172
- loading: l,
173
- disabled: s?.articles_membership?.status == "Active"
174
- }), { data: C, isLoading: w } = k(_, o), T = e.previewData || {}, [E, D] = p(null), [ee, te] = 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([]);
175
- f(() => {
176
- b && b?.length > 0 && !_ && (console.log("Ad Mounted or reduxAds changed"), v(e.ad_id || b[L(0, b?.length - 1)]?._id));
177
- }, [b]), f(() => {}, [C]), f(() => {
178
- C?.populated_promos && M >= 0 && j(C?.populated_promos[M]);
179
- }, [M, C]);
180
- function q() {
181
- H(!V);
182
- }
183
- let { ref: J, inView: Y, entry: ie } = O({
184
- threshold: 0,
185
- triggerOnce: !0
186
- });
187
- function X(e) {
188
- if (t && console.log("Preventing this event from being logged as this ad is being shown in preview mode."), G.find((t) => t == e)) {
189
- console.log("Already logged this event");
190
- return;
191
- }
192
- let n = new URLSearchParams({
193
- ad_id: C?._id,
194
- event: e
195
- }).toString();
196
- fetch(`/api/ads/event?${n}`).then(function(e) {
197
- return e.json();
198
- }).then(function(t) {
199
- K([...G, e]), console.log(t);
200
- }).catch(function(e) {
201
- console.log(e);
202
- });
203
- }
204
- f(() => {
205
- if (!t && (console.log("inView", Y), Y && _)) {
206
- let e = [{
207
- ad_id: _,
208
- date: (/* @__PURE__ */ new Date()).toString()
209
- }, ...g.filter((e) => {
210
- if (console.log(y(/* @__PURE__ */ new Date(), new Date(e.date))), y(/* @__PURE__ */ new Date(), new Date(e.date)) > 5) {
211
- console.log("adsViewed - Remove Old Ad View Object");
212
- return;
213
- } else return console.log("adsViewed - Keep Ad View Object"), e;
214
- })];
215
- console.log("unexpiredRecentViews", e);
216
- }
217
- }, [Y, _]);
218
- let [Z, ae] = p(null), [oe, Q] = p(!1);
219
- function $() {
220
- Q(!0), console.log("logAdAvoided called", o);
221
- 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();
222
- fetch(`${e}?${t}`, { headers: { "x-articles-api-key": o } }).then(function(e) {
223
- return e.json();
224
- }).then(function(e) {
225
- Q(!1), ae(e.avoided_count), console.log(e);
226
- }).catch(function(e) {
227
- console.log(e), Q(!1);
228
- });
229
- }
230
- return f(() => {
231
- t || (console.log("inView", Y), s?.articles_membership?.status == "Active" && Y && $("Ad Avoided"));
232
- }, [Y, s]), l ? null : /* @__PURE__ */ h("div", {
233
- ref: J,
234
- className: (0, P.default)("ad-wrap", { "active-member": s?.articles_membership?.status == "Active" }),
235
- style: {
236
- "--articles-ad-background-color": T.background_color || C?.background_color,
237
- "--articles-ad-font-color": T.font_color || C?.font_color,
238
- "--articles-ad-border-color": T.border_color || C?.border_color
239
- },
240
- children: [
241
- V && /* @__PURE__ */ m(F, {
242
- setModalShow: H,
243
- ad: C,
244
- previewData: T
245
- }),
246
- U && /* @__PURE__ */ m(I, {
247
- setModalShow: W,
248
- ad: C,
249
- previewData: T
250
- }),
251
- u && /* @__PURE__ */ m("div", {
252
- className: "prepend-container",
253
- children: u
254
- }),
255
- /* @__PURE__ */ h("div", {
256
- className: "ad",
257
- children: [s?.articles_membership?.status !== "Active" && /* @__PURE__ */ h("div", {
258
- className: "main-panel",
259
- children: [
260
- /* @__PURE__ */ m("div", {
261
- className: "ad-warning flex-header",
262
- children: /* @__PURE__ */ h("div", {
263
- className: "",
264
- children: [C?.city && "Local", " Advertisement"]
265
- })
266
- }),
267
- /* @__PURE__ */ h("div", {
268
- className: "content-wrap",
269
- children: [/* @__PURE__ */ h("div", {
270
- className: "photo-banner",
271
- children: [
272
- /* @__PURE__ */ m("div", {
273
- className: "logo",
274
- children: (T.logo?.location || C?.logo?.location) && /* @__PURE__ */ m("img", {
275
- src: T?.logo?.key ? `${process.env.NEXT_PUBLIC_CDN}${T?.logo?.key}` : `${process.env.NEXT_PUBLIC_CDN}${C?.logo?.key}`,
276
- alt: ""
277
- })
278
- }),
279
- /* @__PURE__ */ m("div", {
280
- className: "icon d-none",
281
- children: /* @__PURE__ */ m("i", { className: "fas fa-mug-hot" })
282
- }),
283
- /* @__PURE__ */ m("img", {
284
- className: "photo",
285
- src: T?.background?.key ? `${process.env.NEXT_PUBLIC_CDN}${T.background?.key}` : `${process.env.NEXT_PUBLIC_CDN}${C?.background?.key}`,
286
- alt: ""
287
- })
288
- ]
289
- }), /* @__PURE__ */ h("div", {
290
- className: "details-wrap",
291
- children: [
292
- /* @__PURE__ */ h("div", {
293
- className: "detail-title",
294
- children: [/* @__PURE__ */ m("div", {
295
- className: "detail",
296
- children: /* @__PURE__ */ m("span", {
297
- className: "h4",
298
- children: T?.business || C?.business
299
- })
300
- }), /* @__PURE__ */ h("div", {
301
- className: "flex flex-column d-none",
302
- children: [/* @__PURE__ */ h("div", {
303
- className: "detail",
304
- children: [/* @__PURE__ */ m("span", {
305
- className: "icon",
306
- children: /* @__PURE__ */ m("i", { className: "fas fa-search-location" })
307
- }), /* @__PURE__ */ h("span", { children: [
308
- C?.city,
309
- ", ",
310
- C?.state
311
- ] })]
312
- }), /* @__PURE__ */ h("div", {
313
- className: "detail",
314
- children: [/* @__PURE__ */ m("span", {
315
- className: "icon",
316
- children: /* @__PURE__ */ m("i", { className: "fas fa-clock me-2" })
317
- }), /* @__PURE__ */ m("span", { children: "6:30AM–8PM" })]
318
- })]
319
- })]
320
- }),
321
- C?.city && /* @__PURE__ */ m("div", { className: "details mb-3 d-none" }),
322
- /* @__PURE__ */ m("div", {
323
- className: "short-description",
324
- children: T?.description || C?.description
325
- })
326
- ]
327
- })]
328
- }),
329
- (!1)?.roles?.isDev && C?.populated_promos?.length > 0 && /* @__PURE__ */ h("div", { children: [A && /* @__PURE__ */ m("div", {
330
- className: "promos-wrap",
331
- children: A && /* @__PURE__ */ h("div", {
332
- className: "promo-wrap d-flex justify-content-between align-items-center mx-2 p-1 px-2 border border-2 border-light mb-0",
333
- children: [/* @__PURE__ */ h("div", {
334
- className: "",
335
- children: [/* @__PURE__ */ m("div", { children: A.title }), /* @__PURE__ */ m("div", {
336
- className: "small",
337
- children: /* @__PURE__ */ m("div", {
338
- className: "small",
339
- children: A.details
340
- })
341
- })]
342
- }), /* @__PURE__ */ m(n, {
343
- className: "px-3",
344
- small: !0,
345
- onClick: () => {
346
- console.log("Load Save Modal"), B(!0);
347
- },
348
- children: "Save"
349
- })]
350
- }, A._id)
351
- }), /* @__PURE__ */ h("div", {
352
- className: "d-flex justify-content-between",
353
- children: [/* @__PURE__ */ h("div", {
354
- className: "px-2",
355
- children: [C?.populated_promos?.length, " Promos Active"]
356
- }), /* @__PURE__ */ h("div", {
357
- className: "controls",
358
- children: [
359
- /* @__PURE__ */ m("i", {
360
- className: "fad fa-arrow-circle-left",
361
- type: "button",
362
- onClick: () => {
363
- R(M == 0 ? C?.populated_promos?.length - 1 : (e) => e - 1);
364
- }
365
- }),
366
- C?.populated_promos?.map((e, t) => /* @__PURE__ */ m("i", { className: `fa-square ${t == M ? "fad" : "fas"}` }, e._id)),
367
- /* @__PURE__ */ m("i", {
368
- className: "fad fa-arrow-circle-right",
369
- type: "button",
370
- onClick: () => {
371
- M == C?.populated_promos?.length - 1 ? R(0) : R((e) => e + 1);
372
- }
373
- })
374
- ]
375
- })]
376
- })] }),
377
- /* @__PURE__ */ m("hr", {
378
- style: { borderColor: "white" },
379
- className: "mt-auto mb-0"
380
- }),
381
- /* @__PURE__ */ h("div", {
382
- className: "action-wrap d-flex justify-content-lg-between px-3 py-2",
383
- children: [
384
- /* @__PURE__ */ m("div", {
385
- onClick: () => {
386
- q(), X("Details");
387
- },
388
- className: "action flex-grow-1 flex-shrink-0",
389
- children: "Details"
390
- }),
391
- /* @__PURE__ */ m("span", { className: "px-4" }),
392
- /* @__PURE__ */ m("a", {
393
- className: "action flex-grow-1 flex-shrink-0",
394
- href: C?.website,
395
- target: "_blank",
396
- rel: "noreferrer",
397
- onClick: (e) => {
398
- e.preventDefault(), W(!0), X("Confirm Exit Modal Opened");
399
- },
400
- children: /* @__PURE__ */ m("div", { children: "Website" })
401
- })
402
- ]
403
- })
404
- ]
405
- }), s?.articles_membership?.status == "Active" && /* @__PURE__ */ m("div", {
406
- className: "main-panel",
407
- children: /* @__PURE__ */ h("div", {
408
- className: "content-wrap",
409
- children: [/* @__PURE__ */ h("div", {
410
- className: "photo-banner",
411
- children: [
412
- /* @__PURE__ */ m("div", { className: "logo" }),
413
- /* @__PURE__ */ h("div", {
414
- className: "splash",
415
- children: [/* @__PURE__ */ m("i", { className: "fas fa-broadcast-tower" }), /* @__PURE__ */ h("div", {
416
- className: "text",
417
- children: [/* @__PURE__ */ m("div", {
418
- className: "count",
419
- children: oe ? /* @__PURE__ */ m("i", { className: "fas fa-spinner fa-spin me-0" }) : Z ? c(Z) : 0
420
- }), /* @__PURE__ */ m("div", {
421
- className: "label",
422
- children: "ads avoided."
423
- })]
424
- })]
425
- }),
426
- /* @__PURE__ */ h("div", {
427
- className: "member-since",
428
- children: ["Member since: ", /* @__PURE__ */ m(i, {
429
- format: "PP",
430
- date: s?.articles_membership?.membership_started
431
- })]
432
- })
433
- ]
434
- }), /* @__PURE__ */ h("div", {
435
- className: "details-wrap",
436
- children: [/* @__PURE__ */ m("div", {
437
- className: "detail-title",
438
- children: /* @__PURE__ */ m("div", {
439
- className: "detail",
440
- children: /* @__PURE__ */ m("span", {
441
- className: "h4",
442
- children: "Thanks for the support!"
443
- })
444
- })
445
- }), /* @__PURE__ */ h("div", {
446
- className: "short-description",
447
- children: [/* @__PURE__ */ m("div", {
448
- className: "mb-2",
449
- children: "Without support from users like you, we wouldn't be here."
450
- }), /* @__PURE__ */ h("div", {
451
- className: "links-list",
452
- children: [
453
- /* @__PURE__ */ h(r, {
454
- newPage: !0,
455
- className: "link-item",
456
- href: "https://articles.media/messages",
457
- children: [/* @__PURE__ */ m("i", { className: "fas fa-comments-alt" }), "0 unread messages."]
458
- }),
459
- /* @__PURE__ */ h(r, {
460
- newPage: !0,
461
- className: "link-item",
462
- href: "https://articles.media/settings/notifications",
463
- onClick: () => {
464
- $();
465
- },
466
- children: [/* @__PURE__ */ m("i", { className: "fas fa-bell" }), "0 notifications."]
467
- }),
468
- /* @__PURE__ */ h(r, {
469
- newPage: !0,
470
- className: "link-item",
471
- href: "https://articles.media/settings/account",
472
- children: [/* @__PURE__ */ m("i", { className: "fas fa-cog" }), "Manage account settings."]
473
- })
474
- ]
475
- })]
476
- })]
477
- })]
478
- })
479
- })]
480
- }),
481
- d && /* @__PURE__ */ m("div", {
482
- className: "append-container",
483
- children: d
484
- }),
485
- !t && /* @__PURE__ */ m("div", {
486
- className: "advertise-with-us p-1",
487
- style: {
488
- backgroundColor: T.background_color || C?.background_color,
489
- color: T.font_color || C?.font_color,
490
- borderColor: T.border_color || C?.border_color
491
- },
492
- children: /* @__PURE__ */ h(r, {
493
- className: "small d-block w-100 text-center",
494
- href: "https://articles.media/advertising",
495
- newPage: !0,
496
- children: [/* @__PURE__ */ m("i", { className: "fas fa-share me-1" }), "Advertise with Articles Media!"]
497
- })
498
- })
499
- ]
500
- });
501
- }
502
- var z = d(R);
503
- //#endregion
504
- export { z as t };
@@ -1,55 +0,0 @@
1
- import { t as e } from "./Button-sSB4xpOw.js";
2
- import { t } from "./Link-8nSDV4sI.js";
3
- import { useEffect as n } from "react";
4
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
- import a from "react-bootstrap/Modal";
6
- //#region src/components/Ads/AdConfirmExitModal.jsx
7
- function o(o) {
8
- let { setModalShow: s, ad: c, previewData: l } = o;
9
- n(() => {
10
- console.log("Mounted");
11
- }, []);
12
- let u = () => {
13
- s(!1);
14
- };
15
- return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i(a, {
16
- show: !0,
17
- backdropClassName: "ad-details-modal-backdrop",
18
- className: "articles-modal",
19
- centered: !0,
20
- onHide: u,
21
- size: "md",
22
- children: [
23
- /* @__PURE__ */ r(a.Header, {
24
- className: "align-items-center",
25
- closeButton: !0,
26
- children: /* @__PURE__ */ r(a.Title, { children: "Confirm Exit" })
27
- }),
28
- /* @__PURE__ */ i(a.Body, {
29
- className: "",
30
- children: [/* @__PURE__ */ r("div", { className: "ratio ratio-16x9 bg-black mb-2" }), /* @__PURE__ */ r("p", {
31
- className: "mb-1",
32
- 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."
33
- })]
34
- }),
35
- /* @__PURE__ */ i(a.Footer, {
36
- className: "d-flex justify-content-between",
37
- children: [/* @__PURE__ */ i(e, {
38
- variant: "articles",
39
- onClick: u,
40
- children: [/* @__PURE__ */ r("i", { className: "fad fa-times" }), "Close"]
41
- }), /* @__PURE__ */ r(t, {
42
- href: c?.website,
43
- newPage: !0,
44
- children: /* @__PURE__ */ i(e, {
45
- variant: "articles",
46
- onClick: u,
47
- children: [/* @__PURE__ */ r("i", { className: "fad fa-link" }), "Proceed"]
48
- })
49
- })]
50
- })
51
- ]
52
- }) });
53
- }
54
- //#endregion
55
- export { o as default };
@@ -1,107 +0,0 @@
1
- import { t as e } from "./Button-sSB4xpOw.js";
2
- import { t } from "./Link-8nSDV4sI.js";
3
- import { useEffect as n } from "react";
4
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
- import a from "react-bootstrap/Modal";
6
- //#region src/components/Ads/AdDetailsModal.jsx
7
- function o(o) {
8
- let { setModalShow: s, ad: c, previewData: l } = o;
9
- n(() => {
10
- console.log("Mounted");
11
- }, []);
12
- let u = () => {
13
- s(!1);
14
- };
15
- return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i(a, {
16
- show: !0,
17
- backdropClassName: "ad-details-modal-backdrop",
18
- className: "articles-modal",
19
- centered: !0,
20
- onHide: u,
21
- size: "md",
22
- children: [
23
- /* @__PURE__ */ r(a.Header, {
24
- className: "align-items-center",
25
- closeButton: !0,
26
- children: /* @__PURE__ */ r(a.Title, { children: "Ad Details" })
27
- }),
28
- /* @__PURE__ */ i(a.Body, {
29
- className: "",
30
- children: [
31
- /* @__PURE__ */ i("p", {
32
- className: "mb-1",
33
- children: ["Advertiser: ", /* @__PURE__ */ r("b", { children: c?.business })]
34
- }),
35
- /* @__PURE__ */ i("p", {
36
- className: "mb-0",
37
- children: ["Ad ID: ", /* @__PURE__ */ r("b", { children: l?._id || c._id })]
38
- }),
39
- /* @__PURE__ */ r("hr", {}),
40
- /* @__PURE__ */ r("div", {
41
- className: "mb-1",
42
- children: "This ad is being shown to you for the following reasons"
43
- }),
44
- c.city ? /* @__PURE__ */ i("div", { children: [
45
- /* @__PURE__ */ r("div", {
46
- className: "h4 mb-1",
47
- children: c.business
48
- }),
49
- /* @__PURE__ */ r("div", { children: "Is advertising to all zip codes within a" }),
50
- /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r("div", {
51
- className: "badge bg-black shadow-articles",
52
- children: "15 Mile Radius"
53
- }) }),
54
- /* @__PURE__ */ r("div", { children: "of it's business" }),
55
- /* @__PURE__ */ r("hr", { className: "border w-50 border-white" }),
56
- /* @__PURE__ */ i("div", {
57
- className: "d-flex align-items-center",
58
- children: [
59
- /* @__PURE__ */ r("div", { children: "Your Zip code" }),
60
- /* @__PURE__ */ r("div", {
61
- className: "badge bg-black shadow-articles ms-2",
62
- children: "00000"
63
- }),
64
- /* @__PURE__ */ r("div", {
65
- className: "ms-2",
66
- children: "is"
67
- }),
68
- /* @__PURE__ */ r("div", {
69
- className: "badge bg-black shadow-articles ms-2",
70
- children: "4.2 miles away"
71
- })
72
- ]
73
- })
74
- ] }) : /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
75
- className: "h4 mb-1",
76
- children: c.business
77
- }), /* @__PURE__ */ r("div", { children: "Is advertising to all users" })] }),
78
- /* @__PURE__ */ r("div", { className: "grow" }),
79
- /* @__PURE__ */ r("hr", { className: "w-100" }),
80
- /* @__PURE__ */ r("div", {
81
- className: "reason lh-sm mb-2",
82
- children: "Ads we display to you will always be transparent as to why you are seeing them."
83
- }),
84
- /* @__PURE__ */ r(t, {
85
- href: "https://articles.media/settings/account",
86
- newPage: !0,
87
- className: "",
88
- children: /* @__PURE__ */ r(e, {
89
- small: !0,
90
- children: "Settings"
91
- })
92
- })
93
- ]
94
- }),
95
- /* @__PURE__ */ r(a.Footer, {
96
- className: "d-flex justify-content-center",
97
- children: /* @__PURE__ */ r(e, {
98
- variant: "articles",
99
- onClick: u,
100
- children: "Close"
101
- })
102
- })
103
- ]
104
- }) });
105
- }
106
- //#endregion
107
- export { o as default };
@@ -1,31 +0,0 @@
1
- import { n as e, t } from "./classnames-DCsil9eG.js";
2
- import { forwardRef as n } from "react";
3
- import { jsx as r } from "react/jsx-runtime";
4
- //#region src/components/UI/Button.jsx
5
- var i = /* @__PURE__ */ e(t(), 1), a = n((e, t) => {
6
- let { size: n, variant: a, style: o, small: s, large: c, onClick: l, className: u, disabled: d, active: f, type: p, onMouseDown: m, onMouseUp: h, onMouseLeave: g, onTouchStart: _, onTouchEnd: v, title: y, ...b } = e;
7
- return /* @__PURE__ */ r("button", {
8
- ref: t,
9
- ...p && { type: "submit" },
10
- disabled: d,
11
- style: o,
12
- title: y,
13
- onMouseDown: m,
14
- onMouseUp: h,
15
- onMouseLeave: g,
16
- onTouchStart: _,
17
- onTouchEnd: v,
18
- className: (0, i.default)(`btn ${a ? `btn-${a}` : "btn-articles"}`, {
19
- [u]: u,
20
- "btn-lg": c,
21
- "btn-sm": s,
22
- active: f,
23
- [`btn-${n}`]: n
24
- }),
25
- onClick: l,
26
- children: e.children
27
- });
28
- });
29
- a.displayName = "ArticlesButton";
30
- //#endregion
31
- export { a as t };