@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/CommunicationsCallsPagePage.js

@@ -0,0 +1,124 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { Clock as n, Phone as r, PhoneIncoming as i, PhoneMissed as a, PhoneOutgoing as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/CommunicationsCallsPagePage.tsx
+var h = (e) => {
+	let t = Math.max(e, 0), n = Math.floor(t / 60), r = t % 60;
+	return n > 0 ? `${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}` : `00:${String(r).padStart(2, "0")}`;
+}, g = ({ type: e }) => e === "incoming" ? /* @__PURE__ */ s(i, { className: "h-4 w-4 text-green-500" }) : e === "outgoing" ? /* @__PURE__ */ s(o, { className: "h-4 w-4 text-blue-500" }) : /* @__PURE__ */ s(a, { className: "h-4 w-4 text-red-500" });
+function _() {
+	let { employees: i, teams: o } = e(), _ = t(() => i.slice(0, 10).map((e, t) => {
+		let n = t % 5 == 0 ? "missed" : t % 2 == 0 ? "outgoing" : "incoming", r = o[t % Math.max(o.length, 1)], i = Math.round((e.performanceScore + t) * 3);
+		return {
+			id: `call-${e.id}`,
+			name: `${e.firstName} ${e.lastName}`.trim(),
+			type: n,
+			duration: n === "missed" ? "-" : h(i),
+			time: new Date(e.startDate).toLocaleDateString(),
+			topic: r ? `${r.name} check-in` : `${e.department} operations update`
+		};
+	}), [i, o]), v = _.filter((e) => e.duration !== "-"), y = v.length ? Math.round(v.map((e) => {
+		let [t, n] = e.duration.split(":").map(Number);
+		return t * 60 + n;
+	}).reduce((e, t) => e + t, 0) / v.length) : 0;
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-semibold",
+					children: "Calls"
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Voice call history and quick dial"
+				})] }), /* @__PURE__ */ c(u, {
+					size: "sm",
+					children: [/* @__PURE__ */ s(r, { className: "mr-1 h-4 w-4" }), "New Call"]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Total Calls"
+						}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: _.length
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Live call activity"
+					})] })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Missed"
+						}), /* @__PURE__ */ s(a, { className: "h-4 w-4 text-red-500" })]
+					}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: _.filter((e) => e.type === "missed").length
+					}) })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Avg Duration"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: h(y)
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "minutes"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Call History" }) }), /* @__PURE__ */ s(f, {
+				className: "space-y-3",
+				children: _.map((e) => /* @__PURE__ */ c("div", {
+					className: "flex items-center justify-between rounded border p-3",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ s(g, { type: e.type }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+							className: "text-sm font-medium",
+							children: e.name
+						}), /* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.topic
+						})] })]
+					}), /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ s("span", {
+								className: "text-xs text-muted-foreground",
+								children: e.time
+							}),
+							/* @__PURE__ */ s(l, {
+								variant: e.type === "missed" ? "destructive" : "outline",
+								className: "text-[10px]",
+								children: e.duration === "-" ? "missed" : e.duration
+							}),
+							/* @__PURE__ */ s(u, {
+								variant: "outline",
+								size: "sm",
+								className: "h-7",
+								children: /* @__PURE__ */ s(r, { className: "h-3 w-3" })
+							})
+						]
+					})]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { _ as CommunicationsCallsPagePage };
+
+//# sourceMappingURL=CommunicationsCallsPagePage.js.map

package/dist/crewfoundry/pages/CommunicationsCallsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsCallsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsCallsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Clock, Phone, PhoneIncoming, PhoneMissed, PhoneOutgoing } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype CallType = 'incoming' | 'outgoing' | 'missed';\n\ntype CallRecord = {\n  id: string;\n  name: string;\n  type: CallType;\n  duration: string;\n  time: string;\n  topic: string;\n};\n\nconst formatDuration = (minutes: number): string => {\n  const safeMinutes = Math.max(minutes, 0);\n  const hours = Math.floor(safeMinutes / 60);\n  const mins = safeMinutes % 60;\n  if (hours > 0) {\n    return `${String(hours).padStart(2, '0')}:${String(mins).padStart(2, '0')}`;\n  }\n  return `00:${String(mins).padStart(2, '0')}`;\n};\n\nconst CallIcon = ({ type }: { type: CallType }) => {\n  if (type === 'incoming') return <PhoneIncoming className=\"h-4 w-4 text-green-500\" />;\n  if (type === 'outgoing') return <PhoneOutgoing className=\"h-4 w-4 text-blue-500\" />;\n  return <PhoneMissed className=\"h-4 w-4 text-red-500\" />;\n};\n\nexport function CommunicationsCallsPagePage() {\n  const { employees, teams } = useCrewFoundryStore();\n\n  const callHistory = useMemo<CallRecord[]>(() => {\n    const seed = employees.slice(0, 10);\n    return seed.map((employee, index) => {\n      const callType: CallType =\n        index % 5 === 0 ? 'missed' : index % 2 === 0 ? 'outgoing' : 'incoming';\n      const topicSource = teams[index % Math.max(teams.length, 1)];\n      const durationMinutes = Math.round((employee.performanceScore + index) * 3);\n      return {\n        id: `call-${employee.id}`,\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        type: callType,\n        duration: callType === 'missed' ? '-' : formatDuration(durationMinutes),\n        time: new Date(employee.startDate).toLocaleDateString(),\n        topic: topicSource\n          ? `${topicSource.name} check-in`\n          : `${employee.department} operations update`,\n      };\n    });\n  }, [employees, teams]);\n\n  const connectedCalls = callHistory.filter((call) => call.duration !== '-');\n  const averageMinutes = connectedCalls.length\n    ? Math.round(\n        connectedCalls\n          .map((call) => {\n            const [hours, minutes] = call.duration.split(':').map(Number);\n            return hours * 60 + minutes;\n          })\n          .reduce((total, value) => total + value, 0) / connectedCalls.length\n      )\n    : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Calls</h1>\n          <p className=\"text-sm text-muted-foreground\">Voice call history and quick dial</p>\n        </div>\n        <Button size=\"sm\">\n          <Phone className=\"mr-1 h-4 w-4\" />\n          New Call\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Calls</CardTitle>\n            <Phone className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{callHistory.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Live call activity</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Missed</CardTitle>\n            <PhoneMissed className=\"h-4 w-4 text-red-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {callHistory.filter((call) => call.type === 'missed').length}\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Duration</CardTitle>\n            <Clock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{formatDuration(averageMinutes)}</div>\n            <p className=\"text-xs text-muted-foreground\">minutes</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Call History</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {callHistory.map((call) => (\n            <div key={call.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div className=\"flex items-center gap-3\">\n                <CallIcon type={call.type} />\n                <div>\n                  <p className=\"text-sm font-medium\">{call.name}</p>\n                  <p className=\"text-xs text-muted-foreground\">{call.topic}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <span className=\"text-xs text-muted-foreground\">{call.time}</span>\n                <Badge\n                  variant={call.type === 'missed' ? 'destructive' : 'outline'}\n                  className=\"text-[10px]\"\n                >\n                  {call.duration === '-' ? 'missed' : call.duration}\n                </Badge>\n                <Button variant=\"outline\" size=\"sm\" className=\"h-7\">\n                  <Phone className=\"h-3 w-3\" />\n                </Button>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/CommunicationsDirectoryPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationsDirectoryPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationsDirectoryPagePage.d.ts.map

package/dist/crewfoundry/pages/CommunicationsDirectoryPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsDirectoryPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsDirectoryPagePage.tsx"],"names":[],"mappings":"AAKA,wBAAgB,+BAA+B,4CAsE9C"}

package/dist/crewfoundry/pages/CommunicationsDirectoryPagePage.js

@@ -0,0 +1,93 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useState as t } from "react";
+import { Mail as n, MapPin as r, Phone as i, Search as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Card as l, CardContent as u, Input as d } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/CommunicationsDirectoryPagePage.tsx
+function f() {
+	let { employees: f } = e(), [p, m] = t(""), h = f.filter((e) => `${e.firstName} ${e.lastName} ${e.department} ${e.position} ${e.email}`.toLowerCase().includes(p.toLowerCase()));
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+				className: "text-2xl font-semibold",
+				children: "Company Directory"
+			}), /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: [f.length, " team members"]
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "relative max-w-sm",
+				children: [/* @__PURE__ */ o(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ o(d, {
+					placeholder: "Search by name, role, department...",
+					className: "pl-9",
+					value: p,
+					onChange: (e) => m(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-3 md:grid-cols-2 lg:grid-cols-3",
+				children: h.map((e) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(u, {
+					className: "p-4",
+					children: /* @__PURE__ */ s("div", {
+						className: "flex items-start gap-3",
+						children: [
+							/* @__PURE__ */ s("div", {
+								className: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-bold flex-shrink-0",
+								children: [e.firstName[0], e.lastName[0]]
+							}),
+							/* @__PURE__ */ s("div", {
+								className: "flex-1 min-w-0",
+								children: [
+									/* @__PURE__ */ s("p", {
+										className: "text-sm font-medium",
+										children: [
+											e.firstName,
+											" ",
+											e.lastName
+										]
+									}),
+									/* @__PURE__ */ o("p", {
+										className: "text-xs text-muted-foreground",
+										children: e.position
+									}),
+									/* @__PURE__ */ o(c, {
+										variant: "outline",
+										className: "mt-1 text-[10px]",
+										children: e.department
+									}),
+									/* @__PURE__ */ s("div", {
+										className: "mt-2 space-y-1",
+										children: [
+											/* @__PURE__ */ s("p", {
+												className: "text-xs text-muted-foreground flex items-center gap-1",
+												children: [/* @__PURE__ */ o(n, { className: "h-3 w-3" }), e.email]
+											}),
+											/* @__PURE__ */ s("p", {
+												className: "text-xs text-muted-foreground flex items-center gap-1",
+												children: [/* @__PURE__ */ o(i, { className: "h-3 w-3" }), e.phone]
+											}),
+											/* @__PURE__ */ s("p", {
+												className: "text-xs text-muted-foreground flex items-center gap-1",
+												children: [/* @__PURE__ */ o(r, { className: "h-3 w-3" }), e.location]
+											})
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ o(c, {
+								variant: e.status === "active" ? "default" : "secondary",
+								className: "text-[10px]",
+								children: e.status.replace("_", " ")
+							})
+						]
+					})
+				}) }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { f as CommunicationsDirectoryPagePage };
+
+//# sourceMappingURL=CommunicationsDirectoryPagePage.js.map

package/dist/crewfoundry/pages/CommunicationsDirectoryPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsDirectoryPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsDirectoryPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Card, CardContent, Input } from '@burdenoff/fe-libs/ui';\nimport { Mail, MapPin, Phone, Search } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CommunicationsDirectoryPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n\n  const filtered = employees.filter((e) =>\n    `${e.firstName} ${e.lastName} ${e.department} ${e.position} ${e.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Company Directory</h1>\n        <p className=\"text-sm text-muted-foreground\">{employees.length} team members</p>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n        <Input\n          placeholder=\"Search by name, role, department...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <div className=\"grid gap-3 md:grid-cols-2 lg:grid-cols-3\">\n        {filtered.map((emp) => (\n          <Card key={emp.id}>\n            <CardContent className=\"p-4\">\n              <div className=\"flex items-start gap-3\">\n                <div className=\"h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-bold flex-shrink-0\">\n                  {emp.firstName[0]}\n                  {emp.lastName[0]}\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium\">\n                    {emp.firstName} {emp.lastName}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">{emp.position}</p>\n                  <Badge variant=\"outline\" className=\"mt-1 text-[10px]\">\n                    {emp.department}\n                  </Badge>\n                  <div className=\"mt-2 space-y-1\">\n                    <p className=\"text-xs text-muted-foreground flex items-center gap-1\">\n                      <Mail className=\"h-3 w-3\" />\n                      {emp.email}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground flex items-center gap-1\">\n                      <Phone className=\"h-3 w-3\" />\n                      {emp.phone}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" />\n                      {emp.location}\n                    </p>\n                  </div>\n                </div>\n                <Badge\n                  variant={emp.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,IAAkC;CAChD,IAAM,EAAE,iBAAc,GAAqB,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAElC,IAAW,EAAU,QAAQ,MACjC,GAAG,EAAE,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,WAAW,GAAG,EAAE,SAAS,GAAG,EAAE,QAC7D,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,CAClC;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAsB,CAAA,EAC7D,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,EAAU,QAAO,gBAAiB;MAC5E,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,0EAA2E,CAAA,EAC7F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAI,UAAU,IACd,EAAI,SAAS,GACV;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAI;WAAU;WAAE,EAAI;WACnB;;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAAiC,EAAI;UAAa,CAAA;SAC/D,kBAAC,GAAD;UAAO,SAAQ;UAAU,WAAU;oBAChC,EAAI;UACC,CAAA;SACR,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,KAAD;YAAG,WAAU;sBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAI,MACH;;WACJ,kBAAC,KAAD;YAAG,WAAU;sBAAb,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAI,MACH;;WACJ,kBAAC,KAAD;YAAG,WAAU;sBAAb,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAI,SACH;;WACA;;SACF;;OACN,kBAAC,GAAD;QACE,SAAS,EAAI,WAAW,WAAW,YAAY;QAC/C,WAAU;kBAET,EAAI,OAAO,QAAQ,KAAK,IAAI;QACvB,CAAA;OACJ;;KACM,CAAA,EACT,EAtCI,EAAI,GAsCR,CACP;IACE,CAAA;GACF"}

package/dist/crewfoundry/pages/CommunicationsFilesPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationsFilesPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationsFilesPagePage.d.ts.map

package/dist/crewfoundry/pages/CommunicationsFilesPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsFilesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsFilesPagePage.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,2BAA2B,4CA8G1C"}

package/dist/crewfoundry/pages/CommunicationsFilesPagePage.js

@@ -0,0 +1,138 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t, useState as n } from "react";
+import { Download as r, File as i, FileText as a, Image as o, Search as s, Upload as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _ } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/CommunicationsFilesPagePage.tsx
+var v = (e) => e === "image" ? /* @__PURE__ */ l(o, { className: "h-5 w-5 text-purple-500" }) : e === "pdf" ? /* @__PURE__ */ l(a, { className: "h-5 w-5 text-red-500" }) : /* @__PURE__ */ l(i, { className: "h-5 w-5 text-blue-500" }), y = (e) => {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
+};
+function b() {
+	let [i, a] = n(""), { announcements: o, invoices: b, projects: x, employees: S } = e(), C = t(() => {
+		let e = o.slice(0, 8).map((e, t) => {
+			let n = S[t % Math.max(S.length, 1)];
+			return {
+				id: `announcement-${e.id}`,
+				name: `${e.title}.pdf`,
+				type: "pdf",
+				size: `${Math.max(1, Math.round(e.content.length / 300))}.${t % 9} MB`,
+				uploadedBy: n ? `${n.firstName} ${n.lastName}`.trim() : e.author,
+				date: y(e.createdAt),
+				department: n?.department || "Operations"
+			};
+		}), t = b.slice(0, 6).map((e, t) => ({
+			id: `invoice-${e.id}`,
+			name: `${e.number}-invoice.xlsx`,
+			type: "spreadsheet",
+			size: `${(e.amount / 1e3).toFixed(1)} MB`,
+			uploadedBy: e.clientName,
+			date: y(e.issueDate),
+			department: t % 2 == 0 ? "Finance" : "Billing"
+		})), n = x.slice(0, 6).map((e, t) => ({
+			id: `project-${e.id}`,
+			name: `${e.name}-brief.docx`,
+			type: t % 2 == 0 ? "doc" : "image",
+			size: `${(Math.max(e.tasks, 1) / 10).toFixed(1)} MB`,
+			uploadedBy: e.managerName,
+			date: y(e.startDate),
+			department: "Projects"
+		}));
+		return [
+			...e,
+			...t,
+			...n
+		];
+	}, [
+		o,
+		S,
+		b,
+		x
+	]), w = C.filter((e) => e.name.toLowerCase().includes(i.toLowerCase()));
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+					className: "text-2xl font-semibold",
+					children: "Shared Files"
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: [C.length, " files shared across teams"]
+				})] }), /* @__PURE__ */ u(f, {
+					size: "sm",
+					children: [/* @__PURE__ */ l(c, { className: "mr-1 h-4 w-4" }), "Upload File"]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "relative max-w-sm",
+				children: [/* @__PURE__ */ l(s, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ l(_, {
+					placeholder: "Search files...",
+					className: "pl-9",
+					value: i,
+					onChange: (e) => a(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, { children: "Workspace Files" }) }), /* @__PURE__ */ u(m, {
+				className: "p-0",
+				children: [/* @__PURE__ */ u("div", {
+					className: "grid grid-cols-6 gap-2 border-b p-4 text-xs font-medium text-muted-foreground",
+					children: [
+						/* @__PURE__ */ l("span", {
+							className: "col-span-2",
+							children: "Name"
+						}),
+						/* @__PURE__ */ l("span", { children: "Uploaded By" }),
+						/* @__PURE__ */ l("span", { children: "Department" }),
+						/* @__PURE__ */ l("span", { children: "Date" }),
+						/* @__PURE__ */ l("span", {
+							className: "text-right",
+							children: "Size"
+						})
+					]
+				}), w.map((e) => /* @__PURE__ */ u("div", {
+					className: "grid grid-cols-6 items-center gap-2 border-b px-4 py-3 text-sm last:border-0 hover:bg-muted/50",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "col-span-2 flex items-center gap-2",
+							children: [v(e.type), /* @__PURE__ */ l("span", {
+								className: "truncate font-medium",
+								children: e.name
+							})]
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-muted-foreground",
+							children: e.uploadedBy
+						}),
+						/* @__PURE__ */ l(d, {
+							variant: "outline",
+							className: "w-fit text-[10px]",
+							children: e.department
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-muted-foreground",
+							children: e.date
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex items-center justify-end gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-muted-foreground",
+								children: e.size
+							}), /* @__PURE__ */ l(f, {
+								variant: "outline",
+								size: "sm",
+								className: "h-7",
+								children: /* @__PURE__ */ l(r, { className: "h-3 w-3" })
+							})]
+						})
+					]
+				}, e.id))]
+			})] })
+		]
+	});
+}
+//#endregion
+export { b as CommunicationsFilesPagePage };
+
+//# sourceMappingURL=CommunicationsFilesPagePage.js.map

package/dist/crewfoundry/pages/CommunicationsFilesPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsFilesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsFilesPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Download, File, FileText, Image, Search, Upload } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype SharedFile = {\n  id: string;\n  name: string;\n  type: 'pdf' | 'spreadsheet' | 'image' | 'doc';\n  size: string;\n  uploadedBy: string;\n  date: string;\n  department: string;\n};\n\nconst fileIcon = (type: SharedFile['type']) => {\n  if (type === 'image') return <Image className=\"h-5 w-5 text-purple-500\" />;\n  if (type === 'pdf') return <FileText className=\"h-5 w-5 text-red-500\" />;\n  return <File className=\"h-5 w-5 text-blue-500\" />;\n};\n\nconst formatDate = (input: string): string => {\n  const parsed = new Date(input);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nexport function CommunicationsFilesPagePage() {\n  const [search, setSearch] = useState('');\n  const { announcements, invoices, projects, employees } = useCrewFoundryStore();\n\n  const sharedFiles = useMemo<SharedFile[]>(() => {\n    const announcementFiles = announcements.slice(0, 8).map((announcement, index) => {\n      const uploader = employees[index % Math.max(employees.length, 1)];\n      return {\n        id: `announcement-${announcement.id}`,\n        name: `${announcement.title}.pdf`,\n        type: 'pdf' as const,\n        size: `${Math.max(1, Math.round(announcement.content.length / 300))}.${index % 9} MB`,\n        uploadedBy: uploader\n          ? `${uploader.firstName} ${uploader.lastName}`.trim()\n          : announcement.author,\n        date: formatDate(announcement.createdAt),\n        department: uploader?.department || 'Operations',\n      };\n    });\n\n    const financeFiles = invoices.slice(0, 6).map((invoice, index) => ({\n      id: `invoice-${invoice.id}`,\n      name: `${invoice.number}-invoice.xlsx`,\n      type: 'spreadsheet' as const,\n      size: `${(invoice.amount / 1000).toFixed(1)} MB`,\n      uploadedBy: invoice.clientName,\n      date: formatDate(invoice.issueDate),\n      department: index % 2 === 0 ? 'Finance' : 'Billing',\n    }));\n\n    const projectFiles = projects.slice(0, 6).map((project, index) => ({\n      id: `project-${project.id}`,\n      name: `${project.name}-brief.docx`,\n      type: index % 2 === 0 ? ('doc' as const) : ('image' as const),\n      size: `${(Math.max(project.tasks, 1) / 10).toFixed(1)} MB`,\n      uploadedBy: project.managerName,\n      date: formatDate(project.startDate),\n      department: 'Projects',\n    }));\n\n    return [...announcementFiles, ...financeFiles, ...projectFiles];\n  }, [announcements, employees, invoices, projects]);\n\n  const filteredFiles = sharedFiles.filter((file) =>\n    file.name.toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Shared Files</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {sharedFiles.length} files shared across teams\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Upload className=\"mr-1 h-4 w-4\" />\n          Upload File\n        </Button>\n      </div>\n\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          placeholder=\"Search files...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Workspace Files</CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-6 gap-2 border-b p-4 text-xs font-medium text-muted-foreground\">\n            <span className=\"col-span-2\">Name</span>\n            <span>Uploaded By</span>\n            <span>Department</span>\n            <span>Date</span>\n            <span className=\"text-right\">Size</span>\n          </div>\n          {filteredFiles.map((file) => (\n            <div\n              key={file.id}\n              className=\"grid grid-cols-6 items-center gap-2 border-b px-4 py-3 text-sm last:border-0 hover:bg-muted/50\"\n            >\n              <div className=\"col-span-2 flex items-center gap-2\">\n                {fileIcon(file.type)}\n                <span className=\"truncate font-medium\">{file.name}</span>\n              </div>\n              <span className=\"text-muted-foreground\">{file.uploadedBy}</span>\n              <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                {file.department}\n              </Badge>\n              <span className=\"text-muted-foreground\">{file.date}</span>\n              <div className=\"flex items-center justify-end gap-2\">\n                <span className=\"text-muted-foreground\">{file.size}</span>\n                <Button variant=\"outline\" size=\"sm\" className=\"h-7\">\n                  <Download className=\"h-3 w-3\" />\n                </Button>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/CommunicationsMessagesPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationsMessagesPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationsMessagesPagePage.d.ts.map

package/dist/crewfoundry/pages/CommunicationsMessagesPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsMessagesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsMessagesPagePage.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,8BAA8B,4CAiH7C"}

package/dist/crewfoundry/pages/CommunicationsMessagesPagePage.js

@@ -0,0 +1,118 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t, useState as n } from "react";
+import { MessageSquare as r, Search as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, Input as p } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/CommunicationsMessagesPagePage.tsx
+var m = (e) => {
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return "Recently";
+	let n = Date.now() - t.getTime(), r = Math.max(0, Math.floor(n / (1e3 * 60 * 60)));
+	return r < 1 ? "Just now" : r < 24 ? `${r}h ago` : `${Math.floor(r / 24)}d ago`;
+};
+function h() {
+	let [h, g] = n(""), { teams: _, employees: v, announcements: y, notifications: b } = e(), x = t(() => {
+		let e = v.slice(0, 8).map((e, t) => {
+			let n = y[t % Math.max(y.length, 1)], r = n?.content || `Status update for ${e.department} initiatives.`;
+			return {
+				id: `person-${e.id}`,
+				name: `${e.firstName} ${e.lastName}`.trim(),
+				role: e.position,
+				lastMessage: r,
+				time: m(n?.createdAt || e.startDate),
+				unread: Math.min(3, Math.round(e.performanceScore) % 4),
+				online: e.status === "active" && t % 2 == 0
+			};
+		}), t = _.slice(0, 5).map((e, t) => {
+			let n = b.slice(t, t + 3).filter((e) => !e.read).length;
+			return {
+				id: `team-${e.id}`,
+				name: `#${e.name.toLowerCase().replaceAll(" ", "-")}`,
+				role: `Channel · ${e.memberCount} members`,
+				lastMessage: y[t % Math.max(y.length, 1)]?.title || `${e.leadName} posted an update in ${e.name}.`,
+				time: m(e.createdAt),
+				unread: n,
+				online: !1
+			};
+		});
+		return [...e, ...t];
+	}, [
+		y,
+		v,
+		b,
+		_
+	]).filter((e) => e.name.toLowerCase().includes(h.toLowerCase()));
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+					className: "text-2xl font-semibold",
+					children: "Messages"
+				}), /* @__PURE__ */ a("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Team conversations and channels"
+				})] }), /* @__PURE__ */ o(c, {
+					size: "sm",
+					children: [/* @__PURE__ */ a(r, { className: "mr-1 h-4 w-4" }), "New Message"]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "relative max-w-sm",
+				children: [/* @__PURE__ */ a(i, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ a(p, {
+					placeholder: "Search conversations...",
+					className: "pl-9",
+					value: h,
+					onChange: (e) => g(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(f, { children: "Conversation Inbox" }) }), /* @__PURE__ */ a(u, {
+				className: "p-0",
+				children: x.map((e) => /* @__PURE__ */ o("div", {
+					className: "flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-muted/50",
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ a("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 text-sm font-medium",
+								children: e.name.startsWith("#") ? "#" : e.name.split(" ").map((e) => e[0]).join("")
+							}), e.online && /* @__PURE__ */ a("div", { className: "absolute right-0 bottom-0 h-3 w-3 rounded-full border-2 border-background bg-green-500" })]
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ o("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ a("p", {
+										className: "text-sm font-medium",
+										children: e.name
+									}), /* @__PURE__ */ a("span", {
+										className: "text-xs text-muted-foreground",
+										children: e.time
+									})]
+								}),
+								/* @__PURE__ */ a("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.role
+								}),
+								/* @__PURE__ */ a("p", {
+									className: "mt-0.5 truncate text-xs text-muted-foreground",
+									children: e.lastMessage
+								})
+							]
+						}),
+						e.unread > 0 && /* @__PURE__ */ a(s, {
+							className: "flex h-5 w-5 items-center justify-center rounded-full p-0 text-[10px]",
+							children: e.unread
+						})
+					]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { h as CommunicationsMessagesPagePage };
+
+//# sourceMappingURL=CommunicationsMessagesPagePage.js.map

package/dist/crewfoundry/pages/CommunicationsMessagesPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsMessagesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsMessagesPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { MessageSquare, Search } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype Conversation = {\n  id: string;\n  name: string;\n  role: string;\n  lastMessage: string;\n  time: string;\n  unread: number;\n  online: boolean;\n};\n\nconst formatRelativeDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Recently';\n  }\n  const diffMs = Date.now() - parsed.getTime();\n  const diffHours = Math.max(0, Math.floor(diffMs / (1000 * 60 * 60)));\n  if (diffHours < 1) return 'Just now';\n  if (diffHours < 24) return `${diffHours}h ago`;\n  const diffDays = Math.floor(diffHours / 24);\n  return `${diffDays}d ago`;\n};\n\nexport function CommunicationsMessagesPagePage() {\n  const [search, setSearch] = useState('');\n  const { teams, employees, announcements, notifications } = useCrewFoundryStore();\n\n  const conversations = useMemo<Conversation[]>(() => {\n    const peopleConversations = employees.slice(0, 8).map((employee, index) => {\n      const announcement = announcements[index % Math.max(announcements.length, 1)];\n      const message =\n        announcement?.content || `Status update for ${employee.department} initiatives.`;\n      return {\n        id: `person-${employee.id}`,\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        role: employee.position,\n        lastMessage: message,\n        time: formatRelativeDate(announcement?.createdAt || employee.startDate),\n        unread: Math.min(3, Math.round(employee.performanceScore) % 4),\n        online: employee.status === 'active' && index % 2 === 0,\n      };\n    });\n\n    const teamConversations = teams.slice(0, 5).map((team, index) => {\n      const unread = notifications\n        .slice(index, index + 3)\n        .filter((notification) => !notification.read).length;\n      return {\n        id: `team-${team.id}`,\n        name: `#${team.name.toLowerCase().replaceAll(' ', '-')}`,\n        role: `Channel · ${team.memberCount} members`,\n        lastMessage:\n          announcements[index % Math.max(announcements.length, 1)]?.title ||\n          `${team.leadName} posted an update in ${team.name}.`,\n        time: formatRelativeDate(team.createdAt),\n        unread,\n        online: false,\n      };\n    });\n\n    return [...peopleConversations, ...teamConversations];\n  }, [announcements, employees, notifications, teams]);\n\n  const filteredConversations = conversations.filter((conversation) =>\n    conversation.name.toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Messages</h1>\n          <p className=\"text-sm text-muted-foreground\">Team conversations and channels</p>\n        </div>\n        <Button size=\"sm\">\n          <MessageSquare className=\"mr-1 h-4 w-4\" />\n          New Message\n        </Button>\n      </div>\n\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          placeholder=\"Search conversations...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n        />\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Conversation Inbox</CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-0\">\n          {filteredConversations.map((conversation) => (\n            <div\n              key={conversation.id}\n              className=\"flex cursor-pointer items-center gap-3 border-b p-4 last:border-0 hover:bg-muted/50\"\n            >\n              <div className=\"relative\">\n                <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 text-sm font-medium\">\n                  {conversation.name.startsWith('#')\n                    ? '#'\n                    : conversation.name\n                        .split(' ')\n                        .map((part) => part[0])\n                        .join('')}\n                </div>\n                {conversation.online && (\n                  <div className=\"absolute right-0 bottom-0 h-3 w-3 rounded-full border-2 border-background bg-green-500\" />\n                )}\n              </div>\n\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center justify-between\">\n                  <p className=\"text-sm font-medium\">{conversation.name}</p>\n                  <span className=\"text-xs text-muted-foreground\">{conversation.time}</span>\n                </div>\n                <p className=\"text-xs text-muted-foreground\">{conversation.role}</p>\n                <p className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n                  {conversation.lastMessage}\n                </p>\n              </div>\n\n              {conversation.unread > 0 && (\n                <Badge className=\"flex h-5 w-5 items-center justify-center rounded-full p-0 text-[10px]\">\n                  {conversation.unread}\n                </Badge>\n              )}\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/CommunicationsTeamsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationsTeamsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationsTeamsPagePage.d.ts.map

package/dist/crewfoundry/pages/CommunicationsTeamsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationsTeamsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/CommunicationsTeamsPagePage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,2BAA2B,4CA4C1C"}