@burdenoff/microfe-technospam 2026.705.1 → 2026.705.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/technospam/components/MediaCover.js +57 -0
  2. package/dist/technospam/components/MediaCover.js.map +1 -0
  3. package/dist/technospam/components/PageLayout.js +1 -1
  4. package/dist/technospam/components/PageLayout.js.map +1 -1
  5. package/dist/technospam/components/StatCard.js +19 -11
  6. package/dist/technospam/components/StatCard.js.map +1 -1
  7. package/dist/technospam/components/StatusBadge.js +1 -1
  8. package/dist/technospam/components/StatusBadge.js.map +1 -1
  9. package/dist/technospam/components/index.js +1 -0
  10. package/dist/technospam/pages/AdminAdminDashboardPagePage.js +525 -459
  11. package/dist/technospam/pages/AdminAdminDashboardPagePage.js.map +1 -1
  12. package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js +167 -127
  13. package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js.map +1 -1
  14. package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js +178 -125
  15. package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js.map +1 -1
  16. package/dist/technospam/pages/ApplicationsProblemsPagePage.js +77 -88
  17. package/dist/technospam/pages/ApplicationsProblemsPagePage.js.map +1 -1
  18. package/dist/technospam/pages/CoursesCourseDetailsPagePage.js +287 -186
  19. package/dist/technospam/pages/CoursesCourseDetailsPagePage.js.map +1 -1
  20. package/dist/technospam/pages/CoursesCoursesPagePage.js +76 -83
  21. package/dist/technospam/pages/CoursesCoursesPagePage.js.map +1 -1
  22. package/dist/technospam/pages/CoursesMyLearningPagePage.js +119 -88
  23. package/dist/technospam/pages/CoursesMyLearningPagePage.js.map +1 -1
  24. package/dist/technospam/pages/DashboardDashboardPagePage.js +232 -199
  25. package/dist/technospam/pages/DashboardDashboardPagePage.js.map +1 -1
  26. package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js +128 -106
  27. package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js.map +1 -1
  28. package/dist/technospam/pages/HackathonsHackathonsPagePage.js +71 -78
  29. package/dist/technospam/pages/HackathonsHackathonsPagePage.js.map +1 -1
  30. package/dist/technospam/pages/MentorshipMentorProfilePagePage.js +165 -110
  31. package/dist/technospam/pages/MentorshipMentorProfilePagePage.js.map +1 -1
  32. package/dist/technospam/pages/MentorshipMentorsPagePage.js +210 -156
  33. package/dist/technospam/pages/MentorshipMentorsPagePage.js.map +1 -1
  34. package/dist/technospam/pages/MentorshipSessionsPagePage.js +59 -43
  35. package/dist/technospam/pages/MentorshipSessionsPagePage.js.map +1 -1
  36. package/package.json +1 -1
package/dist/technospam/pages/MentorshipMentorProfilePagePage.js CHANGED
@@ -1,222 +1,277 @@
1
- import { PageLayout as e } from "../components/PageLayout.js";
2
- import { StatCard as t } from "../components/StatCard.js";
3
- import { formatDateTime as n, formatDuration as r, formatMoney as i } from "../utils/format.js";
4
- import { StatusBadge as a } from "../components/StatusBadge.js";
5
- import { EmptyView as o, ErrorView as s } from "../components/StateViews.js";
1
+ import { cn as e } from "../utils/cn.js";
2
+ import { PageLayout as t } from "../components/PageLayout.js";
3
+ import { StatCard as n } from "../components/StatCard.js";
4
+ import { coverGradient as r, topicIcon as i } from "../components/MediaCover.js";
5
+ import { formatDateTime as a, formatDuration as o, formatMoney as s } from "../utils/format.js";
6
+ import { StatusBadge as c } from "../components/StatusBadge.js";
7
+ import { EmptyView as l, ErrorView as u } from "../components/StateViews.js";
6
8
  import "../components/index.js";
7
- import { notify as c } from "../lib/toast.js";
8
- import { useBookSession as l, useMentorQuery as u } from "../api/technospamApi.js";
9
- import { useState as d } from "react";
10
- import { Award as f, CalendarClock as p, DollarSign as m, MessageSquare as h, Star as g, Video as _ } from "lucide-react";
11
- import { useSearchParams as v } from "react-router-dom";
12
- import { jsx as y, jsxs as b } from "react/jsx-runtime";
13
- import { Badge as x, Button as S, GlassCard as C, Input as w, Skeleton as T, Textarea as E } from "@burdenoff/fe-libs/ui";
9
+ import { notify as d } from "../lib/toast.js";
10
+ import { useBookSession as f, useMentorQuery as p } from "../api/technospamApi.js";
11
+ import { createElement as m, useState as h } from "react";
12
+ import { Award as g, CalendarClock as _, DollarSign as v, MessageSquare as y, Star as b, Video as x } from "lucide-react";
13
+ import { useSearchParams as S } from "react-router-dom";
14
+ import { jsx as C, jsxs as w } from "react/jsx-runtime";
15
+ import { Badge as T, Button as E, GlassCard as D, Input as O, Skeleton as k, Textarea as A } from "@burdenoff/fe-libs/ui";
14
16
  //#region src/technospam/pages/MentorshipMentorProfilePagePage.tsx
15
- function D({ mentorId: e, disabled: t, onBooked: n }) {
16
- let [r, i] = d(""), [a, o] = d(""), [s, u] = d(""), [f, m] = d("60"), [h, { loading: g }] = l(), _ = s ? new Date(s) : null, v = _ != null && !Number.isNaN(_.getTime()), x = r.trim().length > 0 && v && !g && !t;
17
- return /* @__PURE__ */ b(C, {
17
+ function j({ mentorId: e, disabled: t, onBooked: n }) {
18
+ let [r, i] = h(""), [a, o] = h(""), [s, c] = h(""), [l, u] = h("60"), [p, { loading: m }] = f(), g = s ? new Date(s) : null, v = g != null && !Number.isNaN(g.getTime()), y = r.trim().length > 0 && v && !m && !t;
19
+ return /* @__PURE__ */ w(D, {
18
20
  className: "p-5",
19
21
  children: [
20
- /* @__PURE__ */ b("div", {
21
- className: "mb-4 flex items-center gap-2",
22
- children: [/* @__PURE__ */ y(p, {
23
- size: 18,
24
- className: "text-accent-teal"
25
- }), /* @__PURE__ */ y("h2", {
22
+ /* @__PURE__ */ w("div", {
23
+ className: "mb-4 flex items-start gap-3",
24
+ children: [/* @__PURE__ */ C("span", {
25
+ className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm",
26
+ children: /* @__PURE__ */ C(_, { size: 20 })
27
+ }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h2", {
26
28
  className: "text-base font-semibold text-text-primary",
27
29
  children: "Book a session"
28
- })]
30
+ }), /* @__PURE__ */ C("p", {
31
+ className: "text-sm text-text-secondary",
32
+ children: "Schedule 1:1 time with your mentor."
33
+ })] })]
29
34
  }),
30
- t ? /* @__PURE__ */ y("p", {
35
+ t ? /* @__PURE__ */ C("p", {
31
36
  className: "rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
32
37
  children: "This mentor isn't accepting new mentees right now."
33
38
  }) : null,
34
- /* @__PURE__ */ b("div", {
39
+ /* @__PURE__ */ w("div", {
35
40
  className: "mt-4 grid grid-cols-1 gap-4",
36
41
  children: [
37
- /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
42
+ /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
38
43
  className: "mb-1.5 block text-sm font-medium text-text-primary",
39
- children: ["Topic ", /* @__PURE__ */ y("span", {
44
+ children: ["Topic ", /* @__PURE__ */ C("span", {
40
45
  className: "text-status-error-text",
41
46
  children: "*"
42
47
  })]
43
- }), /* @__PURE__ */ y(w, {
48
+ }), /* @__PURE__ */ C(O, {
44
49
  placeholder: "e.g. System design interview prep",
45
50
  value: r,
46
51
  onChange: (e) => i(e.target.value),
47
52
  disabled: t
48
53
  })] }),
49
- /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
54
+ /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
50
55
  className: "mb-1.5 block text-sm font-medium text-text-primary",
51
56
  children: "Agenda"
52
- }), /* @__PURE__ */ y(E, {
57
+ }), /* @__PURE__ */ C(A, {
53
58
  rows: 3,
54
59
  placeholder: "What would you like to cover? Share context so your mentor can prepare.",
55
60
  value: a,
56
61
  onChange: (e) => o(e.target.value),
57
62
  disabled: t
58
63
  })] }),
59
- /* @__PURE__ */ b("div", {
64
+ /* @__PURE__ */ w("div", {
60
65
  className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
61
- children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
66
+ children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
62
67
  className: "mb-1.5 block text-sm font-medium text-text-primary",
63
- children: ["When ", /* @__PURE__ */ y("span", {
68
+ children: ["When ", /* @__PURE__ */ C("span", {
64
69
  className: "text-status-error-text",
65
70
  children: "*"
66
71
  })]
67
- }), /* @__PURE__ */ y(w, {
72
+ }), /* @__PURE__ */ C(O, {
68
73
  type: "datetime-local",
69
74
  value: s,
70
- onChange: (e) => u(e.target.value),
75
+ onChange: (e) => c(e.target.value),
71
76
  disabled: t
72
- })] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
77
+ })] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
73
78
  className: "mb-1.5 block text-sm font-medium text-text-primary",
74
79
  children: "Duration (min)"
75
- }), /* @__PURE__ */ y(w, {
80
+ }), /* @__PURE__ */ C(O, {
76
81
  type: "number",
77
82
  min: 15,
78
83
  step: 15,
79
- value: f,
80
- onChange: (e) => m(e.target.value),
84
+ value: l,
85
+ onChange: (e) => u(e.target.value),
81
86
  disabled: t
82
87
  })] })]
83
88
  }),
84
- /* @__PURE__ */ y("div", { children: /* @__PURE__ */ b(S, {
89
+ /* @__PURE__ */ w(E, {
90
+ className: "w-full bg-gradient-to-r from-accent-primary to-accent-purple",
85
91
  onClick: async () => {
86
- if (!x || !_) return;
92
+ if (!y || !g) return;
87
93
  let t = {
88
94
  mentorId: e,
89
95
  topic: r.trim(),
90
- scheduledAt: _.toISOString()
96
+ scheduledAt: g.toISOString()
91
97
  };
92
98
  a.trim() && (t.agenda = a.trim());
93
- let s = Number.parseInt(f, 10);
94
- !Number.isNaN(s) && s > 0 && (t.durationMinutes = s), (await h({ variables: { input: t } })).data?.tecBookSession && (c.success("Session requested", "Your mentor will confirm the booking soon."), i(""), o(""), u(""), m("60"), n?.());
99
+ let s = Number.parseInt(l, 10);
100
+ !Number.isNaN(s) && s > 0 && (t.durationMinutes = s), (await p({ variables: { input: t } })).data?.tecBookSession && (d.success("Session requested", "Your mentor will confirm the booking soon."), i(""), o(""), c(""), u("60"), n?.());
95
101
  },
96
- disabled: !x,
102
+ disabled: !y,
97
103
  children: [
98
- /* @__PURE__ */ y(p, { size: 16 }),
104
+ /* @__PURE__ */ C(_, { size: 16 }),
99
105
  " ",
100
- g ? "Requesting…" : "Request session"
106
+ m ? "Requesting…" : "Request session"
101
107
  ]
102
- }) })
108
+ })
103
109
  ]
104
110
  })
105
111
  ]
106
112
  });
107
113
  }
108
- function O({ session: e }) {
109
- return /* @__PURE__ */ b("div", {
110
- className: "flex items-center gap-3 border-b border-border-seam py-3 last:border-0",
114
+ function M({ session: e }) {
115
+ return /* @__PURE__ */ w("div", {
116
+ className: "flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken",
111
117
  children: [
112
- /* @__PURE__ */ y("span", {
113
- className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
114
- children: /* @__PURE__ */ y(_, { size: 15 })
118
+ /* @__PURE__ */ C("span", {
119
+ className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple",
120
+ children: /* @__PURE__ */ C(x, { size: 16 })
115
121
  }),
116
- /* @__PURE__ */ b("div", {
122
+ /* @__PURE__ */ w("div", {
117
123
  className: "min-w-0 flex-1",
118
- children: [/* @__PURE__ */ y("div", {
124
+ children: [/* @__PURE__ */ C("div", {
119
125
  className: "truncate text-sm font-medium text-text-primary",
120
126
  children: e.topic
121
- }), /* @__PURE__ */ b("div", {
127
+ }), /* @__PURE__ */ w("div", {
122
128
  className: "text-xs text-text-muted",
123
129
  children: [
124
- n(e.scheduledAt),
130
+ a(e.scheduledAt),
125
131
  " · ",
126
- r(e.durationMinutes)
132
+ o(e.durationMinutes)
127
133
  ]
128
134
  })]
129
135
  }),
130
- /* @__PURE__ */ y(a, { status: e.status })
136
+ /* @__PURE__ */ C(c, { status: e.status })
131
137
  ]
132
138
  });
133
139
  }
134
- function k() {
135
- let [n] = v(), { data: r, loading: c, error: l, refetch: d } = u(n.get("id") ?? ""), p = r?.tecMentor ?? null;
136
- if (c && !p) return /* @__PURE__ */ b(e, {
140
+ function N() {
141
+ let [a] = S(), { data: o, loading: d, error: f, refetch: h } = p(a.get("id") ?? ""), x = o?.tecMentor ?? null;
142
+ if (d && !x) return /* @__PURE__ */ w(t, {
137
143
  title: "Mentor",
138
144
  backPath: "/mentorship/mentors-page",
139
- children: [/* @__PURE__ */ y(T, { className: "mb-4 h-40 w-full rounded-xl" }), /* @__PURE__ */ y(T, { className: "h-64 w-full rounded-xl" })]
145
+ children: [/* @__PURE__ */ C(k, { className: "mb-4 h-40 w-full rounded-xl" }), /* @__PURE__ */ C(k, { className: "h-64 w-full rounded-xl" })]
140
146
  });
141
- if (l || !p) return /* @__PURE__ */ y(e, {
147
+ if (f || !x) return /* @__PURE__ */ C(t, {
142
148
  title: "Mentor",
143
149
  backPath: "/mentorship/mentors-page",
144
- children: l ? /* @__PURE__ */ y(s, {
150
+ children: f ? /* @__PURE__ */ C(u, {
145
151
  title: "Couldn't load mentor",
146
- error: l
147
- }) : /* @__PURE__ */ y(o, {
152
+ error: f
153
+ }) : /* @__PURE__ */ C(l, {
148
154
  title: "Mentor not found",
149
155
  description: "This mentor profile may no longer be available."
150
156
  })
151
157
  });
152
- let _ = [...p.sessions ?? []].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).slice(0, 5);
153
- return /* @__PURE__ */ b(e, {
158
+ let E = [...x.sessions ?? []].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).slice(0, 5), O = i(x.expertise.join(" ") || x.headline);
159
+ return /* @__PURE__ */ w(t, {
154
160
  hero: !0,
155
161
  backPath: "/mentorship/mentors-page",
156
- title: p.headline,
157
- description: p.bio ?? void 0,
162
+ title: "Mentor Profile",
158
163
  children: [
159
- /* @__PURE__ */ b("div", {
160
- className: "mb-5 flex flex-wrap items-center gap-2",
161
- children: [
162
- /* @__PURE__ */ y(a, { status: p.status }),
163
- p.isAcceptingMentees ? /* @__PURE__ */ y(x, {
164
- variant: "outline",
165
- className: "border-status-success-border bg-status-success-bg-subtle text-status-success-text",
166
- children: "Accepting mentees"
167
- }) : null,
168
- p.expertise.map((e) => /* @__PURE__ */ y(x, {
169
- variant: "secondary",
170
- children: e
171
- }, e))
172
- ]
164
+ /* @__PURE__ */ w(D, {
165
+ className: "mb-6 overflow-hidden p-0",
166
+ children: [/* @__PURE__ */ w("div", {
167
+ className: e("relative h-24 overflow-hidden bg-gradient-to-br", r(x.headline)),
168
+ children: [m(O, {
169
+ className: "pointer-events-none absolute -right-3 -top-4 text-white/15",
170
+ size: 120,
171
+ strokeWidth: 1.3
172
+ }), /* @__PURE__ */ C("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent" })]
173
+ }), /* @__PURE__ */ w("div", {
174
+ className: "px-6 pb-6",
175
+ children: [
176
+ /* @__PURE__ */ w("div", {
177
+ className: "-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end",
178
+ children: [/* @__PURE__ */ w("div", {
179
+ className: "relative shrink-0",
180
+ children: [/* @__PURE__ */ C("span", {
181
+ className: e("flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface", r(x.headline)),
182
+ children: m(O, {
183
+ size: 34,
184
+ strokeWidth: 1.6
185
+ })
186
+ }), x.isAcceptingMentees ? /* @__PURE__ */ C("span", { className: "absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text" }) : null]
187
+ }), /* @__PURE__ */ w("div", {
188
+ className: "min-w-0 flex-1 sm:pb-1",
189
+ children: [/* @__PURE__ */ C("h1", {
190
+ className: "text-xl font-semibold text-text-primary sm:text-2xl",
191
+ children: x.headline
192
+ }), /* @__PURE__ */ w("div", {
193
+ className: "mt-2 flex flex-wrap items-center gap-2",
194
+ children: [/* @__PURE__ */ C(c, { status: x.status }), x.isAcceptingMentees ? /* @__PURE__ */ w(T, {
195
+ variant: "outline",
196
+ className: "inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
197
+ children: [/* @__PURE__ */ C("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
198
+ }) : null]
199
+ })]
200
+ })]
201
+ }),
202
+ x.bio ? /* @__PURE__ */ C("p", {
203
+ className: "mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary",
204
+ children: x.bio
205
+ }) : null,
206
+ x.expertise.length ? /* @__PURE__ */ C("div", {
207
+ className: "mt-4 flex flex-wrap gap-1.5",
208
+ children: x.expertise.map((e) => /* @__PURE__ */ C(T, {
209
+ variant: "secondary",
210
+ children: e
211
+ }, e))
212
+ }) : null
213
+ ]
214
+ })]
173
215
  }),
174
- /* @__PURE__ */ b("div", {
216
+ /* @__PURE__ */ w("div", {
175
217
  className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
176
218
  children: [
177
- /* @__PURE__ */ y(t, {
219
+ /* @__PURE__ */ C(n, {
178
220
  label: "Rate",
179
- value: `${i(p.hourlyRate, p.currency)}/hr`,
180
- icon: m
221
+ value: `${s(x.hourlyRate, x.currency)}/hr`,
222
+ icon: v,
223
+ tone: "blue"
181
224
  }),
182
- /* @__PURE__ */ y(t, {
225
+ /* @__PURE__ */ C(n, {
183
226
  label: "Rating",
184
- value: p.ratingAvg > 0 ? p.ratingAvg.toFixed(1) : "New",
185
- icon: g
227
+ value: x.ratingAvg > 0 ? x.ratingAvg.toFixed(1) : "New",
228
+ icon: b,
229
+ tone: "amber"
186
230
  }),
187
- /* @__PURE__ */ y(t, {
231
+ /* @__PURE__ */ C(n, {
188
232
  label: "Sessions",
189
- value: p.sessionsCount,
190
- icon: h
233
+ value: x.sessionsCount,
234
+ icon: y,
235
+ tone: "purple"
191
236
  }),
192
- /* @__PURE__ */ y(t, {
237
+ /* @__PURE__ */ C(n, {
193
238
  label: "Status",
194
- value: p.status === "ACTIVE" ? "Active" : "Pending",
195
- icon: f
239
+ value: x.status === "ACTIVE" ? "Active" : "Pending",
240
+ icon: g,
241
+ tone: "teal"
196
242
  })
197
243
  ]
198
244
  }),
199
- /* @__PURE__ */ b("div", {
245
+ /* @__PURE__ */ w("div", {
200
246
  className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
201
- children: [/* @__PURE__ */ y(D, {
202
- mentorId: p.id,
203
- disabled: !p.isAcceptingMentees,
204
- onBooked: () => void d()
205
- }), /* @__PURE__ */ b(C, {
247
+ children: [/* @__PURE__ */ C(j, {
248
+ mentorId: x.id,
249
+ disabled: !x.isAcceptingMentees,
250
+ onBooked: () => void h()
251
+ }), /* @__PURE__ */ w(D, {
206
252
  className: "p-5",
207
- children: [/* @__PURE__ */ y("h2", {
208
- className: "mb-2 text-base font-semibold text-text-primary",
209
- children: "Recent sessions"
210
- }), _.length === 0 ? /* @__PURE__ */ y("p", {
253
+ children: [/* @__PURE__ */ w("div", {
254
+ className: "mb-3 flex items-center gap-2",
255
+ children: [/* @__PURE__ */ C(_, {
256
+ size: 18,
257
+ className: "text-accent-teal"
258
+ }), /* @__PURE__ */ C("h2", {
259
+ className: "text-base font-semibold text-text-primary",
260
+ children: "Recent sessions"
261
+ })]
262
+ }), E.length === 0 ? /* @__PURE__ */ C("p", {
211
263
  className: "py-6 text-center text-sm text-text-muted",
212
264
  children: "No sessions booked yet. Be the first to request time with this mentor."
213
- }) : /* @__PURE__ */ y("div", { children: _.map((e) => /* @__PURE__ */ y(O, { session: e }, e.id)) })]
265
+ }) : /* @__PURE__ */ C("div", {
266
+ className: "divide-y divide-border-seam",
267
+ children: E.map((e) => /* @__PURE__ */ C(M, { session: e }, e.id))
268
+ })]
214
269
  })]
215
270
  })
216
271
  ]
217
272
  });
218
273
  }
219
274
  //#endregion
220
- export { k as MentorshipMentorProfilePagePage };
275
+ export { N as MentorshipMentorProfilePagePage };
221
276
 
222
277
  //# sourceMappingURL=MentorshipMentorProfilePagePage.js.map
package/dist/technospam/pages/MentorshipMentorProfilePagePage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Award, CalendarClock, DollarSign, MessageSquare, Star, Video } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, StatCard, StatusBadge } from '../components';\nimport { useBookSession, useMentorQuery, type TecMentorSession } from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\n\nfunction BookSessionForm({\n mentorId,\n disabled,\n onBooked,\n}: {\n mentorId: string;\n disabled: boolean;\n onBooked?: () => void;\n}) {\n const [topic, setTopic] = useState('');\n const [agenda, setAgenda] = useState('');\n const [scheduledAt, setScheduledAt] = useState('');\n const [durationMinutes, setDurationMinutes] = useState('60');\n const [bookSession, { loading }] = useBookSession();\n\n const parsedDate = scheduledAt ? new Date(scheduledAt) : null;\n const validDate = parsedDate != null && !Number.isNaN(parsedDate.getTime());\n const canSubmit = topic.trim().length > 0 && validDate && !loading && !disabled;\n\n const handleSubmit = async () => {\n if (!canSubmit || !parsedDate) return;\n const input: {\n mentorId: string;\n topic: string;\n agenda?: string;\n scheduledAt: string;\n durationMinutes?: number;\n } = {\n mentorId,\n topic: topic.trim(),\n scheduledAt: parsedDate.toISOString(),\n };\n if (agenda.trim()) input.agenda = agenda.trim();\n const dur = Number.parseInt(durationMinutes, 10);\n if (!Number.isNaN(dur) && dur > 0) input.durationMinutes = dur;\n\n const res = await bookSession({ variables: { input } });\n if (res.data?.tecBookSession) {\n notify.success('Session requested', 'Your mentor will confirm the booking soon.');\n setTopic('');\n setAgenda('');\n setScheduledAt('');\n setDurationMinutes('60');\n onBooked?.();\n }\n };\n\n return (\n <GlassCard className=\"p-5\">\n <div className=\"mb-4 flex items-center gap-2\">\n <CalendarClock size={18} className=\"text-accent-teal\" />\n <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n </div>\n\n {disabled ? (\n <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n This mentor isn&apos;t accepting new mentees right now.\n </p>\n ) : null}\n\n <div className=\"mt-4 grid grid-cols-1 gap-4\">\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n Topic <span className=\"text-status-error-text\">*</span>\n </label>\n <Input\n placeholder=\"e.g. System design interview prep\"\n value={topic}\n onChange={(e) => setTopic(e.target.value)}\n disabled={disabled}\n />\n </div>\n\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Agenda</label>\n <Textarea\n rows={3}\n placeholder=\"What would you like to cover? Share context so your mentor can prepare.\"\n value={agenda}\n onChange={(e) => setAgenda(e.target.value)}\n disabled={disabled}\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n When <span className=\"text-status-error-text\">*</span>\n </label>\n <Input\n type=\"datetime-local\"\n value={scheduledAt}\n onChange={(e) => setScheduledAt(e.target.value)}\n disabled={disabled}\n />\n </div>\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n Duration (min)\n </label>\n <Input\n type=\"number\"\n min={15}\n step={15}\n value={durationMinutes}\n onChange={(e) => setDurationMinutes(e.target.value)}\n disabled={disabled}\n />\n </div>\n </div>\n\n <div>\n <Button onClick={handleSubmit} disabled={!canSubmit}>\n <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n </Button>\n </div>\n </div>\n </GlassCard>\n );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n return (\n <div className=\"flex items-center gap-3 border-b border-border-seam py-3 last:border-0\">\n <span className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n <Video size={15} />\n </span>\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-sm font-medium text-text-primary\">{session.topic}</div>\n <div className=\"text-xs text-text-muted\">\n {formatDateTime(session.scheduledAt)} · {formatDuration(session.durationMinutes)}\n </div>\n </div>\n <StatusBadge status={session.status} />\n </div>\n );\n}\n\nexport function MentorshipMentorProfilePagePage() {\n const [params] = useSearchParams();\n const id = params.get('id') ?? '';\n const { data, loading, error, refetch } = useMentorQuery(id);\n\n const mentor = data?.tecMentor ?? null;\n\n if (loading && !mentor) {\n return (\n <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n <Skeleton className=\"mb-4 h-40 w-full rounded-xl\" />\n <Skeleton className=\"h-64 w-full rounded-xl\" />\n </PageLayout>\n );\n }\n\n if (error || !mentor) {\n return (\n <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n {error ? (\n <ErrorView title=\"Couldn't load mentor\" error={error} />\n ) : (\n <EmptyView\n title=\"Mentor not found\"\n description=\"This mentor profile may no longer be available.\"\n />\n )}\n </PageLayout>\n );\n }\n\n const sessions = mentor.sessions ?? [];\n const recentSessions = [...sessions]\n .sort((a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime())\n .slice(0, 5);\n\n return (\n <PageLayout\n hero\n backPath=\"/mentorship/mentors-page\"\n title={mentor.headline}\n description={mentor.bio ?? undefined}\n >\n <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n <StatusBadge status={mentor.status} />\n {mentor.isAcceptingMentees ? (\n <Badge\n variant=\"outline\"\n className=\"border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n >\n Accepting mentees\n </Badge>\n ) : null}\n {mentor.expertise.map((skill) => (\n <Badge key={skill} variant=\"secondary\">\n {skill}\n </Badge>\n ))}\n </div>\n\n <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <StatCard\n label=\"Rate\"\n value={`${formatMoney(mentor.hourlyRate, mentor.currency)}/hr`}\n icon={DollarSign}\n />\n <StatCard\n label=\"Rating\"\n value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n icon={Star}\n />\n <StatCard label=\"Sessions\" value={mentor.sessionsCount} icon={MessageSquare} />\n <StatCard\n label=\"Status\"\n value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n icon={Award}\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <BookSessionForm\n mentorId={mentor.id}\n disabled={!mentor.isAcceptingMentees}\n onBooked={() => void refetch()}\n />\n\n <GlassCard className=\"p-5\">\n <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Recent sessions</h2>\n {recentSessions.length === 0 ? (\n <p className=\"py-6 text-center text-sm text-text-muted\">\n No sessions booked yet. Be the first to request time with this mentor.\n </p>\n ) : (\n <div>\n {recentSessions.map((session) => (\n <SessionSummaryRow key={session.id} session={session} />\n ))}\n </div>\n )}\n </GlassCard>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { createElement, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Award, CalendarClock, DollarSign, MessageSquare, Star, Video } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n EmptyView,\n ErrorView,\n PageLayout,\n StatCard,\n StatusBadge,\n coverGradient,\n topicIcon,\n} from '../components';\nimport { useBookSession, useMentorQuery, type TecMentorSession } from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoney } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\n\nfunction BookSessionForm({\n mentorId,\n disabled,\n onBooked,\n}: {\n mentorId: string;\n disabled: boolean;\n onBooked?: () => void;\n}) {\n const [topic, setTopic] = useState('');\n const [agenda, setAgenda] = useState('');\n const [scheduledAt, setScheduledAt] = useState('');\n const [durationMinutes, setDurationMinutes] = useState('60');\n const [bookSession, { loading }] = useBookSession();\n\n const parsedDate = scheduledAt ? new Date(scheduledAt) : null;\n const validDate = parsedDate != null && !Number.isNaN(parsedDate.getTime());\n const canSubmit = topic.trim().length > 0 && validDate && !loading && !disabled;\n\n const handleSubmit = async () => {\n if (!canSubmit || !parsedDate) return;\n const input: {\n mentorId: string;\n topic: string;\n agenda?: string;\n scheduledAt: string;\n durationMinutes?: number;\n } = {\n mentorId,\n topic: topic.trim(),\n scheduledAt: parsedDate.toISOString(),\n };\n if (agenda.trim()) input.agenda = agenda.trim();\n const dur = Number.parseInt(durationMinutes, 10);\n if (!Number.isNaN(dur) && dur > 0) input.durationMinutes = dur;\n\n const res = await bookSession({ variables: { input } });\n if (res.data?.tecBookSession) {\n notify.success('Session requested', 'Your mentor will confirm the booking soon.');\n setTopic('');\n setAgenda('');\n setScheduledAt('');\n setDurationMinutes('60');\n onBooked?.();\n }\n };\n\n return (\n <GlassCard className=\"p-5\">\n <div className=\"mb-4 flex items-start gap-3\">\n <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n <CalendarClock size={20} />\n </span>\n <div>\n <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n <p className=\"text-sm text-text-secondary\">Schedule 1:1 time with your mentor.</p>\n </div>\n </div>\n\n {disabled ? (\n <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n This mentor isn&apos;t accepting new mentees right now.\n </p>\n ) : null}\n\n <div className=\"mt-4 grid grid-cols-1 gap-4\">\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n Topic <span className=\"text-status-error-text\">*</span>\n </label>\n <Input\n placeholder=\"e.g. System design interview prep\"\n value={topic}\n onChange={(e) => setTopic(e.target.value)}\n disabled={disabled}\n />\n </div>\n\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Agenda</label>\n <Textarea\n rows={3}\n placeholder=\"What would you like to cover? Share context so your mentor can prepare.\"\n value={agenda}\n onChange={(e) => setAgenda(e.target.value)}\n disabled={disabled}\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n When <span className=\"text-status-error-text\">*</span>\n </label>\n <Input\n type=\"datetime-local\"\n value={scheduledAt}\n onChange={(e) => setScheduledAt(e.target.value)}\n disabled={disabled}\n />\n </div>\n <div>\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n Duration (min)\n </label>\n <Input\n type=\"number\"\n min={15}\n step={15}\n value={durationMinutes}\n onChange={(e) => setDurationMinutes(e.target.value)}\n disabled={disabled}\n />\n </div>\n </div>\n\n <Button\n className=\"w-full bg-gradient-to-r from-accent-primary to-accent-purple\"\n onClick={handleSubmit}\n disabled={!canSubmit}\n >\n <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n </Button>\n </div>\n </GlassCard>\n );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n return (\n <div className=\"flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken\">\n <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple\">\n <Video size={16} />\n </span>\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-sm font-medium text-text-primary\">{session.topic}</div>\n <div className=\"text-xs text-text-muted\">\n {formatDateTime(session.scheduledAt)} · {formatDuration(session.durationMinutes)}\n </div>\n </div>\n <StatusBadge status={session.status} />\n </div>\n );\n}\n\nexport function MentorshipMentorProfilePagePage() {\n const [params] = useSearchParams();\n const id = params.get('id') ?? '';\n const { data, loading, error, refetch } = useMentorQuery(id);\n\n const mentor = data?.tecMentor ?? null;\n\n if (loading && !mentor) {\n return (\n <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n <Skeleton className=\"mb-4 h-40 w-full rounded-xl\" />\n <Skeleton className=\"h-64 w-full rounded-xl\" />\n </PageLayout>\n );\n }\n\n if (error || !mentor) {\n return (\n <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n {error ? (\n <ErrorView title=\"Couldn't load mentor\" error={error} />\n ) : (\n <EmptyView\n title=\"Mentor not found\"\n description=\"This mentor profile may no longer be available.\"\n />\n )}\n </PageLayout>\n );\n }\n\n const sessions = mentor.sessions ?? [];\n const recentSessions = [...sessions]\n .sort((a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime())\n .slice(0, 5);\n\n const HeroIcon = topicIcon(mentor.expertise.join(' ') || mentor.headline);\n\n return (\n <PageLayout hero backPath=\"/mentorship/mentors-page\" title=\"Mentor Profile\">\n <GlassCard className=\"mb-6 overflow-hidden p-0\">\n <div\n className={cn(\n 'relative h-24 overflow-hidden bg-gradient-to-br',\n coverGradient(mentor.headline)\n )}\n >\n {createElement(HeroIcon, {\n className: 'pointer-events-none absolute -right-3 -top-4 text-white/15',\n size: 120,\n strokeWidth: 1.3,\n })}\n <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent\" />\n </div>\n <div className=\"px-6 pb-6\">\n <div className=\"-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end\">\n <div className=\"relative shrink-0\">\n <span\n className={cn(\n 'flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface',\n coverGradient(mentor.headline)\n )}\n >\n {createElement(HeroIcon, { size: 34, strokeWidth: 1.6 })}\n </span>\n {mentor.isAcceptingMentees ? (\n <span className=\"absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n ) : null}\n </div>\n <div className=\"min-w-0 flex-1 sm:pb-1\">\n <h1 className=\"text-xl font-semibold text-text-primary sm:text-2xl\">\n {mentor.headline}\n </h1>\n <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n <StatusBadge status={mentor.status} />\n {mentor.isAcceptingMentees ? (\n <Badge\n variant=\"outline\"\n className=\"inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n >\n <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" /> Accepting\n mentees\n </Badge>\n ) : null}\n </div>\n </div>\n </div>\n\n {mentor.bio ? (\n <p className=\"mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary\">\n {mentor.bio}\n </p>\n ) : null}\n\n {mentor.expertise.length ? (\n <div className=\"mt-4 flex flex-wrap gap-1.5\">\n {mentor.expertise.map((skill) => (\n <Badge key={skill} variant=\"secondary\">\n {skill}\n </Badge>\n ))}\n </div>\n ) : null}\n </div>\n </GlassCard>\n\n <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <StatCard\n label=\"Rate\"\n value={`${formatMoney(mentor.hourlyRate, mentor.currency)}/hr`}\n icon={DollarSign}\n tone=\"blue\"\n />\n <StatCard\n label=\"Rating\"\n value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n icon={Star}\n tone=\"amber\"\n />\n <StatCard\n label=\"Sessions\"\n value={mentor.sessionsCount}\n icon={MessageSquare}\n tone=\"purple\"\n />\n <StatCard\n label=\"Status\"\n value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n icon={Award}\n tone=\"teal\"\n />\n </div>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <BookSessionForm\n mentorId={mentor.id}\n disabled={!mentor.isAcceptingMentees}\n onBooked={() => void refetch()}\n />\n\n <GlassCard className=\"p-5\">\n <div className=\"mb-3 flex items-center gap-2\">\n <CalendarClock size={18} className=\"text-accent-teal\" />\n <h2 className=\"text-base font-semibold text-text-primary\">Recent sessions</h2>\n </div>\n {recentSessions.length === 0 ? (\n <p className=\"py-6 text-center text-sm text-text-muted\">\n No sessions booked yet. Be the first to request time with this mentor.\n </p>\n ) : (\n <div className=\"divide-y divide-border-seam\">\n {recentSessions.map((session) => (\n <SessionSummaryRow key={session.id} session={session} />\n ))}\n </div>\n )}\n </GlassCard>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}