@redneckz/wildless-cms-uni-blocks 0.6.41 → 0.6.42

package/mobile/lib/hooks/useLocation.js

@@ -0,0 +1,23 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { fetchJSONUnsafe } from '../utils/fetchJSON.js';
+import { useCachedAsyncData } from './useCachedAsyncData.js';
+const REGION_URL = '/api/v1/region';
+const localStorageLocation = globalThis?.localStorage.getItem('location');
+const currentLocation = localStorageLocation
+    ? JSON.parse(localStorageLocation)
+    : null;
+export function useLocation(defaultLocation) {
+    const [location, setLocation] = useState(currentLocation?.region ?? { name: defaultLocation });
+    const { data } = useCachedAsyncData(REGION_URL, fetchJSONUnsafe);
+    useEffect(() => {
+        setLocation(currentLocation?.region && currentLocation?.manual
+            ? currentLocation.region
+            : data || { name: defaultLocation });
+    }, [data]);
+    const onChangeLocation = useCallback((region) => {
+        globalThis?.localStorage.setItem('location', JSON.stringify({ manual: true, region }));
+        setLocation(region);
+    }, [setLocation]);
+    return [location, onChangeLocation];
+}
+//# sourceMappingURL=useLocation.js.map

package/mobile/lib/hooks/useLocation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocation.js","sourceRoot":"","sources":["../../src/hooks/useLocation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAapC,MAAM,oBAAoB,GAAG,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAC1E,MAAM,eAAe,GAA+B,oBAAoB;IACtE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC;IAClC,CAAC,CAAC,IAAI,CAAC;AAET,MAAM,UAAU,WAAW,CACzB,eAAuB;IAEvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,eAAe,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,CACrD,CAAC;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAa,UAAU,EAAE,eAAe,CAAC,CAAC;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CACT,eAAe,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM;YAChD,CAAC,CAAC,eAAe,CAAC,MAAM;YACxB,CAAC,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,CACtC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAkB,EAAE,EAAE;QACrB,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QACvF,WAAW,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AACtC,CAAC"}

package/mobile/lib/hooks/useRegions.d.ts

@@ -0,0 +1,6 @@
+export interface Region {
+    id?: number;
+    code?: string;
+    name?: string;
+}
+export declare function useRegions(): Region[];

package/mobile/lib/hooks/useRegions.js

@@ -0,0 +1,8 @@
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { fetchJSONUnsafe } from '../utils/fetchJSON.js';
+const REGIONS_URL = '/api/v1/regions';
+export function useRegions() {
+    const { data } = useAsyncData(REGIONS_URL, fetchJSONUnsafe);
+    return data || [];
+}
+//# sourceMappingURL=useRegions.js.map

package/mobile/lib/hooks/useRegions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegions.js","sourceRoot":"","sources":["../../src/hooks/useRegions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAQtC,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAW,WAAW,EAAE,eAAe,CAAC,CAAC;IAEtE,OAAO,IAAI,IAAI,EAAE,CAAC;AACpB,CAAC"}

package/mobile/lib/services/sitemap/SitemapProps.d.ts

@@ -17,10 +17,18 @@ export interface DispositionItem extends LinkProps {
     /** @hidden */
     icon?: Picture;
 }
+/**
+ * @title Представительства за рубежом
+ * @required ["text", "href"]
+ */
+export interface ForeignOffice extends LinkProps {
+    icon?: Picture;
+}
 export interface SitemapDataProps {
     topItems?: TopMenuItem[];
     dispositions?: DispositionItem[];
     logo?: LogoType;
+    foreignOffices?: ForeignOffice[];
     defaultLocation?: string;
     officesLink?: string;
 }

package/mobile/lib/ui-kit/Location/Location.d.ts

@@ -0,0 +1,19 @@
+import type { Region } from '../../hooks/useRegions';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { ForeignOffice } from '../../services/sitemap/SitemapProps';
+interface RegionLinkProps {
+    onChangeLocation?: (region: Region) => void;
+}
+interface CloseButtonProps {
+    close?: () => void;
+}
+interface CurrentLocationProps {
+    currentLocation?: Region;
+}
+interface ForeignOfficeProps {
+    foreignOffices?: ForeignOffice[];
+}
+export declare type LocationProps = ForeignOfficeProps & CloseButtonProps & RegionLinkProps & CurrentLocationProps & UniBlockProps;
+export declare const Location: import("@redneckz/uni-jsx").UNIComponent<LocationProps, any, any>;
+declare const ForeignOffice: import("@redneckz/uni-jsx").UNIComponent<ForeignOffice, any, any>;
+export {};

package/mobile/lib/ui-kit/Location/Location.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useLink } from '../../hooks/useLink.js';
+import { useRegions } from '../../hooks/useRegions.js';
+import { useSearch } from '../../hooks/useSearch.js';
+import { Text } from '../../ui-kit/Text/Text.js';
+import { groupBy } from '../../utils/groupBy.js';
+import { Img } from '../Img/Img.js';
+import { SearchBar } from './SearchBar.js';
+const SEARCH_TERM_MIN_LENGTH = 3;
+export const Location = JSX(({ currentLocation, onChangeLocation, close, foreignOffices }) => {
+    const { term, setTerm } = useSearch();
+    const handleSearch = useCallback((_) => setTerm(_), []);
+    const regions = cleanUpRegions(useRegions()).sort((a, b) => a.name.localeCompare(b.name));
+    const regionsGroupByLetter = groupBy(regions, regionFirstLetter);
+    return (_jsxs("div", { className: "absolute h-full w-full inset-0 bg-white text-l-light z-50", children: [_jsx(CloseButton, { close: close }), _jsxs("div", { className: "container py-12", children: [_jsx(CurrentLocation, { currentLocation: currentLocation }), _jsx(SearchBar, { onSearch: handleSearch, searchTerm: term, className: "mb-7" }), term && term.length >= SEARCH_TERM_MIN_LENGTH ? (_jsx("div", { children: regions
+                            .filter((region) => region.name?.startsWith(term))
+                            .map(renderRegion({ onChangeLocation, close })) })) : (_jsx("div", { className: "columns-5", children: Array.from(regionsGroupByLetter.entries()).map(renderRegionGroup({ onChangeLocation, close })) })), _jsx(ForeignOffices, { foreignOffices: foreignOffices })] })] }));
+});
+const regionFirstLetter = (region) => region.name?.charAt(0) || '';
+const cleanUpRegions = (regions) => regions.map((region) => ({
+    ...region,
+    name: region.name?.replace(/республика|область|край'/gi, '').trim() || '',
+}));
+const CurrentLocation = JSX(({ currentLocation }) => currentLocation ? (_jsxs("div", { className: "mb-4", children: [_jsx(Text, { size: "text-l", font: "font-light", children: "\u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u044B\u0431\u0440\u0430\u043D:\u00A0" }), _jsx("button", { className: "cursor-pointer", onClick: close, children: _jsx(Text, { color: "text-green", children: currentLocation.name }) })] })) : null);
+const CloseButton = JSX(({ close }) => (_jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-6 right-6 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
+        e.preventDefault();
+        close && close();
+    }, children: _jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })));
+const renderRegionGroup = ({ onChangeLocation, close }) => ([letter, regions]) => (_jsxs("div", { className: "break-inside-avoid mb-7 w-[224px]", children: [_jsx("div", { className: "mb-2.5", children: _jsx(Text, { size: "text-h6", children: letter }) }), regions.map(renderRegion({ onChangeLocation, close }))] }, letter));
+const renderRegion = ({ onChangeLocation, close }) => (region) => (_jsx("div", { className: "mb-1", children: _jsx("button", { className: "cursor-pointer hover:text-primary-hover", onClick: () => {
+            onChangeLocation && onChangeLocation(region);
+            close && close();
+        }, children: region.name }) }, region.id));
+const ForeignOffices = JSX(({ foreignOffices }) => foreignOffices?.length ? (_jsxs("div", { className: "border-t border-main-divider mt-7 pt-7", children: [_jsx("div", { className: "mb-4", children: _jsx(Text, { size: "text-m-light", color: "text-secondary-text", children: "\u041F\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430 \u0437\u0430 \u0440\u0443\u0431\u0435\u0436\u043E\u043C:" }) }), _jsx("div", { className: "flex gap-10", children: foreignOffices.map((office, i) => (_jsx(ForeignOffice, { ...office }, String(i)))) })] })) : null);
+const ForeignOffice = JSX(({ icon, ...rest }) => {
+    const link = useLink();
+    const { text, target, href, onClick } = link(rest);
+    return (_jsxs("div", { className: "flex gap-x-3", children: [_jsx(Img, { image: icon }), _jsx("a", { className: "hover:text-primary-hover", href: href, target: target, onClick: onClick, children: text })] }));
+});
+//# sourceMappingURL=Location.js.map

package/mobile/lib/ui-kit/Location/Location.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Location.js","sourceRoot":"","sources":["../../../src/ui-kit/Location/Location.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/ui-kit/Location/SearchBar.d.ts

@@ -0,0 +1,6 @@
+export interface SearchBarInnerProps {
+    className?: string;
+    searchTerm?: string;
+    onSearch: (_: string) => void;
+}
+export declare const SearchBar: import("@redneckz/uni-jsx").UNIComponent<SearchBarInnerProps, any, any>;

package/mobile/lib/ui-kit/Location/SearchBar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+export const SearchBar = JSX(({ className, searchTerm, onSearch }) => {
+    return (_jsxs("form", { className: `font-sans relative ${className}`, children: [_jsx("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: searchTerm ? null : (_jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text `, children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0444\u0438\u043B\u0438\u0430\u043B\u0430\u043C" })) }), _jsx("input", { id: "search-bar-input", className: `h-12 pl-4 w-full peer text-l text-black border border-solid rounded-md box-border
+              outline-none border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text`, value: searchTerm, onChange: (e) => onSearch(e.target.value), type: "text", name: "location-search-bar-input" })] }));
+});
+//# sourceMappingURL=SearchBar.js.map

package/mobile/lib/ui-kit/Location/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/Location/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAsB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,OAAO,CACL,gBAAM,SAAS,EAAE,sBAAsB,SAAS,EAAE,aAChD,cAAK,SAAS,EAAC,yGAAyG,YACrH,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,gBAAO,OAAO,EAAC,kBAAkB,EAAC,SAAS,EAAE,sBAAsB,6GAE3D,CACT,GACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE;8HAC2G,EACtH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAe,CAAC,EACnD,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,2BAA2B,GAChC,IACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js

@@ -4,7 +4,7 @@ import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { mapChildren } from '../../utils/mapChildren.js';
 import { SwipeListItem } from './SwipeListItem.js';
 const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
-export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount, gap = 0, padding = 0, snapAlign = 'snap-center', children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
+export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount = 0, gap = 0, padding = 0, snapAlign = 'snap-center', children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
     const observerOptions = {
         sensitivity: 1,
         rootRef: containerRef,
@@ -17,14 +17,18 @@ export const SwipeListContainer = JSX(({ className = '', containerRef, activeInd
         onVisibleItemsChange && onVisibleItemsChange(itemsVisibilityList);
         onVisibleIndicesChange && onVisibleIndicesChange(getVisibleIndices(itemsVisibilityList));
     }, [onVisibleItemsChange, onVisibleIndicesChange]);
-    return (_jsx("div", { className: `box-border overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: `${snapAlign} ${visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''}`, style: getContainerStyle(padding / 4), activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
+    const additionPadding = visibleItemCount > 0 ? gap * Number(visibleItemCount) - 1 : 0;
+    return (_jsx("div", { className: `box-border overflow-auto flex horizontal-list no-scrollbar ${className}`, style: {
+            ...getContainerStyle(padding, additionPadding),
+            gap: `${gap}px`,
+        }, role: "list", ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: `${snapAlign} ${visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''}`, style: getContainerStyle(padding / 4), activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
 });
 // Styles used to compensate outer container padding to get rid of clipping effect
-const getContainerStyle = (padding) => ({
+const getContainerStyle = (padding, additionalPadding = 0) => ({
     marginLeft: `${-padding}px`,
     marginRight: `${-padding}px`,
     paddingLeft: `${padding}px`,
-    paddingRight: `${padding}px`,
+    paddingRight: `${padding + additionalPadding}px`,
 });
 const getVisibleIndices = (itemsVisibilityList) => itemsVisibilityList
     .map((_, i) => [_, i])

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/utils/groupBy.d.ts

@@ -0,0 +1 @@
+export declare const groupBy: <K, V>(list: V[], keyGetter: (input: V) => K) => Map<K, V[]>;

package/mobile/lib/utils/groupBy.js

@@ -0,0 +1,10 @@
+export const groupBy = (list, keyGetter) => {
+    const map = new Map();
+    list.forEach((item) => {
+        const key = keyGetter(item);
+        const collection = map.get(key);
+        map.set(key, [...(collection || []), item]);
+    });
+    return map;
+};
+//# sourceMappingURL=groupBy.js.map

package/mobile/lib/utils/groupBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupBy.js","sourceRoot":"","sources":["../../src/utils/groupBy.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAO,IAAc,EAAE,SAA0B,EAAoB,EAAE;IAC5F,MAAM,GAAG,GAAG,IAAI,GAAG,EAAe,CAAC;IACnC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACpB,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAChC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json

@@ -0,0 +1,19 @@
+{
+  "content": {
+   "image": {
+    "format": "webp",
+    "size": {
+      "width": 180,
+      "height": 180
+    }
+  },
+  "title": "Заголовок 1",
+  "description": "Описание 1",
+  "socialMedia": [
+    { "href": "https://t.me" },
+    { "href": "https://vk.com" },
+    { "href": "https://ok.ru" }
+  ],
+  "version": "primary"
+  }
+}

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -0,0 +1,62 @@
+import { BaseTile } from '../BaseTile/BaseTile';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { BorderVersionStyleMap } from '../../model/BorderVersion';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+import { JSX } from '@redneckz/uni-jsx';
+import { List } from '../../ui-kit/List/List';
+import { renderButton } from '../../ui-kit/Button/ButtonSection';
+import { SocialMedia } from '../Footer/SocialMedia';
+import { VersionStyleMap } from '../../model/BlockVersion';
+import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
+import type { UniBlockProps } from '../../model/JSXBlock';
+
+export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {}
+
+export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
+  ({
+    button,
+    className = '',
+    description,
+    image,
+    items = [],
+    socialMedia = [],
+    title,
+    version = 'primary',
+    ...rest
+  }) => {
+    const tileTitle = title ? (
+      <Heading headingType="h5" as="h3" className="mb-3.5 z-10" title={title} />
+    ) : null;
+    const tileImage = image?.src ? (
+      <Img className="absolute bottom-0 right-0 m-0" image={image} />
+    ) : null;
+
+    return (
+      <BlockWrapper
+        className={`relative text-left border border-solid box-border p-7 min-w-[524px]
+        ${BorderVersionStyleMap[version]}
+        ${VersionStyleMap[version]}
+        ${className}`}
+        {...rest}
+      >
+        <BaseTile className="flex justify-between" title={tileTitle} image={tileImage}>
+          <div className="h-full flex flex-col justify-between">
+            {description ? <span className="mb-2">{description}</span> : null}
+            {items.length ? (
+              <List
+                className="text-xl-light flex flex-col flex-1 gap-2 max-w-[236px]"
+                items={items}
+                version={version}
+              />
+            ) : null}
+            {socialMedia.length ? (
+              <SocialMedia className="pt-10 pb-0" media={socialMedia} version={version} />
+            ) : null}
+            {button?.text ? <div className="pt-2 mt-16">{renderButton({ button })}</div> : null}
+          </div>
+        </BaseTile>
+      </BlockWrapper>
+    );
+  },
+);

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.ui.json

@@ -0,0 +1,9 @@
+{
+  "content": {
+    "items": {
+      "image": {
+        "ui:field": "picture"
+      }
+    }
+  }
+}

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -0,0 +1,45 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { LinkCommonProps } from '../../model/LinkProps';
+import type { Picture } from '../../model/Picture';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import type { ListContent } from '../../ui-kit/List/ListContent';
+
+/**
+ * @title Карточка рекомендаций
+ */
+export interface CarouselRecommendationCardContent extends HeadlineCommonProps, ListContent {
+  /**
+   * @title Соц сети
+   * @minItems 3
+   * @default [
+   * { "href": "https://t.me" },
+   * { "href": "https://vk.com" },
+   * { "href": "https://ok.ru" },
+   * ]
+   */
+  socialMedia?: LinkCommonProps[];
+  /**
+   * @default {
+   *   "format": "webp",
+   *   "size": {
+   *       "width": 290
+   *   },
+   *   "sources": [{
+   *       "media": 1279,
+   *       "width": 174,
+   *       "format": "webp",
+   *       "alignment": "southeast"
+   *   }]
+   * }
+   */
+  image?: Picture;
+  /**
+   * @default {
+   * "text": "",
+   * "version": "secondary"
+   * }
+   */
+  button?: ButtonProps;
+  version?: BlockVersion;
+}

package/mobile/src/components/Header/HeaderBurger.tsx

@@ -1,8 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useGeolocation } from '../../hooks/useGeolocation';
+import { useLocation } from '../../hooks/useLocation';
 import type { VNode } from '../../model/VNode';
 import { Img } from '../../ui-kit/Img/Img';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
+import { Text } from '../../ui-kit/Text/Text';
 import type { DispositionItem } from './HeaderContent';
 
 export interface HeaderBurgerProps {
@@ -14,7 +15,7 @@ export interface HeaderBurgerProps {
 
 export const HeaderBurger = JSX<HeaderBurgerProps>(
   ({ burgerSubMenu, onClick, defaultLocation = '', children }) => {
-    const [city, getCity] = useGeolocation(defaultLocation);
+    const [location] = useLocation(defaultLocation);
 
     return (
       <div className="absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20">
@@ -24,10 +25,7 @@ export const HeaderBurger = JSX<HeaderBurgerProps>(
         >
           <Img image="CloseIcon" width="24" height="24" asSVG />
         </button>
-        <button
-          onClick={getCity}
-          className="flex items-center text-s text-secondary-text p-0 mb-4 bg-transparent cursor-pointer"
-        >
+        <button className="flex items-center text-s p-0 mb-4 bg-transparent cursor-pointer">
           <Img
             image="GeolocationIcon"
             width="20"
@@ -35,7 +33,7 @@ export const HeaderBurger = JSX<HeaderBurgerProps>(
             className="text-primary-main box-border mr-2"
             asSVG
           />
-          {city}
+          <Text color="text-secondary-text">{location.name}</Text>
         </button>
         {children}
         <div className="mb-7">{burgerSubMenu?.map(renderBurgerSubMenuItem)}</div>

package/mobile/src/components/Header/HeaderSecondaryMenu.tsx

@@ -1,8 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useGeolocation } from '../../hooks/useGeolocation';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useLocation } from '../../hooks/useLocation';
 import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { IconVersion } from '../../model/IconVersion';
+import type { ForeignOffice } from '../../services/sitemap/SitemapProps';
 import { Img } from '../../ui-kit/Img/Img';
+import { Location } from '../../ui-kit/Location/Location';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
 
@@ -10,6 +13,7 @@ interface HeaderSecondaryMenuContent {
   defaultLocation?: string;
   officesLink?: string;
   bgColor?: BgColorVersion;
+  foreignOffices?: ForeignOffice[];
 }
 
 export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
@@ -30,8 +34,23 @@ const LINKS_ICON_VERSION_MAP: Record<BgColorVersion, IconVersion> = {
 };
 
 export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
-  ({ className, officesLink, defaultLocation = 'Москва', bgColor = 'bg-white' }) => {
-    const [city, getCity] = useGeolocation(defaultLocation);
+  ({
+    className,
+    officesLink,
+    defaultLocation = 'Москва',
+    foreignOffices,
+    bgColor = 'bg-white',
+  }) => {
+    const [isShowLocationModal, setShowLocationModal] = useState<boolean>(false);
+
+    const [location, onChangeLocation] = useLocation(defaultLocation);
+
+    const showLocationModal = () => {
+      setShowLocationModal(true);
+    };
+    const hideLocationModal = () => {
+      setShowLocationModal(false);
+    };
 
     return (
       <div className={`flex items-center ${className || ''}`}>
@@ -39,9 +58,9 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
           className="mr-5"
           flat={true}
           href="#"
-          text={city}
+          text={location.name}
           ariaLabel="Местоположение"
-          onClick={getCity}
+          onClick={showLocationModal}
           bgColor={bgColor}
         />
         {officesLink ? (
@@ -76,6 +95,14 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
             asSVG
           />
         </HeaderSecondaryMenuButton>
+        {isShowLocationModal ? (
+          <Location
+            currentLocation={location}
+            foreignOffices={foreignOffices}
+            onChangeLocation={onChangeLocation}
+            close={hideLocationModal}
+          />
+        ) : null}
       </div>
     );
   },

package/mobile/src/components/MiniGallery/MiniGallery.ui.json

@@ -8,7 +8,7 @@
         "button": {
           "icon": {
             "ui:field": "icon"
-          },
+          }, 
           "iconRight": {
             "ui:field": "icon"
           }

package/mobile/src/components/Recommendation/Recommendation.example.json

@@ -28,11 +28,12 @@
         },
         "title": "Заголовок 2",
         "description": "Описание 2",
-        "socialMedia": [
-          { "href": "https://t.me" },
-          { "href": "https://vk.com" },
-          { "href": "https://ok.ru" }
-        ]
+        "button": {
+          "href": "",
+          "text": "Подробнее",
+          "target": "_self",
+          "version": "primary"
+        }
       },
       {
         "image": {

package/mobile/src/components/Recommendation/Recommendation.ui.json

@@ -4,6 +4,14 @@
       "items": {
         "image": {
           "ui:field": "picture"
+        },
+        "button": {
+          "icon": {
+            "ui:field": "icon"
+          }, 
+          "iconRight": {
+            "ui:field": "icon"
+          }
         }
       }
     }

package/mobile/src/components/Recommendation/RecommendationCard.tsx

@@ -41,7 +41,7 @@ export const RecommendationCard = JSX<RecommendationCardProps>(
               <SocialMedia className="pt-10 pb-0" media={socialMedia} version={version} />
             ) : null}
             {button?.text ? (
-              <div className="pt-2">{renderButton({ button, buttonClassName: 'mt-16' })}</div>
+              <div className="pt-2">{renderButton({ button, buttonClassName: 'mt-16 px-5' })}</div>
             ) : null}
           </div>
         </BaseTile>

package/mobile/src/hooks/useCachedAsyncData.ts

@@ -0,0 +1,37 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import type { AsyncDataResponse, Fetcher } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+
+const STORAGE_DEFAULT_TTL = 86400000; // 24 * 60 * 60 * 1000
+
+export function useCachedAsyncData<Data = any>(
+  key: string,
+  fetcher: Fetcher<Data, string>,
+  storage: any = globalThis?.localStorage,
+): AsyncDataResponse<Data> {
+  const cachedFetcher: typeof fetcher = useCallback(
+    async (...args) => {
+      const storageKey = `async:${key}`;
+      const storageData: string = storage.getItem(storageKey);
+
+      const cachedData = getParsedData(storageData);
+      if (cachedData) {
+        return cachedData;
+      }
+
+      const data = await fetcher(...args);
+      storage.setItem(storageKey, JSON.stringify({ data, timestamp: Date.now() }));
+
+      return data;
+    },
+    [key, fetcher],
+  );
+
+  return useAsyncData(key, cachedFetcher);
+}
+
+function getParsedData(storageData: string) {
+  const { data = null, timestamp = null } = storageData ? JSON.parse(storageData) : {};
+
+  return data && Date.now() - timestamp < STORAGE_DEFAULT_TTL ? data : undefined;
+}

package/mobile/src/hooks/useLocation.ts

@@ -0,0 +1,48 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { fetchJSONUnsafe } from '../utils/fetchJSON';
+import { useCachedAsyncData } from './useCachedAsyncData';
+
+const REGION_URL = '/api/v1/region';
+
+export interface RegionData {
+  id?: number;
+  code?: string;
+  name?: string;
+}
+
+interface LocationStorageData {
+  manual?: boolean;
+  region: RegionData;
+}
+
+const localStorageLocation = globalThis?.localStorage.getItem('location');
+const currentLocation: LocationStorageData | null = localStorageLocation
+  ? JSON.parse(localStorageLocation)
+  : null;
+
+export function useLocation(
+  defaultLocation: string,
+): [RegionData, (newLocation: RegionData) => void] {
+  const [location, setLocation] = useState<RegionData>(
+    currentLocation?.region ?? { name: defaultLocation },
+  );
+  const { data } = useCachedAsyncData<RegionData>(REGION_URL, fetchJSONUnsafe);
+
+  useEffect(() => {
+    setLocation(
+      currentLocation?.region && currentLocation?.manual
+        ? currentLocation.region
+        : data || { name: defaultLocation },
+    );
+  }, [data]);
+
+  const onChangeLocation = useCallback(
+    (region: RegionData) => {
+      globalThis?.localStorage.setItem('location', JSON.stringify({ manual: true, region }));
+      setLocation(region);
+    },
+    [setLocation],
+  );
+
+  return [location, onChangeLocation];
+}