@astral/features 4.0.0-alpha.8 → 4.0.0

package/node/productSwitcher/components/IdentityProductSwitcher/stories/common/mockResponses.d.ts

@@ -0,0 +1,47 @@
+import type { MockRequest } from './mockData';
+export declare const createProductsMockResponse: ({ searchParams }: MockRequest) => {
+    data: {
+        id: string;
+        name: string;
+        productUrl: string;
+        description: string;
+        shortDescription: string;
+        iconFileId: string;
+        logoUrl: string;
+        backgroundHexColor: string;
+        tenantId: string;
+    }[];
+    meta: {
+        totalCount: number;
+    };
+};
+export declare const MOCK_FETCH_IDENTITY_PRODUCTS: {
+    url: string;
+    method: string;
+    status: number;
+    response: ({ searchParams }: MockRequest) => {
+        data: {
+            id: string;
+            name: string;
+            productUrl: string;
+            description: string;
+            shortDescription: string;
+            iconFileId: string;
+            logoUrl: string;
+            backgroundHexColor: string;
+            tenantId: string;
+        }[];
+        meta: {
+            totalCount: number;
+        };
+    };
+}[];
+export declare const MOCK_FETCH_IDENTITY_TENANTS: {
+    url: string;
+    method: string;
+    status: number;
+    response: {
+        id: string;
+        name: string;
+    }[];
+}[];

package/node/productSwitcher/components/IdentityProductSwitcher/stories/common/mockResponses.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MOCK_FETCH_IDENTITY_TENANTS = exports.MOCK_FETCH_IDENTITY_PRODUCTS = exports.createProductsMockResponse = void 0;
+const mockData_1 = require("./mockData");
+const createProductsMockResponse = ({ searchParams }) => {
+    switch (searchParams.tenantId) {
+        case 'astral': {
+            return {
+                data: mockData_1.ASTRAL_PRODUCTS,
+                meta: {
+                    totalCount: mockData_1.ASTRAL_PRODUCTS.length,
+                },
+            };
+        }
+        case 'eco': {
+            return {
+                data: mockData_1.ECO_PRODUCTS,
+                meta: {
+                    totalCount: mockData_1.ECO_PRODUCTS.length,
+                },
+            };
+        }
+        default: {
+            return {
+                data: [],
+                meta: {
+                    totalCount: 0,
+                },
+            };
+        }
+    }
+};
+exports.createProductsMockResponse = createProductsMockResponse;
+exports.MOCK_FETCH_IDENTITY_PRODUCTS = [
+    {
+        url: `${mockData_1.IDENTITY_URL}/api/products/widget?tenantId=*`,
+        method: 'GET',
+        status: 200,
+        response: exports.createProductsMockResponse,
+    },
+];
+exports.MOCK_FETCH_IDENTITY_TENANTS = [
+    {
+        url: `${mockData_1.IDENTITY_URL}/api/tenants/widget`,
+        method: 'GET',
+        status: 200,
+        response: [
+            {
+                id: 'astral',
+                name: 'Астрал',
+            },
+            {
+                id: 'eco',
+                name: 'Экосистема',
+            },
+        ],
+    },
+];

package/node/productSwitcher/components/IdentityProductSwitcher/styles.d.ts

@@ -15,12 +15,12 @@ export declare const Logo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const ErrorContainer: import("@emotion/styled").StyledComponent<Omit<import("@astral/components/src/Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const ErrorContainer: import("@emotion/styled").StyledComponent<Omit<import("@astral/ui/src/components/Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & import("@astral/components/src/Grid/styles").StyledGridProps, {}, {}>;
+} & import("@astral/ui/src/components/Grid/styles").StyledGridProps, {}, {}>;
 export declare const TenantsToggleButtonGroup: import("@emotion/styled").StyledComponent<Omit<import("@astral/ui").ToggleButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const TenantToggleButton: import("@emotion/styled").StyledComponent<Omit<import("@astral/ui").ToggleButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const TenantToggleButton: import("@emotion/styled").StyledComponent<Omit<import("@astral/ui/src/components/ToggleButton/types").ToggleButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/productSwitcher/components/IdentityProductSwitcher/styles.js

@@ -17,14 +17,17 @@ exports.StyledMenu = (0, ui_1.styled)(ui_1.Menu) `
 // as typeof MenuItem необходим для возможности прокинуть component
 // https://github.com/mui/material-ui/issues/15695
 exports.StyledMenuItem = (0, ui_1.styled)(ui_1.MenuItem) `
-  padding-left: ${({ theme }) => theme.spacing(6)};
+  &.MuiMenuItem-gutters {
+    min-height: 56px;
+    padding-left: ${({ theme }) => theme.spacing(4)};
+  }
 `;
 exports.Logo = (0, ui_1.styled)('img', {
     shouldForwardProp: (prop) => prop !== 'color',
 }) `
-  width: 40px;
-  height: 40px;
-  margin-right: ${({ theme }) => theme.spacing(4)};
+  width: 32px;
+  height: 32px;
+  margin-right: ${({ theme }) => theme.spacing(2)};
 
   background-color: ${({ color }) => color};
   border-radius: ${({ theme }) => theme.shape.small};

package/node/productSwitcher/utils/getGroupsProducts/getGroupsProducts.d.ts

@@ -3,4 +3,4 @@
  * @param identityUrl - адрес identity
  * @param group - код группы
  */
-export declare const getGroupsProducts: (identityUrl: string, group: string) => Promise<import("@astral/components").WidgetProduct[]>;
+export declare const getGroupsProducts: (identityUrl: string, group: string) => Promise<import("@astral/ui").WidgetProduct[]>;

package/node/productSwitcher/utils/getIdentityProducts/getIdentityProducts.d.ts

@@ -3,4 +3,4 @@
  * @param identityUrl - адрес identity
  * @param tenant - код экосистемы
  */
-export declare const getIdentityProducts: (identityUrl: string, tenant?: string) => Promise<import("@astral/components").WidgetProduct[]>;
+export declare const getIdentityProducts: (identityUrl: string, tenant?: string) => Promise<import("@astral/ui").WidgetProduct[]>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@astral/features",
   "main": "./node/index.js",
-  "version": "4.0.0-alpha.8",
+  "version": "4.0.0",
   "dependencies": {
-    "@astral/ui": "4.0.0-alpha.8",
+    "@astral/ui": "4.0.0",
     "mobx": "^6.8.0",
     "mobx-react-lite": "^3.4.0",
     "@astral/cryptopro-cades": "^1.5.1"

package/productSwitcher/components/AstralProductSwitcher/AstralProductSwitcher.d.ts

@@ -10,14 +10,9 @@ export type AstralProductSwitcherType = {
     filterBy?: ProductFilterType;
     /** Код для фильтрации */
     code?: string;
-    /**
-     * Идентификатор экосистемы
-     * @deprecated
-     * */
-    tenantId?: string;
     /**
      * Альтернативная функция для фильтрации продуктов
      */
     filter?: ProductSwitcherProps['filter'];
 };
-export declare const AstralProductSwitcher: ({ identityUrl, filterBy, code, filter, tenantId, }: AstralProductSwitcherType) => JSX.Element;
+export declare const AstralProductSwitcher: ({ identityUrl, filterBy, code, filter, }: AstralProductSwitcherType) => JSX.Element;

package/productSwitcher/components/AstralProductSwitcher/AstralProductSwitcher.js

@@ -10,21 +10,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ProductSwitcher, } from '@astral/ui';
 import { useState } from 'react';
-import { getIdentityProducts } from '../../utils';
 import { ProductFilterType } from './enums';
 import { getFilteredProducts } from './utils';
-export const AstralProductSwitcher = ({ identityUrl, filterBy = ProductFilterType.Tenant, code = 'astral', filter, tenantId, }) => {
+export const AstralProductSwitcher = ({ identityUrl, filterBy = ProductFilterType.Tenant, code = 'astral', filter, }) => {
     const [products, setProducts] = useState([]);
     const handleGetProducts = () => __awaiter(void 0, void 0, void 0, function* () {
         if (products.length) {
             return products;
         }
-        // Это заглушка для обратной совместимости, убрать после релиза мажорной версии
-        if (tenantId) {
-            const productsList = yield getIdentityProducts(identityUrl, tenantId);
-            setProducts(productsList);
-            return productsList;
-        }
         const filteredProductsList = yield getFilteredProducts(identityUrl, filterBy, code);
         setProducts(filteredProductsList);
         return filteredProductsList;

package/productSwitcher/components/AstralProductSwitcher/stories/Example.story.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type Meta } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+export declare const Example: () => JSX.Element;

package/productSwitcher/components/AstralProductSwitcher/stories/Example.story.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AstralProductSwitcher } from '../AstralProductSwitcher';
+import { IDENTITY_URL } from './common';
+const meta = {};
+export default meta;
+export const Example = () => (_jsx(AstralProductSwitcher, { identityUrl: IDENTITY_URL }));

package/productSwitcher/components/AstralProductSwitcher/stories/Group.story.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type Meta } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+/**
+ * Чтобы получить список продуктов, отфильтрованных по группам, необходимо указать параметр ```filterBy``` в значение ```group``` и указать параметр ```code```, равный ```коду вашей группы```
+ */
+export declare const Group: () => JSX.Element;

package/productSwitcher/components/AstralProductSwitcher/stories/Group.story.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AstralProductSwitcher } from '../AstralProductSwitcher';
+import { ProductFilterType } from '../enums';
+import { IDENTITY_URL } from './common';
+const meta = {};
+export default meta;
+/**
+ * Чтобы получить список продуктов, отфильтрованных по группам, необходимо указать параметр ```filterBy``` в значение ```group``` и указать параметр ```code```, равный ```коду вашей группы```
+ */
+export const Group = () => (_jsx(AstralProductSwitcher, { identityUrl: IDENTITY_URL, filterBy: ProductFilterType.Group, code: "identityGroupID" }));

package/productSwitcher/components/AstralProductSwitcher/stories/Interaction.story.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { AstralProductSwitcher } from '../AstralProductSwitcher';
+declare const meta: Meta<typeof AstralProductSwitcher>;
+export default meta;
+type Story = StoryObj<typeof AstralProductSwitcher>;
+export declare const Interaction: Story;

package/productSwitcher/components/AstralProductSwitcher/stories/Interaction.story.js

@@ -0,0 +1,16 @@
+import { ProductFilterType } from '../enums';
+import { IDENTITY_URL } from './common';
+const meta = {};
+export default meta;
+export const Interaction = {
+    args: {
+        identityUrl: IDENTITY_URL,
+        filterBy: ProductFilterType.Tenant,
+        code: 'astral',
+    },
+    parameters: {
+        docs: {
+            disable: true,
+        },
+    },
+};

package/productSwitcher/components/AstralProductSwitcher/stories/Tenant.story.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type Meta } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+/**
+ * Чтобы получить список продуктов, отфильтрованных по экосистемам, необходимо указать параметр ```filterBy``` в значение ```tenant``` и указать параметр ```code```, равный ```коду вашей экосистемы```
+ */
+export declare const Tenant: () => JSX.Element;

package/productSwitcher/components/AstralProductSwitcher/stories/Tenant.story.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AstralProductSwitcher } from '../AstralProductSwitcher';
+import { ProductFilterType } from '../enums';
+import { IDENTITY_URL } from './common';
+const meta = {};
+export default meta;
+/**
+ * Чтобы получить список продуктов, отфильтрованных по экосистемам, необходимо указать параметр ```filterBy``` в значение ```tenant``` и указать параметр ```code```, равный ```коду вашей экосистемы```
+ */
+export const Tenant = () => (_jsx(AstralProductSwitcher, { identityUrl: IDENTITY_URL, filterBy: ProductFilterType.Tenant, code: "eco" }));

package/productSwitcher/components/AstralProductSwitcher/stories/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from './mockData';
+export * from './mockResponses';

package/productSwitcher/components/AstralProductSwitcher/stories/common/index.js

@@ -0,0 +1,2 @@
+export * from './mockData';
+export * from './mockResponses';

package/productSwitcher/components/AstralProductSwitcher/stories/common/mockData.d.ts

@@ -0,0 +1,27 @@
+export declare const IDENTITY_URL = "https://identity";
+export declare const MOCK_IMAGE = "data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI1NzE5IDE3LjI2ODlDOC4yNTcxOSAxNy4yNjg5IDQuNTY5MzMgMjAuMjAyMyA0LjExODcyIDIyLjA3OTZDMi43NjA3OCAyNy43MzY5IDEzLjQwNTkgMjAuOTM3NyAxNy45Njg3IDE3LjUxMDZDMTkuMjMwNCAxNi41NjI5IDIxLjAyNTggMTUuMTIwOSAyMi43MDE4IDEzLjYwNTlMMjIuOTExOSAxMy40NzQxQzIyLjkwNjQgMTMuNDU5NCAyMi45MDA5IDEzLjQ0NDcgMjIuODk1NCAxMy40MzAxQzI2LjI4NDQgMTAuMzM3OCAyOS4wNzUgNy4wMTExOSAyNS43NjgyIDcuMDAwMDFDMjMuOTcwOCA2Ljk5Mzk0IDE5Ljg3NjEgOC45MzMyNiAxOS44NzYxIDguOTMzMjZDMTkuODc2MSA4LjkzMzI2IDIyLjc4MjggNy43MzU2NCAyMy40NjUxIDguMDgyOUMyNC40NDM2IDguNTgwODggMjMuMzk5NSA5LjgzMDI2IDIxLjY2OSAxMS4zMDE5QzIwLjMxODEgOS42NDU2MSAxOC4yOTU2IDguNTkzMzkgMTYuMDM1MyA4LjU5MzM5QzExLjk2ODEgOC41OTMzOSA4LjY3MDk2IDEyLjAwMDIgOC42NzA5NiAxNi4yMDI4QzguNjcwOTYgMTcuNjE2MSA5LjA0Mzc5IDE4LjkzOTMgOS42OTMzNiAyMC4wNzMzQzcuNTgzODkgMjEuMzE2NyA1Ljk1ODY3IDIxLjg0OCA2LjAwODkyIDIwLjQzMDVDNi4wNDY0IDE5LjM3MzMgOC4yNTcxOSAxNy4yNjg5IDguMjU3MTkgMTcuMjY4OVpNMjMuMzk5NiAxNi4yMDI4QzIzLjM5OTYgMjAuNDA1NCAyMC4xMDI1IDIzLjgxMjMgMTYuMDM1MyAyMy44MTIzQzE1LjYwMzkgMjMuODEyMyAxNS4xODEyIDIzLjc3NCAxNC43NzAyIDIzLjcwMDVDMTQuMzM4NyAyMy42MjMzIDE0LjExNDEgMjMuMTYwNCAxNC4zMTYxIDIyLjc3MTRDMTYuMTk1MiAxOS4xNTI1IDIxLjAxNzMgMTYuMzkxNiAyMy4zMzkzIDE1LjIyNTNDMjMuMzc5IDE1LjU0NTMgMjMuMzk5NiAxNS44NzE2IDIzLjM5OTYgMTYuMjAyOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjUgOC41QzguNSA5LjMyODQzIDcuODI4NDMgMTAgNyAxMEM2LjE3MTU3IDEwIDUuNSA5LjMyODQzIDUuNSA4LjVDNS41IDcuNjcxNTcgNi4xNzE1NyA3IDcgN0M3LjgyODQzIDcgOC41IDcuNjcxNTcgOC41IDguNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=";
+export type MockRequest = {
+    searchParams: Record<string, string>;
+};
+export declare const ASTRAL_PRODUCTS: {
+    id: string;
+    name: string;
+    productUrl: string;
+    description: string;
+    shortDescription: string;
+    iconFileId: string;
+    logoUrl: string;
+    backgroundHexColor: string;
+    tenantId: string;
+}[];
+export declare const ECO_PRODUCTS: {
+    id: string;
+    name: string;
+    productUrl: string;
+    description: string;
+    shortDescription: string;
+    iconFileId: string;
+    logoUrl: string;
+    backgroundHexColor: string;
+    tenantId: string;
+}[];

package/productSwitcher/components/AstralProductSwitcher/stories/common/mockData.js

@@ -0,0 +1,116 @@
+export const IDENTITY_URL = 'https://identity';
+export const MOCK_IMAGE = 'data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI1NzE5IDE3LjI2ODlDOC4yNTcxOSAxNy4yNjg5IDQuNTY5MzMgMjAuMjAyMyA0LjExODcyIDIyLjA3OTZDMi43NjA3OCAyNy43MzY5IDEzLjQwNTkgMjAuOTM3NyAxNy45Njg3IDE3LjUxMDZDMTkuMjMwNCAxNi41NjI5IDIxLjAyNTggMTUuMTIwOSAyMi43MDE4IDEzLjYwNTlMMjIuOTExOSAxMy40NzQxQzIyLjkwNjQgMTMuNDU5NCAyMi45MDA5IDEzLjQ0NDcgMjIuODk1NCAxMy40MzAxQzI2LjI4NDQgMTAuMzM3OCAyOS4wNzUgNy4wMTExOSAyNS43NjgyIDcuMDAwMDFDMjMuOTcwOCA2Ljk5Mzk0IDE5Ljg3NjEgOC45MzMyNiAxOS44NzYxIDguOTMzMjZDMTkuODc2MSA4LjkzMzI2IDIyLjc4MjggNy43MzU2NCAyMy40NjUxIDguMDgyOUMyNC40NDM2IDguNTgwODggMjMuMzk5NSA5LjgzMDI2IDIxLjY2OSAxMS4zMDE5QzIwLjMxODEgOS42NDU2MSAxOC4yOTU2IDguNTkzMzkgMTYuMDM1MyA4LjU5MzM5QzExLjk2ODEgOC41OTMzOSA4LjY3MDk2IDEyLjAwMDIgOC42NzA5NiAxNi4yMDI4QzguNjcwOTYgMTcuNjE2MSA5LjA0Mzc5IDE4LjkzOTMgOS42OTMzNiAyMC4wNzMzQzcuNTgzODkgMjEuMzE2NyA1Ljk1ODY3IDIxLjg0OCA2LjAwODkyIDIwLjQzMDVDNi4wNDY0IDE5LjM3MzMgOC4yNTcxOSAxNy4yNjg5IDguMjU3MTkgMTcuMjY4OVpNMjMuMzk5NiAxNi4yMDI4QzIzLjM5OTYgMjAuNDA1NCAyMC4xMDI1IDIzLjgxMjMgMTYuMDM1MyAyMy44MTIzQzE1LjYwMzkgMjMuODEyMyAxNS4xODEyIDIzLjc3NCAxNC43NzAyIDIzLjcwMDVDMTQuMzM4NyAyMy42MjMzIDE0LjExNDEgMjMuMTYwNCAxNC4zMTYxIDIyLjc3MTRDMTYuMTk1MiAxOS4xNTI1IDIxLjAxNzMgMTYuMzkxNiAyMy4zMzkzIDE1LjIyNTNDMjMuMzc5IDE1LjU0NTMgMjMuMzk5NiAxNS44NzE2IDIzLjM5OTYgMTYuMjAyOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjUgOC41QzguNSA5LjMyODQzIDcuODI4NDMgMTAgNyAxMEM2LjE3MTU3IDEwIDUuNSA5LjMyODQzIDUuNSA4LjVDNS41IDcuNjcxNTcgNi4xNzE1NyA3IDcgN0M3LjgyODQzIDcgOC41IDcuNjcxNTcgOC41IDguNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=';
+export const ASTRAL_PRODUCTS = [
+    {
+        id: '1',
+        name: 'Астрал Отчет 5.0',
+        productUrl: 'https://product1',
+        description: 'Астрал.Продукт 1',
+        shortDescription: 'Астрал.Продукт 1',
+        iconFileId: '1',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#2e77ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '2',
+        name: 'Астрал.ЭДО',
+        productUrl: 'https://product2',
+        description: 'Астрал.Продукт2',
+        shortDescription: 'Астрал.Продукт2',
+        iconFileId: '2',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#33adf2',
+        tenantId: 'astral',
+    },
+    {
+        id: '3',
+        name: 'Астрал iKЭДО',
+        productUrl: 'https://product3',
+        description: 'Астрал.Продукт3',
+        shortDescription: 'Астрал.Продукт3',
+        iconFileId: '3',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#755afd',
+        tenantId: 'astral',
+    },
+    {
+        id: '4',
+        name: 'Астрал.ОФД',
+        productUrl: 'https://product4',
+        description: 'Астрал.Продукт4',
+        shortDescription: 'Астрал.Продукт4',
+        iconFileId: '4',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#00b2ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '5',
+        name: 'Астрал Доверенность',
+        productUrl: 'https://product5',
+        description: 'Астрал.Продукт5',
+        shortDescription: 'Астрал.Продукт5',
+        iconFileId: '5',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#7856ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '6',
+        name: 'Личный Кабинет',
+        productUrl: 'https://product4',
+        description: 'Астрал.Продукт6',
+        shortDescription: 'Астрал.Продукт6',
+        iconFileId: '6',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#00b2ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '7',
+        name: 'Личный Кабинет Партнёра',
+        productUrl: 'https://product5',
+        description: 'Астрал.Продукт7',
+        shortDescription: 'Астрал.Продукт7',
+        iconFileId: '7',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#7856ff',
+        tenantId: 'astral',
+    },
+];
+export const ECO_PRODUCTS = [
+    {
+        id: '6',
+        name: 'Экосистема-Продукт 1',
+        productUrl: 'https://eco1',
+        description: 'Экосистема-Продукт1',
+        shortDescription: 'Экосистема-Продукт1',
+        iconFileId: 'test',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#2e77ff',
+        tenantId: 'eco',
+    },
+    {
+        id: '7',
+        name: 'Экосистема-Продукт 2',
+        productUrl: 'https://eco2',
+        description: 'Экосистема-Продукт2',
+        shortDescription: 'Экосистема-Продукт2',
+        iconFileId: 'test',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#7756FF',
+        tenantId: 'eco',
+    },
+    {
+        id: '8',
+        name: 'Экосистема-Продукт 3',
+        productUrl: 'https://eco3',
+        description: 'Экосистема-Продукт3',
+        shortDescription: 'Экосистема-Продукт3',
+        iconFileId: 'test',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#0397b3',
+        tenantId: 'eco',
+    },
+];

package/productSwitcher/components/AstralProductSwitcher/stories/common/mockResponses.d.ts

@@ -0,0 +1,59 @@
+import type { MockRequest } from './mockData';
+export declare const createProductsMockResponse: ({ searchParams }: MockRequest) => {
+    data: {
+        id: string;
+        name: string;
+        productUrl: string;
+        description: string;
+        shortDescription: string;
+        iconFileId: string;
+        logoUrl: string;
+        backgroundHexColor: string;
+        tenantId: string;
+    }[];
+    meta: {
+        totalCount: number;
+    };
+};
+export declare const MOCK_FETCH_IDENTITY_PRODUCTS: {
+    url: string;
+    method: string;
+    status: number;
+    response: ({ searchParams }: MockRequest) => {
+        data: {
+            id: string;
+            name: string;
+            productUrl: string;
+            description: string;
+            shortDescription: string;
+            iconFileId: string;
+            logoUrl: string;
+            backgroundHexColor: string;
+            tenantId: string;
+        }[];
+        meta: {
+            totalCount: number;
+        };
+    };
+}[];
+export declare const MOCK_FETCH_IDENTITY_GROUPS: {
+    url: string;
+    method: string;
+    status: number;
+    response: {
+        data: {
+            id: string;
+            name: string;
+            productUrl: string;
+            description: string;
+            shortDescription: string;
+            iconFileId: string;
+            logoUrl: string;
+            backgroundHexColor: string;
+            tenantId: string;
+        }[];
+        meta: {
+            totalCount: number;
+        };
+    };
+}[];

package/productSwitcher/components/AstralProductSwitcher/stories/common/mockResponses.js

@@ -0,0 +1,50 @@
+import { ASTRAL_PRODUCTS, ECO_PRODUCTS, IDENTITY_URL } from './mockData';
+export const createProductsMockResponse = ({ searchParams }) => {
+    switch (searchParams.tenantId) {
+        case 'astral': {
+            return {
+                data: ASTRAL_PRODUCTS,
+                meta: {
+                    totalCount: ASTRAL_PRODUCTS.length,
+                },
+            };
+        }
+        case 'eco': {
+            return {
+                data: ECO_PRODUCTS,
+                meta: {
+                    totalCount: ECO_PRODUCTS.length,
+                },
+            };
+        }
+        default: {
+            return {
+                data: [],
+                meta: {
+                    totalCount: 0,
+                },
+            };
+        }
+    }
+};
+export const MOCK_FETCH_IDENTITY_PRODUCTS = [
+    {
+        url: `${IDENTITY_URL}/api/products/widget?tenantId=*`,
+        method: 'GET',
+        status: 200,
+        response: createProductsMockResponse,
+    },
+];
+export const MOCK_FETCH_IDENTITY_GROUPS = [
+    {
+        url: `${IDENTITY_URL}/api/products/group?groupId=*`,
+        method: 'GET',
+        status: 200,
+        response: {
+            data: ECO_PRODUCTS,
+            meta: {
+                totalCount: ECO_PRODUCTS.length,
+            },
+        },
+    },
+];

package/productSwitcher/components/AstralProductSwitcher/utils/getFilteredProducts/getFilteredProducts.d.ts

@@ -4,4 +4,4 @@
  * @param filterBy - тип фильтрации продуктов
  * @param code - код-значение для фильтрации
  */
-export declare const getFilteredProducts: (identityUrl: string, filterBy: string, code: string) => Promise<import("@astral/components").WidgetProduct[]>;
+export declare const getFilteredProducts: (identityUrl: string, filterBy: string, code: string) => Promise<import("@astral/ui").WidgetProduct[]>;

package/productSwitcher/components/IdentityProductSwitcher/stories/Example.story.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type Meta } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+export declare const Example: () => JSX.Element;

package/productSwitcher/components/IdentityProductSwitcher/stories/Example.story.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IdentityProductSwitcher } from '../IdentityProductSwitcher';
+const meta = {};
+export default meta;
+export const Example = () => _jsx(IdentityProductSwitcher, { identityUrl: "" });

package/productSwitcher/components/IdentityProductSwitcher/stories/Interaction.story.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { IdentityProductSwitcher } from '../IdentityProductSwitcher';
+declare const meta: Meta<typeof IdentityProductSwitcher>;
+export default meta;
+type Story = StoryObj<typeof IdentityProductSwitcher>;
+export declare const Interaction: Story;

package/productSwitcher/components/IdentityProductSwitcher/stories/Interaction.story.js

@@ -0,0 +1,13 @@
+import { IDENTITY_URL } from './common';
+const meta = {};
+export default meta;
+export const Interaction = {
+    args: {
+        identityUrl: IDENTITY_URL,
+    },
+    parameters: {
+        docs: {
+            disable: true,
+        },
+    },
+};

package/productSwitcher/components/IdentityProductSwitcher/stories/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from './mockData';
+export * from './mockResponses';

package/productSwitcher/components/IdentityProductSwitcher/stories/common/index.js

@@ -0,0 +1,2 @@
+export * from './mockData';
+export * from './mockResponses';

package/productSwitcher/components/IdentityProductSwitcher/stories/common/mockData.d.ts

@@ -0,0 +1,27 @@
+export declare const IDENTITY_URL = "https://identity";
+export declare const MOCK_IMAGE = "data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI1NzE5IDE3LjI2ODlDOC4yNTcxOSAxNy4yNjg5IDQuNTY5MzMgMjAuMjAyMyA0LjExODcyIDIyLjA3OTZDMi43NjA3OCAyNy43MzY5IDEzLjQwNTkgMjAuOTM3NyAxNy45Njg3IDE3LjUxMDZDMTkuMjMwNCAxNi41NjI5IDIxLjAyNTggMTUuMTIwOSAyMi43MDE4IDEzLjYwNTlMMjIuOTExOSAxMy40NzQxQzIyLjkwNjQgMTMuNDU5NCAyMi45MDA5IDEzLjQ0NDcgMjIuODk1NCAxMy40MzAxQzI2LjI4NDQgMTAuMzM3OCAyOS4wNzUgNy4wMTExOSAyNS43NjgyIDcuMDAwMDFDMjMuOTcwOCA2Ljk5Mzk0IDE5Ljg3NjEgOC45MzMyNiAxOS44NzYxIDguOTMzMjZDMTkuODc2MSA4LjkzMzI2IDIyLjc4MjggNy43MzU2NCAyMy40NjUxIDguMDgyOUMyNC40NDM2IDguNTgwODggMjMuMzk5NSA5LjgzMDI2IDIxLjY2OSAxMS4zMDE5QzIwLjMxODEgOS42NDU2MSAxOC4yOTU2IDguNTkzMzkgMTYuMDM1MyA4LjU5MzM5QzExLjk2ODEgOC41OTMzOSA4LjY3MDk2IDEyLjAwMDIgOC42NzA5NiAxNi4yMDI4QzguNjcwOTYgMTcuNjE2MSA5LjA0Mzc5IDE4LjkzOTMgOS42OTMzNiAyMC4wNzMzQzcuNTgzODkgMjEuMzE2NyA1Ljk1ODY3IDIxLjg0OCA2LjAwODkyIDIwLjQzMDVDNi4wNDY0IDE5LjM3MzMgOC4yNTcxOSAxNy4yNjg5IDguMjU3MTkgMTcuMjY4OVpNMjMuMzk5NiAxNi4yMDI4QzIzLjM5OTYgMjAuNDA1NCAyMC4xMDI1IDIzLjgxMjMgMTYuMDM1MyAyMy44MTIzQzE1LjYwMzkgMjMuODEyMyAxNS4xODEyIDIzLjc3NCAxNC43NzAyIDIzLjcwMDVDMTQuMzM4NyAyMy42MjMzIDE0LjExNDEgMjMuMTYwNCAxNC4zMTYxIDIyLjc3MTRDMTYuMTk1MiAxOS4xNTI1IDIxLjAxNzMgMTYuMzkxNiAyMy4zMzkzIDE1LjIyNTNDMjMuMzc5IDE1LjU0NTMgMjMuMzk5NiAxNS44NzE2IDIzLjM5OTYgMTYuMjAyOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjUgOC41QzguNSA5LjMyODQzIDcuODI4NDMgMTAgNyAxMEM2LjE3MTU3IDEwIDUuNSA5LjMyODQzIDUuNSA4LjVDNS41IDcuNjcxNTcgNi4xNzE1NyA3IDcgN0M3LjgyODQzIDcgOC41IDcuNjcxNTcgOC41IDguNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=";
+export type MockRequest = {
+    searchParams: Record<string, string>;
+};
+export declare const ASTRAL_PRODUCTS: {
+    id: string;
+    name: string;
+    productUrl: string;
+    description: string;
+    shortDescription: string;
+    iconFileId: string;
+    logoUrl: string;
+    backgroundHexColor: string;
+    tenantId: string;
+}[];
+export declare const ECO_PRODUCTS: {
+    id: string;
+    name: string;
+    productUrl: string;
+    description: string;
+    shortDescription: string;
+    iconFileId: string;
+    logoUrl: string;
+    backgroundHexColor: string;
+    tenantId: string;
+}[];