@foxford/navigation-ui 1.0.0 → 1.0.1

package/header/molecules/container/index.d.ts

@@ -1,5 +1,9 @@
 import type { ReactNode } from 'react';
 export interface NavigationContainerProps {
+    /** Слот над меню — внутри контейнера, поэтому уезжает вместе с ним под шапку. */
+    aboveMenu?: ReactNode;
+    /** Слот под меню. */
+    belowMenu?: ReactNode;
     children: ReactNode;
     /** Влияет на броню высоты до замера: одноклик-меню — это ещё одна строка шапки. */
     hasOneClickMenu?: boolean;
@@ -7,5 +11,5 @@ export interface NavigationContainerProps {
     onBackgroundClick?: () => void;
     showBackground: boolean;
 }
-export declare function Container({ children, hasOneClickMenu, onBackgroundClick, showBackground, }: NavigationContainerProps): import("preact").JSX.Element;
+export declare function Container({ aboveMenu, belowMenu, children, hasOneClickMenu, onBackgroundClick, showBackground, }: NavigationContainerProps): import("preact").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/header/molecules/container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/container/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,eAAuB,EACvB,iBAAiB,EACjB,cAAc,GACf,EAAE,wBAAwB,gCAoC1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/container/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,qBAAqB;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,eAAuB,EACvB,iBAAiB,EACjB,cAAc,GACf,EAAE,wBAAwB,gCAwC1B"}

package/header/molecules/container/index.js

@@ -1,8 +1,10 @@
 import { useRef, useState, useEffect } from "react";
 import { Container as Container$1, ContainerInner } from "./styled.js";
 import { SELECTOR_IDS } from "../../../shared/constants.js";
-import { jsx } from "preact/jsx-runtime";
+import { jsx, jsxs } from "preact/jsx-runtime";
 function Container({
+  aboveMenu,
+  belowMenu,
   children,
   hasOneClickMenu = false,
   onBackgroundClick,
@@ -27,9 +29,9 @@ function Container({
     onClick: (event) => {
       if (showBackground && event.target === event.currentTarget) onBackgroundClick == null ? void 0 : onBackgroundClick();
     },
-    children: jsx(ContainerInner, {
+    children: jsxs(ContainerInner, {
       ref: innerRef,
-      children
+      children: [aboveMenu, children, belowMenu]
     })
   });
 }

package/header/molecules/entry-panel/index.d.ts

@@ -1,8 +1,11 @@
+import type { SupportButtonProps } from '../support-button';
 export interface EntryPanelProps {
     hasBonusButton?: boolean;
     isLoggedIn: boolean;
     onLogout: () => void;
     phone?: string;
+    /** Кнопка поддержки стоит на месте прежней кнопки телефона; не передана — места нет. */
+    supportButton?: SupportButtonProps;
 }
-export declare function EntryPanel({ hasBonusButton, isLoggedIn, onLogout, phone }: EntryPanelProps): import("preact").JSX.Element;
+export declare function EntryPanel({ hasBonusButton, isLoggedIn, onLogout, phone, supportButton }: EntryPanelProps): import("preact").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/header/molecules/entry-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/entry-panel/index.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,UAAU,CAAC,EAAE,cAAsB,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,gCAgBlG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/entry-panel/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wFAAwF;IACxF,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC;AAED,wBAAgB,UAAU,CAAC,EAAE,cAAsB,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,eAAe,gCAgBjH"}

package/header/molecules/entry-panel/index.js

@@ -1,21 +1,42 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Root, ButtonsWrapper, MobileOnlyButtons } from "./styled.js";
 import { BonusButton } from "../../atoms/bonus-button/index.js";
 import { LoginButton } from "../../atoms/login-button/index.js";
 import { LogoutButton } from "../../atoms/logout-button/index.js";
-import { PhoneButton } from "../phone-button/index.js";
+import { SupportButtonTablet } from "../support-button/index.js";
 import { jsx, jsxs } from "preact/jsx-runtime";
 function EntryPanel({
   hasBonusButton = false,
   isLoggedIn,
   onLogout,
-  phone
+  phone,
+  supportButton
 }) {
+  var _a;
   return jsx(Root, {
     children: jsx(ButtonsWrapper, {
       children: isLoggedIn ? jsxs(MobileOnlyButtons, {
-        children: [hasBonusButton && jsx(BonusButton, {}), phone && jsx(PhoneButton, {
-          number: phone
-        }), jsx(LogoutButton, {
+        children: [hasBonusButton && jsx(BonusButton, {}), supportButton && jsx(SupportButtonTablet, __spreadProps(__spreadValues({}, supportButton), {
+          phone: (_a = supportButton.phone) != null ? _a : phone
+        })), jsx(LogoutButton, {
           onClick: onLogout
         })]
       }) : jsx(LoginButton, {})

package/header/molecules/list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/list/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,SAAS,gCAapD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/list/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,SAAS,gCAiBpD"}

package/header/molecules/list/index.js

@@ -18,6 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Root } from "./styled.js";
+import { GradesListItem } from "../../atoms/grades-list-item/index.js";
 import { ListItem } from "../../atoms/list-item/index.js";
 import { ListSpacer } from "../../atoms/list-spacer/index.js";
 import { ListTitle } from "../../atoms/list-title/index.js";
@@ -35,7 +36,10 @@ function List({
     children: [jsx(ListTitle, {
       text: list.title,
       url: list.url
-    }), list.items.map((item) => jsx(ListItem, __spreadProps(__spreadValues({}, item), {
+    }), list.items.map((item) => item.grades ? jsx(GradesListItem, {
+      items: item.grades,
+      onItemClick: () => onItemClick == null ? void 0 : onItemClick(item.id)
+    }, item.id) : jsx(ListItem, __spreadProps(__spreadValues({}, item), {
       onClick: () => onItemClick == null ? void 0 : onItemClick(item.id)
     }), item.id))]
   });

package/header/molecules/menu/segment-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segment-content.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/menu/segment-content.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAA;CACjC;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,mBAAmB,uCAiC3E"}
+{"version":3,"file":"segment-content.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/menu/segment-content.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,WAAW,GAAG,SAAS,CAAA;CACjC;AAED,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,mBAAmB,uCAkC3E"}

package/header/molecules/menu/segment-content.js

@@ -1,5 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import { ContentInner, ContentTitle, ContentGrid, ContentColumn } from "./segment-content-styled.js";
 import { SELECTOR_IDS } from "../../../shared/constants.js";
+import { ProlongationTitle } from "../../atoms/prolongation-title/index.js";
 import { Scrollbar } from "../../atoms/scrollbar/index.js";
 import { SegmentTitle } from "../../atoms/segment-title/index.js";
 import { List } from "../list/index.js";
@@ -19,12 +36,12 @@ function SegmentContent({
   }
   return jsx(Scrollbar, {
     children: jsxs(ContentInner, {
-      children: [jsx(ContentTitle, {
-        children: jsx(SegmentTitle, {
+      children: [jsxs(ContentTitle, {
+        children: [jsx(SegmentTitle, {
           id: SELECTOR_IDS.SEGMENT_CONTENT_TITLE,
           text: segment.innerTitle,
           url: (_b = segment.innerTitleUrl) != null ? _b : segment.url
-        })
+        }), segment.prolongation && jsx(ProlongationTitle, __spreadValues({}, segment.prolongation))]
       }), jsx(ContentGrid, {
         id: SELECTOR_IDS.SEGMENT_CONTENT,
         children: columns.map((column, index) => jsx(ContentColumn, {

package/header/molecules/menu/types.d.ts

@@ -2,6 +2,14 @@ import type { IconName } from '@foxford/ui';
 export interface MenuListItemData {
     bold?: boolean;
     description?: string;
+    /**
+     * Пункт рисуется списком классов в две колонки, а не одной ссылкой. Бэкенд отдаёт его
+     * шаблоном адреса, разворачивает шаблон адаптер — вёрстка получает готовые ссылки.
+     */
+    grades?: {
+        title: string;
+        url: string;
+    }[];
     icon?: IconName;
     id: string;
     title?: string;
@@ -26,6 +34,16 @@ export interface MenuSegment {
     innerTitle: string;
     innerTitleUrl?: string;
     lists: MenuList[];
+    /**
+     * Предложение продлить договор домашней школы — строкой под заголовком раздела. Ставит его на
+     * нужный сегмент адаптер: правило собирается из полей пользователя и окна дат, и вёрстка ни
+     * пользователя, ни адресов Фоксфорда не знает.
+     */
+    prolongation?: {
+        discount: number;
+        url: string;
+        yearName: string;
+    };
     title: string;
     url: string;
 }

package/header/molecules/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,QAAQ,GAChB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7C;IAAE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpH,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,QAAQ,GAChB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7C;IAAE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpH,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ"}

package/header/molecules/support-button/index.d.ts

@@ -0,0 +1,5 @@
+import type { SupportButtonProps } from './types';
+export type { SupportButtonProps, SupportContacts } from './types';
+export declare function SupportButtonDesktop({ contacts, onOpen, phone, showIndicator }: SupportButtonProps): import("preact").JSX.Element;
+export declare function SupportButtonTablet({ contacts, onOpen, phone, showIndicator }: SupportButtonProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/molecules/support-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/support-button/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGjD,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAwClE,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,aAAqB,EAAE,EAAE,kBAAkB,gCAqB1G;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,aAAqB,EAAE,EAAE,kBAAkB,gCA2BzG"}

package/header/molecules/support-button/index.js

@@ -0,0 +1,108 @@
+import { useState } from "react";
+import { Button, Icon, Indicator } from "@foxford/ui";
+import { Root, TabletRoot, TabletButton, IndicatorRoot } from "./styled.js";
+import { SupportTheme } from "./theme.js";
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+function OpenIndicator() {
+  return jsx(IndicatorRoot, {
+    children: jsx(Indicator, {
+      pulse: true,
+      secondary: true
+    })
+  });
+}
+function useSupportModal(onOpen) {
+  const [Modal, setModal] = useState(null);
+  const [open, setOpen] = useState(false);
+  return {
+    Modal,
+    close: () => setOpen(false),
+    handleClick: () => {
+      setOpen(true);
+      onOpen == null ? void 0 : onOpen();
+      if (Modal === null) {
+        void import("./modal.js").then((module) => setModal(() => module.SupportModal));
+      }
+    },
+    open
+  };
+}
+function SupportButtonDesktop({
+  contacts,
+  onOpen,
+  phone,
+  showIndicator = false
+}) {
+  const {
+    close,
+    handleClick,
+    Modal,
+    open
+  } = useSupportModal(onOpen);
+  return jsx(SupportTheme, {
+    children: jsxs(Root, {
+      children: [jsx(Button, {
+        base: true,
+        icon: "messageCircleQuestion",
+        iconProps: {
+          color: "content-oncolor-inverse"
+        },
+        onClick: handleClick,
+        palette: {
+          backgroundColor: "bg-onmain-main"
+        },
+        preset: "brand",
+        round: true,
+        size: "s"
+      }), showIndicator && jsx(OpenIndicator, {}), Modal !== null && jsx(Modal, {
+        contacts,
+        onClose: close,
+        open,
+        phone
+      })]
+    })
+  });
+}
+function SupportButtonTablet({
+  contacts,
+  onOpen,
+  phone,
+  showIndicator = false
+}) {
+  const {
+    close,
+    handleClick,
+    Modal,
+    open
+  } = useSupportModal(onOpen);
+  return jsx(SupportTheme, {
+    children: jsxs(TabletRoot, {
+      children: [jsx(TabletButton, {
+        icon: jsxs(Fragment, {
+          children: [jsx(Icon, {
+            name: "messageCircleQuestion",
+            size: 20
+          }), showIndicator && jsx(OpenIndicator, {})]
+        }),
+        onClick: handleClick,
+        palette: {
+          backgroundColorActive: "transparent",
+          backgroundColorHover: "transparent",
+          color: "mineShaft",
+          colorActive: "accent",
+          colorHover: "accent"
+        },
+        size: "s"
+      }), Modal !== null && jsx(Modal, {
+        contacts,
+        onClose: close,
+        open,
+        phone
+      })]
+    })
+  });
+}
+export {
+  SupportButtonDesktop,
+  SupportButtonTablet
+};

package/header/molecules/support-button/modal.d.ts

@@ -0,0 +1,9 @@
+import type { SupportContacts } from './types';
+export interface SupportModalProps {
+    contacts?: SupportContacts;
+    onClose: () => void;
+    open: boolean;
+    phone?: string;
+}
+export declare function SupportModal({ contacts, onClose, open, phone }: SupportModalProps): import("preact").JSX.Element;
+//# sourceMappingURL=modal.d.ts.map

package/header/molecules/support-button/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/support-button/modal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAa,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,iBAAiB,gCA8DtF"}

package/header/molecules/support-button/modal.js

@@ -0,0 +1,122 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Button, Text, IconButton } from "@foxford/ui";
+import { SupportDialog, ModalFooter, SocialButtons } from "./styled.js";
+import { formatPhone } from "../../../shared/phone.js";
+import { BASE_ZINDEX } from "../../../shared/z-index.js";
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
+const KNOWLEDGE_BASE_URL = "/knowledgebase/main";
+function SupportModal({
+  contacts = {},
+  onClose,
+  open,
+  phone
+}) {
+  const socials = [{
+    href: contacts.telegram,
+    icon: "telegramSocial",
+    id: "telegram"
+  }, {
+    href: contacts.max,
+    icon: "maxSocial",
+    id: "max"
+  }, {
+    href: contacts.vkontakte,
+    icon: "vkSocial",
+    id: "vkontakte"
+  }, contacts.email === void 0 || contacts.email === "" ? {
+    href: void 0,
+    icon: "mailFill",
+    id: "email"
+  } : {
+    href: `mailto:${contacts.email}`,
+    icon: "mailFill",
+    id: "email"
+  }].flatMap((social) => social.href === void 0 || social.href === "" ? [] : [__spreadProps(__spreadValues({}, social), {
+    href: social.href
+  })]);
+  return jsxs(SupportDialog, {
+    zIndex: BASE_ZINDEX.MODAL,
+    closeButton: (props) => jsx(IconButton, __spreadProps(__spreadValues({}, props), {
+      icon: "close",
+      onClick: onClose
+    })),
+    onRequestClose: onClose,
+    open,
+    positionS: "bottom-center",
+    shouldCloseOnOverlayClick: true,
+    size: "l",
+    sizes: {
+      l: {
+        maxWidth: 440
+      },
+      xs: {
+        borderRadius: "20px 20px 0 0",
+        maxWidth: "100%",
+        width: "100%"
+      }
+    },
+    sizeS: "xs",
+    subtitle: (props) => jsx(Text, __spreadProps(__spreadValues({}, props), {
+      size: 16,
+      sizeS: 14,
+      children: "Собрали ответы на частые вопросы по обучению в одном разделе"
+    })),
+    title: (props) => jsx(Text, __spreadProps(__spreadValues({}, props), {
+      fontFamily: "TT Foxford, sans-serif",
+      size: 20,
+      sizeS: 18,
+      children: "Нужна помощь?"
+    })),
+    children: [jsx(Button, {
+      fluid: true,
+      icon: "textNote",
+      primary: true,
+      size: "l",
+      target: "_blank",
+      textProps: {
+        weight: "normal"
+      },
+      to: KNOWLEDGE_BASE_URL,
+      children: "База знаний"
+    }), jsxs(ModalFooter, {
+      children: [jsx(Text, {
+        marginBottom: 12,
+        size: 14,
+        children: phone === void 0 || phone === "" ? jsx(Fragment, {
+          children: "Не нашли ответ? Напишите в поддержку"
+        }) : jsxs(Fragment, {
+          children: ["Не нашли ответ? Позвоните по телефону ", formatPhone(phone), " или напишите в поддержку"]
+        })
+      }), jsx(SocialButtons, {
+        children: socials.map((social) => jsx(Button, {
+          href: social.href,
+          icon: social.icon,
+          outline: true,
+          size: "l",
+          target: "_blank"
+        }, social.id))
+      })]
+    })]
+  });
+}
+export {
+  SupportModal
+};

package/header/molecules/support-button/styled.d.ts

@@ -0,0 +1,31 @@
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const TabletRoot: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | (import("styled-components").CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const TabletButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("@foxford/ui").IconButtonProps, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string & Omit<import("react-dom/src").ForwardRefExoticComponent<import("@foxford/ui").IconButtonProps>, keyof import("preact").Component<any, {}>>;
+export declare const IndicatorRoot: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const SocialButtons: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const SupportDialog: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("@foxford/ui").DialogProps, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string & Omit<import("react-dom/src").ForwardRefExoticComponent<import("@foxford/ui").DialogProps> & {
+    Component: import("react-dom/src").ForwardRefExoticComponent<import("@foxford/ui").DialogComponentProps>;
+}, keyof import("preact").Component<any, {}>>;
+//# sourceMappingURL=styled.d.ts.map

package/header/molecules/support-button/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/support-button/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;WAEhB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;WAEtB,CAAA;AAED,eAAO,MAAM,YAAY;;uJAExB,CAAA;AAED,eAAO,MAAM,aAAa;;WAIzB,CAAA;AAED,eAAO,MAAM,WAAW;;WAIvB,CAAA;AAED,eAAO,MAAM,aAAa;;WAGzB,CAAA;AAQD,eAAO,MAAM,aAAa;;;;6CAEzB,CAAA"}

package/header/molecules/support-button/styled.js

@@ -0,0 +1,43 @@
+import { styled } from "styled-components";
+import { IconButton, Dialog } from "@foxford/ui";
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-mwa5sc-0"
+})(["position:relative;"]);
+const TabletRoot = styled(Root).withConfig({
+  displayName: "styled__TabletRoot",
+  componentId: "sc-mwa5sc-1"
+})(["display:flex;"]);
+const TabletButton = styled(IconButton).withConfig({
+  displayName: "styled__TabletButton",
+  componentId: "sc-mwa5sc-2"
+})(["box-sizing:content-box;"]);
+const IndicatorRoot = styled.div.withConfig({
+  displayName: "styled__IndicatorRoot",
+  componentId: "sc-mwa5sc-3"
+})(["position:absolute;top:-5px;right:2px;"]);
+const ModalFooter = styled.div.withConfig({
+  displayName: "styled__ModalFooter",
+  componentId: "sc-mwa5sc-4"
+})(["margin-top:20px;border-top:1px solid ", ";padding-top:16px;"], ({
+  theme
+}) => theme.colors["border-onmain-soft-large"]);
+const SocialButtons = styled.div.withConfig({
+  displayName: "styled__SocialButtons",
+  componentId: "sc-mwa5sc-5"
+})(["display:flex;justify-content:space-between;"]);
+const SupportDialog = styled(Dialog).withConfig({
+  displayName: "styled__SupportDialog",
+  componentId: "sc-mwa5sc-6"
+})(["font-family:", ";"], ({
+  theme
+}) => theme.fonts.primary);
+export {
+  IndicatorRoot,
+  ModalFooter,
+  Root,
+  SocialButtons,
+  SupportDialog,
+  TabletButton,
+  TabletRoot
+};

package/header/molecules/support-button/theme.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare function SupportTheme({ children }: {
+    children: ReactNode;
+}): import("preact").JSX.Element;
+//# sourceMappingURL=theme.d.ts.map

package/header/molecules/support-button/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/support-button/theme.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAsBtC,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAIjE"}

package/header/molecules/support-button/theme.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { ThemeProvider, useTheme } from "styled-components";
+import { foxfordDayTheme } from "@foxford/ui";
+import { jsx } from "preact/jsx-runtime";
+function toDayTheme(current) {
+  const day = foxfordDayTheme;
+  return __spreadProps(__spreadValues(__spreadValues({}, current), day), {
+    colors: __spreadValues(__spreadValues({}, current.colors), day.colors),
+    components: current.components
+  });
+}
+function SupportTheme({
+  children
+}) {
+  return jsx(ThemeProvider, {
+    theme: toDayTheme(useTheme()),
+    children
+  });
+}
+export {
+  SupportTheme
+};

package/header/molecules/support-button/types.d.ts

@@ -0,0 +1,20 @@
+export interface SupportContacts {
+    email?: string;
+    max?: string;
+    telegram?: string;
+    vkontakte?: string;
+}
+export interface SupportButtonProps {
+    /** Чаты и почта поддержки — кнопки в подвале модалки; пустые не рисуются. */
+    contacts?: SupportContacts;
+    /**
+     * Открытие кнопки. Побочные эффекты легаси — отправка аналитики и пометка настройки
+     * `supportButtonIndicatorHidden` — принадлежат рантайму: вёрстка о них не знает.
+     */
+    onOpen?: () => void;
+    /** Телефон поддержки в тексте модалки; не передан — предложение позвонить не рисуется. */
+    phone?: string;
+    /** Точка у кнопки: посетитель ещё ни разу её не открывал. */
+    showIndicator?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/header/molecules/support-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/support-button/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB"}