@astral/features 3.192.0 → 3.194.0

package/AutoSaveIndicatorService/constants.d.ts

@@ -0,0 +1,2 @@
+import { type AutoSaveIndicatorErrorState } from './services/types';
+export declare const AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE: AutoSaveIndicatorErrorState;

package/AutoSaveIndicatorService/constants.js

@@ -0,0 +1,4 @@
+export const AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE = {
+    message: '',
+    onRetry: () => { },
+};

package/AutoSaveIndicatorService/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useInitAutoSaveIndicatorStore';

package/AutoSaveIndicatorService/hooks/index.js

@@ -0,0 +1 @@
+export * from './useInitAutoSaveIndicatorStore';

package/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/index.d.ts

@@ -0,0 +1 @@
+export * from './useInitAutoSaveIndicatorStore';

package/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/index.js

@@ -0,0 +1 @@
+export * from './useInitAutoSaveIndicatorStore';

package/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/useInitAutoSaveIndicatorStore.d.ts

@@ -0,0 +1,4 @@
+import { type AutoSaveIndicatorStore } from '../../stores/AutoSaveIndicatorStore';
+type UseInitAutoSaveIndicatorStoreParams = AutoSaveIndicatorStore;
+export declare const useInitAutoSaveIndicatorStore: (store: UseInitAutoSaveIndicatorStoreParams) => void;
+export {};

package/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/useInitAutoSaveIndicatorStore.js

@@ -0,0 +1,10 @@
+import { useEffect } from 'react';
+export const useInitAutoSaveIndicatorStore = (store) => {
+    useEffect(() => {
+        store.show();
+        return () => {
+            store.hide();
+            store.reset();
+        };
+    }, []);
+};

package/AutoSaveIndicatorService/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stores/AutoSaveIndicatorStore';
+export * from './hooks/useInitAutoSaveIndicatorStore';

package/AutoSaveIndicatorService/index.js

@@ -0,0 +1,2 @@
+export * from './stores/AutoSaveIndicatorStore';
+export * from './hooks/useInitAutoSaveIndicatorStore';

package/AutoSaveIndicatorService/services/AutoSaveIndicatorService.d.ts

@@ -0,0 +1,60 @@
+import { type AutoSaveIndicatorErrorState, type IAutoSaveIndicatorService } from './types';
+/**
+ * Сервис, предоставляющий API для более декларативной и централизованной работы с компонентом AutoSaveIndicator
+ */
+export declare class AutoSaveIndicatorService implements IAutoSaveIndicatorService {
+    /**
+     * Текущий статус.
+     */
+    private status;
+    /**
+     * Состояние видимости
+     */
+    private isShouldBeVisible;
+    /**
+     * Объект с сообщением об ошибке и функцией обратного вызова
+     */
+    private error;
+    /**
+     * Отображает компонента
+     */
+    show: () => void;
+    /**
+     * Сбрасывает состояние до изначального
+     */
+    reset: () => void;
+    /**
+     * Скрывает компонент
+     */
+    hide: () => void;
+    /**
+     * Отображает состояния загрузки во время сохранения
+     */
+    progress: () => void;
+    /**
+     * Отображает состояния успеха
+     */
+    success: () => void;
+    /**
+     * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+     */
+    setError: (error: AutoSaveIndicatorErrorState) => void;
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible(): boolean;
+    /**
+     * Вспомогательный метод для проверки текущего статуса
+     */
+    private checkStatus;
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values(): {
+        isLoading: boolean;
+        errorMsg: string;
+        isError: boolean;
+        onRetry: () => void;
+        isSuccess: boolean;
+    };
+}

package/AutoSaveIndicatorService/services/AutoSaveIndicatorService.js

@@ -0,0 +1,85 @@
+import { AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE } from '../constants';
+import { AutoSaveIndicatorStatus } from './enums';
+/**
+ * Сервис, предоставляющий API для более декларативной и централизованной работы с компонентом AutoSaveIndicator
+ */
+export class AutoSaveIndicatorService {
+    constructor() {
+        /**
+         * Текущий статус.
+         */
+        this.status = AutoSaveIndicatorStatus.Idle;
+        /**
+         * Состояние видимости
+         */
+        this.isShouldBeVisible = false;
+        /**
+         * Объект с сообщением об ошибке и функцией обратного вызова
+         */
+        this.error = AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE;
+        /**
+         * Отображает компонента
+         */
+        this.show = () => {
+            this.isShouldBeVisible = true;
+        };
+        /**
+         * Сбрасывает состояние до изначального
+         */
+        this.reset = () => {
+            this.status = AutoSaveIndicatorStatus.Idle;
+            this.error = AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE;
+        };
+        /**
+         * Скрывает компонент
+         */
+        this.hide = () => {
+            this.isShouldBeVisible = false;
+            this.reset();
+        };
+        /**
+         * Отображает состояния загрузки во время сохранения
+         */
+        this.progress = () => {
+            this.status = AutoSaveIndicatorStatus.Progress;
+        };
+        /**
+         * Отображает состояния успеха
+         */
+        this.success = () => {
+            this.status = AutoSaveIndicatorStatus.Success;
+            this.error = AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE;
+        };
+        /**
+         * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+         */
+        this.setError = (error) => {
+            this.status = AutoSaveIndicatorStatus.Error;
+            this.error = error;
+        };
+        /**
+         * Вспомогательный метод для проверки текущего статуса
+         */
+        this.checkStatus = (status) => {
+            return this.status === status;
+        };
+    }
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible() {
+        return this.isShouldBeVisible;
+    }
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values() {
+        return {
+            isLoading: this.checkStatus(AutoSaveIndicatorStatus.Progress),
+            errorMsg: this.error.message,
+            isError: this.checkStatus(AutoSaveIndicatorStatus.Error),
+            onRetry: this.error.onRetry,
+            isSuccess: this.checkStatus(AutoSaveIndicatorStatus.Success),
+        };
+    }
+}

package/AutoSaveIndicatorService/services/enums.d.ts

@@ -0,0 +1,6 @@
+export declare enum AutoSaveIndicatorStatus {
+    Idle = "idle",
+    Progress = "progress",
+    Success = "success",
+    Error = "error"
+}

package/AutoSaveIndicatorService/services/enums.js

@@ -0,0 +1,7 @@
+export var AutoSaveIndicatorStatus;
+(function (AutoSaveIndicatorStatus) {
+    AutoSaveIndicatorStatus["Idle"] = "idle";
+    AutoSaveIndicatorStatus["Progress"] = "progress";
+    AutoSaveIndicatorStatus["Success"] = "success";
+    AutoSaveIndicatorStatus["Error"] = "error";
+})(AutoSaveIndicatorStatus || (AutoSaveIndicatorStatus = {}));

package/AutoSaveIndicatorService/services/index.d.ts

@@ -0,0 +1 @@
+export { AutoSaveIndicatorService } from './AutoSaveIndicatorService';

package/AutoSaveIndicatorService/services/index.js

@@ -0,0 +1 @@
+export { AutoSaveIndicatorService } from './AutoSaveIndicatorService';

package/AutoSaveIndicatorService/services/types.d.ts

@@ -0,0 +1,20 @@
+export type AutoSaveIndicatorErrorState = {
+    onRetry: () => void;
+    message: string;
+};
+export interface IAutoSaveIndicatorService {
+    show: () => void;
+    reset: () => void;
+    hide: () => void;
+    progress: () => void;
+    success: () => void;
+    setError: (error: AutoSaveIndicatorErrorState) => void;
+    readonly isVisible: boolean;
+    readonly values: {
+        isLoading: boolean;
+        errorMsg: string;
+        isError: boolean;
+        onRetry: () => void;
+        isSuccess: boolean;
+    };
+}

package/AutoSaveIndicatorService/services/types.js

@@ -0,0 +1 @@
+export {};

package/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/AutoSaveIndicatorStore.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Mobx-Store для декларативной работы с компонентом AutoSaveIndicator
+ */
+export declare class AutoSaveIndicatorStore {
+    private readonly autoSaveIndicatorService;
+    constructor();
+    /**
+     * Скрывает компонент
+     */
+    get hide(): () => void;
+    /**
+     * Отображает компонента
+     */
+    get show(): () => void;
+    /**
+     * Отображает состояния загрузки во время сохранения
+     */
+    get progress(): () => void;
+    /**
+     * Отображает состояния успеха
+     */
+    get success(): () => void;
+    /**
+     * Сбрасывает состояние всех значений до изначального
+     */
+    get reset(): () => void;
+    /**
+     * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+     */
+    get setError(): (error: import("../../services/types").AutoSaveIndicatorErrorState) => void;
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values(): {
+        isLoading: boolean;
+        errorMsg: string;
+        isError: boolean;
+        onRetry: () => void;
+        isSuccess: boolean;
+    };
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible(): boolean;
+}

package/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/AutoSaveIndicatorStore.js

@@ -0,0 +1,60 @@
+import { makeAutoObservable } from 'mobx';
+import { AutoSaveIndicatorService } from '../../services';
+/**
+ * Mobx-Store для декларативной работы с компонентом AutoSaveIndicator
+ */
+export class AutoSaveIndicatorStore {
+    constructor() {
+        this.autoSaveIndicatorService = new AutoSaveIndicatorService();
+        makeAutoObservable(this, {}, { autoBind: true });
+        makeAutoObservable(this.autoSaveIndicatorService, {}, { autoBind: true });
+    }
+    /**
+     * Скрывает компонент
+     */
+    get hide() {
+        return this.autoSaveIndicatorService.hide;
+    }
+    /**
+     * Отображает компонента
+     */
+    get show() {
+        return this.autoSaveIndicatorService.show;
+    }
+    /**
+     * Отображает состояния загрузки во время сохранения
+     */
+    get progress() {
+        return this.autoSaveIndicatorService.progress;
+    }
+    /**
+     * Отображает состояния успеха
+     */
+    get success() {
+        return this.autoSaveIndicatorService.success;
+    }
+    /**
+     * Сбрасывает состояние всех значений до изначального
+     */
+    get reset() {
+        return this.autoSaveIndicatorService.reset;
+    }
+    /**
+     * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+     */
+    get setError() {
+        return this.autoSaveIndicatorService.setError;
+    }
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values() {
+        return this.autoSaveIndicatorService.values;
+    }
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible() {
+        return this.autoSaveIndicatorService.isVisible;
+    }
+}

package/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/index.d.ts

@@ -0,0 +1 @@
+export * from './AutoSaveIndicatorStore';

package/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/index.js

@@ -0,0 +1 @@
+export * from './AutoSaveIndicatorStore';

package/AutoSaveIndicatorService/stores/index.d.ts

@@ -0,0 +1 @@
+export * from './AutoSaveIndicatorStore';

package/AutoSaveIndicatorService/stores/index.js

@@ -0,0 +1 @@
+export * from './AutoSaveIndicatorStore';

package/README.md

@@ -1,3 +1,145 @@
 # @astral/features
 
 Сущности общей предметной области Астрал.Софт.
+
+## Сервисы
+
+### AutoSaveIndicator
+**Цель сервиса**: предоставить централизованное и декларативное управление компонентом [AutoSaveIndicator](https://main--61baeff6f06230003a88ef8a.chromatic.com/?path=/docs/components-autosaveindicator--docs)
+
+**Область применения**: screens с автоматическим сохранением изменений на ней
+(пример:  форма с сохранением при вводе)
+
+#### Составные части
+**AutoSaveIndicatorStore** - mobx-стор, использующий внутри **AutoSaveIndicatorService** и дающий публичное API
+для использования.
+
+**useInitAutoSaveIndicatorStore** - хук для инициализации стора.
+
+#### API AutoSaveIndicatorStore
+Свойства:
+
+- ``values`` - пропсы, необходимые для работы компонента
+- ``isVisible`` - флаг, определяющий видимость индикатора на странице
+
+Методы:
+
+``show`` - Установка значения ``isVisible`` в true
+
+``hide`` - Установка значения ``isVisible`` в false 
+
+``progress`` - Установка индикации автосохранения (аналог ``setIsLoading``)
+
+``success`` - Установка успешного состояния автосохранения
+
+``setError`` - Установка состояния ошибки. 
+
+Параметры метода: 
+- ``message`` - сообщение об ошибке, которое будет отображаться над кнопкой повторения запроса
+- ``onRetry`` - коллбэк, который будет выполнен при нажатии на кнопку повторения запроса.
+
+``reset`` - Сброс состояния стора до изначального.
+ 
+#### Инициализация
+
+1. Необходимо создать инстанс AutoSaveIndicatorStore, 
+
+```
+shared/stores
+
+import { AutoSaveIndicatorStore } from "@astral/features"
+
+export const autoSaveIndicatorInstance = new AutoSaveIndicatorStore();
+```
+
+2. Вызвать хук на скрине, где предполагается использование индикатора автосохранения и передать в него созданный инстанс
+
+Внутри данного хука содержится следующая логика:
+- При монтировании вызывается метод ``show``.
+- При размонтировании вызывается метод ``hide`` и ``reset``. Вызов последнего необходим, так как предполагается использование
+  данного стора в качестве синглтона
+
+``` ts
+screen
+
+import { autoSaveIndicatorInstance } from "@example/shared"
+
+export const ExampleScreen = observer(() => {
+  const [autoSaveIndicatorStore] = useState(autoSaveIndicatorStoreInstance);
+
+  useInitAutoSaveIndicatorStore(autoSaveIndicatorStore);
+
+  return (
+    <PageLayout
+      header={{ title: 'Example Screen' }}
+      content={{ children: null, isPaddingDisabled: false }}
+    />
+  );
+});
+```
+
+Пример использования AutoSaveIndicator на лэйауте будет выглядеть следующим образом:
+
+``` tsx
+modules/layout/features/MainLayout/Header
+
+import { autoSaveIndicatorStoreInstance } from "@example/shared"
+
+export const Header = observer(() => {
+  const [autoSaveIndicatorStore] = useState(autoSaveIndicatorStoreInstance);
+
+  return (
+    autoSaveIndicatorStore.isVisible && (
+      <AutoSaveIndicator {...autoSaveIndicatorStore.values} />
+    )
+  );
+});
+```
+
+#### Использование
+
+``` ts
+import {
+  type AutoSaveIndicatorStore,
+  autoSaveIndicatorStoreInstance,
+} from '@example/shared';
+
+class UIStore {
+  constructor(
+    private readonly repository: Repository,
+    private readonly autosaveIndicatorStore: AutoSaveIndicatorStore,
+  ) {
+    makeAutoObservable(
+      this,
+      {},
+      {
+        autoBind: true,
+      },
+    );
+  }
+
+  public makeMutation = (requestParam: string) => {
+    this.autosaveIndicatorStore.progress();
+
+    this.repository.makeMutation
+      .async({
+        requestParam,
+      })
+      .then(() => {
+        this.autosaveIndicatorStore.success()
+      })
+      .catch((e) => {
+        this.autosaveIndicatorStore.setError({
+          message: 'Что-то пошло не так',
+          onRetry: () => {
+            this.makeMutation(requestParam);
+          },
+        });
+      });
+  };
+}
+
+export const createUIStore = (repository: Repository) =>
+  new UIStore(repository, autoSaveIndicatorStoreInstance);
+
+```

package/index.d.ts

@@ -1,2 +1,3 @@
 export * from './cryproPro';
 export { IdentityProductSwitcher, AstralProductSwitcher, } from './productSwitcher';
+export { AutoSaveIndicatorStore, useInitAutoSaveIndicatorStore, } from './AutoSaveIndicatorService';

package/index.js

@@ -1,2 +1,3 @@
 export * from './cryproPro';
 export { IdentityProductSwitcher, AstralProductSwitcher, } from './productSwitcher';
+export { AutoSaveIndicatorStore, useInitAutoSaveIndicatorStore, } from './AutoSaveIndicatorService';

package/node/AutoSaveIndicatorService/constants.d.ts

@@ -0,0 +1,2 @@
+import { type AutoSaveIndicatorErrorState } from './services/types';
+export declare const AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE: AutoSaveIndicatorErrorState;

package/node/AutoSaveIndicatorService/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE = void 0;
+exports.AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE = {
+    message: '',
+    onRetry: () => { },
+};

package/node/AutoSaveIndicatorService/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useInitAutoSaveIndicatorStore';

package/node/AutoSaveIndicatorService/hooks/index.js

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

package/node/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/index.d.ts

@@ -0,0 +1 @@
+export * from './useInitAutoSaveIndicatorStore';

package/node/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/index.js

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

package/node/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/useInitAutoSaveIndicatorStore.d.ts

@@ -0,0 +1,4 @@
+import { type AutoSaveIndicatorStore } from '../../stores/AutoSaveIndicatorStore';
+type UseInitAutoSaveIndicatorStoreParams = AutoSaveIndicatorStore;
+export declare const useInitAutoSaveIndicatorStore: (store: UseInitAutoSaveIndicatorStoreParams) => void;
+export {};

package/node/AutoSaveIndicatorService/hooks/useInitAutoSaveIndicatorStore/useInitAutoSaveIndicatorStore.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInitAutoSaveIndicatorStore = void 0;
+const react_1 = require("react");
+const useInitAutoSaveIndicatorStore = (store) => {
+    (0, react_1.useEffect)(() => {
+        store.show();
+        return () => {
+            store.hide();
+            store.reset();
+        };
+    }, []);
+};
+exports.useInitAutoSaveIndicatorStore = useInitAutoSaveIndicatorStore;

package/node/AutoSaveIndicatorService/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stores/AutoSaveIndicatorStore';
+export * from './hooks/useInitAutoSaveIndicatorStore';

package/node/AutoSaveIndicatorService/index.js

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

package/node/AutoSaveIndicatorService/services/AutoSaveIndicatorService.d.ts

@@ -0,0 +1,60 @@
+import { type AutoSaveIndicatorErrorState, type IAutoSaveIndicatorService } from './types';
+/**
+ * Сервис, предоставляющий API для более декларативной и централизованной работы с компонентом AutoSaveIndicator
+ */
+export declare class AutoSaveIndicatorService implements IAutoSaveIndicatorService {
+    /**
+     * Текущий статус.
+     */
+    private status;
+    /**
+     * Состояние видимости
+     */
+    private isShouldBeVisible;
+    /**
+     * Объект с сообщением об ошибке и функцией обратного вызова
+     */
+    private error;
+    /**
+     * Отображает компонента
+     */
+    show: () => void;
+    /**
+     * Сбрасывает состояние до изначального
+     */
+    reset: () => void;
+    /**
+     * Скрывает компонент
+     */
+    hide: () => void;
+    /**
+     * Отображает состояния загрузки во время сохранения
+     */
+    progress: () => void;
+    /**
+     * Отображает состояния успеха
+     */
+    success: () => void;
+    /**
+     * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+     */
+    setError: (error: AutoSaveIndicatorErrorState) => void;
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible(): boolean;
+    /**
+     * Вспомогательный метод для проверки текущего статуса
+     */
+    private checkStatus;
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values(): {
+        isLoading: boolean;
+        errorMsg: string;
+        isError: boolean;
+        onRetry: () => void;
+        isSuccess: boolean;
+    };
+}

package/node/AutoSaveIndicatorService/services/AutoSaveIndicatorService.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoSaveIndicatorService = void 0;
+const constants_1 = require("../constants");
+const enums_1 = require("./enums");
+/**
+ * Сервис, предоставляющий API для более декларативной и централизованной работы с компонентом AutoSaveIndicator
+ */
+class AutoSaveIndicatorService {
+    constructor() {
+        /**
+         * Текущий статус.
+         */
+        this.status = enums_1.AutoSaveIndicatorStatus.Idle;
+        /**
+         * Состояние видимости
+         */
+        this.isShouldBeVisible = false;
+        /**
+         * Объект с сообщением об ошибке и функцией обратного вызова
+         */
+        this.error = constants_1.AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE;
+        /**
+         * Отображает компонента
+         */
+        this.show = () => {
+            this.isShouldBeVisible = true;
+        };
+        /**
+         * Сбрасывает состояние до изначального
+         */
+        this.reset = () => {
+            this.status = enums_1.AutoSaveIndicatorStatus.Idle;
+            this.error = constants_1.AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE;
+        };
+        /**
+         * Скрывает компонент
+         */
+        this.hide = () => {
+            this.isShouldBeVisible = false;
+            this.reset();
+        };
+        /**
+         * Отображает состояния загрузки во время сохранения
+         */
+        this.progress = () => {
+            this.status = enums_1.AutoSaveIndicatorStatus.Progress;
+        };
+        /**
+         * Отображает состояния успеха
+         */
+        this.success = () => {
+            this.status = enums_1.AutoSaveIndicatorStatus.Success;
+            this.error = constants_1.AUTO_SAVE_INDICATOR_DEFAULT_ERROR_STATE;
+        };
+        /**
+         * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+         */
+        this.setError = (error) => {
+            this.status = enums_1.AutoSaveIndicatorStatus.Error;
+            this.error = error;
+        };
+        /**
+         * Вспомогательный метод для проверки текущего статуса
+         */
+        this.checkStatus = (status) => {
+            return this.status === status;
+        };
+    }
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible() {
+        return this.isShouldBeVisible;
+    }
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values() {
+        return {
+            isLoading: this.checkStatus(enums_1.AutoSaveIndicatorStatus.Progress),
+            errorMsg: this.error.message,
+            isError: this.checkStatus(enums_1.AutoSaveIndicatorStatus.Error),
+            onRetry: this.error.onRetry,
+            isSuccess: this.checkStatus(enums_1.AutoSaveIndicatorStatus.Success),
+        };
+    }
+}
+exports.AutoSaveIndicatorService = AutoSaveIndicatorService;

package/node/AutoSaveIndicatorService/services/enums.d.ts

@@ -0,0 +1,6 @@
+export declare enum AutoSaveIndicatorStatus {
+    Idle = "idle",
+    Progress = "progress",
+    Success = "success",
+    Error = "error"
+}

package/node/AutoSaveIndicatorService/services/enums.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoSaveIndicatorStatus = void 0;
+var AutoSaveIndicatorStatus;
+(function (AutoSaveIndicatorStatus) {
+    AutoSaveIndicatorStatus["Idle"] = "idle";
+    AutoSaveIndicatorStatus["Progress"] = "progress";
+    AutoSaveIndicatorStatus["Success"] = "success";
+    AutoSaveIndicatorStatus["Error"] = "error";
+})(AutoSaveIndicatorStatus || (exports.AutoSaveIndicatorStatus = AutoSaveIndicatorStatus = {}));

package/node/AutoSaveIndicatorService/services/index.d.ts

@@ -0,0 +1 @@
+export { AutoSaveIndicatorService } from './AutoSaveIndicatorService';

package/node/AutoSaveIndicatorService/services/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoSaveIndicatorService = void 0;
+var AutoSaveIndicatorService_1 = require("./AutoSaveIndicatorService");
+Object.defineProperty(exports, "AutoSaveIndicatorService", { enumerable: true, get: function () { return AutoSaveIndicatorService_1.AutoSaveIndicatorService; } });

package/node/AutoSaveIndicatorService/services/types.d.ts

@@ -0,0 +1,20 @@
+export type AutoSaveIndicatorErrorState = {
+    onRetry: () => void;
+    message: string;
+};
+export interface IAutoSaveIndicatorService {
+    show: () => void;
+    reset: () => void;
+    hide: () => void;
+    progress: () => void;
+    success: () => void;
+    setError: (error: AutoSaveIndicatorErrorState) => void;
+    readonly isVisible: boolean;
+    readonly values: {
+        isLoading: boolean;
+        errorMsg: string;
+        isError: boolean;
+        onRetry: () => void;
+        isSuccess: boolean;
+    };
+}

package/node/AutoSaveIndicatorService/services/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/AutoSaveIndicatorStore.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Mobx-Store для декларативной работы с компонентом AutoSaveIndicator
+ */
+export declare class AutoSaveIndicatorStore {
+    private readonly autoSaveIndicatorService;
+    constructor();
+    /**
+     * Скрывает компонент
+     */
+    get hide(): () => void;
+    /**
+     * Отображает компонента
+     */
+    get show(): () => void;
+    /**
+     * Отображает состояния загрузки во время сохранения
+     */
+    get progress(): () => void;
+    /**
+     * Отображает состояния успеха
+     */
+    get success(): () => void;
+    /**
+     * Сбрасывает состояние всех значений до изначального
+     */
+    get reset(): () => void;
+    /**
+     * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+     */
+    get setError(): (error: import("../../services/types").AutoSaveIndicatorErrorState) => void;
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values(): {
+        isLoading: boolean;
+        errorMsg: string;
+        isError: boolean;
+        onRetry: () => void;
+        isSuccess: boolean;
+    };
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible(): boolean;
+}

package/node/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/AutoSaveIndicatorStore.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoSaveIndicatorStore = void 0;
+const mobx_1 = require("mobx");
+const services_1 = require("../../services");
+/**
+ * Mobx-Store для декларативной работы с компонентом AutoSaveIndicator
+ */
+class AutoSaveIndicatorStore {
+    constructor() {
+        this.autoSaveIndicatorService = new services_1.AutoSaveIndicatorService();
+        (0, mobx_1.makeAutoObservable)(this, {}, { autoBind: true });
+        (0, mobx_1.makeAutoObservable)(this.autoSaveIndicatorService, {}, { autoBind: true });
+    }
+    /**
+     * Скрывает компонент
+     */
+    get hide() {
+        return this.autoSaveIndicatorService.hide;
+    }
+    /**
+     * Отображает компонента
+     */
+    get show() {
+        return this.autoSaveIndicatorService.show;
+    }
+    /**
+     * Отображает состояния загрузки во время сохранения
+     */
+    get progress() {
+        return this.autoSaveIndicatorService.progress;
+    }
+    /**
+     * Отображает состояния успеха
+     */
+    get success() {
+        return this.autoSaveIndicatorService.success;
+    }
+    /**
+     * Сбрасывает состояние всех значений до изначального
+     */
+    get reset() {
+        return this.autoSaveIndicatorService.reset;
+    }
+    /**
+     * Устанавливает текст ошибки и callback, который должен сработать при клике на кнопку
+     */
+    get setError() {
+        return this.autoSaveIndicatorService.setError;
+    }
+    /**
+     * Пропсы для компонента AutoSaveIndicator
+     */
+    get values() {
+        return this.autoSaveIndicatorService.values;
+    }
+    /**
+     * Флаг, отражающий состояние видимости AutoSaveIndicator
+     */
+    get isVisible() {
+        return this.autoSaveIndicatorService.isVisible;
+    }
+}
+exports.AutoSaveIndicatorStore = AutoSaveIndicatorStore;

package/node/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/index.d.ts

@@ -0,0 +1 @@
+export * from './AutoSaveIndicatorStore';

package/node/AutoSaveIndicatorService/stores/AutoSaveIndicatorStore/index.js

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

package/node/AutoSaveIndicatorService/stores/index.d.ts

@@ -0,0 +1 @@
+export * from './AutoSaveIndicatorStore';

package/node/AutoSaveIndicatorService/stores/index.js

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

package/node/index.d.ts

@@ -1,2 +1,3 @@
 export * from './cryproPro';
 export { IdentityProductSwitcher, AstralProductSwitcher, } from './productSwitcher';
+export { AutoSaveIndicatorStore, useInitAutoSaveIndicatorStore, } from './AutoSaveIndicatorService';

package/node/index.js

@@ -14,8 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AstralProductSwitcher = exports.IdentityProductSwitcher = void 0;
+exports.useInitAutoSaveIndicatorStore = exports.AutoSaveIndicatorStore = exports.AstralProductSwitcher = exports.IdentityProductSwitcher = void 0;
 __exportStar(require("./cryproPro"), exports);
 var productSwitcher_1 = require("./productSwitcher");
 Object.defineProperty(exports, "IdentityProductSwitcher", { enumerable: true, get: function () { return productSwitcher_1.IdentityProductSwitcher; } });
 Object.defineProperty(exports, "AstralProductSwitcher", { enumerable: true, get: function () { return productSwitcher_1.AstralProductSwitcher; } });
+var AutoSaveIndicatorService_1 = require("./AutoSaveIndicatorService");
+Object.defineProperty(exports, "AutoSaveIndicatorStore", { enumerable: true, get: function () { return AutoSaveIndicatorService_1.AutoSaveIndicatorStore; } });
+Object.defineProperty(exports, "useInitAutoSaveIndicatorStore", { enumerable: true, get: function () { return AutoSaveIndicatorService_1.useInitAutoSaveIndicatorStore; } });

package/package.json

@@ -2,9 +2,9 @@
   "name": "@astral/features",
   "browser": "./index.js",
   "main": "./node/index.js",
-  "version": "3.192.0",
+  "version": "3.194.0",
   "dependencies": {
-    "@astral/ui": "3.192.0",
+    "@astral/ui": "3.194.0",
     "mobx": "^6.8.0",
     "mobx-react-lite": "^3.4.0",
     "@astral/cryptopro-cades": "^1.5.1"