@vnejs/plugins.views.screens.mainmenu.socials 0.1.2 → 0.1.3

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,5 @@
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.screens.mainmenu.socials.contract";
+import { MainMenuSocialsController } from "./modules/controller.js";
+import { MainMenuSocialsView } from "./modules/view.js";
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS }, [MainMenuSocialsController, MainMenuSocialsView]);

package/dist/modules/controller.d.ts

@@ -0,0 +1,15 @@
+import { ModuleController } from "@vnejs/module.components";
+import type { MainMenuSocialsPluginConstants, MainMenuSocialsPluginEvents, MainMenuSocialsPluginParams, MainMenuSocialsPluginSettings } from "../types.js";
+import type { MainMenuSocialsMapItemPayload, MainMenuSocialsPluginState, MainMenuSocialsViewItem } from "../utils/mainmenu.socials.js";
+export declare class MainMenuSocialsController extends ModuleController<MainMenuSocialsPluginEvents, MainMenuSocialsPluginConstants, MainMenuSocialsPluginSettings, MainMenuSocialsPluginParams, MainMenuSocialsPluginState> {
+    name: string;
+    updateEvent: "vne:mainmenu_socials:update";
+    subscribe: () => void;
+    beforeShow: () => Promise<void>;
+    getItems: () => Promise<(import("../utils/mainmenu.socials.js").MainMenuSocialsItem & {
+        mediaSrc?: string;
+    })[]>;
+    mapItems: ({ href, media }: MainMenuSocialsMapItemPayload) => Promise<MainMenuSocialsViewItem>;
+    loadIconMedia: (media: string) => Promise<HTMLImageElement>;
+    onMemoryCleared: () => Promise<false | unknown[] | undefined>;
+}

package/dist/modules/controller.js

@@ -0,0 +1,22 @@
+import { ModuleController } from "@vnejs/module.components";
+export class MainMenuSocialsController extends ModuleController {
+    name = "mainmenu.socials.controller";
+    updateEvent = this.EVENTS.MAINMENU_SOCIALS_VIEW.UPDATE;
+    subscribe = () => {
+        this.on(this.EVENTS.MAINMENU.SHOW, this.onShow);
+        this.on(this.EVENTS.MAINMENU.HIDE, this.onHide);
+        this.on(this.EVENTS.STATE.CLEAR, this.onHideForce);
+        this.on(this.EVENTS.STATE.SET, this.onHideForce);
+        this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
+        this.on(this.EVENTS.SYSTEM.STARTED, this.getItems);
+    };
+    beforeShow = async () => this.updateState({ items: await this.getItems() });
+    getItems = () => Promise.all(this.PARAMS.MAINMENU_SOCIALS_VIEW.ITEMS.map(this.mapItems));
+    mapItems = async ({ href, media }) => ({
+        href,
+        media,
+        mediaSrc: (await this.loadIconMedia(media)).src,
+    });
+    loadIconMedia = (media) => this.loadImageMedia(`socials/${media}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY]);
+    onMemoryCleared = async () => this.state.isShow && this.updateStateAndViewFast({ items: await this.getItems() });
+}

package/dist/modules/view.d.ts

@@ -0,0 +1,10 @@
+import { ModuleView } from "@vnejs/module.components";
+import type { MainMenuSocialsPluginConstants, MainMenuSocialsPluginEvents, MainMenuSocialsPluginParams, MainMenuSocialsPluginSettings } from "../types.js";
+import type { MainMenuSocialsPluginState } from "../utils/mainmenu.socials.js";
+export declare class MainMenuSocialsView extends ModuleView<MainMenuSocialsPluginEvents, MainMenuSocialsPluginConstants, MainMenuSocialsPluginSettings, MainMenuSocialsPluginParams, MainMenuSocialsPluginState> {
+    name: string;
+    animationTime: number;
+    updateEvent: "vne:mainmenu_socials:update";
+    renderFunc: import("@vnejs/module.components").ViewRenderFunc<MainMenuSocialsPluginState>;
+    updateHandler: (state?: MainMenuSocialsPluginState | undefined) => Promise<void>;
+}

package/dist/modules/view.js

@@ -0,0 +1,9 @@
+import { ModuleView } from "@vnejs/module.components";
+import { render } from "../view/index.js";
+export class MainMenuSocialsView extends ModuleView {
+    name = "mainmenu.socials.view";
+    animationTime = this.PARAMS.MAINMENU.TRANSITION;
+    updateEvent = this.EVENTS.MAINMENU_SOCIALS_VIEW.UPDATE;
+    renderFunc = render;
+    updateHandler = this.onUpdateStoreComponent;
+}

package/dist/types.d.ts

@@ -0,0 +1,11 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { SettingsKeys as LayerSettingsKeys, PluginName as LayerPluginName } from "@vnejs/plugins.canvas.layer.contract";
+import type { PluginName as MemoryPluginName, SubscribeEvents as MemorySubscribeEvents } from "@vnejs/plugins.core.memory.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+import type { PluginName as SystemPluginName, SubscribeEvents as SystemSubscribeEvents } from "@vnejs/plugins.core.system.contract";
+import type { Params as MainMenuParams, PluginName as MainMenuPluginName, SubscribeEvents as MainMenuSubscribeEvents } from "@vnejs/plugins.views.screens.mainmenu.contract";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.screens.mainmenu.socials.contract";
+export type MainMenuSocialsPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<MainMenuPluginName, MainMenuSubscribeEvents> & Record<StatePluginName, StateSubscribeEvents> & Record<SystemPluginName, SystemSubscribeEvents> & Record<MemoryPluginName, MemorySubscribeEvents>;
+export type MainMenuSocialsPluginConstants = ModuleComponentsConstants & Record<PluginName, Constants>;
+export type MainMenuSocialsPluginSettings = ModuleComponentsSettings & Record<LayerPluginName, LayerSettingsKeys>;
+export type MainMenuSocialsPluginParams = ModuleComponentsParams & Record<PluginName, Params> & Record<MainMenuPluginName, MainMenuParams>;

package/dist/types.js

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

package/dist/utils/mainmenu.socials.d.ts

@@ -0,0 +1,13 @@
+export type MainMenuSocialsItem = {
+    href: string;
+    media: string;
+};
+export type MainMenuSocialsPluginState = {
+    isShow: boolean;
+    isForce: boolean;
+    items?: MainMenuSocialsViewItem[];
+};
+export type MainMenuSocialsViewItem = MainMenuSocialsItem & {
+    mediaSrc?: string;
+};
+export type MainMenuSocialsMapItemPayload = MainMenuSocialsItem;

package/dist/utils/mainmenu.socials.js

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

package/dist/view/index.d.ts

@@ -0,0 +1,3 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { MainMenuSocialsPluginState } from "../utils/mainmenu.socials.js";
+export declare const render: ViewRenderFunc<MainMenuSocialsPluginState>;

package/dist/view/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Flex, Icon, View, createRenderFunc, useMemo, useStoreState } from "@vnejs/uis.react";
+const iconOnClick = (href) => void window.open(String(href ?? ""), "_blank");
+const renderOneIcon = ({ href = "", mediaSrc = "", propsIcon = {} }) => (_createElement(Icon, { ...propsIcon, key: mediaSrc, src: mediaSrc, isDisabled: !href, opacity: !href ? 0.5 : null, onClick: iconOnClick, value: href }));
+const MainMenuSocials = ({ store, onMount, PARAMS }) => {
+    const { isShow = false, isForce = false, items = [] } = useStoreState(store, onMount);
+    const itemsWithProps = useMemo(() => items.map((item) => ({ ...item, propsIcon: PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.icon })), [items, PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.icon]);
+    return (_jsx(View, { ...PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.position, isShow: isShow, isForce: isForce, transition: PARAMS.MAINMENU.TRANSITION, zIndex: PARAMS.MAINMENU.ZINDEX + 100, children: _jsx(Flex, { ...PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.flex, children: itemsWithProps.map(renderOneIcon) }) }));
+};
+export const render = createRenderFunc(MainMenuSocials);

package/package.json

@@ -1,17 +1,49 @@
 {
   "name": "@vnejs/plugins.views.screens.mainmenu.socials",
-  "version": "0.1.2",
-  "main": "index.js",
+  "version": "0.1.3",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "tsconfig.json"
+  ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "npx @vnejs/monorepo package",
     "publish:major:plugin": "npm run publish:major",
     "publish:minor:plugin": "npm run publish:minor",
     "publish:patch:plugin": "npm run publish:patch",
-    "publish:major": "npm version major && npm publish --access public",
-    "publish:minor": "npm version minor && npm publish --access public",
-    "publish:patch": "npm version patch && npm publish --access public"
+    "publish:major": "npx @vnejs/monorepo publish major --access public",
+    "publish:minor": "npx @vnejs/monorepo publish minor --access public",
+    "publish:patch": "npx @vnejs/monorepo publish patch --access public"
   },
   "author": "",
   "license": "ISC",
-  "description": ""
+  "dependencies": {
+    "@vnejs/plugins.views.screens.mainmenu.socials.contract": "~0.0.1"
+  },
+  "peerDependencies": {
+    "@vnejs/module": "~0.0.1",
+    "@vnejs/module.components": "~0.0.1",
+    "@vnejs/plugins.canvas.layer.contract": "~0.0.1",
+    "@vnejs/plugins.core.memory.contract": "~0.0.1",
+    "@vnejs/plugins.core.state.contract": "~0.0.1",
+    "@vnejs/plugins.core.system.contract": "~0.0.1",
+    "@vnejs/plugins.views.screens.mainmenu.contract": "~0.0.1",
+    "@vnejs/shared": "~0.0.9",
+    "@vnejs/uis.react": "~0.1.0"
+  },
+  "devDependencies": {
+    "@vnejs/configs.ts-common": "~0.0.1"
+  }
 }

package/src/index.ts

@@ -0,0 +1,7 @@
+import { regPlugin } from "@vnejs/shared";
+import { CONSTANTS, PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/plugins.views.screens.mainmenu.socials.contract";
+
+import { MainMenuSocialsController } from "./modules/controller.js";
+import { MainMenuSocialsView } from "./modules/view.js";
+
+regPlugin(PLUGIN_NAME, { constants: CONSTANTS, events: SUBSCRIBE_EVENTS, params: PARAMS }, [MainMenuSocialsController, MainMenuSocialsView]);

package/src/modules/controller.ts

@@ -0,0 +1,41 @@
+import { ModuleController } from "@vnejs/module.components";
+
+import type { MainMenuSocialsPluginConstants, MainMenuSocialsPluginEvents, MainMenuSocialsPluginParams, MainMenuSocialsPluginSettings } from "../types.js";
+import type { MainMenuSocialsMapItemPayload, MainMenuSocialsPluginState, MainMenuSocialsViewItem } from "../utils/mainmenu.socials.js";
+
+export class MainMenuSocialsController extends ModuleController<
+  MainMenuSocialsPluginEvents,
+  MainMenuSocialsPluginConstants,
+  MainMenuSocialsPluginSettings,
+  MainMenuSocialsPluginParams,
+  MainMenuSocialsPluginState
+> {
+  name = "mainmenu.socials.controller";
+
+  updateEvent = this.EVENTS.MAINMENU_SOCIALS_VIEW.UPDATE;
+
+  subscribe = () => {
+    this.on(this.EVENTS.MAINMENU.SHOW, this.onShow);
+    this.on(this.EVENTS.MAINMENU.HIDE, this.onHide);
+
+    this.on(this.EVENTS.STATE.CLEAR, this.onHideForce);
+    this.on(this.EVENTS.STATE.SET, this.onHideForce);
+
+    this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
+    this.on(this.EVENTS.SYSTEM.STARTED, this.getItems);
+  };
+
+  beforeShow = async () => this.updateState({ items: await this.getItems() });
+
+  getItems = () => Promise.all(this.PARAMS.MAINMENU_SOCIALS_VIEW.ITEMS.map(this.mapItems));
+
+  mapItems = async ({ href, media }: MainMenuSocialsMapItemPayload): Promise<MainMenuSocialsViewItem> => ({
+    href,
+    media,
+    mediaSrc: (await this.loadIconMedia(media)).src,
+  });
+
+  loadIconMedia = (media: string) => this.loadImageMedia(`socials/${media}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY]);
+
+  onMemoryCleared = async () => this.state.isShow && this.updateStateAndViewFast({ items: await this.getItems() });
+}

package/src/modules/view.ts

@@ -0,0 +1,21 @@
+import { ModuleView } from "@vnejs/module.components";
+
+import { render } from "../view/index.js";
+import type { MainMenuSocialsPluginConstants, MainMenuSocialsPluginEvents, MainMenuSocialsPluginParams, MainMenuSocialsPluginSettings } from "../types.js";
+import type { MainMenuSocialsPluginState } from "../utils/mainmenu.socials.js";
+
+export class MainMenuSocialsView extends ModuleView<
+  MainMenuSocialsPluginEvents,
+  MainMenuSocialsPluginConstants,
+  MainMenuSocialsPluginSettings,
+  MainMenuSocialsPluginParams,
+  MainMenuSocialsPluginState
+> {
+  name = "mainmenu.socials.view";
+
+  animationTime = this.PARAMS.MAINMENU.TRANSITION;
+  updateEvent = this.EVENTS.MAINMENU_SOCIALS_VIEW.UPDATE;
+
+  renderFunc = render;
+  updateHandler = this.onUpdateStoreComponent;
+}

package/src/types.ts

@@ -0,0 +1,22 @@
+import type { ModuleComponentsConstants, ModuleComponentsEvents, ModuleComponentsParams, ModuleComponentsSettings } from "@vnejs/module.components";
+import type { SettingsKeys as LayerSettingsKeys, PluginName as LayerPluginName } from "@vnejs/plugins.canvas.layer.contract";
+import type { PluginName as MemoryPluginName, SubscribeEvents as MemorySubscribeEvents } from "@vnejs/plugins.core.memory.contract";
+import type { PluginName as StatePluginName, SubscribeEvents as StateSubscribeEvents } from "@vnejs/plugins.core.state.contract";
+import type { PluginName as SystemPluginName, SubscribeEvents as SystemSubscribeEvents } from "@vnejs/plugins.core.system.contract";
+import type { Params as MainMenuParams, PluginName as MainMenuPluginName, SubscribeEvents as MainMenuSubscribeEvents } from "@vnejs/plugins.views.screens.mainmenu.contract";
+import type { Constants, Params, PluginName, SubscribeEvents } from "@vnejs/plugins.views.screens.mainmenu.socials.contract";
+
+export type MainMenuSocialsPluginEvents = ModuleComponentsEvents &
+  Record<PluginName, SubscribeEvents> &
+  Record<MainMenuPluginName, MainMenuSubscribeEvents> &
+  Record<StatePluginName, StateSubscribeEvents> &
+  Record<SystemPluginName, SystemSubscribeEvents> &
+  Record<MemoryPluginName, MemorySubscribeEvents>;
+
+export type MainMenuSocialsPluginConstants = ModuleComponentsConstants & Record<PluginName, Constants>;
+
+export type MainMenuSocialsPluginSettings = ModuleComponentsSettings & Record<LayerPluginName, LayerSettingsKeys>;
+
+export type MainMenuSocialsPluginParams = ModuleComponentsParams &
+  Record<PluginName, Params> &
+  Record<MainMenuPluginName, MainMenuParams>;

package/src/utils/mainmenu.socials.ts

@@ -0,0 +1,16 @@
+export type MainMenuSocialsItem = {
+  href: string;
+  media: string;
+};
+
+export type MainMenuSocialsPluginState = {
+  isShow: boolean;
+  isForce: boolean;
+  items?: MainMenuSocialsViewItem[];
+};
+
+export type MainMenuSocialsViewItem = MainMenuSocialsItem & {
+  mediaSrc?: string;
+};
+
+export type MainMenuSocialsMapItemPayload = MainMenuSocialsItem;

package/src/view/index.tsx

@@ -0,0 +1,51 @@
+import type { ViewRenderFunc } from "@vnejs/module.components";
+import type { ReactComponentProps } from "@vnejs/uis.react";
+import { Flex, Icon, View, createRenderFunc, useMemo, useStoreState } from "@vnejs/uis.react";
+
+import type { MainMenuSocialsPluginConstants, MainMenuSocialsPluginEvents, MainMenuSocialsPluginParams, MainMenuSocialsPluginSettings } from "../types.js";
+import type { MainMenuSocialsPluginState, MainMenuSocialsViewItem } from "../utils/mainmenu.socials.js";
+
+type MainMenuSocialsComponentProps = ReactComponentProps<
+  MainMenuSocialsPluginEvents,
+  MainMenuSocialsPluginConstants,
+  MainMenuSocialsPluginSettings,
+  MainMenuSocialsPluginParams,
+  MainMenuSocialsPluginState
+>;
+
+const iconOnClick = (href?: unknown) => void window.open(String(href ?? ""), "_blank");
+
+const renderOneIcon = ({ href = "", mediaSrc = "", propsIcon = {} }: MainMenuSocialsViewItem & { propsIcon: Record<string, unknown> }) => (
+  <Icon
+    {...propsIcon}
+    key={mediaSrc}
+    src={mediaSrc}
+    isDisabled={!href}
+    opacity={!href ? 0.5 : null}
+    onClick={iconOnClick}
+    value={href}
+  />
+);
+
+const MainMenuSocials = ({ store, onMount, PARAMS }: MainMenuSocialsComponentProps) => {
+  const { isShow = false, isForce = false, items = [] } = useStoreState<MainMenuSocialsPluginState>(store, onMount);
+
+  const itemsWithProps = useMemo(
+    () => items.map((item) => ({ ...item, propsIcon: PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.icon })),
+    [items, PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.icon],
+  );
+
+  return (
+    <View
+      {...PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.position}
+      isShow={isShow}
+      isForce={isForce}
+      transition={PARAMS.MAINMENU.TRANSITION}
+      zIndex={PARAMS.MAINMENU.ZINDEX + 100}
+    >
+      <Flex {...PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.flex}>{itemsWithProps.map(renderOneIcon)}</Flex>
+    </View>
+  );
+};
+
+export const render: ViewRenderFunc<MainMenuSocialsPluginState> = createRenderFunc(MainMenuSocials);

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@vnejs/configs.ts-common/tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist",
+    "jsx": "react-jsx"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["dist", "node_modules"]
+}

package/const/const.js

@@ -1,5 +0,0 @@
-export const TYPES = {
-  VKONTAKTE: "vk",
-  TELEGRAMM: "tg",
-  YOUTUBE: "yt",
-};

package/const/events.js

@@ -1,3 +0,0 @@
-export const SUBSCRIBE_EVENTS = {
-  UPDATE: "vne:mainmenu_socials:update",
-};

package/const/params.js

@@ -1,7 +0,0 @@
-export const VIEW_PROPS = {
-  position: { bottom: 240, right: 240 },
-  icon: { width: 120, height: 120, isOpacityOnHover: true },
-  flex: { gap: 60 },
-};
-
-export const ITEMS = [];

package/index.js

@@ -1,10 +0,0 @@
-import { regPlugin } from "@vnejs/shared";
-
-import * as constants from "./const/const";
-import { SUBSCRIBE_EVENTS } from "./const/events";
-import * as params from "./const/params";
-
-import { MainMenuSocials } from "./modules/controller";
-import { MainMenuSocialsView } from "./modules/view";
-
-regPlugin("MAINMENU_SOCIALS_VIEW", { constants, events: SUBSCRIBE_EVENTS, params }, [MainMenuSocials, MainMenuSocialsView]);

package/modules/controller.js

@@ -1,28 +0,0 @@
-import { ModuleController } from "@vnejs/module.components";
-
-export class MainMenuSocials extends ModuleController {
-  name = "mainmenu.socials.controller";
-
-  updateEvent = this.EVENTS.MAINMENU_SOCIALS_VIEW.UPDATE;
-
-  subscribe = () => {
-    this.on(this.EVENTS.MAINMENU.SHOW, this.onShow);
-    this.on(this.EVENTS.MAINMENU.HIDE, this.onHide);
-
-    this.on(this.EVENTS.STATE.CLEAR, this.onHideForce);
-    this.on(this.EVENTS.STATE.SET, this.onHideForce);
-
-    this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
-    this.on(this.EVENTS.SYSTEM.STARTED, this.getItems);
-  };
-
-  beforeShow = async () => this.updateState({ items: await this.getItems() });
-
-  getItems = () => Promise.all(this.PARAMS.MAINMENU_SOCIALS_VIEW.ITEMS.map(this.mapItems));
-
-  mapItems = async ({ href, media }) => ({ href, mediaSrc: (await this.loadIconMedia(media)).src });
-
-  loadIconMedia = (media) => this.loadImageMedia(`socials/${media}`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY]);
-
-  onMemoryCleared = async () => this.state.isShow && this.updateStateAndViewFast({ items: await this.getItems() });
-}

package/modules/view.js

@@ -1,13 +0,0 @@
-import { ModuleView } from "@vnejs/module.components";
-
-import { render } from "../view";
-
-export class MainMenuSocialsView extends ModuleView {
-  name = "mainmenu.socials.view";
-
-  animationTime = this.PARAMS.MAINMENU.TRANSITION;
-  updateEvent = this.EVENTS.MAINMENU_SOCIALS_VIEW.UPDATE;
-
-  renderFunc = render;
-  updateHandler = this.onUpdateStoreComponent;
-}

package/view/index.jsx

@@ -1,41 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { createRoot } from "react-dom/client";
-
-import { Flex, Icon, View } from "@vnejs/uis.react";
-
-const iconOnClick = (href = "") => window.open(href, "_blank");
-
-const renderOneIcon = ({ href = "", mediaSrc = "", propsIcon = {} } = {}) => (
-  <Icon
-    {...propsIcon}
-    key={mediaSrc}
-    src={mediaSrc}
-    isDisabled={!href}
-    opacity={!href ? 0.5 : null}
-    onClick={iconOnClick}
-    value={href}
-  />
-);
-
-export const MainMenuSocials = ({ store, onMount, ...props } = {}) => {
-  const [{ isShow = false, isForce = false, items = [] }, setState] = useState({});
-
-  useEffect(() => store.subscribe(setState), []);
-  useEffect(() => void onMount(), []);
-
-  const itemsWithProps = useMemo(() => items.map((item) => ({ ...item, propsIcon: props.PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.icon })), [items]);
-
-  return (
-    <View
-      {...props.PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.position}
-      isShow={isShow}
-      isForce={isForce}
-      transition={props.PARAMS.MAINMENU.TRANSITION}
-      zIndex={props.PARAMS.MAINMENU.ZINDEX + 100}
-    >
-      <Flex {...props.PARAMS.MAINMENU_SOCIALS_VIEW.VIEW_PROPS.flex}>{itemsWithProps.map(renderOneIcon)}</Flex>
-    </View>
-  );
-};
-
-export const render = (props, root) => createRoot(root).render(<MainMenuSocials {...props} />);