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

package/dist/AdDetailsModal-DRNRTL2W.js

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

package/dist/AdDetailsModal-g0n7LiV6.cjs

@@ -0,0 +1 @@
+require(`./chunk-350yNsax.cjs`);const e=require(`./jsx-runtime-hCcDh67y.cjs`),t=require(`./Button-CbpRj01E.cjs`),n=require(`./Link-c7exNCJ3.cjs`),r=require(`./Modal-DP9CeAVD.cjs`);let i=require(`react`);var a=e.t();function o(e){let{setModalShow:o,ad:s,previewData:c}=e;(0,i.useEffect)(()=>{console.log(`Mounted`)},[]);let l=()=>{o(!1)};return(0,a.jsx)(`div`,{children:(0,a.jsxs)(r.t,{show:!0,backdropClassName:`ad-details-modal-backdrop`,className:`articles-modal`,centered:!0,onHide:l,size:`md`,children:[(0,a.jsx)(r.t.Header,{className:`align-items-center`,closeButton:!0,children:(0,a.jsx)(r.t.Title,{children:`Ad Details`})}),(0,a.jsxs)(r.t.Body,{className:``,children:[(0,a.jsxs)(`p`,{className:`mb-1`,children:[`Advertiser: `,(0,a.jsx)(`b`,{children:s?.business})]}),(0,a.jsxs)(`p`,{className:`mb-0`,children:[`Ad ID: `,(0,a.jsx)(`b`,{children:c?._id||s._id})]}),(0,a.jsx)(`hr`,{}),(0,a.jsx)(`div`,{className:`mb-1`,children:`This ad is being shown to you for the following reasons`}),s.city?(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`h4 mb-1`,children:s.business}),(0,a.jsx)(`div`,{children:`Is advertising to all zip codes within a`}),(0,a.jsx)(`span`,{children:(0,a.jsx)(`div`,{className:`badge bg-black shadow-articles`,children:`15 Mile Radius`})}),(0,a.jsx)(`div`,{children:`of it's business`}),(0,a.jsx)(`hr`,{className:`border w-50 border-white`}),(0,a.jsxs)(`div`,{className:`d-flex align-items-center`,children:[(0,a.jsx)(`div`,{children:`Your Zip code`}),(0,a.jsx)(`div`,{className:`badge bg-black shadow-articles ms-2`,children:`00000`}),(0,a.jsx)(`div`,{className:`ms-2`,children:`is`}),(0,a.jsx)(`div`,{className:`badge bg-black shadow-articles ms-2`,children:`4.2 miles away`})]})]}):(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`div`,{className:`h4 mb-1`,children:s.business}),(0,a.jsx)(`div`,{children:`Is advertising to all users`})]}),(0,a.jsx)(`div`,{className:`grow`}),(0,a.jsx)(`hr`,{className:`w-100`}),(0,a.jsx)(`div`,{className:`reason lh-sm mb-2`,children:`Ads we display to you will always be transparent as to why you are seeing them.`}),(0,a.jsx)(n.t,{href:`https://articles.media/settings/account`,newPage:!0,className:``,children:(0,a.jsx)(t.t,{small:!0,children:`Settings`})})]}),(0,a.jsx)(r.t.Footer,{className:`d-flex justify-content-center`,children:(0,a.jsx)(t.t,{variant:`articles`,onClick:l,children:`Close`})})]})})}exports.default=o;

package/dist/ArticlesAd.cjs

@@ -1 +1 @@
-"use strict";const t=require("./jsx-runtime-nZSsnGb7.cjs"),s=require("react");function c({darkMode:r}){return s.useEffect(()=>{},[]),s.useEffect(()=>{const e=document.createElement("script");return e.src="https://accounts.articles.media/js/ad.js",e.async=!0,document.body.appendChild(e),()=>{document.body.removeChild(e)}},[]),t.jsxRuntimeExports.jsx("div",{className:"",children:t.jsxRuntimeExports.jsx("div",{className:"articles-media-ad"})})}module.exports=c;
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./jsx-runtime-hCcDh67y.cjs`);let n=require(`react`);n=e.n(n);var r=t.t();function i({darkMode:e}){return(0,n.useEffect)(()=>{},[]),(0,n.useEffect)(()=>{let e=document.createElement(`script`);return e.src=`https://accounts.articles.media/js/ad.js`,e.async=!0,document.body.appendChild(e),()=>{document.body.removeChild(e)}},[]),(0,r.jsx)(`div`,{className:``,children:(0,r.jsx)(`div`,{className:`articles-media-ad`})})}module.exports=i;

package/dist/ArticlesAd.js

@@ -1,16 +1,17 @@
-import { j as t } from "./jsx-runtime-tc70JA_2.js";
-import { useEffect as s } from "react";
-function a({
-  darkMode: r
-}) {
-  return s(() => {
-  }, []), s(() => {
-    const e = document.createElement("script");
-    return e.src = "https://accounts.articles.media/js/ad.js", e.async = !0, document.body.appendChild(e), () => {
-      document.body.removeChild(e);
-    };
-  }, []), /* @__PURE__ */ t.jsx("div", { className: "", children: /* @__PURE__ */ t.jsx("div", { className: "articles-media-ad" }) });
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { useEffect as t } from "react";
+//#region src/components/Ads/ArticlesAd.jsx
+var n = e();
+function r({ darkMode: e }) {
+	return t(() => {}, []), t(() => {
+		let e = document.createElement("script");
+		return e.src = "https://accounts.articles.media/js/ad.js", e.async = !0, document.body.appendChild(e), () => {
+			document.body.removeChild(e);
+		};
+	}, []), /* @__PURE__ */ (0, n.jsx)("div", {
+		className: "",
+		children: /* @__PURE__ */ (0, n.jsx)("div", { className: "articles-media-ad" })
+	});
 }
-export {
-  a as default
-};
+//#endregion
+export { r as default };

package/dist/Button-BlAdEbSd.js

@@ -0,0 +1,30 @@
+import { r as e, t } from "./jsx-runtime-VZk6y-ec.js";
+import { t as n } from "./classnames-DP6dWde5.js";
+import { forwardRef as r } from "react";
+//#region src/components/UI/Button.jsx
+var i = /* @__PURE__ */ e(n(), 1), a = t(), o = r((e, t) => {
+	let { size: n, variant: r, 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, ...y } = e;
+	return /* @__PURE__ */ (0, a.jsx)("button", {
+		ref: t,
+		...p && { type: "submit" },
+		disabled: d,
+		style: o,
+		onMouseDown: m,
+		onMouseUp: h,
+		onMouseLeave: g,
+		onTouchStart: _,
+		onTouchEnd: v,
+		className: (0, i.default)(`btn ${r ? `btn-${r}` : "btn-articles"}`, {
+			[u]: u,
+			"btn-lg": c,
+			"btn-sm": s,
+			active: f,
+			[`btn-${n}`]: n
+		}),
+		onClick: l,
+		children: e.children
+	});
+});
+o.displayName = "ArticlesButton";
+//#endregion
+export { o as t };

package/dist/Button-CbpRj01E.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./classnames-pS64X3rL.cjs`),n=require(`./jsx-runtime-hCcDh67y.cjs`);let r=require(`react`);var i=e.n(t.t(),1),a=n.t(),o=(0,r.forwardRef)((e,t)=>{let{size:n,variant:r,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,...y}=e;return(0,a.jsx)(`button`,{ref:t,...p&&{type:`submit`},disabled:d,style:o,onMouseDown:m,onMouseUp:h,onMouseLeave:g,onTouchStart:_,onTouchEnd:v,className:(0,i.default)(`btn ${r?`btn-${r}`:`btn-articles`}`,{[u]:u,"btn-lg":c,"btn-sm":s,active:f,[`btn-${n}`]:n}),onClick:l,children:e.children})});o.displayName=`ArticlesButton`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/CreditsModal.cjs

@@ -0,0 +1 @@
+require(`./chunk-350yNsax.cjs`);const e=require(`./jsx-runtime-hCcDh67y.cjs`),t=require(`./Button-CbpRj01E.cjs`);let n=require(`react`),r=require(`react-bootstrap`);var i=e.t();function a({show:e,setShow:a,useStore:o,owner:s,repo:c,developers:l,publisher:u,introText:d}){let[f,p]=(0,n.useState)(!1);return(0,i.jsxs)(r.Modal,{className:`articles-modal`,size:`md`,show:e,centered:!0,scrollable:!0,onExited:()=>{},onHide:()=>{a(!1)},children:[(0,i.jsx)(r.Modal.Header,{closeButton:!0,children:(0,i.jsx)(r.Modal.Title,{children:`Game Credits`})}),(0,i.jsxs)(r.Modal.Body,{className:`flex-column p-3`,children:[d&&(0,i.jsx)(`div`,{className:`mb-3`,children:d}),l?(0,i.jsx)(`div`,{}):(0,i.jsx)(`div`,{children:`Developed by: ArticlesJoey `}),u?(0,i.jsx)(`div`,{}):(0,i.jsx)(`div`,{children:`Published by: Articles Media `}),(0,i.jsx)(`div`,{className:`mb-3`}),s&&c&&(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{children:`Attributions:`}),(0,i.jsx)(`a`,{href:`https://github.com/${s}/${c}/blob/main/README.md`,target:`_blank`,rel:`noopener noreferrer`,children:(0,i.jsxs)(t.t,{children:[(0,i.jsx)(`i`,{className:`fab fa-github`}),`View on GitHub`]})})]})]}),(0,i.jsxs)(r.Modal.Footer,{className:`justify-content-between`,children:[(0,i.jsx)(`div`,{}),(0,i.jsx)(t.t,{variant:`outline-dark`,onClick:()=>{a(!1)},children:`Close`})]})]})}module.exports=a;

package/dist/CreditsModal.js

@@ -0,0 +1,56 @@
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { t } from "./Button-BlAdEbSd.js";
+import { useState as n } from "react";
+import { Modal as r } from "react-bootstrap";
+//#region src/components/Games/Credits/CreditsModal.jsx
+var i = e();
+function a({ show: e, setShow: a, useStore: o, owner: s, repo: c, developers: l, publisher: u, introText: d }) {
+	let [f, p] = n(!1);
+	return /* @__PURE__ */ (0, i.jsxs)(r, {
+		className: "articles-modal",
+		size: "md",
+		show: e,
+		centered: !0,
+		scrollable: !0,
+		onExited: () => {},
+		onHide: () => {
+			a(!1);
+		},
+		children: [
+			/* @__PURE__ */ (0, i.jsx)(r.Header, {
+				closeButton: !0,
+				children: /* @__PURE__ */ (0, i.jsx)(r.Title, { children: "Game Credits" })
+			}),
+			/* @__PURE__ */ (0, i.jsxs)(r.Body, {
+				className: "flex-column p-3",
+				children: [
+					d && /* @__PURE__ */ (0, i.jsx)("div", {
+						className: "mb-3",
+						children: d
+					}),
+					l ? /* @__PURE__ */ (0, i.jsx)("div", {}) : /* @__PURE__ */ (0, i.jsx)("div", { children: "Developed by: ArticlesJoey " }),
+					u ? /* @__PURE__ */ (0, i.jsx)("div", {}) : /* @__PURE__ */ (0, i.jsx)("div", { children: "Published by: Articles Media " }),
+					/* @__PURE__ */ (0, i.jsx)("div", { className: "mb-3" }),
+					s && c && /* @__PURE__ */ (0, i.jsxs)("div", { children: [/* @__PURE__ */ (0, i.jsx)("div", { children: "Attributions:" }), /* @__PURE__ */ (0, i.jsx)("a", {
+						href: `https://github.com/${s}/${c}/blob/main/README.md`,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: /* @__PURE__ */ (0, i.jsxs)(t, { children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fab fa-github" }), "View on GitHub"] })
+					})] })
+				]
+			}),
+			/* @__PURE__ */ (0, i.jsxs)(r.Footer, {
+				className: "justify-content-between",
+				children: [/* @__PURE__ */ (0, i.jsx)("div", {}), /* @__PURE__ */ (0, i.jsx)(t, {
+					variant: "outline-dark",
+					onClick: () => {
+						a(!1);
+					},
+					children: "Close"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { a as default };

package/dist/DarkModeHandler.cjs

@@ -1 +1 @@
-"use strict";const a=require("./jsx-runtime-nZSsnGb7.cjs"),d=require("react");function n({useStore:t}){const r=t(e=>e.darkMode),s=t(e=>e._hasHydrated);return d.useEffect(()=>{if(s){if(r==null){const e=window.matchMedia("(prefers-color-scheme: dark)").matches;t.getState().setDarkMode(!!e)}r?document.body.setAttribute("data-bs-theme","dark"):document.body.setAttribute("data-bs-theme","light")}},[r,s]),a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{})}module.exports=n;
+require(`./chunk-350yNsax.cjs`);const e=require(`./jsx-runtime-hCcDh67y.cjs`);let t=require(`react`);var n=e.t();function r({useStore:e}){let r=e(e=>e.darkMode),i=e(e=>e._hasHydrated);return(0,t.useEffect)(()=>{if(i){if(r==null){let t=window.matchMedia(`(prefers-color-scheme: dark)`).matches;e.getState().setDarkMode(!!t)}r?document.body.setAttribute(`data-bs-theme`,`dark`):document.body.setAttribute(`data-bs-theme`,`light`)}},[r,i]),(0,n.jsx)(n.Fragment,{})}module.exports=r;

package/dist/DarkModeHandler.js

@@ -1,17 +1,18 @@
-import { j as d } from "./jsx-runtime-tc70JA_2.js";
-import { useEffect as s } from "react";
-function m({ useStore: t }) {
-  const r = t((e) => e.darkMode), a = t((e) => e._hasHydrated);
-  return s(() => {
-    if (a) {
-      if (r == null) {
-        const e = window.matchMedia("(prefers-color-scheme: dark)").matches;
-        t.getState().setDarkMode(!!e);
-      }
-      r ? document.body.setAttribute("data-bs-theme", "dark") : document.body.setAttribute("data-bs-theme", "light");
-    }
-  }, [r, a]), /* @__PURE__ */ d.jsx(d.Fragment, {});
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { useEffect as t } from "react";
+//#region src/components/UI/DarkModeHandler.jsx
+var n = e();
+function r({ useStore: e }) {
+	let r = e((e) => e.darkMode), i = e((e) => e._hasHydrated);
+	return t(() => {
+		if (i) {
+			if (r == null) {
+				let t = window.matchMedia("(prefers-color-scheme: dark)").matches;
+				e.getState().setDarkMode(!!t);
+			}
+			r ? document.body.setAttribute("data-bs-theme", "dark") : document.body.setAttribute("data-bs-theme", "light");
+		}
+	}, [r, i]), /* @__PURE__ */ (0, n.jsx)(n.Fragment, {});
 }
-export {
-  m as default
-};
+//#endregion
+export { r as default };

package/dist/FriendsList.cjs

@@ -1 +1 @@
-"use strict";const s=require("./jsx-runtime-nZSsnGb7.cjs"),f=require("./useUserFriends.cjs"),n=require("./Button-0ZK0NKiK.cjs"),i=require("./Modal-Bdhkgkwr.cjs");function h({show:u,setShow:x,componentType:a,className:l,style:o={},user_id:c,user_token:m,id:j=null,allowInvite:d=!1,inviteFunction:E=null,modalBackdropClassName:p=""}){const{data:e,error:N,isLoading:r,mutate:R}=f({user_id:c,user_token:m});if((!a||a=="list")&&!r&&e&&e.length>0)return s.jsxRuntimeExports.jsx("ul",{className:l,style:o,children:e.map(t=>s.jsxRuntimeExports.jsxs("li",{children:[t?.populated_user?.username," - ",t?.populated_user?.display_name||"No Display Name"]},t.user_id))});if(a.toLowerCase()=="modal")return s.jsxRuntimeExports.jsxs(i.Modal,{show:u,size:"md",className:`articles-modal ${l}`,modalBackdropClassName:p,centered:!0,onHide:()=>x(!1),style:o,id:j,children:[s.jsxRuntimeExports.jsx(i.Modal.Header,{children:s.jsxRuntimeExports.jsx(i.Modal.Title,{children:"Friends"})}),s.jsxRuntimeExports.jsxs(i.Modal.Body,{children:[r&&s.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-center",children:[s.jsxRuntimeExports.jsx("i",{className:"fad fa-spinner-third fa-spin fa-2x"}),s.jsxRuntimeExports.jsx("div",{children:"Loading..."})]}),!r&&e&&e.length==0&&s.jsxRuntimeExports.jsx("div",{children:"No friends to show."}),!r&&e&&e.length>0&&s.jsxRuntimeExports.jsx("div",{children:e.map(t=>s.jsxRuntimeExports.jsxs("div",{className:"d-flex align-items-center justify-content-between border p-1",children:[t?.populated_user?.username," - ",t?.populated_user?.display_name||"No Display Name",s.jsxRuntimeExports.jsxs("div",{children:[d&&s.jsxRuntimeExports.jsx(n.ArticlesButton,{variant:"articles",onClick:()=>{d(t)},children:s.jsxRuntimeExports.jsx("i",{className:"fad fa-comment-check"})}),s.jsxRuntimeExports.jsx(n.ArticlesButton,{variant:"articles",onClick:()=>{},children:s.jsxRuntimeExports.jsx("i",{className:"fad fa-info"})})]})]},t.user_id))})]}),s.jsxRuntimeExports.jsxs(i.Modal.Footer,{className:"justify-content-between",children:[s.jsxRuntimeExports.jsxs(n.ArticlesButton,{variant:"articles",onClick:()=>{R()},children:[s.jsxRuntimeExports.jsx("i",{className:"fad fa-redo me-2"}),s.jsxRuntimeExports.jsx("span",{children:"Refresh"})]}),s.jsxRuntimeExports.jsxs(n.ArticlesButton,{variant:"articles",onClick:()=>{x(!1)},children:[s.jsxRuntimeExports.jsx("i",{className:"fad fa-times me-2"}),"Close"]})]})]})}module.exports=h;
+require(`./chunk-350yNsax.cjs`);const e=require(`./jsx-runtime-hCcDh67y.cjs`),t=require(`./Button-CbpRj01E.cjs`),n=require(`./useUserFriends.cjs`);let r=require(`react-bootstrap`);var i=e.t();function a({show:e,setShow:a,componentType:o,className:s,style:c={},user_id:l,user_token:u,id:d=null,allowInvite:f=!1,inviteFunction:p=null,modalBackdropClassName:m=``}){let{data:h,error:g,isLoading:_,mutate:v}=n({user_id:l,user_token:u});if((!o||o==`list`)&&!_&&h&&h.length>0)return(0,i.jsx)(`ul`,{className:s,style:c,children:h.map(e=>(0,i.jsxs)(`li`,{children:[e?.populated_user?.username,` - `,e?.populated_user?.display_name||`No Display Name`]},e.user_id))});if(o.toLowerCase()==`modal`)return(0,i.jsxs)(r.Modal,{show:e,size:`md`,className:`articles-modal ${s}`,modalBackdropClassName:m,centered:!0,onHide:()=>a(!1),style:c,id:d,children:[(0,i.jsx)(r.Modal.Header,{children:(0,i.jsx)(r.Modal.Title,{children:`Friends`})}),(0,i.jsxs)(r.Modal.Body,{children:[_&&(0,i.jsxs)(`div`,{className:`d-flex align-items-center`,children:[(0,i.jsx)(`i`,{className:`fad fa-spinner-third fa-spin fa-2x`}),(0,i.jsx)(`div`,{children:`Loading...`})]}),!_&&h&&h.length==0&&(0,i.jsx)(`div`,{children:`No friends to show.`}),!_&&h&&h.length>0&&(0,i.jsx)(`div`,{children:h.map(e=>(0,i.jsxs)(`div`,{className:`d-flex align-items-center justify-content-between border p-1`,children:[e?.populated_user?.username,` - `,e?.populated_user?.display_name||`No Display Name`,(0,i.jsxs)(`div`,{children:[f&&(0,i.jsx)(t.t,{variant:`articles`,onClick:()=>{f(e)},children:(0,i.jsx)(`i`,{className:`fad fa-comment-check`})}),(0,i.jsx)(t.t,{variant:`articles`,onClick:()=>{},children:(0,i.jsx)(`i`,{className:`fad fa-info`})})]})]},e.user_id))})]}),(0,i.jsxs)(r.Modal.Footer,{className:`justify-content-between`,children:[(0,i.jsxs)(t.t,{variant:`articles`,onClick:()=>{v()},children:[(0,i.jsx)(`i`,{className:`fad fa-redo me-2`}),(0,i.jsx)(`span`,{children:`Refresh`})]}),(0,i.jsxs)(t.t,{variant:`articles`,onClick:()=>{a(!1)},children:[(0,i.jsx)(`i`,{className:`fad fa-times me-2`}),`Close`]})]})]})}module.exports=a;

package/dist/FriendsList.js

@@ -1,122 +1,78 @@
-import { j as e } from "./jsx-runtime-tc70JA_2.js";
-import p from "./useUserFriends.js";
-import { A as l } from "./Button-_Quon8UV.js";
-import { M as a } from "./Modal-nux8R77F.js";
-function k({
-  show: m,
-  setShow: d,
-  componentType: n,
-  className: t,
-  style: c = {},
-  user_id: f,
-  user_token: x,
-  id: u = null,
-  allowInvite: o = !1,
-  inviteFunction: N = null,
-  modalBackdropClassName: j = ""
-}) {
-  const {
-    data: s,
-    error: v,
-    isLoading: r,
-    // isValidating: friendsValidating,
-    mutate: h
-  } = p({
-    user_id: f,
-    user_token: x
-  });
-  if ((!n || n == "list") && !r && s && s.length > 0)
-    return /* @__PURE__ */ e.jsx("ul", { className: t, style: c, children: s.map((i) => /* @__PURE__ */ e.jsxs("li", { children: [
-      i?.populated_user?.username,
-      " - ",
-      i?.populated_user?.display_name || "No Display Name"
-    ] }, i.user_id)) });
-  if (n.toLowerCase() == "modal")
-    return /* @__PURE__ */ e.jsxs(
-      a,
-      {
-        show: m,
-        size: "md",
-        className: `articles-modal ${t}`,
-        modalBackdropClassName: j,
-        centered: !0,
-        onHide: () => d(!1),
-        style: c,
-        id: u,
-        children: [
-          /* @__PURE__ */ e.jsx(a.Header, { children: /* @__PURE__ */ e.jsx(a.Title, { children: "Friends" }) }),
-          /* @__PURE__ */ e.jsxs(a.Body, { children: [
-            r && /* @__PURE__ */ e.jsxs("div", { className: "d-flex align-items-center", children: [
-              /* @__PURE__ */ e.jsx("i", { className: "fad fa-spinner-third fa-spin fa-2x" }),
-              /* @__PURE__ */ e.jsx("div", { children: "Loading..." })
-            ] }),
-            !r && s && s.length == 0 && /* @__PURE__ */ e.jsx("div", { children: "No friends to show." }),
-            !r && s && s.length > 0 && /* @__PURE__ */ e.jsx("div", { children: s.map((i) => /* @__PURE__ */ e.jsxs(
-              "div",
-              {
-                className: "d-flex align-items-center justify-content-between border p-1",
-                children: [
-                  i?.populated_user?.username,
-                  " - ",
-                  i?.populated_user?.display_name || "No Display Name",
-                  /* @__PURE__ */ e.jsxs("div", { children: [
-                    o && /* @__PURE__ */ e.jsx(
-                      l,
-                      {
-                        variant: "articles",
-                        onClick: () => {
-                          o(i);
-                        },
-                        children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-comment-check" })
-                      }
-                    ),
-                    /* @__PURE__ */ e.jsx(
-                      l,
-                      {
-                        variant: "articles",
-                        onClick: () => {
-                        },
-                        children: /* @__PURE__ */ e.jsx("i", { className: "fad fa-info" })
-                      }
-                    )
-                  ] })
-                ]
-              },
-              i.user_id
-            )) })
-          ] }),
-          /* @__PURE__ */ e.jsxs(a.Footer, { className: "justify-content-between", children: [
-            /* @__PURE__ */ e.jsxs(
-              l,
-              {
-                variant: "articles",
-                onClick: () => {
-                  h();
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx("i", { className: "fad fa-redo me-2" }),
-                  /* @__PURE__ */ e.jsx("span", { children: "Refresh" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e.jsxs(
-              l,
-              {
-                variant: "articles",
-                onClick: () => {
-                  d(!1);
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx("i", { className: "fad fa-times me-2" }),
-                  "Close"
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
+import { t as e } from "./jsx-runtime-VZk6y-ec.js";
+import { t } from "./Button-BlAdEbSd.js";
+import n from "./useUserFriends.js";
+import { Modal as r } from "react-bootstrap";
+//#region src/components/Friends/FriendsList.jsx
+var i = e();
+function a({ show: e, setShow: a, componentType: o, className: s, style: c = {}, user_id: l, user_token: u, id: d = null, allowInvite: f = !1, inviteFunction: p = null, modalBackdropClassName: m = "" }) {
+	let { data: h, error: g, isLoading: _, mutate: v } = n({
+		user_id: l,
+		user_token: u
+	});
+	if ((!o || o == "list") && !_ && h && h.length > 0) return /* @__PURE__ */ (0, i.jsx)("ul", {
+		className: s,
+		style: c,
+		children: h.map((e) => /* @__PURE__ */ (0, i.jsxs)("li", { children: [
+			e?.populated_user?.username,
+			" - ",
+			e?.populated_user?.display_name || "No Display Name"
+		] }, e.user_id))
+	});
+	if (o.toLowerCase() == "modal") return /* @__PURE__ */ (0, i.jsxs)(r, {
+		show: e,
+		size: "md",
+		className: `articles-modal ${s}`,
+		modalBackdropClassName: m,
+		centered: !0,
+		onHide: () => a(!1),
+		style: c,
+		id: d,
+		children: [
+			/* @__PURE__ */ (0, i.jsx)(r.Header, { children: /* @__PURE__ */ (0, i.jsx)(r.Title, { children: "Friends" }) }),
+			/* @__PURE__ */ (0, i.jsxs)(r.Body, { children: [
+				_ && /* @__PURE__ */ (0, i.jsxs)("div", {
+					className: "d-flex align-items-center",
+					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-spinner-third fa-spin fa-2x" }), /* @__PURE__ */ (0, i.jsx)("div", { children: "Loading..." })]
+				}),
+				!_ && h && h.length == 0 && /* @__PURE__ */ (0, i.jsx)("div", { children: "No friends to show." }),
+				!_ && h && h.length > 0 && /* @__PURE__ */ (0, i.jsx)("div", { children: h.map((e) => /* @__PURE__ */ (0, i.jsxs)("div", {
+					className: "d-flex align-items-center justify-content-between border p-1",
+					children: [
+						e?.populated_user?.username,
+						" - ",
+						e?.populated_user?.display_name || "No Display Name",
+						/* @__PURE__ */ (0, i.jsxs)("div", { children: [f && /* @__PURE__ */ (0, i.jsx)(t, {
+							variant: "articles",
+							onClick: () => {
+								f(e);
+							},
+							children: /* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-comment-check" })
+						}), /* @__PURE__ */ (0, i.jsx)(t, {
+							variant: "articles",
+							onClick: () => {},
+							children: /* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-info" })
+						})] })
+					]
+				}, e.user_id)) })
+			] }),
+			/* @__PURE__ */ (0, i.jsxs)(r.Footer, {
+				className: "justify-content-between",
+				children: [/* @__PURE__ */ (0, i.jsxs)(t, {
+					variant: "articles",
+					onClick: () => {
+						v();
+					},
+					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-redo me-2" }), /* @__PURE__ */ (0, i.jsx)("span", { children: "Refresh" })]
+				}), /* @__PURE__ */ (0, i.jsxs)(t, {
+					variant: "articles",
+					onClick: () => {
+						a(!1);
+					},
+					children: [/* @__PURE__ */ (0, i.jsx)("i", { className: "fad fa-times me-2" }), "Close"]
+				})]
+			})
+		]
+	});
 }
-export {
-  k as default
-};
+//#endregion
+export { a as default };