@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

package/dist/timecampus/pages/geofencing/GeofencingSettingsPage.js

@@ -1,38 +1,42 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetConfigurationByKeyQuery as r, useSetConfigurationMutation as i } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationByKeyQuery as n, useSetConfigurationMutation as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
 import { useEffect as a, useState as o } from "react";
 import { Settings as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { GlassCard as u } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/geofencing/GeofencingSettingsPage.tsx
-var u = "geofencing.settings";
-function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({ variables: { key: u } }), [h, { loading: g }] = i(), _ = f?.configurationByKey?.value ?? {}, [v, y] = o(!0), [b, x] = o(!0), [S, C] = o(!0);
+var d = "geofencing.settings";
+function f() {
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = n({ variables: { key: d } }), [g, { loading: _ }] = r(), v = p?.configurationByKey?.value ?? {}, [y, b] = o(!0), [x, S] = o(!0), [C, w] = o(!0);
 	return a(() => {
-		_ && (y(_.autoStartOnEntry ?? !0), x(_.autoStopOnExit ?? !0), C(_.notificationsOnEvents ?? !0));
+		v && (b(v.autoStartOnEntry ?? !0), S(v.autoStopOnExit ?? !0), w(v.notificationsOnEvents ?? !0));
 	}, [
-		_.autoStartOnEntry,
-		_.autoStopOnExit,
-		_.notificationsOnEvents
-	]), p ? /* @__PURE__ */ c(t, {
+		v.autoStartOnEntry,
+		v.autoStopOnExit,
+		v.notificationsOnEvents
+	]), m ? /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
-		children: /* @__PURE__ */ c(n, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(t, {
+		children: /* @__PURE__ */ c(t, { variant: "detail" })
+	}) : h ? /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load geofencing settings. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(t, {
+	}) : /* @__PURE__ */ c(i, {
 		title: "Geofencing Settings",
 		description: "Configure geofencing preferences",
+		purpose: "Make your timer follow you between locations — start it automatically when you arrive at a worksite and stop it when you leave — so on-site time is captured hands-free without manual punches.",
 		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+			children: [/* @__PURE__ */ l(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [/* @__PURE__ */ l("h3", {
 					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Trigger Settings"]
@@ -46,8 +50,8 @@ function d() {
 								children: "Auto-start timer on entry"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: v,
-								onChange: (e) => y(e.target.checked),
+								checked: y,
+								onChange: (e) => b(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -58,8 +62,8 @@ function d() {
 								children: "Auto-stop timer on exit"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: b,
-								onChange: (e) => x(e.target.checked),
+								checked: x,
+								onChange: (e) => S(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -70,8 +74,8 @@ function d() {
 								children: "Notifications on events"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: S,
-								onChange: (e) => C(e.target.checked),
+								checked: C,
+								onChange: (e) => w(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						})
@@ -81,26 +85,26 @@ function d() {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ c("button", {
 					onClick: async () => {
-						await h({ variables: { input: {
-							key: u,
+						await g({ variables: { input: {
+							key: d,
 							value: {
-								autoStartOnEntry: v,
-								autoStopOnExit: b,
-								notificationsOnEvents: S
+								autoStartOnEntry: y,
+								autoStopOnExit: x,
+								notificationsOnEvents: C
 							},
 							description: "Geofencing trigger settings",
 							scope: "USER"
 						} } });
 					},
-					disabled: g,
+					disabled: _,
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-					children: g ? "Saving..." : "Save Settings"
+					children: _ ? "Saving..." : "Save Settings"
 				})
 			})]
 		})
 	});
 }
 //#endregion
-export { d as GeofencingSettingsPage };
+export { f as GeofencingSettingsPage };
 
 //# sourceMappingURL=GeofencingSettingsPage.js.map

package/dist/timecampus/pages/geofencing/GeofencingSettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeofencingSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/geofencing/GeofencingSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"geofencing.settings\";\n\nexport function GeofencingSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [autoStartOnEntry, setAutoStartOnEntry] = useState(true);\n  const [autoStopOnExit, setAutoStopOnExit] = useState(true);\n  const [notificationsOnEvents, setNotificationsOnEvents] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setAutoStartOnEntry(configValue.autoStartOnEntry ?? true);\n      setAutoStopOnExit(configValue.autoStopOnExit ?? true);\n      setNotificationsOnEvents(configValue.notificationsOnEvents ?? true);\n    }\n  }, [\n    configValue.autoStartOnEntry,\n    configValue.autoStopOnExit,\n    configValue.notificationsOnEvents,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: { autoStartOnEntry, autoStopOnExit, notificationsOnEvents },\n          description: \"Geofencing trigger settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load geofencing settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Geofencing Settings\"\n      description=\"Configure geofencing preferences\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Trigger Settings\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Auto-start timer on entry\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStartOnEntry}\n                onChange={(e) => setAutoStartOnEntry(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Auto-stop timer on exit\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStopOnExit}\n                onChange={(e) => setAutoStopOnExit(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Notifications on events\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={notificationsOnEvents}\n                onChange={(e) => setNotificationsOnEvents(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </div>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAa;AAEnB,SAAgB,IAAyB;CACvC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAkB,KAAuB,EAAS,GAAK,EACxD,CAAC,GAAgB,KAAqB,EAAS,GAAK,EACpD,CAAC,GAAuB,KAA4B,EAAS,GAAK;AAmDxE,QAjDA,QAAgB;AACd,EAAI,MACF,EAAoB,EAAY,oBAAoB,GAAK,EACzD,EAAkB,EAAY,kBAAkB,GAAK,EACrD,EAAyB,EAAY,yBAAyB,GAAK;IAEpE;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAeE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,mBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAoB,EAAE,OAAO,QAAQ;QACtD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAkB,EAAE,OAAO,QAAQ;QACpD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAyB,EAAE,OAAO,QAAQ;QAC3D,WAAU;QACV,CAAA,CACI;;MACJ;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAtFS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAkB;QAAgB;QAAuB;OAClE,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA6EM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}
+{"version":3,"file":"GeofencingSettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/geofencing/GeofencingSettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"geofencing.settings\";\n\nexport function GeofencingSettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [autoStartOnEntry, setAutoStartOnEntry] = useState(true);\n  const [autoStopOnExit, setAutoStopOnExit] = useState(true);\n  const [notificationsOnEvents, setNotificationsOnEvents] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setAutoStartOnEntry(configValue.autoStartOnEntry ?? true);\n      setAutoStopOnExit(configValue.autoStopOnExit ?? true);\n      setNotificationsOnEvents(configValue.notificationsOnEvents ?? true);\n    }\n  }, [\n    configValue.autoStartOnEntry,\n    configValue.autoStopOnExit,\n    configValue.notificationsOnEvents,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: { autoStartOnEntry, autoStopOnExit, notificationsOnEvents },\n          description: \"Geofencing trigger settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Geofencing Settings\"\n        description=\"Configure geofencing preferences\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load geofencing settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Geofencing Settings\"\n      description=\"Configure geofencing preferences\"\n      purpose=\"Make your timer follow you between locations — start it automatically when you arrive at a worksite and stop it when you leave — so on-site time is captured hands-free without manual punches.\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Trigger Settings\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Auto-start timer on entry\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStartOnEntry}\n                onChange={(e) => setAutoStartOnEntry(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Auto-stop timer on exit\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={autoStopOnExit}\n                onChange={(e) => setAutoStopOnExit(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Notifications on events\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={notificationsOnEvents}\n                onChange={(e) => setNotificationsOnEvents(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </GlassCard>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAa;AAEnB,SAAgB,IAAyB;CACvC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAkB,KAAuB,EAAS,GAAK,EACxD,CAAC,GAAgB,KAAqB,EAAS,GAAK,EACpD,CAAC,GAAuB,KAA4B,EAAS,GAAK;AAmDxE,QAjDA,QAAgB;AACd,EAAI,MACF,EAAoB,EAAY,oBAAoB,GAAK,EACzD,EAAkB,EAAY,kBAAkB,GAAK,EACrD,EAAyB,EAAY,yBAAyB,GAAK;IAEpE;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAeE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,mBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAoB,EAAE,OAAO,QAAQ;QACtD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAkB,EAAE,OAAO,QAAQ;QACpD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAyB,EAAE,OAAO,QAAQ;QAC3D,WAAU;QACV,CAAA,CACI;;MACJ;OACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAvFS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAkB;QAAgB;QAAuB;OAClE,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA8EM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

package/dist/timecampus/pages/industry-solutions/IndustrySolutionsPage.js

@@ -1,69 +1,72 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useListConfigurationsQuery as r } from "../../../generated/wspace-operations.js";
-import { ArrowRight as i, Factory as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useListConfigurationsQuery as n } from "../../../generated/wspace-operations.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { ArrowRight as a, Factory as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx
-function c() {
-	let { workspaceId: c = "" } = e(), { data: l, loading: u, error: d } = r({ variables: { scope: "WORKSPACE" } }), f = (l?.configurations ?? []).filter((e) => e.key.startsWith("industry."));
-	return u ? /* @__PURE__ */ o(t, {
+function l() {
+	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = n({ variables: { scope: "WORKSPACE" } }), p = (u?.configurations ?? []).filter((e) => e.key.startsWith("industry."));
+	return d ? /* @__PURE__ */ s(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ o(n, {
+		children: /* @__PURE__ */ s(t, {
 			variant: "card",
 			count: 6
 		})
-	}) : d ? /* @__PURE__ */ o(t, {
+	}) : f ? /* @__PURE__ */ s(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ o("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+		children: /* @__PURE__ */ s("div", {
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load industry solutions. Please try again later."
 		})
-	}) : /* @__PURE__ */ o(t, {
+	}) : /* @__PURE__ */ s(r, {
 		title: "Industry Solutions",
 		description: "Time tracking solutions tailored to your industry",
-		children: /* @__PURE__ */ o("div", {
+		purpose: "Start from a setup built for how your industry actually works — agencies, field services, manufacturing and more — instead of configuring time tracking from scratch.",
+		children: p.length === 0 ? /* @__PURE__ */ s(i, {
+			illustration: "empty-generic",
+			title: "No industry solutions configured yet",
+			description: "Industry templates are stored as workspace configurations with the 'industry.' key prefix — once added, ready-made setups for your sector appear here."
+		}) : /* @__PURE__ */ s("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-			children: f.length === 0 ? /* @__PURE__ */ o("div", {
-				className: "col-span-full p-8 text-center text-sm text-text-secondary",
-				children: "No industry solutions configured yet. Solutions are stored as workspace configurations with the \"industry.\" key prefix."
-			}) : f.map((e) => {
-				let t = e.value, n = t.name ?? e.key.replace("industry.", ""), r = t.industry ?? "General", c = e.description ?? t.description ?? "", l = t.features ?? [];
-				return /* @__PURE__ */ s("div", {
-					className: "rounded-xl border border-border-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
+			children: p.map((e) => {
+				let t = e.value, n = t.name ?? e.key.replace("industry.", ""), r = t.industry ?? "General", i = e.description ?? t.description ?? "", l = t.features ?? [];
+				return /* @__PURE__ */ c("div", {
+					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer",
 					children: [
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ o("div", {
+							children: [/* @__PURE__ */ s("div", {
 								className: "flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10",
-								children: /* @__PURE__ */ o(a, { className: "h-6 w-6 text-primary" })
-							}), /* @__PURE__ */ s("div", {
+								children: /* @__PURE__ */ s(o, { className: "h-6 w-6 text-primary" })
+							}), /* @__PURE__ */ c("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ o("p", {
+								children: [/* @__PURE__ */ s("p", {
 									className: "text-sm font-semibold text-text-primary",
 									children: n
-								}), /* @__PURE__ */ o("p", {
+								}), /* @__PURE__ */ s("p", {
 									className: "text-xs text-text-secondary",
 									children: r
 								})]
 							})]
 						}),
-						/* @__PURE__ */ o("p", {
+						/* @__PURE__ */ s("p", {
 							className: "mt-3 text-xs text-text-secondary",
-							children: c
+							children: i
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "mt-3 flex flex-wrap gap-1",
-							children: l.map((e) => /* @__PURE__ */ o("span", {
+							children: l.map((e) => /* @__PURE__ */ s("span", {
 								className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 								children: e
 							}, e))
 						}),
-						/* @__PURE__ */ s("button", {
+						/* @__PURE__ */ c("button", {
 							className: "mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline",
-							children: ["Learn more ", /* @__PURE__ */ o(i, { className: "h-3 w-3" })]
+							children: ["Learn more ", /* @__PURE__ */ s(a, { className: "h-3 w-3" })]
 						})
 					]
 				}, e.id);
@@ -72,6 +75,6 @@ function c() {
 	});
 }
 //#endregion
-export { c as IndustrySolutionsPage };
+export { l as IndustrySolutionsPage };
 
 //# sourceMappingURL=IndustrySolutionsPage.js.map

package/dist/timecampus/pages/industry-solutions/IndustrySolutionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndustrySolutionsPage.js","names":[],"sources":["../../../../src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx"],"sourcesContent":["import { Factory, ArrowRight } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function IndustrySolutionsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as any },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent industry solutions (key starts with 'industry.')\n  const solutions = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"industry.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load industry solutions. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Industry Solutions\"\n      description=\"Time tracking solutions tailored to your industry\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {solutions.length === 0 ? (\n          <div className=\"col-span-full p-8 text-center text-sm text-text-secondary\">\n            No industry solutions configured yet. Solutions are stored as\n            workspace configurations with the \"industry.\" key prefix.\n          </div>\n        ) : (\n          solutions.map((solution: ConfigurationFieldsFragment) => {\n            const val = solution.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? solution.key.replace(\"industry.\", \"\");\n            const industry = (val.industry as string) ?? \"General\";\n            const description =\n              solution.description ?? (val.description as string) ?? \"\";\n            const features = (val.features as string[]) ?? [];\n\n            return (\n              <div\n                key={solution.id}\n                className=\"rounded-xl border border-border-subtle bg-bg-surface p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Factory className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">{industry}</p>\n                  </div>\n                </div>\n                <p className=\"mt-3 text-xs text-text-secondary\">\n                  {description}\n                </p>\n                <div className=\"mt-3 flex flex-wrap gap-1\">\n                  {features.map((feature) => (\n                    <span\n                      key={feature}\n                      className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {feature}\n                    </span>\n                  ))}\n                </div>\n                <button className=\"mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline\">\n                  Learn more <ArrowRight className=\"h-3 w-3\" />\n                </button>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,IAAwB;CACtC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,aAAoB,EACzC,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGhB,QAAQ,MACvC,EAAE,IAAI,WAAW,YAAY,CAC9B;AA0BD,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,WAAW,IACpB,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAGrE,CAAA,GAEN,EAAU,KAAK,MAA0C;IACvD,IAAM,IAAM,EAAS,OACf,IACH,EAAI,QAAmB,EAAS,IAAI,QAAQ,aAAa,GAAG,EACzD,IAAY,EAAI,YAAuB,WACvC,IACJ,EAAS,eAAgB,EAAI,eAA0B,IACnD,IAAY,EAAI,YAAyB,EAAE;AAEjD,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;QACxC,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAa,CAAA,CACrD;UACF;;MACN,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,KAAK,MACb,kBAAC,QAAD;QAEE,WAAU;kBAET;QACI,EAJA,EAIA,CACP;OACE,CAAA;MACN,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CAAkG,eACrF,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CACtC;;MACL;OA9BC,EAAS,GA8BV;KAER;GAEA,CAAA;EACK,CAAA"}
+{"version":3,"file":"IndustrySolutionsPage.js","names":[],"sources":["../../../../src/timecampus/pages/industry-solutions/IndustrySolutionsPage.tsx"],"sourcesContent":["import { Factory, ArrowRight } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListConfigurationsQuery,\n  type ConfigurationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function IndustrySolutionsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListConfigurationsQuery({\n    variables: { scope: \"WORKSPACE\" as any },\n  });\n\n  const configurations = data?.configurations ?? [];\n\n  // Filter configurations that represent industry solutions (key starts with 'industry.')\n  const solutions = configurations.filter((c: ConfigurationFieldsFragment) =>\n    c.key.startsWith(\"industry.\"),\n  );\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <LoadingSkeleton variant=\"card\" count={6} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Industry Solutions\"\n        description=\"Time tracking solutions tailored to your industry\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load industry solutions. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Industry Solutions\"\n      description=\"Time tracking solutions tailored to your industry\"\n      purpose=\"Start from a setup built for how your industry actually works — agencies, field services, manufacturing and more — instead of configuring time tracking from scratch.\"\n    >\n      {solutions.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No industry solutions configured yet\"\n          description=\"Industry templates are stored as workspace configurations with the 'industry.' key prefix — once added, ready-made setups for your sector appear here.\"\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {solutions.map((solution: ConfigurationFieldsFragment) => {\n            const val = solution.value as Record<string, unknown>;\n            const name =\n              (val.name as string) ?? solution.key.replace(\"industry.\", \"\");\n            const industry = (val.industry as string) ?? \"General\";\n            const description =\n              solution.description ?? (val.description as string) ?? \"\";\n            const features = (val.features as string[]) ?? [];\n\n            return (\n              <div\n                key={solution.id}\n                className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50 cursor-pointer\"\n              >\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-xl bg-action-primary-bg/10\">\n                    <Factory className=\"h-6 w-6 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">{industry}</p>\n                  </div>\n                </div>\n                <p className=\"mt-3 text-xs text-text-secondary\">\n                  {description}\n                </p>\n                <div className=\"mt-3 flex flex-wrap gap-1\">\n                  {features.map((feature) => (\n                    <span\n                      key={feature}\n                      className=\"inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                    >\n                      {feature}\n                    </span>\n                  ))}\n                </div>\n                <button className=\"mt-3 flex items-center gap-1 text-xs font-medium text-primary hover:underline\">\n                  Learn more <ArrowRight className=\"h-3 w-3\" />\n                </button>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAwB;CACtC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA2B,EAC1D,WAAW,EAAE,OAAO,aAAoB,EACzC,CAAC,EAKI,KAHiB,GAAM,kBAAkB,EAAE,EAGhB,QAAQ,MACvC,EAAE,IAAI,WAAW,YAAY,CAC9B;AA0BD,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,KAAK,MAA0C;IACxD,IAAM,IAAM,EAAS,OACf,IACH,EAAI,QAAmB,EAAS,IAAI,QAAQ,aAAa,GAAG,EACzD,IAAY,EAAI,YAAuB,WACvC,IACJ,EAAS,eAAgB,EAAI,eAA0B,IACnD,IAAY,EAAI,YAAyB,EAAE;AAEjD,WACE,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;QACxC,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV;SACC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAA+B;SAAa,CAAA,CACrD;UACF;;MACN,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MACJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAS,KAAK,MACb,kBAAC,QAAD;QAEE,WAAU;kBAET;QACI,EAJA,EAIA,CACP;OACE,CAAA;MACN,kBAAC,UAAD;OAAQ,WAAU;iBAAlB,CAAkG,eACrF,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CACtC;;MACL;OA9BC,EAAS,GA8BV;KAER;GACE,CAAA;EAEG,CAAA"}

package/dist/timecampus/pages/location-tracking/LocationPrivacySettingsPage.js

@@ -1,38 +1,42 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetConfigurationByKeyQuery as r, useSetConfigurationMutation as i } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetConfigurationByKeyQuery as n, useSetConfigurationMutation as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
 import { useEffect as a, useState as o } from "react";
 import { Shield as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { GlassCard as u } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx
-var u = "location.privacy";
-function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({ variables: { key: u } }), [h, { loading: g }] = i(), _ = f?.configurationByKey?.value ?? {}, [v, y] = o(!0), [b, x] = o(!1), [S, C] = o(!1);
+var d = "location.privacy";
+function f() {
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = n({ variables: { key: d } }), [g, { loading: _ }] = r(), v = p?.configurationByKey?.value ?? {}, [y, b] = o(!0), [x, S] = o(!1), [C, w] = o(!1);
 	return a(() => {
-		_ && (y(_.trackingEnabled ?? !0), x(_.shareWithTeam ?? !1), C(_.preciseLocation ?? !1));
+		v && (b(v.trackingEnabled ?? !0), S(v.shareWithTeam ?? !1), w(v.preciseLocation ?? !1));
 	}, [
-		_.trackingEnabled,
-		_.shareWithTeam,
-		_.preciseLocation
-	]), p ? /* @__PURE__ */ c(t, {
+		v.trackingEnabled,
+		v.shareWithTeam,
+		v.preciseLocation
+	]), m ? /* @__PURE__ */ c(i, {
 		title: "Location Privacy Settings",
 		description: "Control location tracking and data sharing",
-		children: /* @__PURE__ */ c(n, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(t, {
+		children: /* @__PURE__ */ c(t, { variant: "detail" })
+	}) : h ? /* @__PURE__ */ c(i, {
 		title: "Location Privacy Settings",
 		description: "Control location tracking and data sharing",
 		children: /* @__PURE__ */ c("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load privacy settings. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(t, {
+	}) : /* @__PURE__ */ c(i, {
 		title: "Location Privacy Settings",
 		description: "Control location tracking and data sharing",
+		purpose: "You're in charge of your location data here — turn tracking on or off, decide whether teammates can see where you are, and choose precise versus approximate positioning before any location is ever recorded.",
 		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+			children: [/* @__PURE__ */ l(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [/* @__PURE__ */ l("h3", {
 					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Privacy Controls"]
@@ -49,8 +53,8 @@ function d() {
 								children: "Allow the app to track your work location"
 							})] }), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: v,
-								onChange: (e) => y(e.target.checked),
+								checked: y,
+								onChange: (e) => b(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -64,8 +68,8 @@ function d() {
 								children: "Let team members see your current location"
 							})] }), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: b,
-								onChange: (e) => x(e.target.checked),
+								checked: x,
+								onChange: (e) => S(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -79,8 +83,8 @@ function d() {
 								children: "Use precise GPS vs approximate location"
 							})] }), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: S,
-								onChange: (e) => C(e.target.checked),
+								checked: C,
+								onChange: (e) => w(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						})
@@ -90,26 +94,26 @@ function d() {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ c("button", {
 					onClick: async () => {
-						await h({ variables: { input: {
-							key: u,
+						await g({ variables: { input: {
+							key: d,
 							value: {
-								trackingEnabled: v,
-								shareWithTeam: b,
-								preciseLocation: S
+								trackingEnabled: y,
+								shareWithTeam: x,
+								preciseLocation: C
 							},
 							description: "Location privacy settings",
 							scope: "USER"
 						} } });
 					},
-					disabled: g,
+					disabled: _,
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-					children: g ? "Saving..." : "Save Settings"
+					children: _ ? "Saving..." : "Save Settings"
 				})
 			})]
 		})
 	});
 }
 //#endregion
-export { d as LocationPrivacySettingsPage };
+export { f as LocationPrivacySettingsPage };
 
 //# sourceMappingURL=LocationPrivacySettingsPage.js.map

package/dist/timecampus/pages/location-tracking/LocationPrivacySettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocationPrivacySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Shield } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"location.privacy\";\n\nexport function LocationPrivacySettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [trackingEnabled, setTrackingEnabled] = useState(true);\n  const [shareWithTeam, setShareWithTeam] = useState(false);\n  const [preciseLocation, setPreciseLocation] = useState(false);\n\n  useEffect(() => {\n    if (configValue) {\n      setTrackingEnabled(configValue.trackingEnabled ?? true);\n      setShareWithTeam(configValue.shareWithTeam ?? false);\n      setPreciseLocation(configValue.preciseLocation ?? false);\n    }\n  }, [\n    configValue.trackingEnabled,\n    configValue.shareWithTeam,\n    configValue.preciseLocation,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: { trackingEnabled, shareWithTeam, preciseLocation },\n          description: \"Location privacy settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Location Privacy Settings\"\n        description=\"Control location tracking and data sharing\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Location Privacy Settings\"\n        description=\"Control location tracking and data sharing\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load privacy settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Location Privacy Settings\"\n      description=\"Control location tracking and data sharing\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Shield className=\"h-4 w-4\" />\n            Privacy Controls\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Enable location tracking\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Allow the app to track your work location\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={trackingEnabled}\n                onChange={(e) => setTrackingEnabled(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Share with team\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Let team members see your current location\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={shareWithTeam}\n                onChange={(e) => setShareWithTeam(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Precise location\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Use precise GPS vs approximate location\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={preciseLocation}\n                onChange={(e) => setPreciseLocation(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </div>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAa;AAEnB,SAAgB,IAA8B;CAC5C,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAiB,KAAsB,EAAS,GAAM;AAmD7D,QAjDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAiB,EAAY,iBAAiB,GAAM,EACpD,EAAmB,EAAY,mBAAmB,GAAM;IAEzD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAeE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,mBAE3B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAiB,EAAE,OAAO,QAAQ;QACnD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SArGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAiB;QAAe;QAAiB;OAC1D,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA4FM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}
+{"version":3,"file":"LocationPrivacySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Shield } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"location.privacy\";\n\nexport function LocationPrivacySettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [trackingEnabled, setTrackingEnabled] = useState(true);\n  const [shareWithTeam, setShareWithTeam] = useState(false);\n  const [preciseLocation, setPreciseLocation] = useState(false);\n\n  useEffect(() => {\n    if (configValue) {\n      setTrackingEnabled(configValue.trackingEnabled ?? true);\n      setShareWithTeam(configValue.shareWithTeam ?? false);\n      setPreciseLocation(configValue.preciseLocation ?? false);\n    }\n  }, [\n    configValue.trackingEnabled,\n    configValue.shareWithTeam,\n    configValue.preciseLocation,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: { trackingEnabled, shareWithTeam, preciseLocation },\n          description: \"Location privacy settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Location Privacy Settings\"\n        description=\"Control location tracking and data sharing\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Location Privacy Settings\"\n        description=\"Control location tracking and data sharing\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load privacy settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Location Privacy Settings\"\n      description=\"Control location tracking and data sharing\"\n      purpose=\"You're in charge of your location data here — turn tracking on or off, decide whether teammates can see where you are, and choose precise versus approximate positioning before any location is ever recorded.\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Shield className=\"h-4 w-4\" />\n            Privacy Controls\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Enable location tracking\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Allow the app to track your work location\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={trackingEnabled}\n                onChange={(e) => setTrackingEnabled(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Share with team\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Let team members see your current location\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={shareWithTeam}\n                onChange={(e) => setShareWithTeam(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <div>\n                <span className=\"text-sm font-medium text-text-primary\">\n                  Precise location\n                </span>\n                <p className=\"text-xs text-text-secondary\">\n                  Use precise GPS vs approximate location\n                </p>\n              </div>\n              <input\n                type=\"checkbox\"\n                checked={preciseLocation}\n                onChange={(e) => setPreciseLocation(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </GlassCard>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAa;AAEnB,SAAgB,IAA8B;CAC5C,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAiB,KAAsB,EAAS,GAAM;AAmD7D,QAjDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAiB,EAAY,iBAAiB,GAAM,EACpD,EAAmB,EAAY,mBAAmB,GAAM;IAEzD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAeE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,mBAE3B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAiB,EAAE,OAAO,QAAQ;QACnD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAtGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAiB;QAAe;QAAiB;OAC1D,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA6FM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}