@plasius/profile 1.0.4

package/dist/UserProvider.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect } from "react";
+import { userEntitySchema } from "@plasius/entity-manager";
+import { validateUserId } from "@plasius/schema";
+import { useAuthorizedFetch } from "@plasius/auth";
+import { createScopedStoreContext } from "@plasius/react-state";
+export function ValidateUser(user) {
+    const validated = userEntitySchema.validate(user);
+    if (!validated.valid || !validated.value) {
+        throw new Error(`Invalid User Profile: ${validated.errors?.join(", ") ?? "unknown error"}`);
+    }
+    return validated.value;
+}
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "setUser":
+            return { ...state, user: action.user };
+        case "setUserId":
+            return { ...state, userId: action.userId };
+        case "updateUser":
+            if (!state.user)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    ...action.user,
+                },
+            };
+        case "updateField":
+            if (!state.user)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    [action.payload.field]: action.payload.value,
+                },
+            };
+        case "updateNameField":
+            if (!state.user || !state.user.name)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    name: {
+                        ...state.user.name,
+                        [action.payload.field]: action.payload.value,
+                    },
+                },
+            };
+        case "updateAvatarField":
+            if (!state.user)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    avatar: {
+                        ...(state.user.avatar ?? {}),
+                        [action.payload.field]: action.payload.value,
+                    },
+                },
+            };
+        default:
+            return state;
+    }
+};
+const initialState = {
+    user: undefined,
+    userId: null,
+};
+export const UserStore = createScopedStoreContext(reducer, initialState);
+export const UserProvider = ({ children }) => {
+    return (_jsxs(UserStore.Provider, { children: [_jsx(UserInitializer, {}), children] }));
+};
+const UserInitializer = () => {
+    const authorizedFetch = useAuthorizedFetch();
+    const dispatch = UserStore.useDispatch();
+    const { userId, user } = UserStore.useStore();
+    const saveUser = useCallback(async () => {
+        if (!user)
+            return;
+        try {
+            const validatedUser = ValidateUser(user);
+            const res = await authorizedFetch(`/users/${validatedUser.partitionKey}/update`, {
+                credentials: "include",
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(validatedUser),
+            });
+            if (!res.ok) {
+                throw new Error(`Save failed with status ${res.status}`);
+            }
+            console.info("✅ User profile saved successfully.");
+        }
+        catch (err) {
+            console.error("❌ Error saving user profile:", err);
+        }
+    }, [authorizedFetch, user]);
+    useEffect(() => {
+        if (!userId || !validateUserId(userId))
+            return;
+        const headers = { "Content-Type": "application/json" };
+        authorizedFetch(`/users/${userId}/get`, { credentials: "include" })
+            .then(async (res) => {
+            if (res.status === 404) {
+                const newUser = { id: userId };
+                return await authorizedFetch(`/users/${userId}/create`, {
+                    credentials: "include",
+                    method: "POST",
+                    headers,
+                    body: JSON.stringify(newUser),
+                }).then(async (res) => {
+                    if (!res.ok)
+                        throw new Error(`Failed to load user (${res.status})`);
+                    const data = await res.json();
+                    const validatedUser = ValidateUser(data);
+                    dispatch({ type: "setUser", user: validatedUser });
+                });
+            }
+            if (!res.ok)
+                throw new Error(`Failed to load user (${res.status})`);
+            const data = await res.json();
+            const validatedUser = ValidateUser(data);
+            dispatch({ type: "setUser", user: validatedUser });
+        })
+            .catch((err) => {
+            console.warn("⚠️ Failed to load or create user profile:", err);
+        });
+        return () => {
+            saveUser().catch((err) => {
+                console.error("❌ Error saving during cleanup:", err);
+            });
+        };
+    }, [userId, authorizedFetch, dispatch, saveUser]);
+    return null;
+};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./UserProvider.js";
+export * from "./SettingsProvider.js";
+export * from "./Pages/Settings/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./UserProvider.js";
+export * from "./SettingsProvider.js";
+export * from "./Pages/Settings/index.js";

package/dist-cjs/Pages/Settings/Settings.d.ts

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

package/dist-cjs/Pages/Settings/Settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../src/Pages/Settings/Settings.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,YAAY,4CAuM3B;AAED,eAAe,YAAY,CAAC"}

package/dist-cjs/Pages/Settings/Settings.js

@@ -0,0 +1,99 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsPage = SettingsPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const entity_manager_1 = require("@plasius/entity-manager");
+const auth_1 = require("@plasius/auth");
+const translations_1 = require("@plasius/translations");
+const UserProvider_js_1 = require("../../UserProvider.js");
+const Settings_module_css_1 = __importDefault(require("./Settings.module.css"));
+const getEmailPreferenceOptions = () => Object.entries(entity_manager_1.UserEmailPreferences).map(([key, value]) => ({
+    label: key.replace(/([a-z])([A-Z])/g, "$1 $2"), // Optional: format nicely
+    value,
+}));
+const getPreferredDisplayOrder = () => Object.entries(entity_manager_1.PreferredDisplayOrder).map(([key, value]) => ({
+    label: key.replace(/([a-z])([A-Z])/g, "$1 $2"), // Optional: format nicely
+    value,
+}));
+function SettingsPage() {
+    const authorizedFetch = (0, auth_1.useAuthorizedFetch)();
+    const { t } = (0, translations_1.useI18n)();
+    const { user } = UserProvider_js_1.UserStore.useStore();
+    const dispatch = UserProvider_js_1.UserStore.useDispatch();
+    (0, react_1.useEffect)(() => {
+        if (user) {
+            const res = entity_manager_1.userEntitySchema.validate(user);
+            if (!res.valid || res.errors?.length != 0) {
+                throw new Error(`Invalid user ${String(user)}. Errors: ${res.errors?.join("\n") ?? "unknown"}`);
+            }
+        }
+    }, [user]);
+    const handleChange = (e) => {
+        const { name, value } = e.target;
+        if (name.startsWith("name.")) {
+            const [, field] = name.split(".");
+            dispatch({ type: "updateNameField", payload: { field, value } });
+        }
+        else {
+            dispatch({ type: "updateField", payload: { field: name, value } });
+        }
+    };
+    const uploadAvatar = async (file) => {
+        const formData = new FormData();
+        formData.append("avatar", file); // "avatar" must match the expected server-side field
+        const response = await authorizedFetch(`/user/avatar`, {
+            method: "POST",
+            body: formData,
+            headers: {
+            // Do NOT set Content-Type explicitly; browser will set it with boundary
+            },
+        });
+        if (!response.ok) {
+            throw new Error("Failed to upload avatar");
+        }
+        const data = await response.json();
+        return data; // e.g. { imageUrl: "...uploaded file url..." }
+    };
+    const handleAvatarChange = async (e) => {
+        const file = e.target.files?.[0];
+        if (!file)
+            return;
+        try {
+            const uploadedAvatar = await uploadAvatar(file);
+            const validatedAvatar = entity_manager_1.userAvatarSchema.validate(uploadedAvatar);
+            if (!validatedAvatar.valid || validatedAvatar.errors?.length) {
+                throw new Error((validatedAvatar.errors ?? []).map((e) => String(e)).join("; "));
+            }
+            const base = validatedAvatar.value;
+            const userAvatar = {
+                ...base,
+                originalName: file.name,
+            };
+            dispatch({
+                type: "updateField",
+                payload: {
+                    field: "avatar",
+                    value: userAvatar,
+                },
+            });
+        }
+        catch (err) {
+            console.error(err);
+        }
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const errors = entity_manager_1.userEntitySchema.validate(user);
+        if (errors) {
+            console.warn("Validation failed", errors);
+            return;
+        }
+        console.info("Saved:", user);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: Settings_module_css_1.default.settingsContainer, children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: Settings_module_css_1.default.settingsForm, children: [(0, jsx_runtime_1.jsx)("h2", { children: t("profile_settings") }), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("upload_avatar"), (0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: handleAvatarChange, className: Settings_module_css_1.default.input })] }), user?.avatar?.url && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("img", { src: user?.avatar?.url, alt: t("avatar_preview"), className: Settings_module_css_1.default.avatarPreview }) })), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("first_name"), (0, jsx_runtime_1.jsx)("input", { name: "name.firstName", value: user?.name?.firstName, onChange: handleChange, className: Settings_module_css_1.default.input })] }), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("middle_name"), (0, jsx_runtime_1.jsx)("input", { name: "name.middleName", value: user?.name?.middleName, onChange: handleChange, className: Settings_module_css_1.default.input })] }), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("last_name"), (0, jsx_runtime_1.jsx)("input", { name: "name.lastName", value: user?.name?.lastName, onChange: handleChange, className: Settings_module_css_1.default.input })] }), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("display_name"), (0, jsx_runtime_1.jsx)("input", { name: "name.displayName", value: user?.name?.displayName, onChange: handleChange, className: Settings_module_css_1.default.input })] }), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("preferred_name_display"), (0, jsx_runtime_1.jsxs)("select", { name: "displayPreferences", value: (user?.name).preferredDisplayOrder, onChange: handleChange, className: Settings_module_css_1.default.select, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: t("select_preference") }), getPreferredDisplayOrder().map((opt) => ((0, jsx_runtime_1.jsx)("option", { value: opt.value, children: opt.label }, opt.value)))] })] }), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("email"), (0, jsx_runtime_1.jsx)("input", { name: "email", value: user?.email, onChange: handleChange, className: Settings_module_css_1.default.input })] }), (0, jsx_runtime_1.jsxs)("label", { className: Settings_module_css_1.default.label, children: [t("email_preferences"), (0, jsx_runtime_1.jsxs)("select", { name: "emailPreferences", value: user?.emailPreferences, onChange: handleChange, className: Settings_module_css_1.default.select, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: t("select_preference") }), getEmailPreferenceOptions().map((opt) => ((0, jsx_runtime_1.jsx)("option", { value: opt.value, children: opt.label }, opt.value)))] })] }), (0, jsx_runtime_1.jsx)("button", { type: "submit", className: Settings_module_css_1.default.submitButton, children: t("save_settings") })] }) }));
+}
+exports.default = SettingsPage;

package/dist-cjs/Pages/Settings/Settings.module.css

@@ -0,0 +1,13 @@
+.avatarPreview {
+  margin-top: 10px;
+  border-radius: 50%;
+  overflow: hidden;
+  width: 100px;
+  height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--color-surface-muted);
+  box-shadow: var(--shadow-elevation-low);
+  transition: background-color 0.3s ease, box-shadow 0.3s ease;
+}

package/dist-cjs/Pages/Settings/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Settings.js";
+//# sourceMappingURL=index.d.ts.map

package/dist-cjs/Pages/Settings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pages/Settings/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist-cjs/Pages/Settings/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Settings.js"), exports);

package/dist-cjs/SettingsProvider.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import type { IState } from "@plasius/react-state";
+export type SettingsState = IState & Record<string, unknown>;
+export type SettingsAction = {
+    type: "update";
+    key: string;
+    value: unknown;
+} | {
+    type: "reset";
+} | {
+    type: "load";
+    payload: Partial<SettingsState>;
+};
+export declare const SettingsStore: {
+    Context: React.Context<import("@plasius/react-state").Store<SettingsState, SettingsAction> | null>;
+    Provider: ({ children, initialState: override, }: {
+        children: React.ReactNode;
+        initialState?: SettingsState | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    useStore: () => SettingsState;
+    useDispatch: () => (action: SettingsAction) => void;
+    useSelector: <T>(selector: (state: SettingsState) => T, isEqual?: ((a: T, b: T) => boolean) | undefined) => T;
+};
+export declare const SettingsProvider: ({ children, configUrl, }: {
+    children: React.ReactNode;
+    configUrl?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsProvider.d.ts.map

package/dist-cjs/SettingsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsProvider.d.ts","sourceRoot":"","sources":["../src/SettingsProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAKnD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7D,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAC/C;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;CAAE,CAAC;AAoBtD,eAAO,MAAM,aAAa;;;;;;;;;CAGF,CAAC;AAEzB,eAAO,MAAM,gBAAgB,GAAI,0BAG9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAMA,CAAC"}

package/dist-cjs/SettingsProvider.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsProvider = exports.SettingsStore = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PRIVATE_ID = Symbol("settings.id");
+const PRIVATE_PARTITION_KEY = Symbol("settings.partitionKey");
+const react_1 = require("react");
+const react_state_1 = require("@plasius/react-state");
+const auth_1 = require("@plasius/auth");
+const react_query_1 = require("@plasius/react-query");
+const initialState = {};
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "update":
+            return { ...state, [action.key]: action.value };
+        case "load":
+            return { ...state, ...action.payload };
+        case "reset":
+            return initialState;
+        default:
+            return state;
+    }
+};
+exports.SettingsStore = (0, react_state_1.createScopedStoreContext)(reducer, initialState);
+const SettingsProvider = ({ children, configUrl = "/settings", }) => {
+    return ((0, jsx_runtime_1.jsx)(exports.SettingsStore.Provider, { children: (0, jsx_runtime_1.jsx)(SettingsInitializer, { configUrl: configUrl, children: children }) }));
+};
+exports.SettingsProvider = SettingsProvider;
+const SettingsInitializer = ({ children, configUrl, }) => {
+    const authorizedFetch = (0, auth_1.useAuthorizedFetch)();
+    const dispatch = exports.SettingsStore.useDispatch();
+    const state = exports.SettingsStore.useStore();
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const toSettingsEntity = (state) => {
+        const hidden = state;
+        return {
+            id: hidden[PRIVATE_ID] ?? "",
+            partitionKey: hidden[PRIVATE_PARTITION_KEY] ?? "",
+            settings: state,
+        };
+    };
+    const fromSettingsEntity = (entity) => {
+        const result = {
+            ...entity.settings,
+        };
+        Object.defineProperty(result, PRIVATE_ID, {
+            value: entity.id,
+            enumerable: false,
+            writable: false,
+        });
+        Object.defineProperty(result, PRIVATE_PARTITION_KEY, {
+            value: entity.partitionKey,
+            enumerable: false,
+            writable: false,
+        });
+        return result;
+    };
+    const { data } = (0, react_query_1.useQuery)("settings", async () => {
+        const res = await authorizedFetch(configUrl);
+        if (!res.ok)
+            throw new Error(`Load failed with status ${res.status}`);
+        return (await res.json());
+    });
+    (0, react_1.useEffect)(() => {
+        if (data) {
+            dispatch({ type: "load", payload: fromSettingsEntity(data) });
+        }
+    }, [data]);
+    const saveMutation = (0, react_query_1.useMutation)(async () => {
+        const res = await authorizedFetch(configUrl, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify(toSettingsEntity(state)),
+        });
+        if (!res.ok)
+            throw new Error(`Save failed with status ${res.status}`);
+    }, {
+        onSuccess: () => {
+            console.info("✅ Settings saved successfully.");
+            queryClient.invalidateQuery("settings", async () => {
+                const res = await authorizedFetch(configUrl);
+                if (!res.ok)
+                    throw new Error(`Load failed with status ${res.status}`);
+                const entity = (await res.json());
+                return entity;
+            });
+        },
+        onError: (err) => {
+            console.error("❌ Error saving settings:", err);
+        },
+    });
+    (0, react_1.useEffect)(() => {
+        return () => {
+            void saveMutation.mutate();
+        };
+    }, [saveMutation]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+};

package/dist-cjs/UserProvider.d.ts

@@ -0,0 +1,51 @@
+import React from "react";
+import { type UserEntity } from "@plasius/entity-manager";
+import { type IState } from "@plasius/react-state";
+export declare function ValidateUser(user: UserEntity): UserEntity;
+interface UserState extends IState {
+    user?: UserEntity;
+    userId: string | null;
+}
+type UserAction = {
+    type: "setUser";
+    user: UserEntity;
+} | {
+    type: "setUserId";
+    userId: string | null;
+} | {
+    type: "updateUser";
+    user: Partial<UserEntity>;
+} | {
+    type: "updateField";
+    payload: {
+        field: string;
+        value: unknown;
+    };
+} | {
+    type: "updateNameField";
+    payload: {
+        field: string;
+        value: unknown;
+    };
+} | {
+    type: "updateAvatarField";
+    payload: {
+        field: string;
+        value: unknown;
+    };
+};
+export declare const UserStore: {
+    Context: React.Context<import("@plasius/react-state").Store<UserState, UserAction> | null>;
+    Provider: ({ children, initialState: override, }: {
+        children: React.ReactNode;
+        initialState?: UserState | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    useStore: () => UserState;
+    useDispatch: () => (action: UserAction) => void;
+    useSelector: <T>(selector: (state: UserState) => T, isEqual?: ((a: T, b: T) => boolean) | undefined) => T;
+};
+export declare const UserProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserProvider.d.ts.map

package/dist-cjs/UserProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProvider.d.ts","sourceRoot":"","sources":["../src/UserProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAyB,KAAK,UAAU,EAAoB,MAAM,yBAAyB,CAAC;AAGnG,OAAO,EAA4B,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE7E,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,GAON,UAAU,CAChD;AAED,UAAU,SAAU,SAAQ,MAAM;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,GACnE;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;CAAE,CAAC;AA4D9E,eAAO,MAAM,SAAS;;;;;;;;;CAAkD,CAAC;AAEzE,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAOvE,CAAC"}

package/dist-cjs/UserProvider.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserProvider = exports.UserStore = void 0;
+exports.ValidateUser = ValidateUser;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const entity_manager_1 = require("@plasius/entity-manager");
+const schema_1 = require("@plasius/schema");
+const auth_1 = require("@plasius/auth");
+const react_state_1 = require("@plasius/react-state");
+function ValidateUser(user) {
+    const validated = entity_manager_1.userEntitySchema.validate(user);
+    if (!validated.valid || !validated.value) {
+        throw new Error(`Invalid User Profile: ${validated.errors?.join(", ") ?? "unknown error"}`);
+    }
+    return validated.value;
+}
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "setUser":
+            return { ...state, user: action.user };
+        case "setUserId":
+            return { ...state, userId: action.userId };
+        case "updateUser":
+            if (!state.user)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    ...action.user,
+                },
+            };
+        case "updateField":
+            if (!state.user)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    [action.payload.field]: action.payload.value,
+                },
+            };
+        case "updateNameField":
+            if (!state.user || !state.user.name)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    name: {
+                        ...state.user.name,
+                        [action.payload.field]: action.payload.value,
+                    },
+                },
+            };
+        case "updateAvatarField":
+            if (!state.user)
+                return state;
+            return {
+                ...state,
+                user: {
+                    ...state.user,
+                    avatar: {
+                        ...(state.user.avatar ?? {}),
+                        [action.payload.field]: action.payload.value,
+                    },
+                },
+            };
+        default:
+            return state;
+    }
+};
+const initialState = {
+    user: undefined,
+    userId: null,
+};
+exports.UserStore = (0, react_state_1.createScopedStoreContext)(reducer, initialState);
+const UserProvider = ({ children }) => {
+    return ((0, jsx_runtime_1.jsxs)(exports.UserStore.Provider, { children: [(0, jsx_runtime_1.jsx)(UserInitializer, {}), children] }));
+};
+exports.UserProvider = UserProvider;
+const UserInitializer = () => {
+    const authorizedFetch = (0, auth_1.useAuthorizedFetch)();
+    const dispatch = exports.UserStore.useDispatch();
+    const { userId, user } = exports.UserStore.useStore();
+    const saveUser = (0, react_1.useCallback)(async () => {
+        if (!user)
+            return;
+        try {
+            const validatedUser = ValidateUser(user);
+            const res = await authorizedFetch(`/users/${validatedUser.partitionKey}/update`, {
+                credentials: "include",
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(validatedUser),
+            });
+            if (!res.ok) {
+                throw new Error(`Save failed with status ${res.status}`);
+            }
+            console.info("✅ User profile saved successfully.");
+        }
+        catch (err) {
+            console.error("❌ Error saving user profile:", err);
+        }
+    }, [authorizedFetch, user]);
+    (0, react_1.useEffect)(() => {
+        if (!userId || !(0, schema_1.validateUserId)(userId))
+            return;
+        const headers = { "Content-Type": "application/json" };
+        authorizedFetch(`/users/${userId}/get`, { credentials: "include" })
+            .then(async (res) => {
+            if (res.status === 404) {
+                const newUser = { id: userId };
+                return await authorizedFetch(`/users/${userId}/create`, {
+                    credentials: "include",
+                    method: "POST",
+                    headers,
+                    body: JSON.stringify(newUser),
+                }).then(async (res) => {
+                    if (!res.ok)
+                        throw new Error(`Failed to load user (${res.status})`);
+                    const data = await res.json();
+                    const validatedUser = ValidateUser(data);
+                    dispatch({ type: "setUser", user: validatedUser });
+                });
+            }
+            if (!res.ok)
+                throw new Error(`Failed to load user (${res.status})`);
+            const data = await res.json();
+            const validatedUser = ValidateUser(data);
+            dispatch({ type: "setUser", user: validatedUser });
+        })
+            .catch((err) => {
+            console.warn("⚠️ Failed to load or create user profile:", err);
+        });
+        return () => {
+            saveUser().catch((err) => {
+                console.error("❌ Error saving during cleanup:", err);
+            });
+        };
+    }, [userId, authorizedFetch, dispatch, saveUser]);
+    return null;
+};

package/dist-cjs/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./UserProvider.js";
+export * from "./SettingsProvider.js";
+export * from "./Pages/Settings/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist-cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC"}