@solidxai/core-ui 0.1.13-beta.0 → 0.1.13-beta.2

package/dist/components/core/chatter/chatterMentions.ts

@@ -0,0 +1,59 @@
+export interface ChatterMention {
+    username: string;
+    display_name: string;
+    id: string;
+}
+
+export const parseMessageBodyMentions = (value: unknown): ChatterMention[] => {
+    if (!value) return [];
+    if (Array.isArray(value)) return value as ChatterMention[];
+    if (typeof value !== 'string') return [];
+
+    try {
+        const parsed = JSON.parse(value);
+        return Array.isArray(parsed) ? parsed : [];
+    } catch {
+        return [];
+    }
+};
+
+export const renderMessageBodyMentions = (messageBody: string | null | undefined, messageBodyMentions: unknown) => {
+    const mentions = parseMessageBodyMentions(messageBodyMentions);
+    if (!messageBody || mentions.length === 0) return messageBody;
+
+    return mentions.reduce((nextMessage, mention, index) => (
+        nextMessage.replace(new RegExp(`\\{\\{\\s*${index}\\s*\\}\\}`, 'g'), `@${mention.username}`)
+    ), messageBody);
+};
+
+const escapeRegExp = (value: string) => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+
+export const buildMessageBodyWithMentionTokens = (message: string, mentions: ChatterMention[]) => {
+    const activeMentions = mentions.filter((mention, index, arr) =>
+        message.includes(`@${mention.username}`) &&
+        arr.findIndex(item => item.username === mention.username) === index
+    );
+
+    const body = activeMentions.reduce((nextMessage, mention, index) => {
+        const mentionRegex = new RegExp(`@${escapeRegExp(mention.username)}\\b`, 'g');
+        return nextMessage.replace(mentionRegex, `{{ ${index} }}`);
+    }, message);
+
+    return {
+        body,
+        mentions: activeMentions,
+    };
+};
+
+export const getMentionCandidate = (value: string, cursorPosition: number) => {
+    const beforeCursor = value.slice(0, cursorPosition);
+    const match = beforeCursor.match(/(^|\s)@([\w.]*)$/);
+    if (!match || match.index === undefined) return null;
+
+    const prefixLength = match[1]?.length || 0;
+    return {
+        query: match[2] || '',
+        start: match.index + prefixLength,
+        end: cursorPosition,
+    };
+};

package/dist/components/core/chatter/useChatterMentions.d.ts

@@ -0,0 +1,26 @@
+import { type ChangeEvent, type KeyboardEvent, type MouseEvent, type RefObject } from 'react';
+import { ChatterMention } from './chatterMentions';
+interface UseChatterMentionsProps {
+    value: string;
+    onChange: (value: string) => void;
+    textareaRef: RefObject<HTMLTextAreaElement | null>;
+}
+export declare const useChatterMentions: ({ value, onChange, textareaRef }: UseChatterMentionsProps) => {
+    mentions: ChatterMention[];
+    setMentions: import("react").Dispatch<import("react").SetStateAction<ChatterMention[]>>;
+    mentionRange: {
+        start: number;
+        end: number;
+    } | null;
+    mentionSuggestions: any[];
+    activeMentionIndex: number;
+    isFetchingMentionUsers: boolean;
+    handleMentionTextChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    handleMentionKeyDown: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    handleMentionKeyUp: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    handleMentionClick: (event: MouseEvent<HTMLTextAreaElement>) => void;
+    handleSelectMention: (user: any) => void;
+    resetMentions: (nextMentions?: ChatterMention[]) => void;
+};
+export {};
+//# sourceMappingURL=useChatterMentions.d.ts.map

package/dist/components/core/chatter/useChatterMentions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatterMentions.d.ts","sourceRoot":"","sources":["../../../../src/components/core/chatter/useChatterMentions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEnH,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAC;AAExE,UAAU,uBAAuB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,kBAAkB,qCAAsC,uBAAuB;;;;eAG9B,MAAM;aAAO,MAAM;;;;;qCAuBrC,YAAY,mBAAmB,CAAC;kCAMnC,cAAc,mBAAmB,CAAC;gCAmCpC,cAAc,mBAAmB,CAAC;gCAMlC,WAAW,mBAAmB,CAAC;gCAI/B,GAAG;mCA4BD,cAAc,EAAE;CA4CxD,CAAC"}

package/dist/components/core/chatter/useChatterMentions.js

@@ -0,0 +1,204 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { useEffect, useState } from 'react';
+import { useLazyGetusersQuery } from '../../../redux/api/userApi';
+import { getMentionCandidate } from './chatterMentions';
+export var useChatterMentions = function (_a) {
+    var value = _a.value, onChange = _a.onChange, textareaRef = _a.textareaRef;
+    var _b = useState([]), mentions = _b[0], setMentions = _b[1];
+    var _c = useState(''), mentionQuery = _c[0], setMentionQuery = _c[1];
+    var _d = useState(null), mentionRange = _d[0], setMentionRange = _d[1];
+    var _e = useState([]), mentionSuggestions = _e[0], setMentionSuggestions = _e[1];
+    var _f = useState(0), activeMentionIndex = _f[0], setActiveMentionIndex = _f[1];
+    var _g = useLazyGetusersQuery(), getUsers = _g[0], isFetchingMentionUsers = _g[1].isFetching;
+    var closeMentionMenu = function () {
+        setMentionRange(null);
+        setMentionQuery('');
+        setMentionSuggestions([]);
+        setActiveMentionIndex(0);
+    };
+    var updateMentionState = function (nextValue, cursorPosition) {
+        var candidate = getMentionCandidate(nextValue, cursorPosition);
+        if (!candidate) {
+            closeMentionMenu();
+            return;
+        }
+        setMentionRange({ start: candidate.start, end: candidate.end });
+        setMentionQuery(candidate.query);
+    };
+    var handleMentionTextChange = function (event) {
+        var _a;
+        var nextValue = event.target.value;
+        onChange(nextValue);
+        updateMentionState(nextValue, (_a = event.target.selectionStart) !== null && _a !== void 0 ? _a : nextValue.length);
+    };
+    var handleMentionKeyDown = function (event) {
+        if (!mentionRange)
+            return;
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            setActiveMentionIndex(function (prev) {
+                if (mentionSuggestions.length === 0)
+                    return 0;
+                return (prev + 1) % mentionSuggestions.length;
+            });
+            return;
+        }
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            setActiveMentionIndex(function (prev) {
+                if (mentionSuggestions.length === 0)
+                    return 0;
+                return (prev - 1 + mentionSuggestions.length) % mentionSuggestions.length;
+            });
+            return;
+        }
+        if (event.key === 'Enter' || event.key === 'Tab') {
+            if (mentionSuggestions[activeMentionIndex]) {
+                event.preventDefault();
+                handleSelectMention(mentionSuggestions[activeMentionIndex]);
+            }
+            return;
+        }
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            closeMentionMenu();
+        }
+    };
+    var handleMentionKeyUp = function (event) {
+        var _a;
+        if (['ArrowDown', 'ArrowUp', 'Enter', 'Tab', 'Escape'].includes(event.key))
+            return;
+        var target = event.currentTarget;
+        updateMentionState(target.value, (_a = target.selectionStart) !== null && _a !== void 0 ? _a : target.value.length);
+    };
+    var handleMentionClick = function (event) {
+        var _a;
+        updateMentionState(event.currentTarget.value, (_a = event.currentTarget.selectionStart) !== null && _a !== void 0 ? _a : event.currentTarget.value.length);
+    };
+    var handleSelectMention = function (user) {
+        if (!mentionRange)
+            return;
+        var username = user === null || user === void 0 ? void 0 : user.username;
+        if (!username)
+            return;
+        var mention = {
+            username: username,
+            display_name: (user === null || user === void 0 ? void 0 : user.fullName) || username,
+            id: String(user === null || user === void 0 ? void 0 : user.id),
+        };
+        var mentionText = "@".concat(mention.username);
+        var nextValue = "".concat(value.slice(0, mentionRange.start)).concat(mentionText, " ").concat(value.slice(mentionRange.end));
+        var nextCursorPosition = mentionRange.start + mentionText.length + 1;
+        onChange(nextValue);
+        setMentions(function (prev) { return (prev.some(function (item) { return item.id === mention.id || item.username === mention.username; })
+            ? prev
+            : __spreadArray(__spreadArray([], prev, true), [mention], false)); });
+        closeMentionMenu();
+        window.requestAnimationFrame(function () {
+            var _a, _b;
+            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = textareaRef.current) === null || _b === void 0 ? void 0 : _b.setSelectionRange(nextCursorPosition, nextCursorPosition);
+        });
+    };
+    var resetMentions = function (nextMentions) {
+        if (nextMentions === void 0) { nextMentions = []; }
+        setMentions(nextMentions);
+        closeMentionMenu();
+    };
+    useEffect(function () {
+        if (!mentionRange)
+            return;
+        var isActive = true;
+        var timeout = window.setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
+            var encodedQuery, queryString, response, error_1;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 2, , 3]);
+                        encodedQuery = encodeURIComponent(mentionQuery);
+                        queryString = mentionQuery
+                            ? "filters[username][$containsi]=".concat(encodedQuery, "&limit=8")
+                            : 'limit=8';
+                        return [4 /*yield*/, getUsers(queryString).unwrap()];
+                    case 1:
+                        response = _b.sent();
+                        if (!isActive)
+                            return [2 /*return*/];
+                        setMentionSuggestions(((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.records) || []);
+                        setActiveMentionIndex(0);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _b.sent();
+                        if (isActive)
+                            setMentionSuggestions([]);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }, 180);
+        return function () {
+            isActive = false;
+            window.clearTimeout(timeout);
+        };
+    }, [mentionQuery, mentionRange, getUsers]);
+    return {
+        mentions: mentions,
+        setMentions: setMentions,
+        mentionRange: mentionRange,
+        mentionSuggestions: mentionSuggestions,
+        activeMentionIndex: activeMentionIndex,
+        isFetchingMentionUsers: isFetchingMentionUsers,
+        handleMentionTextChange: handleMentionTextChange,
+        handleMentionKeyDown: handleMentionKeyDown,
+        handleMentionKeyUp: handleMentionKeyUp,
+        handleMentionClick: handleMentionClick,
+        handleSelectMention: handleSelectMention,
+        resetMentions: resetMentions,
+    };
+};
+//# sourceMappingURL=useChatterMentions.js.map

package/dist/components/core/chatter/useChatterMentions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatterMentions.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/useChatterMentions.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ChangeEvent, type KeyboardEvent, type MouseEvent, type RefObject, useEffect, useState } from 'react';\nimport { useLazyGetusersQuery } from '../../../redux/api/userApi';\nimport { ChatterMention, getMentionCandidate } from './chatterMentions';\n\ninterface UseChatterMentionsProps {\n    value: string;\n    onChange: (value: string) => void;\n    textareaRef: RefObject<HTMLTextAreaElement | null>;\n}\n\nexport const useChatterMentions = ({ value, onChange, textareaRef }: UseChatterMentionsProps) => {\n    const [mentions, setMentions] = useState<ChatterMention[]>([]);\n    const [mentionQuery, setMentionQuery] = useState('');\n    const [mentionRange, setMentionRange] = useState<{ start: number; end: number } | null>(null);\n    const [mentionSuggestions, setMentionSuggestions] = useState<any[]>([]);\n    const [activeMentionIndex, setActiveMentionIndex] = useState(0);\n    const [getUsers, { isFetching: isFetchingMentionUsers }] = useLazyGetusersQuery();\n\n    const closeMentionMenu = () => {\n        setMentionRange(null);\n        setMentionQuery('');\n        setMentionSuggestions([]);\n        setActiveMentionIndex(0);\n    };\n\n    const updateMentionState = (nextValue: string, cursorPosition: number) => {\n        const candidate = getMentionCandidate(nextValue, cursorPosition);\n        if (!candidate) {\n            closeMentionMenu();\n            return;\n        }\n\n        setMentionRange({ start: candidate.start, end: candidate.end });\n        setMentionQuery(candidate.query);\n    };\n\n    const handleMentionTextChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n        const nextValue = event.target.value;\n        onChange(nextValue);\n        updateMentionState(nextValue, event.target.selectionStart ?? nextValue.length);\n    };\n\n    const handleMentionKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (!mentionRange) return;\n\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n            setActiveMentionIndex(prev => {\n                if (mentionSuggestions.length === 0) return 0;\n                return (prev + 1) % mentionSuggestions.length;\n            });\n            return;\n        }\n\n        if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            setActiveMentionIndex(prev => {\n                if (mentionSuggestions.length === 0) return 0;\n                return (prev - 1 + mentionSuggestions.length) % mentionSuggestions.length;\n            });\n            return;\n        }\n\n        if (event.key === 'Enter' || event.key === 'Tab') {\n            if (mentionSuggestions[activeMentionIndex]) {\n                event.preventDefault();\n                handleSelectMention(mentionSuggestions[activeMentionIndex]);\n            }\n            return;\n        }\n\n        if (event.key === 'Escape') {\n            event.preventDefault();\n            closeMentionMenu();\n        }\n    };\n\n    const handleMentionKeyUp = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (['ArrowDown', 'ArrowUp', 'Enter', 'Tab', 'Escape'].includes(event.key)) return;\n        const target = event.currentTarget;\n        updateMentionState(target.value, target.selectionStart ?? target.value.length);\n    };\n\n    const handleMentionClick = (event: MouseEvent<HTMLTextAreaElement>) => {\n        updateMentionState(event.currentTarget.value, event.currentTarget.selectionStart ?? event.currentTarget.value.length);\n    };\n\n    const handleSelectMention = (user: any) => {\n        if (!mentionRange) return;\n        const username = user?.username;\n        if (!username) return;\n\n        const mention: ChatterMention = {\n            username,\n            display_name: user?.fullName || username,\n            id: String(user?.id),\n        };\n        const mentionText = `@${mention.username}`;\n        const nextValue = `${value.slice(0, mentionRange.start)}${mentionText} ${value.slice(mentionRange.end)}`;\n        const nextCursorPosition = mentionRange.start + mentionText.length + 1;\n\n        onChange(nextValue);\n        setMentions(prev => (\n            prev.some(item => item.id === mention.id || item.username === mention.username)\n                ? prev\n                : [...prev, mention]\n        ));\n        closeMentionMenu();\n\n        window.requestAnimationFrame(() => {\n            textareaRef.current?.focus();\n            textareaRef.current?.setSelectionRange(nextCursorPosition, nextCursorPosition);\n        });\n    };\n\n    const resetMentions = (nextMentions: ChatterMention[] = []) => {\n        setMentions(nextMentions);\n        closeMentionMenu();\n    };\n\n    useEffect(() => {\n        if (!mentionRange) return;\n\n        let isActive = true;\n        const timeout = window.setTimeout(async () => {\n            try {\n                const encodedQuery = encodeURIComponent(mentionQuery);\n                const queryString = mentionQuery\n                    ? `filters[username][$containsi]=${encodedQuery}&limit=8`\n                    : 'limit=8';\n                const response = await getUsers(queryString).unwrap();\n                if (!isActive) return;\n                setMentionSuggestions(response?.data?.records || []);\n                setActiveMentionIndex(0);\n            } catch (error) {\n                if (isActive) setMentionSuggestions([]);\n            }\n        }, 180);\n\n        return () => {\n            isActive = false;\n            window.clearTimeout(timeout);\n        };\n    }, [mentionQuery, mentionRange, getUsers]);\n\n    return {\n        mentions,\n        setMentions,\n        mentionRange,\n        mentionSuggestions,\n        activeMentionIndex,\n        isFetchingMentionUsers,\n        handleMentionTextChange,\n        handleMentionKeyDown,\n        handleMentionKeyUp,\n        handleMentionClick,\n        handleSelectMention,\n        resetMentions,\n    };\n};\n"]}

package/dist/components/core/chatter/useChatterMentions.ts

@@ -0,0 +1,160 @@
+import { type ChangeEvent, type KeyboardEvent, type MouseEvent, type RefObject, useEffect, useState } from 'react';
+import { useLazyGetusersQuery } from '../../../redux/api/userApi';
+import { ChatterMention, getMentionCandidate } from './chatterMentions';
+
+interface UseChatterMentionsProps {
+    value: string;
+    onChange: (value: string) => void;
+    textareaRef: RefObject<HTMLTextAreaElement | null>;
+}
+
+export const useChatterMentions = ({ value, onChange, textareaRef }: UseChatterMentionsProps) => {
+    const [mentions, setMentions] = useState<ChatterMention[]>([]);
+    const [mentionQuery, setMentionQuery] = useState('');
+    const [mentionRange, setMentionRange] = useState<{ start: number; end: number } | null>(null);
+    const [mentionSuggestions, setMentionSuggestions] = useState<any[]>([]);
+    const [activeMentionIndex, setActiveMentionIndex] = useState(0);
+    const [getUsers, { isFetching: isFetchingMentionUsers }] = useLazyGetusersQuery();
+
+    const closeMentionMenu = () => {
+        setMentionRange(null);
+        setMentionQuery('');
+        setMentionSuggestions([]);
+        setActiveMentionIndex(0);
+    };
+
+    const updateMentionState = (nextValue: string, cursorPosition: number) => {
+        const candidate = getMentionCandidate(nextValue, cursorPosition);
+        if (!candidate) {
+            closeMentionMenu();
+            return;
+        }
+
+        setMentionRange({ start: candidate.start, end: candidate.end });
+        setMentionQuery(candidate.query);
+    };
+
+    const handleMentionTextChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
+        const nextValue = event.target.value;
+        onChange(nextValue);
+        updateMentionState(nextValue, event.target.selectionStart ?? nextValue.length);
+    };
+
+    const handleMentionKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {
+        if (!mentionRange) return;
+
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            setActiveMentionIndex(prev => {
+                if (mentionSuggestions.length === 0) return 0;
+                return (prev + 1) % mentionSuggestions.length;
+            });
+            return;
+        }
+
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            setActiveMentionIndex(prev => {
+                if (mentionSuggestions.length === 0) return 0;
+                return (prev - 1 + mentionSuggestions.length) % mentionSuggestions.length;
+            });
+            return;
+        }
+
+        if (event.key === 'Enter' || event.key === 'Tab') {
+            if (mentionSuggestions[activeMentionIndex]) {
+                event.preventDefault();
+                handleSelectMention(mentionSuggestions[activeMentionIndex]);
+            }
+            return;
+        }
+
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            closeMentionMenu();
+        }
+    };
+
+    const handleMentionKeyUp = (event: KeyboardEvent<HTMLTextAreaElement>) => {
+        if (['ArrowDown', 'ArrowUp', 'Enter', 'Tab', 'Escape'].includes(event.key)) return;
+        const target = event.currentTarget;
+        updateMentionState(target.value, target.selectionStart ?? target.value.length);
+    };
+
+    const handleMentionClick = (event: MouseEvent<HTMLTextAreaElement>) => {
+        updateMentionState(event.currentTarget.value, event.currentTarget.selectionStart ?? event.currentTarget.value.length);
+    };
+
+    const handleSelectMention = (user: any) => {
+        if (!mentionRange) return;
+        const username = user?.username;
+        if (!username) return;
+
+        const mention: ChatterMention = {
+            username,
+            display_name: user?.fullName || username,
+            id: String(user?.id),
+        };
+        const mentionText = `@${mention.username}`;
+        const nextValue = `${value.slice(0, mentionRange.start)}${mentionText} ${value.slice(mentionRange.end)}`;
+        const nextCursorPosition = mentionRange.start + mentionText.length + 1;
+
+        onChange(nextValue);
+        setMentions(prev => (
+            prev.some(item => item.id === mention.id || item.username === mention.username)
+                ? prev
+                : [...prev, mention]
+        ));
+        closeMentionMenu();
+
+        window.requestAnimationFrame(() => {
+            textareaRef.current?.focus();
+            textareaRef.current?.setSelectionRange(nextCursorPosition, nextCursorPosition);
+        });
+    };
+
+    const resetMentions = (nextMentions: ChatterMention[] = []) => {
+        setMentions(nextMentions);
+        closeMentionMenu();
+    };
+
+    useEffect(() => {
+        if (!mentionRange) return;
+
+        let isActive = true;
+        const timeout = window.setTimeout(async () => {
+            try {
+                const encodedQuery = encodeURIComponent(mentionQuery);
+                const queryString = mentionQuery
+                    ? `filters[username][$containsi]=${encodedQuery}&limit=8`
+                    : 'limit=8';
+                const response = await getUsers(queryString).unwrap();
+                if (!isActive) return;
+                setMentionSuggestions(response?.data?.records || []);
+                setActiveMentionIndex(0);
+            } catch (error) {
+                if (isActive) setMentionSuggestions([]);
+            }
+        }, 180);
+
+        return () => {
+            isActive = false;
+            window.clearTimeout(timeout);
+        };
+    }, [mentionQuery, mentionRange, getUsers]);
+
+    return {
+        mentions,
+        setMentions,
+        mentionRange,
+        mentionSuggestions,
+        activeMentionIndex,
+        isFetchingMentionUsers,
+        handleMentionTextChange,
+        handleMentionKeyDown,
+        handleMentionKeyUp,
+        handleMentionClick,
+        handleSelectMention,
+        resetMentions,
+    };
+};

package/dist/components/core/common/SolidAccountSettings/SolidChangePassword.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChangePassword.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":"AAqFA,eAAO,MAAM,mBAAmB,0BAA2B,GAAG,4CA2J7D,CAAC"}
+{"version":3,"file":"SolidChangePassword.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":"AAqFA,eAAO,MAAM,mBAAmB,0BAA2B,GAAG,4CA6J7D,CAAC"}

package/dist/components/core/common/SolidAccountSettings/SolidChangePassword.js

@@ -169,6 +169,7 @@ export var SolidChangePassword = function (_a) {
         var error = formik.errors[field];
         return typeof error === "string" ? error : null;
     };
-    return (_jsxs("form", { onSubmit: formik.handleSubmit, className: styles.accountForm, children: [_jsx(ToastMessage, { toast: toast, onClose: function () { return setToast(null); } }), _jsxs("div", { className: styles.accountScroll, children: [_jsxs("div", { className: styles.formStack, children: [_jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "currentPassword", children: "Current Password" }), _jsx(PasswordInput, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("currentPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("currentPassword") }) : null] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "newPassword", children: "New Password" }), _jsx(PasswordInput, { id: "newPassword", name: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("newPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("newPassword") }) : null] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "confirmPassword", children: "Confirm New Password" }), _jsx(PasswordInput, { id: "confirmPassword", name: "confirmPassword", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("confirmPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("confirmPassword") }) : null] })] }), _jsx("div", { className: styles.passwordHintWrap, children: _jsx(SolidPasswordHelperText, { text: (_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authenticationPasswordComplexityDescription }) })] }), _jsx("div", { className: styles.footerActions, children: _jsx(SolidButton, { type: "submit", size: "sm", loading: formik.isSubmitting, children: "Change Password" }) })] }));
+    var isChangePasswordDisabled = !formik.dirty || !formik.isValid || formik.isSubmitting;
+    return (_jsxs("form", { onSubmit: formik.handleSubmit, className: styles.accountForm, children: [_jsx(ToastMessage, { toast: toast, onClose: function () { return setToast(null); } }), _jsxs("div", { className: styles.accountScroll, children: [_jsxs("div", { className: styles.formStack, children: [_jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "currentPassword", children: "Current Password" }), _jsx(PasswordInput, { id: "currentPassword", name: "currentPassword", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("currentPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("currentPassword") }) : null] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "newPassword", children: "New Password" }), _jsx(PasswordInput, { id: "newPassword", name: "newPassword", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("newPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("newPassword") }) : null] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "confirmPassword", children: "Confirm New Password" }), _jsx(PasswordInput, { id: "confirmPassword", name: "confirmPassword", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur }), fieldError("confirmPassword") ? _jsx("p", { className: styles.errorText, children: fieldError("confirmPassword") }) : null] })] }), _jsx("div", { className: styles.passwordHintWrap, children: _jsx(SolidPasswordHelperText, { text: (_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authenticationPasswordComplexityDescription }) })] }), _jsx("div", { className: styles.footerActions, children: _jsx(SolidButton, { type: "submit", size: "sm", loading: formik.isSubmitting, disabled: isChangePasswordDisabled, children: "Change Password" }) })] }));
 };
 //# sourceMappingURL=SolidChangePassword.js.map

package/dist/components/core/common/SolidAccountSettings/SolidChangePassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChangePassword.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEventHandler, FocusEventHandler, useMemo, useState } from \"react\";\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport { handleLogout } from \"../../../../adapters/auth/handleLogout\";\nimport { env } from \"../../../../adapters/env\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { useChangePasswordMutation } from \"../../../../redux/api/authApi\";\nimport { SolidPasswordHelperText } from \"../SolidPasswordHelperText\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ntype ToastState = {\n  id: number;\n  severity: \"success\" | \"error\" | \"info\" | \"warn\";\n  summary: string;\n  detail: string;\n  sticky?: boolean;\n  life?: number;\n} | null;\n\nconst ToastMessage = ({ toast, onClose }: { toast: ToastState; onClose: () => void }) => {\n  if (!toast) return null;\n  const severityClass =\n    toast.severity === \"error\"\n      ? styles.toastError\n      : toast.severity === \"success\"\n        ? styles.toastSuccess\n        : toast.severity === \"warn\"\n          ? styles.toastWarn\n          : styles.toastInfo;\n\n  return (\n    <div className={`${styles.toast} ${severityClass}`} role=\"status\" aria-live=\"polite\">\n      <div>\n        <div className={styles.toastTitle}>{toast.summary}</div>\n        <div className={styles.toastBody}>{toast.detail}</div>\n      </div>\n      <button type=\"button\" className={styles.toastClose} onClick={onClose} aria-label=\"Close notification\">\n        ×\n      </button>\n    </div>\n  );\n};\n\nconst PasswordInput = ({\n  id,\n  name,\n  value,\n  onChange,\n  onBlur,\n  placeholder,\n}: {\n  id: string;\n  name: string;\n  value: string;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n  onBlur: FocusEventHandler<HTMLInputElement>;\n  placeholder?: string;\n}) => {\n  const [visible, setVisible] = useState(false);\n  return (\n    <div className={styles.passwordWrap}>\n      <input\n        id={id}\n        name={name}\n        type={visible ? \"text\" : \"password\"}\n        className={styles.input}\n        value={value}\n        onChange={onChange}\n        onBlur={onBlur}\n        placeholder={placeholder}\n      />\n      <button\n        type=\"button\"\n        className={styles.passwordToggle}\n        onClick={() => setVisible((prev) => !prev)}\n        aria-label={visible ? \"Hide password\" : \"Show password\"}\n      >\n        {visible ? \"Hide\" : \"Show\"}\n      </button>\n    </div>\n  );\n};\n\nexport const SolidChangePassword = ({ solidSettingsData }: any) => {\n  const [toast, setToast] = useState<ToastState>(null);\n  const [changePassword] = useChangePasswordMutation();\n  const session: any = useSession();\n\n  const notify = (\n    severity: \"success\" | \"error\" | \"info\" | \"warn\",\n    summary: string,\n    detail: string,\n    opts?: { sticky?: boolean; life?: number }\n  ) => {\n    setToast({\n      id: Date.now(),\n      severity,\n      summary,\n      detail,\n      sticky: opts?.sticky,\n      life: opts?.life ?? 3000,\n    });\n  };\n\n  const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n\n  const effectiveRegex = useMemo(() => {\n    try {\n      const backendRegex = solidSettingsData?.data?.authenticationPasswordRegex;\n      if (backendRegex) return new RegExp(backendRegex);\n      if (envPasswordRegex) {\n        const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n        return new RegExp(unescaped);\n      }\n    } catch (error) {\n      console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n    }\n    return null;\n  }, [solidSettingsData, envPasswordRegex]);\n\n  const validationSchema = useMemo(() => {\n    const newPasswordValidation = effectiveRegex\n      ? Yup.string()\n        .matches(\n          effectiveRegex,\n          solidSettingsData?.data?.authenticationPasswordRegexErrorMessage || ERROR_MESSAGES.PASSWORD_DO_NOT_MEET\n        )\n        .required(ERROR_MESSAGES.FIELD_REUQIRED(\"New password\"))\n      : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED(\"New password\"));\n\n    return Yup.object({\n      email: Yup.string().email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT(\"email\")).required(ERROR_MESSAGES.FIELD_REUQIRED(\"Email\")),\n      currentPassword: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED(\"Current password\")),\n      newPassword: newPasswordValidation,\n      confirmPassword: Yup.string().oneOf([Yup.ref(\"newPassword\")], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED(\"Confirm password\")),\n      id: Yup.number().required(ERROR_MESSAGES.FIELD_INAVLID_FORMAT(\"User ID\")),\n    });\n  }, [effectiveRegex, solidSettingsData]);\n\n  const formik = useFormik({\n    initialValues: {\n      email: session?.data?.user?.email,\n      currentPassword: \"\",\n      newPassword: \"\",\n      confirmPassword: \"\",\n      id: session?.data?.user?.id,\n    },\n    validationSchema,\n    onSubmit: async (values, { setErrors, resetForm }) => {\n      try {\n        const payload = {\n          id: values.id,\n          email: session?.data?.user?.email,\n          currentPassword: values.currentPassword,\n          newPassword: values.newPassword,\n        };\n\n        const response = await changePassword(payload).unwrap();\n        if (response?.error) {\n          notify(\"error\", ERROR_MESSAGES.ERROR, response.error);\n          setErrors({\n            currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,\n            newPassword: ERROR_MESSAGES.MUST_MATCH,\n            confirmPassword: ERROR_MESSAGES.MUST_MATCH,\n          });\n          return;\n        }\n\n        notify(\"success\", ERROR_MESSAGES.PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);\n        resetForm();\n        handleLogout();\n      } catch (err: any) {\n        notify(\"error\", err?.data?.message || ERROR_MESSAGES.ERROR, err?.data?.data?.message || err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG);\n      }\n    },\n  });\n\n  const fieldError = (field: string) => {\n    if (!formik.touched[field as keyof typeof formik.touched]) return null;\n    const error = formik.errors[field as keyof typeof formik.errors];\n    return typeof error === \"string\" ? error : null;\n  };\n\n  return (\n    <form onSubmit={formik.handleSubmit} className={styles.accountForm}>\n      <ToastMessage toast={toast} onClose={() => setToast(null)} />\n\n      <div className={styles.accountScroll}>\n        <div className={styles.formStack}>\n          <div className={styles.field}>\n            <label htmlFor=\"currentPassword\">Current Password</label>\n            <PasswordInput\n              id=\"currentPassword\"\n              name=\"currentPassword\"\n              value={formik.values.currentPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"currentPassword\") ? <p className={styles.errorText}>{fieldError(\"currentPassword\")}</p> : null}\n          </div>\n\n          <div className={styles.field}>\n            <label htmlFor=\"newPassword\">New Password</label>\n            <PasswordInput\n              id=\"newPassword\"\n              name=\"newPassword\"\n              value={formik.values.newPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"newPassword\") ? <p className={styles.errorText}>{fieldError(\"newPassword\")}</p> : null}\n          </div>\n\n          <div className={styles.field}>\n            <label htmlFor=\"confirmPassword\">Confirm New Password</label>\n            <PasswordInput\n              id=\"confirmPassword\"\n              name=\"confirmPassword\"\n              value={formik.values.confirmPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"confirmPassword\") ? <p className={styles.errorText}>{fieldError(\"confirmPassword\")}</p> : null}\n          </div>\n        </div>\n\n        <div className={styles.passwordHintWrap}>\n          <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} />\n        </div>\n      </div>\n\n      <div className={styles.footerActions}>\n        <SolidButton type=\"submit\" size=\"sm\" loading={formik.isSubmitting}>\n          Change Password\n        </SolidButton>\n      </div>\n    </form>\n  );\n};\n"]}
+{"version":3,"file":"SolidChangePassword.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidChangePassword.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAyC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAWvD,IAAM,YAAY,GAAG,UAAC,EAA8D;QAA5D,KAAK,WAAA,EAAE,OAAO,aAAA;IACpC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,IAAM,aAAa,GACjB,KAAK,CAAC,QAAQ,KAAK,OAAO;QACxB,CAAC,CAAC,MAAM,CAAC,UAAU;QACnB,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS;YAC5B,CAAC,CAAC,MAAM,CAAC,YAAY;YACrB,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM;gBACzB,CAAC,CAAC,MAAM,CAAC,SAAS;gBAClB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;IAE3B,OAAO,CACL,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,KAAK,cAAI,aAAa,CAAE,EAAE,IAAI,EAAC,QAAQ,eAAW,QAAQ,aAClF,0BACE,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,KAAK,CAAC,OAAO,GAAO,EACxD,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,CAAC,MAAM,GAAO,IAClD,EACN,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,gBAAa,oBAAoB,uBAE5F,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,EActB;QAbC,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,WAAW,iBAAA;IASL,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aACjC,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA3B,CAA2B,gBAC9B,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,YAEtD,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GACnB,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAA0B;;QAAxB,iBAAiB,uBAAA;IAC/C,IAAA,KAAoB,QAAQ,CAAa,IAAI,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAC9C,IAAA,cAAc,GAAI,yBAAyB,EAAE,GAA/B,CAAgC;IACrD,IAAM,OAAO,GAAQ,UAAU,EAAE,CAAC;IAElC,IAAM,MAAM,GAAG,UACb,QAA+C,EAC/C,OAAe,EACf,MAAc,EACd,IAA0C;;QAE1C,QAAQ,CAAC;YACP,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE;YACd,QAAQ,UAAA;YACR,OAAO,SAAA;YACP,MAAM,QAAA;YACN,MAAM,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM;YACpB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,IAAI;SACzB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAE3D,IAAM,cAAc,GAAG,OAAO,CAAC;;QAC7B,IAAI;YACF,IAAM,YAAY,GAAG,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,2BAA2B,CAAC;YAC1E,IAAI,YAAY;gBAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;YAClD,IAAI,gBAAgB,EAAE;gBACpB,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,YAAI,gBAAgB,OAAG,CAAC,CAAC;gBACtD,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;aAC9B;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;SAC5D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE1C,IAAM,gBAAgB,GAAG,OAAO,CAAC;;QAC/B,IAAM,qBAAqB,GAAG,cAAc;YAC1C,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;iBACX,OAAO,CACN,cAAc,EACd,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,uCAAuC,KAAI,cAAc,CAAC,oBAAoB,CACxG;iBACA,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAC1D,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;QAEtH,OAAO,GAAG,CAAC,MAAM,CAAC;YAChB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACxH,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YACtI,WAAW,EAAE,qBAAqB;YAClC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YACpJ,EAAE,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;SAC1E,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAExC,IAAM,MAAM,GAAG,SAAS,CAAC;QACvB,aAAa,EAAE;YACb,KAAK,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,IAAI,0CAAE,KAAK;YACjC,eAAe,EAAE,EAAE;YACnB,WAAW,EAAE,EAAE;YACf,eAAe,EAAE,EAAE;YACnB,EAAE,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,IAAI,0CAAE,EAAE;SAC5B;QACD,gBAAgB,kBAAA;QAChB,QAAQ,EAAE,UAAO,MAAM,EAAE,EAAwB;gBAAtB,SAAS,eAAA,EAAE,SAAS,eAAA;;;;;;;;4BAErC,OAAO,GAAG;gCACd,EAAE,EAAE,MAAM,CAAC,EAAE;gCACb,KAAK,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,IAAI,0CAAE,KAAK;gCACjC,eAAe,EAAE,MAAM,CAAC,eAAe;gCACvC,WAAW,EAAE,MAAM,CAAC,WAAW;6BAChC,CAAC;4BAEe,qBAAM,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAA;;4BAAjD,QAAQ,GAAG,SAAsC;4BACvD,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;gCACnB,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;gCACtD,SAAS,CAAC;oCACR,eAAe,EAAE,cAAc,CAAC,iBAAiB;oCACjD,WAAW,EAAE,cAAc,CAAC,UAAU;oCACtC,eAAe,EAAE,cAAc,CAAC,UAAU;iCAC3C,CAAC,CAAC;gCACH,sBAAO;6BACR;4BAED,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;4BAClF,SAAS,EAAE,CAAC;4BACZ,YAAY,EAAE,CAAC;;;;4BAEf,MAAM,CAAC,OAAO,EAAE,CAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,KAAI,cAAc,CAAC,KAAK,EAAE,CAAA,MAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,IAAI,0CAAE,OAAO,MAAI,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,CAAA,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC;;;;;;SAEjJ;KACF,CAAC,CAAC;IAEH,IAAM,UAAU,GAAG,UAAC,KAAa;QAC/B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAoC,CAAC;YAAE,OAAO,IAAI,CAAC;QACvE,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAmC,CAAC,CAAC;QACjE,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAClD,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC;IAEzF,OAAO,CACL,gBAAM,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,aAChE,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,GAAI,EAE7D,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,gBAAO,OAAO,EAAC,iBAAiB,iCAAyB,EACzD,KAAC,aAAa,IACZ,EAAE,EAAC,iBAAiB,EACpB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,EACpC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,GACzB,EACD,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,UAAU,CAAC,iBAAiB,CAAC,GAAK,CAAC,CAAC,CAAC,IAAI,IACvG,EAEN,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,gBAAO,OAAO,EAAC,aAAa,6BAAqB,EACjD,KAAC,aAAa,IACZ,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,EAChC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,GACzB,EACD,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,UAAU,CAAC,aAAa,CAAC,GAAK,CAAC,CAAC,CAAC,IAAI,IAC/F,EAEN,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,gBAAO,OAAO,EAAC,iBAAiB,qCAA6B,EAC7D,KAAC,aAAa,IACZ,EAAE,EAAC,iBAAiB,EACpB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,EACpC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,GACzB,EACD,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,UAAU,CAAC,iBAAiB,CAAC,GAAK,CAAC,CAAC,CAAC,IAAI,IACvG,IACF,EAEN,cAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,YACrC,KAAC,uBAAuB,IAAC,IAAI,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,2CAA2C,GAAI,GACnG,IACF,EAEN,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YAClC,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,QAAQ,EAAE,wBAAwB,gCAEvF,GACV,IACD,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ChangeEventHandler, FocusEventHandler, useMemo, useState } from \"react\";\nimport { useFormik } from \"formik\";\nimport * as Yup from \"yup\";\nimport { handleLogout } from \"../../../../adapters/auth/handleLogout\";\nimport { env } from \"../../../../adapters/env\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { useChangePasswordMutation } from \"../../../../redux/api/authApi\";\nimport { SolidPasswordHelperText } from \"../SolidPasswordHelperText\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ntype ToastState = {\n  id: number;\n  severity: \"success\" | \"error\" | \"info\" | \"warn\";\n  summary: string;\n  detail: string;\n  sticky?: boolean;\n  life?: number;\n} | null;\n\nconst ToastMessage = ({ toast, onClose }: { toast: ToastState; onClose: () => void }) => {\n  if (!toast) return null;\n  const severityClass =\n    toast.severity === \"error\"\n      ? styles.toastError\n      : toast.severity === \"success\"\n        ? styles.toastSuccess\n        : toast.severity === \"warn\"\n          ? styles.toastWarn\n          : styles.toastInfo;\n\n  return (\n    <div className={`${styles.toast} ${severityClass}`} role=\"status\" aria-live=\"polite\">\n      <div>\n        <div className={styles.toastTitle}>{toast.summary}</div>\n        <div className={styles.toastBody}>{toast.detail}</div>\n      </div>\n      <button type=\"button\" className={styles.toastClose} onClick={onClose} aria-label=\"Close notification\">\n        ×\n      </button>\n    </div>\n  );\n};\n\nconst PasswordInput = ({\n  id,\n  name,\n  value,\n  onChange,\n  onBlur,\n  placeholder,\n}: {\n  id: string;\n  name: string;\n  value: string;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n  onBlur: FocusEventHandler<HTMLInputElement>;\n  placeholder?: string;\n}) => {\n  const [visible, setVisible] = useState(false);\n  return (\n    <div className={styles.passwordWrap}>\n      <input\n        id={id}\n        name={name}\n        type={visible ? \"text\" : \"password\"}\n        className={styles.input}\n        value={value}\n        onChange={onChange}\n        onBlur={onBlur}\n        placeholder={placeholder}\n      />\n      <button\n        type=\"button\"\n        className={styles.passwordToggle}\n        onClick={() => setVisible((prev) => !prev)}\n        aria-label={visible ? \"Hide password\" : \"Show password\"}\n      >\n        {visible ? \"Hide\" : \"Show\"}\n      </button>\n    </div>\n  );\n};\n\nexport const SolidChangePassword = ({ solidSettingsData }: any) => {\n  const [toast, setToast] = useState<ToastState>(null);\n  const [changePassword] = useChangePasswordMutation();\n  const session: any = useSession();\n\n  const notify = (\n    severity: \"success\" | \"error\" | \"info\" | \"warn\",\n    summary: string,\n    detail: string,\n    opts?: { sticky?: boolean; life?: number }\n  ) => {\n    setToast({\n      id: Date.now(),\n      severity,\n      summary,\n      detail,\n      sticky: opts?.sticky,\n      life: opts?.life ?? 3000,\n    });\n  };\n\n  const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n\n  const effectiveRegex = useMemo(() => {\n    try {\n      const backendRegex = solidSettingsData?.data?.authenticationPasswordRegex;\n      if (backendRegex) return new RegExp(backendRegex);\n      if (envPasswordRegex) {\n        const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n        return new RegExp(unescaped);\n      }\n    } catch (error) {\n      console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n    }\n    return null;\n  }, [solidSettingsData, envPasswordRegex]);\n\n  const validationSchema = useMemo(() => {\n    const newPasswordValidation = effectiveRegex\n      ? Yup.string()\n        .matches(\n          effectiveRegex,\n          solidSettingsData?.data?.authenticationPasswordRegexErrorMessage || ERROR_MESSAGES.PASSWORD_DO_NOT_MEET\n        )\n        .required(ERROR_MESSAGES.FIELD_REUQIRED(\"New password\"))\n      : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED(\"New password\"));\n\n    return Yup.object({\n      email: Yup.string().email(ERROR_MESSAGES.FIELD_INAVLID_FORMAT(\"email\")).required(ERROR_MESSAGES.FIELD_REUQIRED(\"Email\")),\n      currentPassword: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).required(ERROR_MESSAGES.FIELD_REUQIRED(\"Current password\")),\n      newPassword: newPasswordValidation,\n      confirmPassword: Yup.string().oneOf([Yup.ref(\"newPassword\")], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED(\"Confirm password\")),\n      id: Yup.number().required(ERROR_MESSAGES.FIELD_INAVLID_FORMAT(\"User ID\")),\n    });\n  }, [effectiveRegex, solidSettingsData]);\n\n  const formik = useFormik({\n    initialValues: {\n      email: session?.data?.user?.email,\n      currentPassword: \"\",\n      newPassword: \"\",\n      confirmPassword: \"\",\n      id: session?.data?.user?.id,\n    },\n    validationSchema,\n    onSubmit: async (values, { setErrors, resetForm }) => {\n      try {\n        const payload = {\n          id: values.id,\n          email: session?.data?.user?.email,\n          currentPassword: values.currentPassword,\n          newPassword: values.newPassword,\n        };\n\n        const response = await changePassword(payload).unwrap();\n        if (response?.error) {\n          notify(\"error\", ERROR_MESSAGES.ERROR, response.error);\n          setErrors({\n            currentPassword: ERROR_MESSAGES.INCORRECT_CURRENT,\n            newPassword: ERROR_MESSAGES.MUST_MATCH,\n            confirmPassword: ERROR_MESSAGES.MUST_MATCH,\n          });\n          return;\n        }\n\n        notify(\"success\", ERROR_MESSAGES.PASSWORD_CHANGE, ERROR_MESSAGES.PASSWORD_CHANGE);\n        resetForm();\n        handleLogout();\n      } catch (err: any) {\n        notify(\"error\", err?.data?.message || ERROR_MESSAGES.ERROR, err?.data?.data?.message || err?.data?.message || ERROR_MESSAGES.SOMETHING_WRONG);\n      }\n    },\n  });\n\n  const fieldError = (field: string) => {\n    if (!formik.touched[field as keyof typeof formik.touched]) return null;\n    const error = formik.errors[field as keyof typeof formik.errors];\n    return typeof error === \"string\" ? error : null;\n  };\n\n  const isChangePasswordDisabled = !formik.dirty || !formik.isValid || formik.isSubmitting;\n\n  return (\n    <form onSubmit={formik.handleSubmit} className={styles.accountForm}>\n      <ToastMessage toast={toast} onClose={() => setToast(null)} />\n\n      <div className={styles.accountScroll}>\n        <div className={styles.formStack}>\n          <div className={styles.field}>\n            <label htmlFor=\"currentPassword\">Current Password</label>\n            <PasswordInput\n              id=\"currentPassword\"\n              name=\"currentPassword\"\n              value={formik.values.currentPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"currentPassword\") ? <p className={styles.errorText}>{fieldError(\"currentPassword\")}</p> : null}\n          </div>\n\n          <div className={styles.field}>\n            <label htmlFor=\"newPassword\">New Password</label>\n            <PasswordInput\n              id=\"newPassword\"\n              name=\"newPassword\"\n              value={formik.values.newPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"newPassword\") ? <p className={styles.errorText}>{fieldError(\"newPassword\")}</p> : null}\n          </div>\n\n          <div className={styles.field}>\n            <label htmlFor=\"confirmPassword\">Confirm New Password</label>\n            <PasswordInput\n              id=\"confirmPassword\"\n              name=\"confirmPassword\"\n              value={formik.values.confirmPassword}\n              onChange={formik.handleChange}\n              onBlur={formik.handleBlur}\n            />\n            {fieldError(\"confirmPassword\") ? <p className={styles.errorText}>{fieldError(\"confirmPassword\")}</p> : null}\n          </div>\n        </div>\n\n        <div className={styles.passwordHintWrap}>\n          <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} />\n        </div>\n      </div>\n\n      <div className={styles.footerActions}>\n        <SolidButton type=\"submit\" size=\"sm\" loading={formik.isSubmitting} disabled={isChangePasswordDisabled}>\n          Change Password\n        </SolidButton>\n      </div>\n    </form>\n  );\n};\n"]}

package/dist/components/core/common/SolidAccountSettings/SolidChangePassword.tsx

@@ -183,6 +183,8 @@ export const SolidChangePassword = ({ solidSettingsData }: any) => {
     return typeof error === "string" ? error : null;
   };
 
+  const isChangePasswordDisabled = !formik.dirty || !formik.isValid || formik.isSubmitting;
+
   return (
     <form onSubmit={formik.handleSubmit} className={styles.accountForm}>
       <ToastMessage toast={toast} onClose={() => setToast(null)} />
@@ -232,7 +234,7 @@ export const SolidChangePassword = ({ solidSettingsData }: any) => {
       </div>
 
       <div className={styles.footerActions}>
-        <SolidButton type="submit" size="sm" loading={formik.isSubmitting}>
+        <SolidButton type="submit" size="sm" loading={formik.isSubmitting} disabled={isChangePasswordDisabled}>
           Change Password
         </SolidButton>
       </div>

package/dist/components/core/common/SolidAccountSettings/SolidPersonalInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPersonalInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidPersonalInfo.tsx"],"names":[],"mappings":"AAgFA,eAAO,MAAM,iBAAiB,+CA6Q7B,CAAC"}
+{"version":3,"file":"SolidPersonalInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidPersonalInfo.tsx"],"names":[],"mappings":"AAgFA,eAAO,MAAM,iBAAiB,+CA8Q7B,CAAC"}

package/dist/components/core/common/SolidAccountSettings/SolidPersonalInfo.js

@@ -153,6 +153,7 @@ export var SolidPersonalInfo = function () {
     }, [initials]);
     var liveAvatarUrl = previewImage || ((_e = (_d = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.data) === null || _b === void 0 ? void 0 : _b._media) === null || _c === void 0 ? void 0 : _c.profilePicture) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e._full_url) || null;
     var roleLabels = ((_g = (_f = userData === null || userData === void 0 ? void 0 : userData.data) === null || _f === void 0 ? void 0 : _f.roles) === null || _g === void 0 ? void 0 : _g.map(function (role) { return role.name; })) || [];
+    var isSaveDisabled = !formik.dirty || formik.isSubmitting;
     var handleFileChange = function (file) {
         var _a, _b, _c;
         var existing = (_c = (_b = (_a = userData === null || userData === void 0 ? void 0 : userData.data) === null || _a === void 0 ? void 0 : _a._media) === null || _b === void 0 ? void 0 : _b.profilePicture) === null || _c === void 0 ? void 0 : _c[0];
@@ -245,7 +246,7 @@ export var SolidPersonalInfo = function () {
                                             if (file)
                                                 handleFileChange(file);
                                             event.currentTarget.value = "";
-                                        } })] }), _jsx("div", { className: styles.dashedDivider }), _jsx("div", { className: styles.sectionTitle, children: "Details" }), _jsxs("div", { className: styles.grid, children: [_jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "fullName", children: "Name" }), _jsx("input", { id: "fullName", name: "fullName", value: formik.values.fullName, onChange: formik.handleChange, className: styles.input })] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "email", children: "Email" }), _jsx("input", { id: "email", disabled: true, value: ((_h = userData === null || userData === void 0 ? void 0 : userData.data) === null || _h === void 0 ? void 0 : _h.email) || "", className: styles.input })] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "mobile", children: "Contact Number" }), _jsx("input", { id: "mobile", disabled: true, value: ((_j = userData === null || userData === void 0 ? void 0 : userData.data) === null || _j === void 0 ? void 0 : _j.mobile) || "", className: styles.input })] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { children: "Role" }), _jsx("div", { className: styles.roleBox, children: roleLabels.map(function (name) { return (_jsx("span", { className: styles.roleChip, children: name }, name)); }) })] })] })] }), _jsx("div", { className: styles.footerActions, children: _jsx(SolidButton, { type: "submit", size: "sm", loading: formik.isSubmitting, children: "Save" }) })] }), _jsx(ConfirmDialog, { visible: replaceDialogVisible, title: "Replace Profile Picture", text: "Do you want to replace the existing profile picture?", onConfirm: confirmReplace, onCancel: function () {
+                                        } })] }), _jsx("div", { className: styles.dashedDivider }), _jsx("div", { className: styles.sectionTitle, children: "Details" }), _jsxs("div", { className: styles.grid, children: [_jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "fullName", children: "Name" }), _jsx("input", { id: "fullName", name: "fullName", value: formik.values.fullName, onChange: formik.handleChange, className: styles.input })] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "email", children: "Email" }), _jsx("input", { id: "email", disabled: true, value: ((_h = userData === null || userData === void 0 ? void 0 : userData.data) === null || _h === void 0 ? void 0 : _h.email) || "", className: styles.input })] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { htmlFor: "mobile", children: "Contact Number" }), _jsx("input", { id: "mobile", disabled: true, value: ((_j = userData === null || userData === void 0 ? void 0 : userData.data) === null || _j === void 0 ? void 0 : _j.mobile) || "", className: styles.input })] }), _jsxs("div", { className: styles.field, children: [_jsx("label", { children: "Role" }), _jsx("div", { className: styles.roleBox, children: roleLabels.map(function (name) { return (_jsx("span", { className: styles.roleChip, children: name }, name)); }) })] })] })] }), _jsx("div", { className: styles.footerActions, children: _jsx(SolidButton, { type: "submit", size: "sm", loading: formik.isSubmitting, disabled: isSaveDisabled, children: "Save" }) })] }), _jsx(ConfirmDialog, { visible: replaceDialogVisible, title: "Replace Profile Picture", text: "Do you want to replace the existing profile picture?", onConfirm: confirmReplace, onCancel: function () {
                     setReplaceDialogVisible(false);
                     setPendingFile(null);
                 } }), _jsx(ConfirmDialog, { visible: deleteDialogVisible, title: "Delete Profile Picture", text: "Do you want to delete your profile picture?", onConfirm: confirmDelete, onCancel: function () { return setDeleteDialogVisible(false); } })] }));