@webiny/app-admin 6.6.0-alpha.0 → 6.6.0-alpha.10

package/presentation/adminUsers/views/Users/UsersForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/UsersForm.js","sources":["../../../../../src/presentation/adminUsers/views/Users/UsersForm.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"~/components/SimpleForm/index.js\";\nimport { EmptyView } from \"~/components/EmptyView.js\";\nimport { RolesMultiAutocomplete } from \"~/components/RolesMultiAutocomplete/index.js\";\nimport { TeamsMultiAutocomplete } from \"~/components/TeamsMultiAutocomplete/index.js\";\nimport { useAuthentication } from \"~/presentation/security/hooks/useAuthentication.js\";\nimport { useRouter } from \"@webiny/app\";\nimport { useFeature } from \"@webiny/app\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as SecurityIcon } from \"@webiny/icons/gpp_maybe.svg\";\nimport { ReactComponent as SecurityTeamsIcon } from \"@webiny/icons/admin_panel_settings.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { Accordion, Alert, OverlayLoader, Button, Input, Grid, Link } from \"@webiny/admin-ui\";\nimport { AvatarImage } from \"../../components/AvatarImage/index.js\";\nimport { useUserForm } from \"~/presentation/adminUsers/views/Users/hooks/useUserForm.js\";\nimport { PasswordPolicyFeature } from \"~/features/adminUsers/passwordPolicy/index.js\";\nimport { Routes } from \"~/presentation/adminUsers/routes.js\";\n\nconst t = i18n.ns(\"app-security-admin-users/account-form\");\n\nexport interface UserFormProps {\n    teams: boolean;\n}\n\nexport const UserForm = ({ teams }: UserFormProps) => {\n    const { identity } = useAuthentication();\n    const userForm = useUserForm();\n    const { passwordPolicy } = useFeature(PasswordPolicyFeature);\n    const { getLink } = useRouter();\n\n    const isExternal = userForm.user?.external === true;\n    const formTitle = userForm.isNewUser ? \"New User\" : userForm.fullName;\n    const isNewUser = userForm.isNewUser;\n\n    // The email is the sign-in key, so it is set once, when the user is created.\n    const emailIsDisabled = !isNewUser;\n    let emailDescription = \"Email is your unique identifier used to login. It can't be changed!\";\n    if (isNewUser) {\n        emailDescription =\n            \"Email is your unique identifier used to login. It can't be changed later!\";\n    }\n\n    const groupValidators = useMemo(() => {\n        return teams ? [] : [validation.create(\"required\")];\n    }, [teams]);\n\n    const accountLink = getLink(Routes.Users.Account);\n\n    // Render \"No content\" selected view.\n    if (userForm.showEmptyView) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={t`Click on the left side list to display user details or create a...`}\n                action={\n                    <Button\n                        icon={<AddIcon />}\n                        text={t`New User`}\n                        data-testid=\"new-record-button\"\n                        onClick={userForm.createUser}\n                    />\n                }\n            />\n        );\n    }\n\n    const isSelf = userForm.user?.id === identity.id;\n    const isDisabled = isExternal || isSelf;\n\n    return (\n        <Form data={userForm.user} onSubmit={userForm.onSubmit}>\n            {({ data, form, Bind }) => (\n                <SimpleForm size={\"lg\"}>\n                    {userForm.loading && <OverlayLoader />}\n                    <div className={\"mb-xl\"}>\n                        <Bind name=\"avatar\">\n                            <AvatarImage round disabled={isDisabled} />\n                        </Bind>\n                    </div>\n                    <SimpleFormHeader title={formTitle} />\n                    <SimpleFormContent>\n                        {isExternal && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"External User\"}>\n                                        This user is an external user and cannot be edited.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        {isSelf && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"Own Profile\"}>\n                                        You cannot edit your own profile using this form. Please use\n                                        the <Link to={accountLink}>account settings</Link> instead.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        <Accordion variant={\"underline\"}>\n                            <Accordion.Item\n                                title={\"Bio\"}\n                                description={\"Account information\"}\n                                icon={<SettingsIcon />}\n                                defaultOpen={true}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"firstName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`First Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.firstname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"lastName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`Last Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.lastname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"email\"\n                                            validators={validation.create(\"required,email\")}\n                                        >\n                                            <Input\n                                                value={data.email}\n                                                label={t`Email`}\n                                                disabled={emailIsDisabled || isDisabled}\n                                                data-testid=\"account.email\"\n                                                autoComplete=\"new-password\"\n                                                description={emailDescription}\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"password\"\n                                            validators={value => passwordPolicy.validate(value)}\n                                        >\n                                            <Input\n                                                autoComplete=\"new-password\"\n                                                disabled={isDisabled}\n                                                description={\n                                                    data.id && \"Type a new password to reset it.\"\n                                                }\n                                                type=\"password\"\n                                                label={\"Password\"}\n                                                data-testid=\"account.password\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            <Accordion.Item\n                                title={\"Roles\"}\n                                description={\"Assign to security roles\"}\n                                icon={<SecurityIcon />}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"roles\"} validators={groupValidators}>\n                                            {({ value, onChange, validation }) => (\n                                                <RolesMultiAutocomplete\n                                                    values={value}\n                                                    onChange={onChange}\n                                                    validation={validation}\n                                                    label={\"Roles\"}\n                                                    data-testid=\"roles-autocomplete\"\n                                                    disabled={isDisabled}\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            {teams ? (\n                                <Accordion.Item\n                                    title={\"Teams\"}\n                                    description={\"Assign to teams\"}\n                                    icon={<SecurityTeamsIcon />}\n                                >\n                                    <Grid>\n                                        <Grid.Column span={12}>\n                                            <Bind name={\"teams\"}>\n                                                {({ value, onChange, validation }) => (\n                                                    <TeamsMultiAutocomplete\n                                                        values={value}\n                                                        onChange={onChange}\n                                                        validation={validation}\n                                                        label={\"Teams\"}\n                                                        data-testid=\"teams-autocomplete\"\n                                                        disabled={isDisabled}\n                                                    />\n                                                )}\n                                            </Bind>\n                                        </Grid.Column>\n                                    </Grid>\n                                </Accordion.Item>\n                            ) : null}\n                        </Accordion>\n                    </SimpleFormContent>\n                    <SimpleFormFooter data-testid={\"form-footer\"}>\n                        <Button\n                            variant={\"secondary\"}\n                            text={t`Cancel`}\n                            onClick={userForm.cancelEditing}\n                        />\n                        <Button\n                            variant={\"primary\"}\n                            text={isNewUser ? t`Create user` : t`Update user`}\n                            disabled={isDisabled}\n                            onClick={form.submit}\n                        />\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n"],"names":["t","i18n","UserForm","teams","identity","useAuthentication","userForm","useUserForm","passwordPolicy","useFeature","PasswordPolicyFeature","getLink","useRouter","isExternal","formTitle","isNewUser","emailIsDisabled","emailDescription","groupValidators","useMemo","validation","accountLink","Routes","EmptyView","SettingsIcon","Button","AddIcon","isSelf","isDisabled","Form","data","form","Bind","SimpleForm","OverlayLoader","AvatarImage","SimpleFormHeader","SimpleFormContent","Grid","Alert","Link","Accordion","Input","value","SecurityIcon","onChange","RolesMultiAutocomplete","SecurityTeamsIcon","TeamsMultiAutocomplete","SimpleFormFooter"],"mappings":"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"}

package/presentation/adminUsers/views/Users/UsersView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UsersView: () => React.JSX.Element;

package/presentation/adminUsers/views/Users/UsersView.js

@@ -0,0 +1,15 @@
+import react from "react";
+import { LeftPanel, RightPanel, SplitView } from "../../../../components/SplitView/SplitView.js";
+import UsersDataList from "./UsersDataList.js";
+import { useFeatureFlags } from "../../../featureFlags/useFeatureFlags.js";
+import { UserForm } from "./UsersForm.js";
+const UsersView = ()=>{
+    const featureFlags = useFeatureFlags();
+    const teams = featureFlags.isEnabled("advancedAccessControlLayer.teams");
+    return /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, null, /*#__PURE__*/ react.createElement(UsersDataList, null)), /*#__PURE__*/ react.createElement(RightPanel, null, /*#__PURE__*/ react.createElement(UserForm, {
+        teams: teams
+    })));
+};
+export { UsersView };
+
+//# sourceMappingURL=UsersView.js.map

package/presentation/adminUsers/views/Users/UsersView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/UsersView.js","sources":["../../../../../src/presentation/adminUsers/views/Users/UsersView.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"~/components/SplitView/SplitView.js\";\nimport UsersDataList from \"~/presentation/adminUsers/views/Users/UsersDataList.js\";\nimport { useFeatureFlags } from \"~/presentation/featureFlags/useFeatureFlags.js\";\nimport { UserForm } from \"./UsersForm.js\";\n\nexport const UsersView = () => {\n    const featureFlags = useFeatureFlags();\n\n    const teams = featureFlags.isEnabled(\"advancedAccessControlLayer.teams\");\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <UsersDataList />\n            </LeftPanel>\n            <RightPanel>\n                <UserForm teams={teams} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"names":["UsersView","featureFlags","useFeatureFlags","teams","SplitView","LeftPanel","UsersDataList","RightPanel","UserForm"],"mappings":";;;;;AAMO,MAAMA,YAAY;IACrB,MAAMC,eAAeC;IAErB,MAAMC,QAAQF,aAAa,SAAS,CAAC;IAErC,OAAO,WAAP,GACI,oBAACG,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA,MAAAA,WAAAA,GACN,oBAACC,eAAaA,QAAAA,WAAAA,GAElB,oBAACC,YAAUA,MAAAA,WAAAA,GACP,oBAACC,UAAQA;QAAC,OAAOL;;AAIjC"}

package/presentation/adminUsers/views/Users/components/DeleteAction.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { UserItem } from "../../../../../presentation/adminUsers/UserItem.js";
+export interface DeleteActionProps {
+    item: UserItem;
+    onClick: () => void;
+}
+export declare const DeleteAction: ({ item, onClick }: DeleteActionProps) => React.JSX.Element;

package/presentation/adminUsers/views/Users/components/DeleteAction.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useSecurity } from "../../../../security/hooks/useSecurity.js";
+import { DeleteIcon, Tooltip } from "@webiny/admin-ui";
+const t = i18n.ns("app-identity/admin/users/data-list");
+const DeleteAction = ({ item, onClick })=>{
+    const { identity } = useSecurity();
+    if (identity.id === item.id) return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: /*#__PURE__*/ react.createElement("span", null, t`You can't delete your own user account.`),
+        trigger: /*#__PURE__*/ react.createElement(DeleteIcon, {
+            disabled: true
+        })
+    });
+    if (item.external) return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: /*#__PURE__*/ react.createElement("span", null, t`You can't delete external users.`),
+        trigger: /*#__PURE__*/ react.createElement(DeleteIcon, {
+            disabled: true
+        })
+    });
+    return /*#__PURE__*/ react.createElement(DeleteIcon, {
+        onClick: onClick,
+        "data-testid": "default-data-list.delete"
+    });
+};
+export { DeleteAction };
+
+//# sourceMappingURL=DeleteAction.js.map

package/presentation/adminUsers/views/Users/components/DeleteAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/components/DeleteAction.js","sources":["../../../../../../src/presentation/adminUsers/views/Users/components/DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSecurity } from \"~/presentation/security/hooks/useSecurity.js\";\nimport { Tooltip, DeleteIcon } from \"@webiny/admin-ui\";\nimport type { UserItem } from \"~/presentation/adminUsers/UserItem.js\";\n\nconst t = i18n.ns(\"app-identity/admin/users/data-list\");\n\nexport interface DeleteActionProps {\n    item: UserItem;\n    onClick: () => void;\n}\n\nexport const DeleteAction = ({ item, onClick }: DeleteActionProps) => {\n    const { identity } = useSecurity();\n\n    if (identity.id === item.id) {\n        return (\n            <Tooltip\n                side={\"bottom\"}\n                content={<span>{t`You can't delete your own user account.`}</span>}\n                trigger={<DeleteIcon disabled />}\n            />\n        );\n    }\n\n    if (item.external) {\n        return (\n            <Tooltip\n                side={\"bottom\"}\n                content={<span>{t`You can't delete external users.`}</span>}\n                trigger={<DeleteIcon disabled />}\n            />\n        );\n    }\n\n    return <DeleteIcon onClick={onClick} data-testid={\"default-data-list.delete\"} />;\n};\n"],"names":["t","i18n","DeleteAction","item","onClick","identity","useSecurity","Tooltip","DeleteIcon"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOX,MAAMC,eAAe,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAqB;IAC7D,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,IAAID,SAAS,EAAE,KAAKF,KAAK,EAAE,EACvB,OAAO,WAAP,GACI,oBAACI,SAAOA;QACJ,MAAM;QACN,uBAAS,oBAAC,cAAMP,CAAC,CAAC,uCAAuC,CAAC;QAC1D,uBAAS,oBAACQ,YAAUA;YAAC;;;IAKjC,IAAIL,KAAK,QAAQ,EACb,OAAO,WAAP,GACI,oBAACI,SAAOA;QACJ,MAAM;QACN,uBAAS,oBAAC,cAAMP,CAAC,CAAC,gCAAgC,CAAC;QACnD,uBAAS,oBAACQ,YAAUA;YAAC;;;IAKjC,OAAO,WAAP,GAAO,oBAACA,YAAUA;QAAC,SAASJ;QAAS,eAAa;;AACtD"}

package/presentation/adminUsers/views/Users/hooks/useUserForm.d.ts

@@ -0,0 +1,27 @@
+import type { IGetUserGatewayResult } from "../../../../../features/adminUsers/users/getUser/abstractions/GetUserGateway.js";
+interface SubmitUserCallableParams {
+    id?: string;
+    firstName: string;
+    lastName: string;
+    email: string;
+    password?: string;
+    avatar: {
+        src?: string;
+    };
+    external?: boolean;
+}
+interface SubmitUserCallable {
+    (data: SubmitUserCallableParams): Promise<void>;
+}
+export declare function useUserForm(): {
+    id: string | undefined;
+    loading: boolean;
+    user: IGetUserGatewayResult | undefined;
+    onSubmit: SubmitUserCallable;
+    isNewUser: boolean;
+    fullName: string;
+    showEmptyView: boolean;
+    createUser(): void;
+    cancelEditing(): void;
+};
+export {};

package/presentation/adminUsers/views/Users/hooks/useUserForm.js

@@ -0,0 +1,101 @@
+import { useCallback, useEffect, useState } from "react";
+import isEmpty from "lodash/isEmpty.js";
+import omit from "lodash/omit.js";
+import { useFeature, useRoute, useRouter } from "@webiny/app";
+import { GetUserFeature } from "../../../../../features/adminUsers/users/getUser/index.js";
+import { CreateUserFeature } from "../../../../../features/adminUsers/users/createUser/index.js";
+import { UpdateUserFeature } from "../../../../../features/adminUsers/users/updateUser/index.js";
+import { Routes } from "../../../routes.js";
+import { useToast } from "@webiny/admin-ui";
+function useUserForm() {
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.Users.List);
+    const toast = useToast();
+    const { useCase: getUser } = useFeature(GetUserFeature);
+    const { useCase: createUser } = useFeature(CreateUserFeature);
+    const { useCase: updateUser } = useFeature(UpdateUserFeature);
+    const id = route.params.id;
+    const newUser = true === route.params.new;
+    const [user, setUser] = useState(void 0);
+    const [userLoading, setUserLoading] = useState(false);
+    const [mutationLoading, setMutationLoading] = useState(false);
+    useEffect(()=>{
+        setUser(void 0);
+        if (!id) return;
+        setUserLoading(true);
+        getUser.execute({
+            id
+        }).then((data)=>{
+            setUser(data);
+            setUserLoading(false);
+        }).catch((error)=>{
+            goToRoute(Routes.Users.List);
+            toast.showWarningToast({
+                title: "Error loading user profile",
+                description: error.message,
+                duration: 1 / 0
+            });
+            setUserLoading(false);
+        });
+    }, [
+        id
+    ]);
+    const loading = userLoading || mutationLoading;
+    const onSubmit = useCallback(async (data)=>{
+        setMutationLoading(true);
+        try {
+            if (newUser) {
+                const resultUser = await createUser.execute({
+                    data
+                });
+                goToRoute(Routes.Users.List, {
+                    id: resultUser.id
+                });
+            } else {
+                const { id: userId, ...rest } = data;
+                await updateUser.execute({
+                    id: userId,
+                    data: omit(rest, [
+                        "external"
+                    ])
+                });
+            }
+            toast.showSuccessToast({
+                title: "User saved successfully."
+            });
+        } catch (error) {
+            const message = error instanceof Error ? error.message : "Unknown error";
+            toast.showWarningToast({
+                title: "Error updating user profile",
+                description: message,
+                duration: 1 / 0
+            });
+        } finally{
+            setMutationLoading(false);
+        }
+    }, [
+        id,
+        newUser
+    ]);
+    const showEmptyView = !newUser && !userLoading && isEmpty(user);
+    return {
+        id,
+        loading,
+        user,
+        onSubmit,
+        isNewUser: newUser,
+        fullName: `${user?.firstName || ""} ${user?.lastName || ""}`.trim(),
+        showEmptyView,
+        createUser () {
+            goToRoute(Routes.Users.List, {
+                new: true
+            });
+        },
+        cancelEditing () {
+            goToRoute(Routes.Users.List);
+        }
+    };
+}
+export { useUserForm };
+
+//# sourceMappingURL=useUserForm.js.map

package/presentation/adminUsers/views/Users/hooks/useUserForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/hooks/useUserForm.js","sources":["../../../../../../src/presentation/adminUsers/views/Users/hooks/useUserForm.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport omit from \"lodash/omit.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { useRoute, useRouter } from \"@webiny/app\";\nimport { GetUserFeature } from \"~/features/adminUsers/users/getUser/index.js\";\nimport type { IGetUserGatewayResult } from \"~/features/adminUsers/users/getUser/abstractions/GetUserGateway.js\";\nimport { CreateUserFeature } from \"~/features/adminUsers/users/createUser/index.js\";\nimport { UpdateUserFeature } from \"~/features/adminUsers/users/updateUser/index.js\";\nimport { Routes } from \"~/presentation/adminUsers/routes.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\ninterface SubmitUserCallableParams {\n    id?: string;\n    firstName: string;\n    lastName: string;\n    email: string;\n    password?: string;\n    avatar: {\n        src?: string;\n    };\n    external?: boolean;\n}\n\ninterface SubmitUserCallable {\n    (data: SubmitUserCallableParams): Promise<void>;\n}\n\nexport function useUserForm() {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.Users.List);\n    const toast = useToast();\n\n    const { useCase: getUser } = useFeature(GetUserFeature);\n    const { useCase: createUser } = useFeature(CreateUserFeature);\n    const { useCase: updateUser } = useFeature(UpdateUserFeature);\n\n    const id = route.params.id;\n    const newUser = route.params.new === true;\n\n    const [user, setUser] = useState<IGetUserGatewayResult | undefined>(undefined);\n    const [userLoading, setUserLoading] = useState(false);\n    const [mutationLoading, setMutationLoading] = useState(false);\n\n    useEffect(() => {\n        // Drop the previous user, so \"New\" and a newly selected user don't show its data.\n        setUser(undefined);\n        if (!id) {\n            return;\n        }\n        setUserLoading(true);\n        getUser\n            .execute({ id })\n            .then(data => {\n                setUser(data);\n                setUserLoading(false);\n            })\n            .catch(error => {\n                goToRoute(Routes.Users.List);\n                toast.showWarningToast({\n                    title: \"Error loading user profile\",\n                    description: error.message,\n                    duration: Infinity\n                });\n                setUserLoading(false);\n            });\n    }, [id]);\n\n    const loading = userLoading || mutationLoading;\n\n    const onSubmit = useCallback<SubmitUserCallable>(\n        async data => {\n            setMutationLoading(true);\n\n            try {\n                if (newUser) {\n                    const resultUser = await createUser.execute({ data });\n                    goToRoute(Routes.Users.List, { id: resultUser.id });\n                } else {\n                    const { id: userId, ...rest } = data;\n                    await updateUser.execute({\n                        id: userId as string,\n                        data: omit(rest, [\"external\"])\n                    });\n                }\n\n                toast.showSuccessToast({\n                    title: \"User saved successfully.\"\n                });\n            } catch (error) {\n                const message = error instanceof Error ? error.message : \"Unknown error\";\n                toast.showWarningToast({\n                    title: \"Error updating user profile\",\n                    description: message,\n                    duration: Infinity\n                });\n            } finally {\n                setMutationLoading(false);\n            }\n        },\n        [id, newUser]\n    );\n\n    const showEmptyView = !newUser && !userLoading && isEmpty(user);\n\n    return {\n        id,\n        loading,\n        user,\n        onSubmit,\n        isNewUser: newUser,\n        fullName: `${user?.firstName || \"\"} ${user?.lastName || \"\"}`.trim(),\n        showEmptyView,\n        createUser() {\n            goToRoute(Routes.Users.List, { new: true });\n        },\n        cancelEditing() {\n            goToRoute(Routes.Users.List);\n        }\n    };\n}\n"],"names":["useUserForm","goToRoute","useRouter","route","useRoute","Routes","toast","useToast","getUser","useFeature","GetUserFeature","createUser","CreateUserFeature","updateUser","UpdateUserFeature","id","newUser","user","setUser","useState","undefined","userLoading","setUserLoading","mutationLoading","setMutationLoading","useEffect","data","error","Infinity","loading","onSubmit","useCallback","resultUser","userId","rest","omit","message","Error","showEmptyView","isEmpty"],"mappings":";;;;;;;;;AA4BO,SAASA;IACZ,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,IAAI;IAC5C,MAAMC,QAAQC;IAEd,MAAM,EAAE,SAASC,OAAO,EAAE,GAAGC,WAAWC;IACxC,MAAM,EAAE,SAASC,UAAU,EAAE,GAAGF,WAAWG;IAC3C,MAAM,EAAE,SAASC,UAAU,EAAE,GAAGJ,WAAWK;IAE3C,MAAMC,KAAKZ,MAAM,MAAM,CAAC,EAAE;IAC1B,MAAMa,UAAUb,AAAqB,SAArBA,MAAM,MAAM,CAAC,GAAG;IAEhC,MAAM,CAACc,MAAMC,QAAQ,GAAGC,SAA4CC;IACpE,MAAM,CAACC,aAAaC,eAAe,GAAGH,SAAS;IAC/C,MAAM,CAACI,iBAAiBC,mBAAmB,GAAGL,SAAS;IAEvDM,UAAU;QAENP,QAAQE;QACR,IAAI,CAACL,IACD;QAEJO,eAAe;QACfd,QACK,OAAO,CAAC;YAAEO;QAAG,GACb,IAAI,CAACW,CAAAA;YACFR,QAAQQ;YACRJ,eAAe;QACnB,GACC,KAAK,CAACK,CAAAA;YACH1B,UAAUI,OAAO,KAAK,CAAC,IAAI;YAC3BC,MAAM,gBAAgB,CAAC;gBACnB,OAAO;gBACP,aAAaqB,MAAM,OAAO;gBAC1B,UAAUC,KAAQ;YACtB;YACAN,eAAe;QACnB;IACR,GAAG;QAACP;KAAG;IAEP,MAAMc,UAAUR,eAAeE;IAE/B,MAAMO,WAAWC,YACb,OAAML;QACFF,mBAAmB;QAEnB,IAAI;YACA,IAAIR,SAAS;gBACT,MAAMgB,aAAa,MAAMrB,WAAW,OAAO,CAAC;oBAAEe;gBAAK;gBACnDzB,UAAUI,OAAO,KAAK,CAAC,IAAI,EAAE;oBAAE,IAAI2B,WAAW,EAAE;gBAAC;YACrD,OAAO;gBACH,MAAM,EAAE,IAAIC,MAAM,EAAE,GAAGC,MAAM,GAAGR;gBAChC,MAAMb,WAAW,OAAO,CAAC;oBACrB,IAAIoB;oBACJ,MAAME,KAAKD,MAAM;wBAAC;qBAAW;gBACjC;YACJ;YAEA5B,MAAM,gBAAgB,CAAC;gBACnB,OAAO;YACX;QACJ,EAAE,OAAOqB,OAAO;YACZ,MAAMS,UAAUT,iBAAiBU,QAAQV,MAAM,OAAO,GAAG;YACzDrB,MAAM,gBAAgB,CAAC;gBACnB,OAAO;gBACP,aAAa8B;gBACb,UAAUR,KAAQ;YACtB;QACJ,SAAU;YACNJ,mBAAmB;QACvB;IACJ,GACA;QAACT;QAAIC;KAAQ;IAGjB,MAAMsB,gBAAgB,CAACtB,WAAW,CAACK,eAAekB,QAAQtB;IAE1D,OAAO;QACHF;QACAc;QACAZ;QACAa;QACA,WAAWd;QACX,UAAU,GAAGC,MAAM,aAAa,GAAG,CAAC,EAAEA,MAAM,YAAY,IAAI,CAAC,IAAI;QACjEqB;QACA;YACIrC,UAAUI,OAAO,KAAK,CAAC,IAAI,EAAE;gBAAE,KAAK;YAAK;QAC7C;QACA;YACIJ,UAAUI,OAAO,KAAK,CAAC,IAAI;QAC/B;IACJ;AACJ"}

package/presentation/adminUsers/views/Users/search.js

@@ -0,0 +1,21 @@
+import __rslib_svgr_url__0__ from "../../../../static/svg/search.43fa797c.svg";
+import * as __rspack_external_react from "react";
+const SvgSearch = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlSpace: "preserve",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "currentColor",
+        d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+    }));
+const search = __rslib_svgr_url__0__;
+export default search;
+export { SvgSearch as ReactComponent };
+
+//# sourceMappingURL=search.js.map

package/presentation/adminUsers/views/Users/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/search.js","sources":["../../../../../src/presentation/adminUsers/views/Users/search.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = props => <svg xmlns=\"http://www.w3.org/2000/svg\" xmlSpace=\"preserve\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path fill=\"currentColor\" d=\"M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14\" /></svg>;\nexport { SvgSearch as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/search.43fa797c.svg\";"],"names":["SvgSearch","props"],"mappings":";;AACA,MAAMA,YAAYC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,UAAS;QAAW,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,MAAK;QAAe,GAAE;;AAE/M"}

package/presentation/adminUsers/views/Users/search.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Header_x2F_BG" display="none">
+	<rect x="-358" y="-314" display="inline" fill="#F1F1F2" width="520" height="520"/>
+</g>
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_5" display="none">
+	</g>
+	<path fill="currentColor" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34c-4.23-0.52-7.79,3.04-7.27,7.27
+		c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25c0.41,0.41,1.08,0.41,1.49,0l0,0
+		c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14z"/>
+</g>
+</svg>

package/presentation/adminUsers/views/utils.d.ts

@@ -0,0 +1,3 @@
+type SortTypes = "asc" | "desc";
+export declare const deserializeSorters: (data: string) => [string, SortTypes];
+export {};

package/presentation/adminUsers/views/utils.js

@@ -0,0 +1,12 @@
+const deserializeSorters = (data)=>{
+    if ("string" != typeof data) return data;
+    const [field, orderBy] = data.split("_");
+    const order = "asc" === String(orderBy).toLowerCase() ? "asc" : "desc";
+    return [
+        field,
+        order
+    ];
+};
+export { deserializeSorters };
+
+//# sourceMappingURL=utils.js.map

package/presentation/adminUsers/views/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/utils.js","sources":["../../../../src/presentation/adminUsers/views/utils.ts"],"sourcesContent":["type SortTypes = \"asc\" | \"desc\";\nexport const deserializeSorters = (data: string): [string, SortTypes] => {\n    if (typeof data !== \"string\") {\n        return data;\n    }\n    const [field, orderBy] = data.split(\"_\") as [string, SortTypes];\n    const order = String(orderBy).toLowerCase() === \"asc\" ? \"asc\" : \"desc\";\n    return [field, order];\n};\n"],"names":["deserializeSorters","data","field","orderBy","order","String"],"mappings":"AACO,MAAMA,qBAAqB,CAACC;IAC/B,IAAI,AAAgB,YAAhB,OAAOA,MACP,OAAOA;IAEX,MAAM,CAACC,OAAOC,QAAQ,GAAGF,KAAK,KAAK,CAAC;IACpC,MAAMG,QAAQC,AAAkC,UAAlCA,OAAOF,SAAS,WAAW,KAAe,QAAQ;IAChE,OAAO;QAACD;QAAOE;KAAM;AACzB"}

package/presentation/aiChats/AiChatsPanelPresenter.d.ts

@@ -0,0 +1,28 @@
+import { AiChatsRepository } from "../../features/aiChats/abstractions.js";
+import { AdminAssistantPresenter } from "../../features/adminAssistant/abstractions.js";
+import { AiChatsPanelPresenter as Abstraction } from "./abstractions.js";
+declare class AiChatsPanelPresenterImpl implements Abstraction.Interface {
+    private chats;
+    private assistant;
+    private isOpen;
+    private view;
+    private removeError;
+    private search;
+    constructor(chats: AiChatsRepository.Interface, assistant: AdminAssistantPresenter.Interface);
+    get vm(): Abstraction.ViewModel;
+    open(): void;
+    close(): void;
+    showHistory(): void;
+    toggleHistory(): void;
+    showConversation(): void;
+    select(chatId: string): void;
+    startNew(): void;
+    remove(chatId: string): Promise<void>;
+    setSearch(search: string): void;
+    loadMore(): void;
+    private setRemoveError;
+}
+export declare const AiChatsPanelPresenter: typeof AiChatsPanelPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAiChatsPanelPresenter>;
+};
+export {};

package/presentation/aiChats/AiChatsPanelPresenter.js

@@ -0,0 +1,132 @@
+import { makeAutoObservable } from "mobx";
+import { AiChatsRepository } from "../../features/aiChats/abstractions.js";
+import { AdminAssistantPresenter } from "../../features/adminAssistant/abstractions.js";
+import { AiChatsPanelPresenter } from "./abstractions.js";
+import { messageOf } from "../../features/aiChats/messageOf.js";
+const DAYS = [
+    "today",
+    "yesterday",
+    "earlier"
+];
+const DAY_LABELS = {
+    today: "Today",
+    yesterday: "Yesterday",
+    earlier: "Earlier"
+};
+const startOfDay = (date)=>new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+const dayOf = (savedOn, today)=>{
+    const saved = startOfDay(new Date(savedOn));
+    if (saved >= today) return "today";
+    const yesterday = startOfDay(new Date(today - 1));
+    return saved >= yesterday ? "yesterday" : "earlier";
+};
+const groupByDay = (rows)=>{
+    const today = startOfDay(new Date());
+    const groups = DAYS.map((day)=>({
+            day,
+            label: DAY_LABELS[day],
+            chats: []
+        }));
+    for (const row of rows){
+        const day = dayOf(row.savedOn, today);
+        groups.find((group)=>group.day === day).chats.push(row);
+    }
+    return groups.filter((group)=>group.chats.length > 0);
+};
+class AiChatsPanelPresenterImpl {
+    constructor(chats, assistant){
+        this.chats = chats;
+        this.assistant = assistant;
+        this.isOpen = false;
+        this.view = "conversation";
+        this.removeError = null;
+        this.search = "";
+        makeAutoObservable(this, {
+            chats: false,
+            assistant: false
+        });
+    }
+    get vm() {
+        const activeId = this.assistant.vm.chatId;
+        const activeChat = this.chats.chats.find((chat)=>chat.id === activeId);
+        const rows = this.chats.chats.map((chat)=>({
+                id: chat.id,
+                title: chat.title,
+                createdOn: chat.createdOn,
+                savedOn: chat.savedOn,
+                active: chat.id === activeId
+            }));
+        const needle = this.search.trim().toLowerCase();
+        let matches = rows;
+        if (needle) matches = rows.filter((row)=>row.title.toLowerCase().includes(needle));
+        return {
+            isOpen: this.isOpen,
+            view: this.view,
+            conversationTitle: activeChat?.title ?? "New chat",
+            chats: rows,
+            search: this.search,
+            groups: groupByDay(matches),
+            loading: this.chats.loading,
+            hasMore: this.chats.hasMore,
+            error: this.removeError ?? this.chats.error
+        };
+    }
+    open() {
+        this.isOpen = true;
+        this.view = "conversation";
+    }
+    close() {
+        this.isOpen = false;
+    }
+    showHistory() {
+        this.view = "history";
+        this.removeError = null;
+        this.chats.load();
+    }
+    toggleHistory() {
+        if (this.isOpen && "history" === this.view) return void this.close();
+        this.isOpen = true;
+        this.showHistory();
+    }
+    showConversation() {
+        this.view = "conversation";
+    }
+    select(chatId) {
+        this.view = "conversation";
+        if (chatId === this.assistant.vm.chatId) return;
+        this.assistant.open(chatId);
+    }
+    startNew() {
+        this.view = "conversation";
+        this.assistant.reset();
+    }
+    async remove(chatId) {
+        this.setRemoveError(null);
+        if (chatId === this.assistant.vm.chatId) this.assistant.reset();
+        try {
+            await this.chats.delete(chatId);
+        } catch (error) {
+            const message = messageOf(error);
+            this.setRemoveError(message);
+        }
+    }
+    setSearch(search) {
+        this.search = search;
+    }
+    loadMore() {
+        this.chats.loadMore();
+    }
+    setRemoveError(message) {
+        this.removeError = message;
+    }
+}
+const AiChatsPanelPresenter_AiChatsPanelPresenter = AiChatsPanelPresenter.createImplementation({
+    implementation: AiChatsPanelPresenterImpl,
+    dependencies: [
+        AiChatsRepository,
+        AdminAssistantPresenter
+    ]
+});
+export { AiChatsPanelPresenter_AiChatsPanelPresenter as AiChatsPanelPresenter };
+
+//# sourceMappingURL=AiChatsPanelPresenter.js.map

package/presentation/aiChats/AiChatsPanelPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/aiChats/AiChatsPanelPresenter.js","sources":["../../../src/presentation/aiChats/AiChatsPanelPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { AiChatsRepository } from \"~/features/aiChats/abstractions.js\";\nimport { AdminAssistantPresenter } from \"~/features/adminAssistant/abstractions.js\";\nimport { AiChatsPanelPresenter as Abstraction } from \"./abstractions.js\";\nimport type { AiChatsPanelView } from \"./abstractions.js\";\nimport type { AiChatDay } from \"./abstractions.js\";\nimport { messageOf } from \"~/features/aiChats/messageOf.js\";\n\nconst DAYS: AiChatDay[] = [\"today\", \"yesterday\", \"earlier\"];\n\nconst DAY_LABELS: Record<AiChatDay, string> = {\n    today: \"Today\",\n    yesterday: \"Yesterday\",\n    earlier: \"Earlier\"\n};\n\n/** Local midnight, so \"today\" means the user's day rather than UTC's. */\nconst startOfDay = (date: Date): number =>\n    new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();\n\nconst dayOf = (savedOn: string, today: number): AiChatDay => {\n    const saved = startOfDay(new Date(savedOn));\n    if (saved >= today) {\n        return \"today\";\n    }\n    // Not `today - 24h`: a day with a daylight-saving change is 23 or 25 hours long.\n    const yesterday = startOfDay(new Date(today - 1));\n    return saved >= yesterday ? \"yesterday\" : \"earlier\";\n};\n\nconst groupByDay = (rows: Abstraction.Row[]): Abstraction.Group[] => {\n    const today = startOfDay(new Date());\n    const groups: Abstraction.Group[] = DAYS.map(day => ({\n        day,\n        label: DAY_LABELS[day],\n        chats: []\n    }));\n\n    for (const row of rows) {\n        const day = dayOf(row.savedOn, today);\n        groups.find(group => group.day === day)!.chats.push(row);\n    }\n\n    return groups.filter(group => group.chats.length > 0);\n};\n\nclass AiChatsPanelPresenterImpl implements Abstraction.Interface {\n    private isOpen = false;\n    private view: AiChatsPanelView = \"conversation\";\n    private removeError: string | null = null;\n    private search = \"\";\n\n    constructor(\n        private chats: AiChatsRepository.Interface,\n        private assistant: AdminAssistantPresenter.Interface\n    ) {\n        // Collaborators, not state. Each keeps its own observables.\n        makeAutoObservable<AiChatsPanelPresenterImpl, \"chats\" | \"assistant\">(this, {\n            chats: false,\n            assistant: false\n        });\n    }\n\n    get vm(): Abstraction.ViewModel {\n        const activeId = this.assistant.vm.chatId;\n        const activeChat = this.chats.chats.find(chat => chat.id === activeId);\n        const rows = this.chats.chats.map(chat => ({\n            id: chat.id,\n            title: chat.title,\n            createdOn: chat.createdOn,\n            savedOn: chat.savedOn,\n            active: chat.id === activeId\n        }));\n        const needle = this.search.trim().toLowerCase();\n        let matches = rows;\n        if (needle) {\n            matches = rows.filter(row => row.title.toLowerCase().includes(needle));\n        }\n\n        return {\n            isOpen: this.isOpen,\n            view: this.view,\n            conversationTitle: activeChat?.title ?? \"New chat\",\n            chats: rows,\n            search: this.search,\n            groups: groupByDay(matches),\n            loading: this.chats.loading,\n            hasMore: this.chats.hasMore,\n            error: this.removeError ?? this.chats.error\n        };\n    }\n\n    open(): void {\n        this.isOpen = true;\n        this.view = \"conversation\";\n    }\n\n    close(): void {\n        this.isOpen = false;\n    }\n\n    showHistory(): void {\n        this.view = \"history\";\n        this.removeError = null;\n        void this.chats.load();\n    }\n\n    toggleHistory(): void {\n        if (this.isOpen && this.view === \"history\") {\n            this.close();\n            return;\n        }\n        this.isOpen = true;\n        this.showHistory();\n    }\n\n    showConversation(): void {\n        this.view = \"conversation\";\n    }\n\n    select(chatId: string): void {\n        this.view = \"conversation\";\n        if (chatId === this.assistant.vm.chatId) {\n            return;\n        }\n        void this.assistant.open(chatId);\n    }\n\n    startNew(): void {\n        this.view = \"conversation\";\n        this.assistant.reset();\n    }\n\n    async remove(chatId: string): Promise<void> {\n        this.setRemoveError(null);\n\n        /*\n         * Deleting the chat on screen drops the conversation too, or the next turn would save into a\n         * chat that no longer exists.\n         */\n        if (chatId === this.assistant.vm.chatId) {\n            this.assistant.reset();\n        }\n\n        try {\n            await this.chats.delete(chatId);\n        } catch (error) {\n            const message = messageOf(error);\n            this.setRemoveError(message);\n        }\n    }\n\n    setSearch(search: string): void {\n        this.search = search;\n    }\n\n    loadMore(): void {\n        void this.chats.loadMore();\n    }\n\n    private setRemoveError(message: string | null): void {\n        this.removeError = message;\n    }\n}\n\nexport const AiChatsPanelPresenter = Abstraction.createImplementation({\n    implementation: AiChatsPanelPresenterImpl,\n    dependencies: [AiChatsRepository, AdminAssistantPresenter]\n});\n"],"names":["DAYS","DAY_LABELS","startOfDay","date","Date","dayOf","savedOn","today","saved","yesterday","groupByDay","rows","groups","day","row","group","AiChatsPanelPresenterImpl","chats","assistant","makeAutoObservable","activeId","activeChat","chat","needle","matches","chatId","error","message","messageOf","search","AiChatsPanelPresenter","Abstraction","AiChatsRepository","AdminAssistantPresenter"],"mappings":"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"}

package/presentation/aiChats/abstractions.d.ts

@@ -0,0 +1,69 @@
+export interface IAiChatRowViewModel {
+    id: string;
+    title: string;
+    createdOn: string;
+    savedOn: string;
+    /** The chat the assistant is holding right now. */
+    active: boolean;
+}
+/** Which day a chat was last saved on, relative to today. */
+export type AiChatDay = "today" | "yesterday" | "earlier";
+export interface IAiChatGroupViewModel {
+    day: AiChatDay;
+    /** "Today", "Yesterday" or "Earlier". */
+    label: string;
+    chats: IAiChatRowViewModel[];
+}
+/** The panel shows one conversation, or the saved chats to pick one from. */
+export type AiChatsPanelView = "conversation" | "history";
+export interface IAiChatsPanelViewModel {
+    isOpen: boolean;
+    view: AiChatsPanelView;
+    /** The open chat's title, or "New chat" before its first question is saved. */
+    conversationTitle: string;
+    /** Every chat read so far, newest created first. */
+    chats: IAiChatRowViewModel[];
+    /** What is typed in the chats search. */
+    search: string;
+    /** The chats whose title matches `search`, by the day they were last saved. Empty groups are left out. */
+    groups: IAiChatGroupViewModel[];
+    loading: boolean;
+    hasMore: boolean;
+    /** Why reading or deleting chats failed. */
+    error: string | null;
+}
+/**
+ * The AI chats side panel: the saved chats, and the conversation the assistant holds.
+ *
+ * The conversation itself stays in `AdminAssistantPresenter`, so the palette and the panel show
+ * one conversation, and a palette conversation handed over to the panel carries on where it was.
+ */
+export interface IAiChatsPanelPresenter {
+    readonly vm: IAiChatsPanelViewModel;
+    /** Open the panel on whatever the assistant holds. */
+    open(): void;
+    close(): void;
+    /** Show the saved chats, read fresh. */
+    showHistory(): void;
+    /** Open the panel on the saved chats, or close it when it already shows them. */
+    toggleHistory(): void;
+    /** Back to the conversation the assistant holds. */
+    showConversation(): void;
+    /** Open a saved chat, and show it. */
+    select(chatId: string): void;
+    /** Leave the current chat, which stays saved, for an empty conversation, and show it. */
+    startNew(): void;
+    remove(chatId: string): Promise<void>;
+    /** Filter the saved chats by title. Only the chats read so far are searched. */
+    setSearch(search: string): void;
+    loadMore(): void;
+}
+export declare const AiChatsPanelPresenter: import("@webiny/di").Abstraction<IAiChatsPanelPresenter>;
+export declare namespace AiChatsPanelPresenter {
+    type Interface = IAiChatsPanelPresenter;
+    type ViewModel = IAiChatsPanelViewModel;
+    type Row = IAiChatRowViewModel;
+    type Group = IAiChatGroupViewModel;
+    type Day = AiChatDay;
+    type View = AiChatsPanelView;
+}

package/presentation/aiChats/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const AiChatsPanelPresenter = createAbstraction("AiChatsPanelPresenter");
+export { AiChatsPanelPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/aiChats/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/aiChats/abstractions.js","sources":["../../../src/presentation/aiChats/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport interface IAiChatRowViewModel {\n    id: string;\n    title: string;\n    createdOn: string;\n    savedOn: string;\n    /** The chat the assistant is holding right now. */\n    active: boolean;\n}\n\n/** Which day a chat was last saved on, relative to today. */\nexport type AiChatDay = \"today\" | \"yesterday\" | \"earlier\";\n\nexport interface IAiChatGroupViewModel {\n    day: AiChatDay;\n    /** \"Today\", \"Yesterday\" or \"Earlier\". */\n    label: string;\n    chats: IAiChatRowViewModel[];\n}\n\n/** The panel shows one conversation, or the saved chats to pick one from. */\nexport type AiChatsPanelView = \"conversation\" | \"history\";\n\nexport interface IAiChatsPanelViewModel {\n    isOpen: boolean;\n    view: AiChatsPanelView;\n    /** The open chat's title, or \"New chat\" before its first question is saved. */\n    conversationTitle: string;\n    /** Every chat read so far, newest created first. */\n    chats: IAiChatRowViewModel[];\n    /** What is typed in the chats search. */\n    search: string;\n    /** The chats whose title matches `search`, by the day they were last saved. Empty groups are left out. */\n    groups: IAiChatGroupViewModel[];\n    loading: boolean;\n    hasMore: boolean;\n    /** Why reading or deleting chats failed. */\n    error: string | null;\n}\n\n/**\n * The AI chats side panel: the saved chats, and the conversation the assistant holds.\n *\n * The conversation itself stays in `AdminAssistantPresenter`, so the palette and the panel show\n * one conversation, and a palette conversation handed over to the panel carries on where it was.\n */\nexport interface IAiChatsPanelPresenter {\n    readonly vm: IAiChatsPanelViewModel;\n    /** Open the panel on whatever the assistant holds. */\n    open(): void;\n    close(): void;\n    /** Show the saved chats, read fresh. */\n    showHistory(): void;\n    /** Open the panel on the saved chats, or close it when it already shows them. */\n    toggleHistory(): void;\n    /** Back to the conversation the assistant holds. */\n    showConversation(): void;\n    /** Open a saved chat, and show it. */\n    select(chatId: string): void;\n    /** Leave the current chat, which stays saved, for an empty conversation, and show it. */\n    startNew(): void;\n    remove(chatId: string): Promise<void>;\n    /** Filter the saved chats by title. Only the chats read so far are searched. */\n    setSearch(search: string): void;\n    loadMore(): void;\n}\n\nexport const AiChatsPanelPresenter =\n    createAbstraction<IAiChatsPanelPresenter>(\"AiChatsPanelPresenter\");\n\nexport namespace AiChatsPanelPresenter {\n    export type Interface = IAiChatsPanelPresenter;\n    export type ViewModel = IAiChatsPanelViewModel;\n    export type Row = IAiChatRowViewModel;\n    export type Group = IAiChatGroupViewModel;\n    export type Day = AiChatDay;\n    export type View = AiChatsPanelView;\n}\n"],"names":["AiChatsPanelPresenter","createAbstraction"],"mappings":";AAoEO,MAAMA,wBACTC,kBAA0C"}

package/presentation/aiChats/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const AiChatsPanelFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IAiChatsPanelPresenter;
+}, []>;

package/presentation/aiChats/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { AiChatsPanelPresenter } from "./abstractions.js";
+import { AiChatsPanelPresenter as external_AiChatsPanelPresenter_js_AiChatsPanelPresenter } from "./AiChatsPanelPresenter.js";
+const AiChatsPanelFeature = createFeature({
+    name: "AiChatsPanel",
+    register (container) {
+        container.register(external_AiChatsPanelPresenter_js_AiChatsPanelPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(AiChatsPanelPresenter)
+        };
+    }
+});
+export { AiChatsPanelFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/aiChats/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/aiChats/feature.js","sources":["../../../src/presentation/aiChats/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { AiChatsPanelPresenter as Abstraction } from \"./abstractions.js\";\nimport { AiChatsPanelPresenter } from \"./AiChatsPanelPresenter.js\";\n\nexport const AiChatsPanelFeature = createFeature({\n    name: \"AiChatsPanel\",\n    register(container) {\n        // Singleton so the palette that opens the panel and the panel itself share its state.\n        container.register(AiChatsPanelPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return { presenter: container.resolve(Abstraction) };\n    }\n});\n"],"names":["AiChatsPanelFeature","createFeature","container","AiChatsPanelPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QAEdA,UAAU,QAAQ,CAACC,yDAAuB,gBAAgB;IAC9D;IACA,SAAQD,SAAS;QACb,OAAO;YAAE,WAAWA,UAAU,OAAO,CAACE;QAAa;IACvD;AACJ"}