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

package/dist/ViewUserModal-Dgo1C4sR.js

@@ -0,0 +1,1798 @@
+import { n as __toESM, t as require_classnames } from "./classnames-No-mjhw1.js";
+import { t as ArticlesButton } from "./Button-DvEZjsVV.js";
+import { t as Link } from "./Link-CguWJy6y.js";
+import { a as normalizeDates, i as format, n as ArticlesDate, o as toDate, r as minutesToMilliseconds, t as numberWithCommas } from "./numberWithCommas-B0B9bjWC.js";
+import { useEffect, useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import useSWR from "swr";
+import Modal from "react-bootstrap/Modal";
+import OverlayTrigger from "react-bootstrap/OverlayTrigger";
+import Tooltip from "react-bootstrap/Tooltip";
+import useSWRImmutable from "swr/immutable";
+import { ProgressBar } from "react-bootstrap";
+//#region node_modules/date-fns/compareAsc.js
+/**
+* @name compareAsc
+* @category Common Helpers
+* @summary Compare the two dates and return -1, 0 or 1.
+*
+* @description
+* Compare the two dates and return 1 if the first date is after the second,
+* -1 if the first date is before the second or 0 if dates are equal.
+*
+* @param dateLeft - The first date to compare
+* @param dateRight - The second date to compare
+*
+* @returns The result of the comparison
+*
+* @example
+* // Compare 11 February 1987 and 10 July 1989:
+* const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))
+* //=> -1
+*
+* @example
+* // Sort the array of dates:
+* const result = [
+*   new Date(1995, 6, 2),
+*   new Date(1987, 1, 11),
+*   new Date(1989, 6, 10)
+* ].sort(compareAsc)
+* //=> [
+* //   Wed Feb 11 1987 00:00:00,
+* //   Mon Jul 10 1989 00:00:00,
+* //   Sun Jul 02 1995 00:00:00
+* // ]
+*/
+function compareAsc(dateLeft, dateRight) {
+	const diff = +toDate(dateLeft) - +toDate(dateRight);
+	if (diff < 0) return -1;
+	else if (diff > 0) return 1;
+	return diff;
+}
+//#endregion
+//#region node_modules/date-fns/differenceInCalendarMonths.js
+/**
+* The {@link differenceInCalendarMonths} function options.
+*/
+/**
+* @name differenceInCalendarMonths
+* @category Month Helpers
+* @summary Get the number of calendar months between the given dates.
+*
+* @description
+* Get the number of calendar months between the given dates.
+*
+* @param laterDate - The later date
+* @param earlierDate - The earlier date
+* @param options - An object with options
+*
+* @returns The number of calendar months
+*
+* @example
+* // How many calendar months are between 31 January 2014 and 1 September 2014?
+* const result = differenceInCalendarMonths(
+*   new Date(2014, 8, 1),
+*   new Date(2014, 0, 31)
+* )
+* //=> 8
+*/
+function differenceInCalendarMonths(laterDate, earlierDate, options) {
+	const [laterDate_, earlierDate_] = normalizeDates(options?.in, laterDate, earlierDate);
+	const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();
+	const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();
+	return yearsDiff * 12 + monthsDiff;
+}
+//#endregion
+//#region node_modules/date-fns/endOfDay.js
+/**
+* The {@link endOfDay} function options.
+*/
+/**
+* @name endOfDay
+* @category Day Helpers
+* @summary Return the end of a day for the given date.
+*
+* @description
+* Return the end of a day for the given date.
+* The result will be in the local timezone.
+*
+* @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+* @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+*
+* @param date - The original date
+* @param options - An object with options
+*
+* @returns The end of a day
+*
+* @example
+* // The end of a day for 2 September 2014 11:55:00:
+* const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))
+* //=> Tue Sep 02 2014 23:59:59.999
+*/
+function endOfDay(date, options) {
+	const _date = toDate(date, options?.in);
+	_date.setHours(23, 59, 59, 999);
+	return _date;
+}
+//#endregion
+//#region node_modules/date-fns/endOfMonth.js
+/**
+* The {@link endOfMonth} function options.
+*/
+/**
+* @name endOfMonth
+* @category Month Helpers
+* @summary Return the end of a month for the given date.
+*
+* @description
+* Return the end of a month for the given date.
+* The result will be in the local timezone.
+*
+* @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+* @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.
+*
+* @param date - The original date
+* @param options - An object with options
+*
+* @returns The end of a month
+*
+* @example
+* // The end of a month for 2 September 2014 11:55:00:
+* const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))
+* //=> Tue Sep 30 2014 23:59:59.999
+*/
+function endOfMonth(date, options) {
+	const _date = toDate(date, options?.in);
+	const month = _date.getMonth();
+	_date.setFullYear(_date.getFullYear(), month + 1, 0);
+	_date.setHours(23, 59, 59, 999);
+	return _date;
+}
+//#endregion
+//#region node_modules/date-fns/isLastDayOfMonth.js
+/**
+* @name isLastDayOfMonth
+* @category Month Helpers
+* @summary Is the given date the last day of a month?
+*
+* @description
+* Is the given date the last day of a month?
+*
+* @param date - The date to check
+* @param options - An object with options
+*
+* @returns The date is the last day of a month
+*
+* @example
+* // Is 28 February 2014 the last day of a month?
+* const result = isLastDayOfMonth(new Date(2014, 1, 28))
+* //=> true
+*/
+function isLastDayOfMonth(date, options) {
+	const _date = toDate(date, options?.in);
+	return +endOfDay(_date, options) === +endOfMonth(_date, options);
+}
+//#endregion
+//#region node_modules/date-fns/differenceInMonths.js
+/**
+* The {@link differenceInMonths} function options.
+*/
+/**
+* @name differenceInMonths
+* @category Month Helpers
+* @summary Get the number of full months between the given dates.
+*
+* @param laterDate - The later date
+* @param earlierDate - The earlier date
+* @param options - An object with options
+*
+* @returns The number of full months
+*
+* @example
+* // How many full months are between 31 January 2014 and 1 September 2014?
+* const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))
+* //=> 7
+*/
+function differenceInMonths(laterDate, earlierDate, options) {
+	const [laterDate_, workingLaterDate, earlierDate_] = normalizeDates(options?.in, laterDate, laterDate, earlierDate);
+	const sign = compareAsc(workingLaterDate, earlierDate_);
+	const difference = Math.abs(differenceInCalendarMonths(workingLaterDate, earlierDate_));
+	if (difference < 1) return 0;
+	if (workingLaterDate.getMonth() === 1 && workingLaterDate.getDate() > 27) workingLaterDate.setDate(30);
+	workingLaterDate.setMonth(workingLaterDate.getMonth() - sign * difference);
+	let isLastMonthNotFull = compareAsc(workingLaterDate, earlierDate_) === -sign;
+	if (isLastDayOfMonth(laterDate_) && difference === 1 && compareAsc(laterDate_, earlierDate_) === 1) isLastMonthNotFull = false;
+	const result = sign * (difference - +isLastMonthNotFull);
+	return result === 0 ? 0 : result;
+}
+//#endregion
+//#region src/components/UI/UserProfilePhoto.jsx
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames(), 1);
+function UserProfilePhoto(props) {
+	const { profile_photo, width, alt, hideDefault, activityStatus, user_id } = props;
+	if (profile_photo?.key) return /* @__PURE__ */ jsxs("div", {
+		"data-using-react-profile-photo": "true",
+		className: `profile-photo-wrap ${!width ? "w-100 h-100" : ""}`,
+		style: { ...width && {
+			width,
+			height: width
+		} },
+		children: [/* @__PURE__ */ jsx(ActivityStatus, {
+			activityStatus,
+			user_id
+		}), /* @__PURE__ */ jsx("img", {
+			className: "w-100 h-100",
+			src: `${process.env.NEXT_PUBLIC_CDN}${profile_photo.key}`,
+			style: { objectFit: "contain" },
+			alt: alt || "Profile photo of a user"
+		})]
+	});
+	else return /* @__PURE__ */ jsxs("div", {
+		"data-using-react-profile-photo": "true",
+		className: (0, import_classnames.default)("profile-photo-wrap", {
+			"w-100 h-100": !width,
+			"d-none": hideDefault
+		}),
+		style: { ...width && {
+			width,
+			height: width
+		} },
+		children: [/* @__PURE__ */ jsx(ActivityStatus, {
+			activityStatus,
+			user_id
+		}), /* @__PURE__ */ jsx("img", {
+			className: "w-100 h-100",
+			src: `${process.env.NEXT_PUBLIC_CDN}profile_photos/starter/articles.jpg`,
+			style: { objectFit: "contain" },
+			alt: alt || "Profile photo of a user"
+		})]
+	});
+}
+function ActivityStatus({ activityStatus, user_id }) {
+	if (!activityStatus || !user_id) return;
+	return /* @__PURE__ */ jsx("div", {
+		"data-user_id": user_id,
+		className: (0, import_classnames.default)(`online-status`, {
+			"status-online": activityStatus?.status == "Online" || user_id == "630f0b337c52851e754b03f7",
+			"status-offline": activityStatus?.status == "Offline",
+			"status-away": activityStatus?.status == "Away",
+			"activity-active": false
+		})
+	});
+}
+//#endregion
+//#region src/hooks/User/UserPublic/usePublicUserData.js
+var fetcher$1 = (data) => {
+	const params = new URLSearchParams({ user_id: data.user_id }).toString();
+	return fetch(`${data.url}?${params}`).then((res) => res.json());
+};
+var options = {
+	dedupingInterval: 1e3 * 60 * 1,
+	focusThrottleInterval: 1e3 * 60 * 1
+};
+var usePublicUserData = (params) => {
+	const { data, error, isLoading, isValidating, mutate } = useSWRImmutable(params?.user_id ? {
+		url: process.env.NODE_ENV === "development" ? "http://localhost:3001/api/user-public/getUserDetails" : "https://articles.media/api/user-public/getUserDetails",
+		user_id: params.user_id
+	} : null, fetcher$1, options);
+	return {
+		data,
+		error,
+		isLoading,
+		isValidating,
+		mutate
+	};
+};
+//#endregion
+//#region src/components/UI/IsDev.jsx
+function IsDev({ className, noOutline, children, inline }) {
+	const userReduxState = false;
+	const [isMounted, setIsMounted] = useState();
+	useEffect(() => {
+		setIsMounted(true);
+	}, []);
+	if (children && userReduxState?.roles?.isDev && isMounted) return /* @__PURE__ */ jsx("div", {
+		className: `is-dev-content ${noOutline && "no-outline"} ${className} ${inline && "d-inline-block"}`,
+		children
+	});
+}
+//#endregion
+//#region src/constants/routes.js
+var routes = {
+	BASE: "https://articles.media",
+	SIGN_IN: "/login",
+	SIGN_UP: "/signup",
+	HOME: "/",
+	PROPOSALS: "/politics/proposals",
+	PROPOSALS_SUBMISSIONS_ALL: "/politics/proposals/submissions",
+	STORIES: "/news/stories",
+	ISSUES: "/news/issues",
+	MYTHS: "/news/myths"
+};
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/ProposalsStance.jsx
+function ProposalsStance({ activeLayoutProposalSentiments, populated_user, usersProposalSentiments, setShowFullStanceDetails, showFullStanceDetails, userData }) {
+	const userReduxState = null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "row mx-0 mb-2",
+		children: [{
+			name: `${populated_user?.display_name || userData.display_name}`,
+			data: activeLayoutProposalSentiments || {}
+		}, {
+			name: "You",
+			data: usersProposalSentiments || {}
+		}].map((item) => {
+			if (item.name == "You" && !userReduxState?._id) return /* @__PURE__ */ jsx("div", {
+				className: "col-lg-6 px-1",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "card card-articles card-sm h-100",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "card-header",
+							children: /* @__PURE__ */ jsx("b", { children: item.name })
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "card-body p-2",
+							children: /* @__PURE__ */ jsx("small", { children: "Login or create an account to compare your political stance with this user!" })
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "card-footer",
+							children: [/* @__PURE__ */ jsx(Link, {
+								href: routes.SIGN_IN,
+								children: /* @__PURE__ */ jsx(ArticlesButton, {
+									small: true,
+									className: "",
+									children: "Sign In"
+								})
+							}), /* @__PURE__ */ jsx(Link, {
+								href: routes.SIGN_UP,
+								children: /* @__PURE__ */ jsx(ArticlesButton, {
+									small: true,
+									className: "",
+									children: "Sign Up"
+								})
+							})]
+						})
+					]
+				})
+			}, item.name);
+			return /* @__PURE__ */ jsx("div", {
+				className: "col-lg-6 px-1",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "card card-articles card-sm",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "card-header",
+						onClick: () => {
+							console.log(item.data);
+						},
+						children: /* @__PURE__ */ jsx("b", { children: item.name })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "card-body py-2 px-2 small",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "",
+								children: [
+									/* @__PURE__ */ jsxs("div", {
+										className: "small",
+										children: [
+											"Fundamental: ",
+											item?.data?.fundamental?.filter((obj) => {
+												if (item.data?.user_sentiments?.find((sen) => sen.proposal_id == obj._id)) return obj;
+												else return null;
+											}).length,
+											"/",
+											item?.data?.fundamental?.length
+										]
+									}),
+									/* @__PURE__ */ jsx(ProgressBar, {
+										striped: true,
+										variant: "dark",
+										className: "shadow-articles mb-2",
+										now: (item.data?.fundamental?.filter((obj) => {
+											if (item.data?.user_sentiments?.find((sen) => sen.proposal_id == obj._id)) return obj;
+											else return null;
+										}).length / item.data?.fundamental?.length * 100).toFixed(2),
+										label: `${(item.data?.fundamental?.filter((obj) => {
+											if (item.data?.user_sentiments?.find((sen) => sen.proposal_id == obj._id)) return obj;
+											else return null;
+										}).length / item.data?.fundamental?.length * 100).toFixed(2)}%`
+									}),
+									/* @__PURE__ */ jsxs(ProgressBar, {
+										className: "shadow-articles mb-2",
+										style: { height: "10px" },
+										children: [
+											/* @__PURE__ */ jsx(ProgressBar, {
+												striped: true,
+												variant: "danger",
+												now: (item.data?.user_sentiments?.filter((sen) => sen.sentiment_status == "Disagree" && sen.populated_proposal.fundamental)?.length / item.data?.fundamental?.length * 100).toFixed(2)
+											}),
+											/* @__PURE__ */ jsx(ProgressBar, {
+												striped: true,
+												variant: "warning",
+												now: (item.data?.user_sentiments?.filter((sen) => sen.sentiment_status == "Needs Work" && sen.populated_proposal.fundamental)?.length / item.data?.fundamental?.length * 100).toFixed(2)
+											}),
+											/* @__PURE__ */ jsx(ProgressBar, {
+												striped: true,
+												variant: "success",
+												now: (item.data?.user_sentiments?.filter((sen) => sen.sentiment_status == "Agree" && sen.populated_proposal.fundamental)?.length / item.data?.fundamental?.length * 100).toFixed(2)
+											})
+										]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "",
+										children: ["Disagree: ", item.data?.user_sentiments?.filter((sen) => {
+											let isFundamental = item.data?.fundamental.find((obj) => obj._id == sen.proposal_id);
+											return sen.sentiment_status == "Disagree" && isFundamental;
+										})?.length || 0]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "",
+										children: ["Needs Work: ", item.data?.user_sentiments?.filter((sen) => {
+											let isFundamental = item.data?.fundamental.find((obj) => obj._id == sen.proposal_id);
+											return sen.sentiment_status == "Needs Work" && isFundamental;
+										})?.length || 0]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "mb-2",
+										children: ["Agree: ", item.data?.user_sentiments?.filter((sen) => {
+											let isFundamental = item.data?.fundamental.find((obj) => obj._id == sen.proposal_id);
+											return sen.sentiment_status == "Agree" && isFundamental;
+										})?.length || 0]
+									})
+								]
+							}),
+							!showFullStanceDetails && /* @__PURE__ */ jsx("span", {
+								onClick: () => setShowFullStanceDetails(true),
+								className: "badge bg-articles-secondary shadow-articles badge-hover",
+								children: "View More"
+							}),
+							showFullStanceDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
+								/* @__PURE__ */ jsx("hr", {}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "mb-2",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "small",
+											children: [
+												"All: ",
+												item.data?.user_sentiments?.length,
+												"/",
+												item.data?.total
+											]
+										}),
+										/* @__PURE__ */ jsx(ProgressBar, {
+											striped: true,
+											animated: true,
+											variant: "dark",
+											className: "shadow-articles mb-1",
+											now: (item.data?.user_sentiments?.length / item.data?.total * 100).toFixed(2),
+											label: `${(item.data?.user_sentiments?.length / item.data?.total * 100).toFixed(2)}%`
+										}),
+										/* @__PURE__ */ jsxs(ProgressBar, {
+											className: "shadow-articles mb-2",
+											style: { height: "10px" },
+											children: [
+												/* @__PURE__ */ jsx(ProgressBar, {
+													striped: true,
+													animated: true,
+													variant: "danger",
+													now: (item.data?.user_sentiments?.filter((sen) => sen.sentiment_status == "Disagree")?.length / item.data?.total * 100).toFixed(2)
+												}),
+												/* @__PURE__ */ jsx(ProgressBar, {
+													striped: true,
+													animated: true,
+													variant: "warning",
+													now: (item.data?.user_sentiments?.filter((sen) => sen.sentiment_status == "Needs Work")?.length / item.data?.total * 100).toFixed(2)
+												}),
+												/* @__PURE__ */ jsx(ProgressBar, {
+													striped: true,
+													animated: true,
+													variant: "success",
+													now: (item.data?.user_sentiments?.filter((sen) => sen.sentiment_status == "Agree")?.length / item.data?.total * 100).toFixed(2)
+												})
+											]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "",
+											children: ["Disagree: ", item.data?.user_sentiments?.filter((sen) => {
+												return sen.sentiment_status == "Disagree";
+											})?.length || 0]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "",
+											children: ["Needs Work: ", item.data?.user_sentiments?.filter((sen) => {
+												return sen.sentiment_status == "Needs Work";
+											})?.length || 0]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "mb-2",
+											children: ["Agree: ", item.data?.user_sentiments?.filter((sen) => {
+												return sen.sentiment_status == "Agree";
+											})?.length || 0]
+										})
+									]
+								}),
+								/* @__PURE__ */ jsx("hr", {}),
+								/* @__PURE__ */ jsx("p", {
+									className: "mb-0",
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "row",
+										children: [
+											/* @__PURE__ */ jsx("div", {
+												className: "col-9",
+												children: "Comments"
+											}),
+											/* @__PURE__ */ jsx("div", {
+												className: "col-3",
+												children: /* @__PURE__ */ jsx("b", { children: item.data?.user_comments?.length || 0 })
+											}),
+											/* @__PURE__ */ jsx("div", {
+												className: "col-9",
+												children: "Submissions"
+											}),
+											/* @__PURE__ */ jsx("div", {
+												className: "col-3",
+												children: /* @__PURE__ */ jsx("b", { children: item.data?.user_submissions })
+											})
+										]
+									})
+								})
+							] })
+						]
+					})]
+				})
+			}, item.name);
+		})
+	});
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/ProposalComments.jsx
+function ProposalComments({ activeLayoutProposalSentiments }) {
+	return /* @__PURE__ */ jsx("div", { children: activeLayoutProposalSentiments.user_comments?.filter((obj) => !obj.parent_id).map((obj) => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "card card-articles card-sm border mb-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "card-header small",
+					children: ["Commented on ", /* @__PURE__ */ jsx("b", { children: obj.populated_proposal.title })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "card-body small p-2",
+					children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+						className: "small",
+						children: format(new Date(obj.date), "M/dd/yy")
+					}), /* @__PURE__ */ jsx("div", { children: obj.comment })] })
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "card-footer",
+					children: /* @__PURE__ */ jsx(Link, {
+						prefetch: false,
+						href: `${routes.PROPOSALS}/${obj.populated_proposal.url}?interaction_id=${obj._id}`,
+						children: /* @__PURE__ */ jsx(ArticlesButton, {
+							small: true,
+							children: "View"
+						})
+					})
+				})
+			]
+		}, obj._id);
+	}) });
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/ProposalSentiments.jsx
+function ProposalSentiments({ activeLayoutProposalSentiments }) {
+	return /* @__PURE__ */ jsx("div", { children: activeLayoutProposalSentiments.user_sentiments?.map((obj) => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "card card-articles card-sm border mb-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "card-header small",
+					children: ["Gave their sentiment on ", /* @__PURE__ */ jsx("b", { children: obj.populated_proposal.title })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "card-body small p-2",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "d-flex align-items-center border-bottom pb-1",
+						children: [
+							obj.sentiment_status == "Agree" && /* @__PURE__ */ jsx("div", {
+								className: "badge shadow-articles bg-success",
+								children: "Agree"
+							}),
+							obj.sentiment_status == "Needs Work" && /* @__PURE__ */ jsx("div", {
+								className: "badge shadow-articles bg-warning text-dark",
+								children: "Needs Work"
+							}),
+							obj.sentiment_status == "Disagree" && /* @__PURE__ */ jsx("div", {
+								className: "badge shadow-articles bg-danger",
+								children: "Disagree"
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "small ms-2",
+								children: format(new Date(obj.date), "M/dd/yy")
+							})
+						]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "mt-1",
+						children: obj.comment
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "card-footer",
+					children: /* @__PURE__ */ jsx(Link, {
+						prefetch: false,
+						href: `https://articles.media/politics/proposals/${obj.populated_proposal.url}?interaction_id=${obj._id}`,
+						children: /* @__PURE__ */ jsx(ArticlesButton, {
+							small: true,
+							children: "View"
+						})
+					})
+				})
+			]
+		}, obj._id);
+	}) });
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/ProposalSubmissions.jsx
+function ProposalSubmissions({ activeLayoutProposalSentiments, userProposalsSubmitted }) {
+	const [viewAllProposalsSubmitted, setViewAllProposalsSubmitted] = useState(false);
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "mb-2",
+			children: userProposalsSubmitted?.slice(0, viewAllProposalsSubmitted ? 100 : 1).map((layout) => {
+				return /* @__PURE__ */ jsxs("div", {
+					className: "card card-articles card-sm shadow-articles",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "card-body p-2 lh-sm d-flex align-items-center",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "ms-2",
+							children: [/* @__PURE__ */ jsx("div", { children: layout.title }), /* @__PURE__ */ jsxs("div", {
+								className: "small",
+								children: [layout.type, layout.fundamental && "  - Fundamental"]
+							})]
+						})
+					}), /* @__PURE__ */ jsx("div", {
+						className: "card-footer d-flex",
+						children: /* @__PURE__ */ jsx(Link, {
+							href: `${routes.PROPOSALS_SUBMISSIONS_ALL}/${layout._id}`,
+							className: "",
+							children: /* @__PURE__ */ jsx(ArticlesButton, {
+								small: true,
+								children: /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("i", { className: "fad fa-eye me-1" }), "View"] })
+							})
+						})
+					})]
+				}, layout._id);
+			})
+		}),
+		userProposalsSubmitted?.length > 1 && /* @__PURE__ */ jsx(ArticlesButton, {
+			onClick: () => setViewAllProposalsSubmitted(!viewAllProposalsSubmitted),
+			className: "w-100",
+			children: !viewAllProposalsSubmitted ? "View All" : "View Less"
+		}),
+		userProposalsSubmitted?.length == 0 && /* @__PURE__ */ jsx("span", {
+			className: "small",
+			children: "User has no proposal submissions"
+		})
+	] });
+}
+//#endregion
+//#region src/components/News/NewsPreviewImage.jsx
+function NewsPreviewImage(props) {
+	const { featured_image, thumbnail_size } = props;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [(featured_image?.image_type == "S3 File System" || featured_image?.thumbnails?.length > 0) && /* @__PURE__ */ jsx(Fragment, { children: featured_image?.thumbnails?.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: thumbnail_size && featured_image?.thumbnails?.find((thumb_obj) => thumb_obj.width == thumbnail_size) ? /* @__PURE__ */ jsx("img", {
+		style: {
+			width: "100%",
+			height: "100%",
+			objectFit: "cover"
+		},
+		src: process.env.NEXT_PUBLIC_CDN + featured_image?.thumbnails?.find((thumb_obj) => thumb_obj.width == thumbnail_size).key,
+		loading: "lazy",
+		alt: "",
+		className: "flex-shrink-0"
+	}) : /* @__PURE__ */ jsx("img", {
+		style: {
+			width: "100%",
+			height: "100%",
+			objectFit: "cover"
+		},
+		src: process.env.NEXT_PUBLIC_CDN + [...featured_image?.thumbnails].sort((a, b) => a.width - b.width)[0].key,
+		loading: "lazy",
+		alt: "",
+		className: "flex-shrink-0"
+	}) }) : /* @__PURE__ */ jsx("img", {
+		style: {
+			width: "100%",
+			height: "100%",
+			objectFit: "cover"
+		},
+		src: process.env.NEXT_PUBLIC_CDN + featured_image?.key,
+		loading: "lazy",
+		alt: "",
+		className: "flex-shrink-0"
+	}) }), featured_image?.location && !featured_image?.image_type && (featured_image?.thumbnails?.length || 0) < 1 && /* @__PURE__ */ jsx("img", {
+		style: {
+			objectFit: "cover",
+			width: "100%",
+			height: "100%"
+		},
+		src: `${process.env.NEXT_PUBLIC_CDN}${featured_image?.key}`,
+		alt: "",
+		loading: "lazy"
+	})] });
+}
+//#endregion
+//#region src/util/renderNewsRoute.js
+function renderNewsRoute(type) {
+	switch (type) {
+		case "story": return routes.STORIES;
+		case "issue": return routes.ISSUES;
+		case "myth": return routes.MYTHS;
+		default:
+	}
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/NewsComments.jsx
+function NewsComments({ publicUserData }) {
+	return /* @__PURE__ */ jsx("div", { children: publicUserData?.populated_news_comments?.filter((obj) => !obj.parent_id).map((obj) => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "card card-articles card-sm border mb-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "card-header small",
+					children: ["Commented on ", /* @__PURE__ */ jsx("b", { children: obj.populated_news?.news_title })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "card-body small p-2 d-flex",
+					children: [/* @__PURE__ */ jsx("div", {
+						style: {
+							width: "100px",
+							height: "100px"
+						},
+						className: "me-2 flex-shrink-0",
+						children: /* @__PURE__ */ jsx(NewsPreviewImage, {
+							featured_image: obj?.populated_news?.featured_image,
+							thumbnail_size: 100
+						})
+					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+						className: "small",
+						children: format(new Date(obj.date), "M/dd/yy")
+					}), /* @__PURE__ */ jsx("div", { children: obj.comment })] })]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "card-footer",
+					children: /* @__PURE__ */ jsx(Link, {
+						prefetch: false,
+						href: `${renderNewsRoute(obj.populated_news?.news_type)}/${obj.populated_news?.url}?interaction_id=${obj._id}`,
+						children: /* @__PURE__ */ jsx(ArticlesButton, {
+							small: true,
+							children: "View"
+						})
+					})
+				})
+			]
+		}, obj._id);
+	}) });
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/NewsSubmissions.jsx
+function NewsSubmissions({ userNewsSubmitted }) {
+	const [viewAllNewsSubmitted, setViewAllNewsSubmitted] = useState(false);
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "mb-1 d-flex justify-content-between align-items-center",
+			children: [/* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("i", { className: "fad fa-newspaper me-1" }), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", { children: "News Submissions: " }), /* @__PURE__ */ jsx("span", {
+				className: "badge bg-dark",
+				children: userNewsSubmitted?.length || 0
+			})] })] }), /* @__PURE__ */ jsxs("span", {
+				className: "badge bg-articles-secondary",
+				children: [/* @__PURE__ */ jsx("i", { className: "fad fa-info me-1" }), /* @__PURE__ */ jsx("span", { children: "Info" })]
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "mb-1",
+			children: userNewsSubmitted?.slice(0, viewAllNewsSubmitted ? 100 : 1).map((layout) => {
+				return /* @__PURE__ */ jsxs("div", {
+					className: "card card-articles shadow-articles",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "card-body py-1 px-2 lh-sm d-flex align-items-center",
+						children: [/* @__PURE__ */ jsx("img", {
+							className: "",
+							src: layout?.featured_image?.location,
+							width: "40px",
+							height: "40px",
+							style: { objectFit: "cover" },
+							alt: ""
+						}), /* @__PURE__ */ jsx("div", {
+							className: "ms-2",
+							children: /* @__PURE__ */ jsx("div", { children: layout.news_title })
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "card-footer d-flex p-1",
+						children: /* @__PURE__ */ jsx(Link, {
+							href: `${routes.HOME}/${layout.url}`,
+							children: /* @__PURE__ */ jsxs(ArticlesButton, {
+								small: true,
+								className: "",
+								children: [/* @__PURE__ */ jsx("i", { className: "fad fa-eye me-1" }), "View"]
+							})
+						})
+					})]
+				}, layout._id);
+			})
+		}),
+		userNewsSubmitted?.length > 1 ? /* @__PURE__ */ jsx(ArticlesButton, {
+			onClick: () => setViewAllNewsSubmitted(!viewAllNewsSubmitted),
+			small: true,
+			className: "",
+			children: !viewAllNewsSubmitted ? "View All" : "View Less"
+		}) : /* @__PURE__ */ jsx("span", {
+			className: "small",
+			children: "User has no news submissions"
+		})
+	] });
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/Donations.jsx
+function Donations({ activeLayoutProposalSentiments, userDonations, lifetimeContribution }) {
+	const [viewAllDonations, setViewAllDonations] = useState(false);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "card card-articles ",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "card-header d-flex justify-content-between align-items-center p-1",
+				children: [/* @__PURE__ */ jsx("span", { children: "Donations: " }), /* @__PURE__ */ jsxs("span", {
+					className: "badge bg-dark",
+					children: [
+						userDonations.count,
+						" - ",
+						`$${numberWithCommas((lifetimeContribution / 100 || 0).toFixed(2))}`
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "card-body p-2",
+				children: [userDonations?.list?.length == 0 && /* @__PURE__ */ jsx("span", {
+					className: "small",
+					children: "User has no donations"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "donations-wrap",
+					children: userDonations?.list?.slice(0, viewAllDonations ? 100 : 3).map((layout) => {
+						return /* @__PURE__ */ jsxs("div", {
+							className: "border",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "card-body py-1 px-2 lh-sm d-flex align-items-center",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "small",
+									children: "Most Recent"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "ms-2 d-flex align-items-center",
+									children: [/* @__PURE__ */ jsx("div", {
+										className: "h4 mb-0 me-2",
+										children: `$${numberWithCommas((layout.amount / 100).toFixed(2))}`
+									}), /* @__PURE__ */ jsx("div", {
+										className: "small",
+										children: format(new Date(layout.date), "M/dd/yy")
+									})]
+								})]
+							}), /* @__PURE__ */ jsx("div", {
+								className: "card-footer d-flex p-1",
+								children: /* @__PURE__ */ jsx(Link, {
+									href: `${routes.HOME}/${layout.url}`,
+									children: /* @__PURE__ */ jsxs(ArticlesButton, {
+										className: "",
+										small: true,
+										children: [/* @__PURE__ */ jsx("i", { className: "fad fa-eye me-1" }), "View"]
+									})
+								})
+							})]
+						}, layout._id);
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "card-footer p-1 d-flex justify-content-center",
+				children: userDonations.count > 1 && /* @__PURE__ */ jsx(ArticlesButton, {
+					onClick: () => {
+						setViewAllDonations(!viewAllDonations);
+					},
+					className: "w-100",
+					children: !viewAllDonations ? "View All" : "View Less"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/Layouts.jsx
+function Layouts({ userLayoutsData, handleClose }) {
+	const userReduxState = false;
+	return /* @__PURE__ */ jsx("div", { children: userLayoutsData?.map((layout) => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "card card-articles shadow-articles",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "card-body py-1 px-2 lh-sm d-flex align-items-center",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "ms-2",
+					children: [/* @__PURE__ */ jsx("div", { children: layout.name }), /* @__PURE__ */ jsx("div", {
+						className: "small",
+						children: "Last Viewed: Never"
+					})]
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "card-footer d-flex p-1",
+				children: [userReduxState._id !== layout.user_id && /* @__PURE__ */ jsxs(ArticlesButton, {
+					className: "",
+					small: true,
+					children: [/* @__PURE__ */ jsx("i", { className: "fad fa-plus me-1" }), "Follow"]
+				}), /* @__PURE__ */ jsx(Link, {
+					href: `${routes.HOME}/${layout.url}`,
+					children: /* @__PURE__ */ jsxs(ArticlesButton, {
+						className: "",
+						small: true,
+						children: [/* @__PURE__ */ jsx("i", { className: "fad fa-eye me-1" }), "View"]
+					})
+				})]
+			})]
+		}, layout._id);
+	}) });
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/Verifications.jsx
+function Verifications({ activeLayoutProposalSentiments, userData }) {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
+		className: "",
+		children: userData?.verified?.verified_methods?.map((item, item_i) => {
+			if (Object.keys(item)?.length > 0) return /* @__PURE__ */ jsxs("div", {
+				className: "card card-articles card-sm object mb-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "card-header",
+					children: item?.method_name
+				}), /* @__PURE__ */ jsx("div", {
+					className: "card-body p-2",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "small",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "d-flex align-items-center",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "me-2",
+								children: "Approved On: "
+							}), /* @__PURE__ */ jsx(ArticlesDate, { date: item.approved_date })]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "d-flex align-items-center",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "me-2",
+								children: "Approved By: "
+							}), /* @__PURE__ */ jsx(ViewUserModal, {
+								user_id: item.approved_by,
+								dangerousPopulate: true
+							})]
+						})]
+					})
+				})]
+			}, item_i);
+			else return /* @__PURE__ */ jsx("div", {
+				className: "single",
+				children: item
+			}, item_i);
+		})
+	}) });
+}
+//#endregion
+//#region src/components/UI/ViewUserModal/Panels/Achievements.jsx
+var achievements = [];
+function Achievements({ activeLayoutProposalSentiments }) {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
+		className: "achievements card card-articles",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "card-body p-0",
+			children: achievements.map((achievement) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
+				className: "achievement w-100 d-flex align-items-center",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "icon",
+						style: { width: "50px" },
+						children: /* @__PURE__ */ jsx("i", { className: `fad ${achievement.icon} fa-lg` })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "details small me-auto",
+						children: [
+							/* @__PURE__ */ jsx("b", {
+								className: "name",
+								children: achievement.name
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "description mb-1",
+								children: achievement.description
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "small",
+								children: achievement.tags?.map((item) => /* @__PURE__ */ jsx("span", {
+									className: "badge bg-dark border",
+									children: item
+								}, item))
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "icon border-end-0 border-start border-dark",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "text-center px-3",
+							children: /* @__PURE__ */ jsx("i", { className: `fad fa-square fa-lg me-0` })
+						})
+					})
+				]
+			}) }, achievement.name))
+		})
+	}) });
+}
+//#endregion
+//#region src/hooks/Politics/usePoliticalParties.js
+var fetcher = (url) => fetch(url).then((res) => res.json());
+var usePoliticalParties = (params) => {
+	const { data, error, isLoading, mutate } = useSWR(process.env.NODE_ENV === "development" ? "http://localhost:3001/api/news/resources/political-parties" : "https://articles.media/api/news/resources/political-parties", fetcher, params?.preload ? {
+		dedupingInterval: 1e3 * 60 * 10,
+		focusThrottleInterval: minutesToMilliseconds(60),
+		errorRetryInterval: 1e3 * 60 * 5,
+		fallbackData: params?.preload
+	} : {
+		dedupingInterval: 1e3 * 60 * 10,
+		focusThrottleInterval: minutesToMilliseconds(60),
+		errorRetryInterval: 1e3 * 60 * 5
+	});
+	return {
+		data,
+		error,
+		isLoading,
+		mutate
+	};
+};
+//#endregion
+//#region src/components/UI/ViewUserModal/ViewUserModal.jsx
+function ViewUserModal(props) {
+	const { populated_user, hidePhoto, visibleItems, size, className, dangerousPopulate, user_id, buttonType, children, fakeMembership } = props;
+	const [modalShow, setModalShow] = useState(false);
+	const [userData, setUserData] = useState({});
+	const [userLayoutsData, setUserLayoutsData] = useState([]);
+	const [userDonations, setUserDonations] = useState([]);
+	const [lifetimeContribution, setLifetimeContribution] = useState(null);
+	const [userNewsSubmitted, setUserNewsSubmitted] = useState([]);
+	const [userProposalsSubmitted, setUserProposalsSubmitted] = useState([]);
+	const [viewAllProposalsSubmitted, setViewAllProposalsSubmitted] = useState(false);
+	const userReduxState = false;
+	const { data: politicalParties, isLoading: politicalPartiesIsLoading, mutate: politicalPartiesMutate } = usePoliticalParties();
+	const [contentDisplayTab, setContentDisplayTab] = useState("Proposals Stance");
+	const handleClose = () => {
+		setModalShow(false);
+	};
+	useEffect(() => {
+		if (populated_user) setUserData({ ...populated_user });
+	}, []);
+	const [showFullStanceDetails, setShowFullStanceDetails] = useState(false);
+	const [activeLayoutProposalSentiments, setActiveLayoutProposalSentiments] = useState([]);
+	const [usersProposalSentiments, setUsersProposalSentiments] = useState([]);
+	const { data: publicUserData, isLoading: publicUserDataIsLoading, mutate: publicUserDataMutate } = usePublicUserData((user_id || populated_user?._id) && (modalShow || dangerousPopulate) ? { user_id: user_id || populated_user?._id } : null);
+	const { data: personalUserData, isLoading: personalUserDataIsLoading, mutate: personalUserDataMutate } = usePublicUserData(userReduxState?._id && (modalShow || dangerousPopulate) ? { user_id: userReduxState?._id } : null);
+	useEffect(() => {
+		if (publicUserData) {
+			console.log("publicUserData", publicUserData);
+			setUserData(publicUserData);
+			setUserLayoutsData(publicUserData?.populated_public_layouts);
+			setUserDonations(publicUserData?.populated_public_donations);
+			setLifetimeContribution(publicUserData?.populated_public_donations.total);
+			setUserProposalsSubmitted(publicUserData?.populated_public_proposals);
+			setActiveLayoutProposalSentiments(publicUserData?.populated_public_proposals_stance);
+			setUserNewsSubmitted(publicUserData?.populated_public_news_submissions || []);
+		}
+	}, [publicUserData]);
+	useEffect(() => {
+		if (personalUserData) {
+			console.log("personalUserData", personalUserData);
+			setUsersProposalSentiments(personalUserData?.populated_public_proposals_stance);
+		}
+	}, [personalUserData]);
+	let membershipSafeName = (populated_user || userData)?.articles_membership?.plan.replace(" ", "-").toLowerCase();
+	let membershipFakeSafeName = fakeMembership?.replace(" ", "-").toLowerCase();
+	const base = `https://articles.media/images/store/memberships/`;
+	const UserBadge = () => {
+		let hasMembership = (populated_user || userData)?.articles_membership?.status == "Active";
+		return /* @__PURE__ */ jsxs("div", {
+			style: size == "lg" ? { fontSize: "1.5rem" } : {},
+			className: `view-user-modal-badge-wrap ${size == "lg" && "large"} ${className && className}`,
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					onClick: () => {
+						setModalShow(true);
+					},
+					className: "position-relative view-user-modal-badge d-flex justify-content-between align-items-center badge bg-articles badge-hover ",
+					children: [
+						(hasMembership || fakeMembership) && /* @__PURE__ */ jsx("i", {
+							className: `fad membership-badge ${membershipFakeSafeName || membershipSafeName} fa-badge-check`,
+							style: {
+								position: "absolute",
+								top: "-2px",
+								left: "-2px",
+								fontSize: "0.9rem",
+								zIndex: 1
+							}
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: `d-flex align-items-center ${hasMembership && ""}`,
+							children: [!hidePhoto && /* @__PURE__ */ jsx("div", {
+								className: size == "lg" ? "me-0" : "me-1",
+								children: /* @__PURE__ */ jsx(UserProfilePhoto, {
+									width: "15px",
+									profile_photo: userData.profile_photo
+								})
+							}), userData.display_name || populated_user?.display_name]
+						}),
+						/* @__PURE__ */ jsx("i", { className: "fad fa-plus-square me-0 ms-2" })
+					]
+				}),
+				visibleItems?.includes("Not Verified") && populated_user?.verified?.status !== "Verified" && /* @__PURE__ */ jsx(OverlayTrigger, {
+					placement: "bottom",
+					overlay: /* @__PURE__ */ jsx(Tooltip, {
+						style: { pointerEvents: "none" },
+						id: "button-tooltip",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "",
+							children: "User is not verified"
+						})
+					}),
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "verification-user-badge badge bg-danger d-flex align-items-center",
+						children: [/* @__PURE__ */ jsx("i", {
+							style: { paddingBottom: "2px" },
+							className: "fas fa-robot me-1"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "",
+							children: "Unverified"
+						})]
+					})
+				}),
+				false,
+				visibleItems?.includes("Verification Status") && /* @__PURE__ */ jsx(OverlayTrigger, {
+					placement: "bottom",
+					overlay: /* @__PURE__ */ jsx(Tooltip, {
+						id: "button-tooltip",
+						style: {
+							pointerEvents: "none",
+							transformX: "-20px"
+						},
+						children: populated_user?.verified?.status == "Verified" ? "Verified" : " Not Verified"
+					}),
+					children: populated_user?.verified?.status == "Verified" ? /* @__PURE__ */ jsx("span", {
+						className: "verification-user-badge badge bg-success cursor-pointer",
+						children: /* @__PURE__ */ jsx("i", { className: "fas fa-check me-0" })
+					}) : /* @__PURE__ */ jsxs("span", {
+						className: "verification-user-badge badge bg-danger cursor-pointer",
+						children: [/* @__PURE__ */ jsx("i", { className: "fas fa-robot me-1" }), /* @__PURE__ */ jsx("span", { children: "?" })]
+					})
+				}),
+				visibleItems?.includes("Political Party") && /* @__PURE__ */ jsx("div", {
+					className: "d-flex",
+					children: (populated_user || userData)?.political?.party_id && /* @__PURE__ */ jsx(OverlayTrigger, {
+						placement: "bottom",
+						overlay: /* @__PURE__ */ jsxs(Tooltip, {
+							id: `tooltip-bottom`,
+							style: { position: "fixed" },
+							children: [/* @__PURE__ */ jsx("img", {
+								width: "40px",
+								height: "40px",
+								style: {
+									objectFit: "contain",
+									padding: "0px",
+									zIndex: "10",
+									position: "relative"
+								},
+								loading: "lazy",
+								src: `${process.env.NEXT_PUBLIC_CDN}` + politicalParties?.find((party) => party._id == (populated_user || userData)?.political?.party_id)?.logo,
+								alt: ""
+							}), /* @__PURE__ */ jsx("span", {
+								className: "ms-2",
+								children: politicalParties?.find((party) => party._id == (populated_user || userData)?.political?.party_id)?.name
+							})]
+						}),
+						children: /* @__PURE__ */ jsx("div", {
+							className: `badge bg-light text-capitalize ms-0 h-100 d-flex justify-content-center align-items-center`,
+							style: {
+								padding: "0 0.15rem",
+								cursor: "pointer"
+							},
+							children: (populated_user || userData)?.political?.party_id && ((populated_user || userData)?.political?.party_id == "62a830440593acbd4061c48c" ? /* @__PURE__ */ jsx("i", { className: "fad fa-unlink unaffiliated-icon fa-lg me-0" }) : /* @__PURE__ */ jsx("img", {
+								width: "15px",
+								height: "15px",
+								style: {
+									objectFit: "contain",
+									padding: "0px"
+								},
+								loading: "lazy",
+								src: `${process.env.NEXT_PUBLIC_CDN}` + politicalParties?.find((party) => party._id == (populated_user || userData)?.political?.party_id)?.logo,
+								alt: ""
+							}))
+						})
+					})
+				})
+			]
+		});
+	};
+	function renderModalButton(buttonType) {
+		switch (buttonType) {
+			case "Link": return /* @__PURE__ */ jsx("span", {
+				type: "button",
+				className: props.className,
+				onClick: () => {
+					setModalShow(true);
+				},
+				children
+			});
+			default: return /* @__PURE__ */ jsx(UserBadge, {});
+		}
+	}
+	const [adminMode, setAdminMode] = useState(false);
+	const [adminUserData, setAdminUserData] = useState({});
+	const [adminUserReports, setAdminUserReports] = useState({});
+	useEffect(() => {
+		if (adminMode && Object.keys(adminUserData).length == 0) console.log("adminUserData", personalUserData);
+	}, [adminMode]);
+	const [lightboxData, setLightboxData] = useState(null);
+	function saveUser() {
+		alert("TODO");
+	}
+	const userLayoutLink = useMemo(() => {
+		return userLayoutsData?.filter((layout) => {
+			return layout.user_layout;
+		})?.[0]?.url;
+	}, [userLayoutsData]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [renderModalButton(buttonType), /* @__PURE__ */ jsxs(Modal, {
+		show: modalShow,
+		size: "lg",
+		id: "view-users-modal",
+		className: "view-users-modal articles-modal",
+		scrollable: true,
+		onHide: handleClose,
+		children: [
+			/* @__PURE__ */ jsx(Modal.Header, {
+				closeButton: true,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "w-100 d-flex justify-content-between align-items-center",
+					children: /* @__PURE__ */ jsx("h3", {
+						className: "mb-0",
+						children: "User Info"
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("div", {
+				className: "main-panel",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "d-flex",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "d-flex flex-column align-items-center",
+							style: { width: "100px" },
+							children: [
+								/* @__PURE__ */ jsx("div", {
+									type: "button",
+									onClick: () => {
+										setLightboxData(`${process.env.NEXT_PUBLIC_CDN}${userData?.profile_photo?.key}`);
+									},
+									children: /* @__PURE__ */ jsx(UserProfilePhoto, {
+										width: "100px",
+										profile_photo: userData?.profile_photo
+									})
+								}),
+								/* @__PURE__ */ jsx(OverlayTrigger, {
+									placement: "bottom",
+									overlay: /* @__PURE__ */ jsx(Tooltip, {
+										id: `tooltip-bottom`,
+										children: "Joined Articles Media"
+									}),
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "badge bg-black border border-white shadow-sm rounded-0",
+										children: ["Joined ", userData?.sign_up_date && format(new Date(userData?.sign_up_date), "M/dd/yy")]
+									})
+								}),
+								userLayoutLink && /* @__PURE__ */ jsx(Link, {
+									href: `https://articles.media/layouts/${userLayoutLink}`,
+									className: "mt-2 w-100",
+									children: /* @__PURE__ */ jsxs(ArticlesButton, {
+										className: "w-100",
+										style: {},
+										children: [/* @__PURE__ */ jsx("i", { className: "fad fa-home" }), /* @__PURE__ */ jsx("span", { children: "Layout" })]
+									})
+								}),
+								/* @__PURE__ */ jsx(IsDev, {
+									className: "w-100",
+									children: /* @__PURE__ */ jsx(Link, {
+										href: {
+											pathname: "https://articles.media/messages",
+											query: { startMsg: userData?._id }
+										},
+										className: "mt-2 w-100",
+										children: /* @__PURE__ */ jsxs(ArticlesButton, {
+											className: "w-100",
+											style: { fontSize: "0.88rem" },
+											children: [/* @__PURE__ */ jsx("i", { className: "fad fa-envelope" }), /* @__PURE__ */ jsx("span", { children: "Message" })]
+										})
+									})
+								}),
+								adminMode && /* @__PURE__ */ jsxs("div", {
+									className: "d-flex flex-column w-100 mt-2",
+									style: { maxWidth: "100px" },
+									children: [/* @__PURE__ */ jsx(ArticlesButton, {
+										variant: "warning",
+										small: true,
+										className: "",
+										children: /* @__PURE__ */ jsx(Textfit, {
+											max: 14,
+											mode: "single",
+											children: "Remove Photo"
+										})
+									}), adminUserData?.user?.profile_photo?.banned_uploads ? /* @__PURE__ */ jsx(ArticlesButton, {
+										variant: "warning",
+										small: true,
+										className: "",
+										onClick: () => {
+											toggleBanCustomPhotoUpload();
+										},
+										children: /* @__PURE__ */ jsx(Textfit, {
+											max: 14,
+											mode: "single",
+											children: "Unban Uploads"
+										})
+									}) : /* @__PURE__ */ jsx(ArticlesButton, {
+										variant: "danger",
+										small: true,
+										className: "",
+										onClick: () => {
+											toggleBanCustomPhotoUpload();
+										},
+										children: /* @__PURE__ */ jsx(Textfit, {
+											max: 14,
+											mode: "single",
+											children: "Ban Uploads"
+										})
+									})]
+								})
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "mx-2",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "d-flex  align-items-center mb-1",
+									children: [/* @__PURE__ */ jsx("h5", {
+										className: "mb-0",
+										children: populated_user?.display_name || userData.display_name
+									}), /* @__PURE__ */ jsxs("span", {
+										className: "ms-2",
+										children: [" @", userData?.username]
+									})]
+								}),
+								userData?.articles_membership?.status == "Active" && /* @__PURE__ */ jsx(OverlayTrigger, {
+									placement: "bottom",
+									overlay: /* @__PURE__ */ jsx(Tooltip, {
+										id: `tooltip-bottom`,
+										children: /* @__PURE__ */ jsxs("div", {
+											className: "d-flex flex-column py-1",
+											children: [/* @__PURE__ */ jsxs("div", {
+												className: "position-relative",
+												children: [
+													userData?.articles_membership?.plan == "Supporter" && /* @__PURE__ */ jsx("img", {
+														src: `${base}supporter.jpg`,
+														width: 50,
+														height: 50,
+														alt: "Membership plan level"
+													}),
+													userData?.articles_membership?.plan == "Premium Supporter" && /* @__PURE__ */ jsx("img", {
+														src: `${base}premiumSupporter.jpg`,
+														width: 50,
+														height: 50,
+														alt: "Membership plan level"
+													}),
+													userData?.articles_membership?.plan == "Advocate" && /* @__PURE__ */ jsx("img", {
+														src: `${base}advocate.jpg`,
+														width: 50,
+														height: 50,
+														alt: "Membership plan level"
+													}),
+													/* @__PURE__ */ jsx("i", {
+														className: `fad membership-badge ${membershipSafeName} fa-badge-check me-1`,
+														style: {
+															position: "absolute",
+															top: "50%",
+															left: "50%",
+															transform: "translateX(-50%) translateY(-50%)",
+															fontSize: "1.5rem"
+														}
+													})
+												]
+											}), /* @__PURE__ */ jsxs("span", {
+												className: "lh-sm",
+												children: [/* @__PURE__ */ jsx("div", { children: userData?.articles_membership?.plan }), /* @__PURE__ */ jsxs("div", {
+													className: "small",
+													children: ["Since ", /* @__PURE__ */ jsx(ArticlesDate, {
+														format: "MM/dd/yy",
+														date: userData?.articles_membership?.membership_started
+													})]
+												})]
+											})]
+										})
+									}),
+									children: /* @__PURE__ */ jsxs("div", {
+										className: `badge bg-articles border me-1 mb-1`,
+										style: { cursor: "pointer" },
+										children: [
+											/* @__PURE__ */ jsx("i", {
+												className: `fad membership-badge ${membershipSafeName} fa-badge-check me-1`,
+												style: {}
+											}),
+											/* @__PURE__ */ jsx("span", { children: userData?.articles_membership?.plan }),
+											/* @__PURE__ */ jsx("span", {
+												className: "px-1",
+												children: "|"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "months fw-bold",
+												children: differenceInMonths(/* @__PURE__ */ new Date(), new Date(userData?.articles_membership?.membership_started)) || 0
+											})
+										]
+									})
+								}),
+								userData?.address?.state && /* @__PURE__ */ jsx(OverlayTrigger, {
+									placement: "bottom",
+									overlay: userData.address?.state?.length == 2 ? /* @__PURE__ */ jsxs(Tooltip, {
+										id: `tooltip-bottom`,
+										children: ["From the state of ", convertRegion(userData.address?.state, "name") ? convertRegion(userData.address?.state, "name")[0] : ""]
+									}) : /* @__PURE__ */ jsxs(Tooltip, {
+										id: `tooltip-bottom`,
+										children: ["From the state of ", userData.address?.state]
+									}),
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "badge bg-articles border me-1 mb-1",
+										children: [/* @__PURE__ */ jsx("i", { className: "fad fa-map-pin me-1" }), userData.address?.state]
+									})
+								}),
+								userData.verified?.status !== "Verified" && /* @__PURE__ */ jsx(OverlayTrigger, {
+									placement: "bottom",
+									overlay: /* @__PURE__ */ jsx(Tooltip, {
+										id: `tooltip-bottom`,
+										children: "User is not verified"
+									}),
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "badge bg-danger me-1 mb-1",
+										children: [/* @__PURE__ */ jsx("i", { className: "fad fa-robot me-1" }), "Unverified"]
+									})
+								}),
+								userData.verified?.status == "Verified" && /* @__PURE__ */ jsx(OverlayTrigger, {
+									placement: "bottom",
+									overlay: /* @__PURE__ */ jsxs(Tooltip, {
+										id: `tooltip-bottom`,
+										className: "",
+										children: [
+											/* @__PURE__ */ jsxs("div", { children: [
+												"Verified by ",
+												userData.verified?.verified_methods?.length,
+												" method",
+												userData.verified?.verified_methods?.length > 1 && "s"
+											] }),
+											/* @__PURE__ */ jsx("hr", {}),
+											/* @__PURE__ */ jsx("div", {
+												className: "pb-2",
+												children: userData.verified?.verified_methods?.map((item, item_i) => {
+													if (Object.keys(item)?.length > 0) return /* @__PURE__ */ jsx("div", {
+														className: "object",
+														children: item?.method_name
+													}, item_i);
+													else return /* @__PURE__ */ jsx("div", {
+														className: "single",
+														children: item
+													}, item_i);
+												})
+											})
+										]
+									}),
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "badge bg-articles border me-1 mb-1",
+										children: [/* @__PURE__ */ jsx("i", { className: "fad fa-star me-1" }), userData.verified?.status]
+									})
+								}),
+								userData.political?.party_id && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(OverlayTrigger, {
+									placement: "bottom",
+									overlay: /* @__PURE__ */ jsx(Tooltip, {
+										id: `tooltip-bottom`,
+										children: /* @__PURE__ */ jsx("div", { children: "Users political party" })
+									}),
+									children: /* @__PURE__ */ jsx(Link, {
+										href: `https://articles.media/politics/parties/${(populated_user || userData)?.political?.party_id}`,
+										children: /* @__PURE__ */ jsx("div", {
+											className: "badge bg-articles border text-capitalize me-1",
+											children: /* @__PURE__ */ jsxs("div", {
+												className: "",
+												children: [(populated_user || userData)?.political?.party_id == "62a830440593acbd4061c48c" ? /* @__PURE__ */ jsx("i", { className: "fad fa-unlink unaffiliated-icon fa-lg me-0" }) : /* @__PURE__ */ jsx("img", {
+													width: "14px",
+													height: "14px",
+													style: {
+														objectFit: "contain",
+														padding: "0px"
+													},
+													loading: "lazy",
+													src: `${process.env.NEXT_PUBLIC_CDN}` + politicalParties?.find((party) => party._id == userData?.political?.party_id)?.logo,
+													alt: ""
+												}), /* @__PURE__ */ jsx("span", {
+													className: "ms-1",
+													children: politicalParties?.find((obj) => obj._id == userData.political?.party_id)?.name
+												})]
+											})
+										})
+									})
+								}) }),
+								/* @__PURE__ */ jsx("hr", {}),
+								/* @__PURE__ */ jsx("div", {
+									className: "small",
+									children: userData?._id == "5e90cc96579a17440c5d7d52" && /* @__PURE__ */ jsx("span", { children: "Founder of Articles Media, thank you for using the site, feel free to message me with any questions, concerns or anything else." })
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsx("hr", {}),
+					adminMode && /* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "d-flex align-items-center justify-content-between",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "small",
+								children: "Admin Mode Toolbar"
+							})
+						}),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+							className: "d-flex mb-2",
+							children: [
+								/* @__PURE__ */ jsx(ArticlesButton, {
+									small: true,
+									variant: "warning",
+									className: "",
+									onClick: () => {
+										loadAdminUserData();
+									},
+									children: /* @__PURE__ */ jsx("i", { className: "fad fa-redo me-0" })
+								}),
+								/* @__PURE__ */ jsx(ArticlesButton, {
+									active: adminMode?.edit,
+									small: true,
+									className: "",
+									onClick: () => {
+										setAdminMode({
+											...adminMode,
+											edit: !adminMode?.edit
+										});
+									},
+									children: "Edit Mode"
+								}),
+								adminMode?.edit && /* @__PURE__ */ jsx(ArticlesButton, {
+									small: true,
+									variant: "success",
+									className: "me-0",
+									onClick: () => {
+										saveUser();
+									},
+									children: /* @__PURE__ */ jsx("i", { className: "fad fa-save me-0" })
+								})
+							]
+						}), [
+							"User Details",
+							"Verification",
+							"Moderation",
+							"Bans",
+							"Stripe",
+							"Layouts",
+							"Reset Password",
+							"Sessions"
+						].map((tab) => /* @__PURE__ */ jsx(ArticlesButton, {
+							active: tab == adminMode?.tab,
+							small: true,
+							onClick: () => {
+								setAdminMode({
+									...adminMode,
+									tab
+								});
+							},
+							children: tab
+						}, tab))] }),
+						/* @__PURE__ */ jsx("hr", {})
+					] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "pe-3 pb-3",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "mb-2 me-2",
+								children: [
+									{
+										name: "Proposals Stance",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: /* @__PURE__ */ jsxs("div", {
+												className: "small",
+												children: [
+													/* @__PURE__ */ jsx("span", { children: usersProposalSentiments?.fundamental?.filter((obj) => {
+														if (usersProposalSentiments?.user_sentiments?.find((sen) => sen.proposal_id == obj._id)) return obj;
+														else return null;
+													}).length }),
+													/* @__PURE__ */ jsx("span", {
+														className: "px-1",
+														children: "/"
+													}),
+													/* @__PURE__ */ jsx("span", { children: usersProposalSentiments?.fundamental?.length })
+												]
+											})
+										})
+									},
+									{
+										name: "Proposal Sentiments",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: userData?.populated_public_proposals_stance?.user_sentiments_count || 0
+										})
+									},
+									{
+										name: "Proposal Comments",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: userData?.populated_public_proposals_stance?.user_comments_count || 0
+										})
+									},
+									{
+										name: "Proposal Submissions",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: userProposalsSubmitted?.length || 0
+										})
+									},
+									{
+										name: "News Comments",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: userData?.populated_news_comments_count || 0
+										})
+									},
+									{
+										name: "News Submissions",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: userNewsSubmitted?.length || 0
+										})
+									},
+									{
+										name: "Verifications",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: userData.verified?.verified_methods?.length || 0
+										})
+									},
+									{
+										name: "Layouts",
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: userLayoutsData?.length || 0
+										})
+									},
+									{
+										name: "Donations",
+										badge: /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
+											className: "badge bg-primary ms-1",
+											children: publicUserData?.populated_public_donations?.count || 0
+										}), /* @__PURE__ */ jsxs("span", {
+											className: "badge bg-black",
+											children: ["$", numberWithCommas((publicUserData?.populated_public_donations.total / 100).toFixed(2))]
+										})] })
+									},
+									{
+										name: "Orders",
+										badge: /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
+											className: "badge bg-primary ms-1",
+											children: "0"
+										}), /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black",
+											children: "0"
+										})] })
+									},
+									{
+										name: "Achievements",
+										dev: true,
+										badge: /* @__PURE__ */ jsx("span", {
+											className: "badge bg-black ms-1",
+											children: "0"
+										})
+									}
+								].map((obj) => {
+									obj.name, obj.name, obj.badge, obj.name;
+									if (obj.dev) return /* @__PURE__ */ jsx(IsDev, {
+										inline: true,
+										children: /* @__PURE__ */ jsxs(ArticlesButton, {
+											onClick: () => setContentDisplayTab(obj.name),
+											active: obj.name == contentDisplayTab,
+											small: true,
+											children: [obj.name, obj.badge]
+										}, obj.name)
+									}, obj.name);
+									else return /* @__PURE__ */ jsxs(ArticlesButton, {
+										onClick: () => setContentDisplayTab(obj.name),
+										active: obj.name == contentDisplayTab,
+										small: true,
+										children: [obj.name, obj.badge]
+									}, obj.name);
+								})
+							}),
+							contentDisplayTab == "Proposals Stance" && /* @__PURE__ */ jsx(ProposalsStance, {
+								activeLayoutProposalSentiments,
+								populated_user,
+								usersProposalSentiments,
+								setShowFullStanceDetails,
+								showFullStanceDetails,
+								userData
+							}),
+							contentDisplayTab == "Proposal Comments" && /* @__PURE__ */ jsx(ProposalComments, { activeLayoutProposalSentiments }),
+							contentDisplayTab == "Proposal Sentiments" && /* @__PURE__ */ jsx(ProposalSentiments, { activeLayoutProposalSentiments }),
+							contentDisplayTab == "Proposal Submissions" && /* @__PURE__ */ jsx(ProposalSubmissions, { userProposalsSubmitted: publicUserData?.populated_public_proposals }),
+							contentDisplayTab == "News Comments" && /* @__PURE__ */ jsx(NewsComments, { publicUserData }),
+							contentDisplayTab == "News Submissions" && /* @__PURE__ */ jsx(NewsSubmissions, {
+								publicUserData,
+								userNewsSubmitted: publicUserData?.populated_public_news_submissions
+							}),
+							contentDisplayTab == "Donations" && /* @__PURE__ */ jsx(Donations, {
+								publicUserData,
+								userDonations: publicUserData?.populated_public_donations,
+								lifetimeContribution
+							}),
+							contentDisplayTab == "Layouts" && /* @__PURE__ */ jsx(Layouts, {
+								publicUserData,
+								userLayoutsData: publicUserData?.populated_public_layouts
+							}),
+							contentDisplayTab == "Verifications" && /* @__PURE__ */ jsx(Verifications, {
+								publicUserData,
+								userData
+							}),
+							contentDisplayTab == "Achievements" && /* @__PURE__ */ jsx(Achievements, { publicUserData })
+						]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ jsxs(Modal.Footer, {
+				className: "justify-content-between",
+				children: [userReduxState?._id == "5e90cc96579a17440c5d7d52" ? /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsxs(IsDev, {
+					inline: true,
+					className: "me-2",
+					children: [/* @__PURE__ */ jsxs(ArticlesButton, {
+						onClick: () => {
+							if (adminMode) setAdminMode(false);
+							else setAdminMode({ tab: "" });
+						},
+						small: true,
+						active: adminMode,
+						variant: "",
+						className: "me-1",
+						children: [/* @__PURE__ */ jsx("i", { className: "fad fa-pen" }), /* @__PURE__ */ jsx("span", { children: "Admin Mode" })]
+					}), /* @__PURE__ */ jsx(ArticlesButton, {
+						onClick: () => {
+							publicUserDataMutate();
+							personalUserDataMutate();
+						},
+						small: true,
+						variant: "warning",
+						className: "",
+						children: /* @__PURE__ */ jsx("i", { className: "fad fa-redo me-0" })
+					})]
+				}), /* @__PURE__ */ jsx("span", {
+					style: { fontSize: "0.8rem" },
+					children: userData?._id
+				})] }) : /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("div", {
+					className: "justify-content-",
+					children: /* @__PURE__ */ jsx(ArticlesButton, {
+						variant: "articles",
+						onClick: handleClose,
+						children: "Close"
+					})
+				})]
+			})
+		]
+	})] });
+}
+//#endregion
+export { ViewUserModal as t };