@redneckz/wildless-cms-uni-blocks 0.3.57 → 0.3.59

package/mobile/src/components/Calculator/getCreditRate.ts

@@ -0,0 +1,18 @@
+import type { CalculatorParams } from './CalculatorContent';
+
+const DEFAULT_RATE = 10.2;
+
+interface GetCreditRateParams {
+  calculatorParams?: CalculatorParams;
+  isInsurance: boolean;
+}
+
+export const getCreditRate = (params: GetCreditRateParams) => {
+  const { calculatorParams, isInsurance } = params;
+
+  if (!calculatorParams) return DEFAULT_RATE;
+
+  return isInsurance
+    ? calculatorParams?.rateWithInsurance || DEFAULT_RATE
+    : calculatorParams?.rateWithoutInsurance || DEFAULT_RATE;
+};

package/mobile/src/components/Calculator/getDefaultMonths.ts

@@ -0,0 +1,7 @@
+import { DEFAULT_MONTHS } from './constants';
+import type { CalculatorParams } from './CalculatorContent';
+
+export const getDefaultMonths = (calculatorParams: CalculatorParams) =>
+  calculatorParams.maxMonths && calculatorParams.minMonths
+    ? Math.round((calculatorParams.maxMonths - calculatorParams.minMonths) / 2)
+    : DEFAULT_MONTHS;

package/mobile/src/components/Calculator/getDefaultSum.ts

@@ -0,0 +1,7 @@
+import { DEFAULT_SUM } from './constants';
+import type { CalculatorParams } from './CalculatorContent';
+
+export const getDefaultSum = (calculatorParams: CalculatorParams) =>
+  calculatorParams.maxSum && calculatorParams.minSum
+    ? (calculatorParams.maxSum - calculatorParams.minSum) / 2
+    : DEFAULT_SUM;

package/mobile/src/components/Calculator/getMonthlyPayment.ts

@@ -0,0 +1,32 @@
+import { clamp } from '../../utils/clamp';
+import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM, MONTHS_IN_YEAR } from './constants';
+import type { CalculatorParams } from './CalculatorContent';
+
+type PaymentType = 'annuity' | 'differentiated';
+
+interface GetMonthlyPaymentParams {
+  calculatorParams?: CalculatorParams;
+  paymentType: PaymentType;
+  rate: number;
+  sum: number;
+  months: number;
+}
+
+export const getMonthlyPayment = (params: GetMonthlyPaymentParams) => {
+  const { calculatorParams, paymentType, rate, sum, months } = params;
+
+  if (!calculatorParams) return 0;
+
+  const finalSum = clamp(
+    sum,
+    calculatorParams.minSum || DEFAULT_MIN_SUM,
+    calculatorParams.maxSum || DEFAULT_MAX_SUM,
+  );
+
+  if (paymentType === 'annuity') {
+    const annuityCoef = Number(rate) / (MONTHS_IN_YEAR * 100);
+    return finalSum * (annuityCoef + annuityCoef / (Math.pow(1 + annuityCoef, months) - 1));
+  } else {
+    return finalSum / months + finalSum * (Number(rate) / 12);
+  }
+};

package/mobile/src/components/Calculator/renderButtonSection.tsx

@@ -0,0 +1,7 @@
+import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
+
+export function renderButtonSection(context, buttons) {
+  return buttons?.length ? (
+    <ButtonSection context={context} buttons={buttons} className="flex flex-col mt-7 gap-2" />
+  ) : null;
+}

package/mobile/src/components/Calculator/renderCalculatorList.tsx

@@ -0,0 +1,43 @@
+import type { JSXBlock } from '../../components/ContentPage/ContentPage';
+import type { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { CalculatorBlockDef } from './CalculatorContent';
+import { EmbeddableCalcBlocks, EmbeddableCalcProps } from './EmbeddableCalcBlocks';
+
+type EmbeddableCalcBlocks = {
+  blockCalcTabs?: CalculatorBlockDef[];
+  context: ContentPageContext;
+  className?: string;
+};
+
+export const renderCalculatorList = ({
+  blockCalcTabs,
+  context,
+  className,
+}: EmbeddableCalcBlocks) => {
+  return blockCalcTabs?.length ? blockCalcTabs.map(renderBlock({ context, className })) : null;
+};
+
+const renderBlock =
+  ({ context, className }: any) =>
+  (blockCalcTabs: CalculatorBlockDef, i: number) => {
+    const type = blockCalcTabs?.calcType;
+    if (!type || !(type in EmbeddableCalcBlocks)) {
+      return null;
+    }
+    const EmbeddedBlock: JSXBlock<EmbeddableCalcProps> = EmbeddableCalcBlocks[type];
+    return (
+      <section
+        key={`${String(i)}`}
+        className={`box-border relative flex grow-0 shrink-0 basis-full ${className}`}
+        role="listitem"
+      >
+        <div className={`box-border p-9 w-full`}>
+          <EmbeddedBlock
+            context={context}
+            {...blockCalcTabs}
+            className="!p-0 flex justify-between"
+          />
+        </div>
+      </section>
+    );
+  };

package/mobile/src/components/Calculator/renderInitialFeeInput.tsx

@@ -0,0 +1,37 @@
+import { InputRange } from '../../ui-kit/InputRange/InputRange';
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants';
+import type { CalculatorParams } from './CalculatorContent';
+
+const STEP_MONEY = 1000;
+
+interface RenderWantedSumInputProps {
+  calculatorParams: CalculatorParams;
+  moneyValue: number | undefined;
+  defaultSum: number;
+  setMoneyValue: InputRangeProps['onChange'];
+}
+
+export function renderInitialFeeInput(props: RenderWantedSumInputProps) {
+  const { calculatorParams, moneyValue, defaultSum, setMoneyValue } = props;
+
+  const minSum = calculatorParams?.minSum || DEFAULT_MIN_SUM;
+  const maxSum = calculatorParams?.maxSum || DEFAULT_MAX_SUM;
+
+  return (
+    <InputRange
+      className="mt-6"
+      title="Первоначальный взнос, ₽ "
+      items={[
+        `От ${addSpacesBetweenNumbers(minSum)} рублей`,
+        `До ${addSpacesBetweenNumbers(maxSum)} рублей`,
+      ]}
+      min={minSum}
+      max={maxSum}
+      step={STEP_MONEY}
+      value={moneyValue || defaultSum}
+      onChange={setMoneyValue}
+    />
+  );
+}

package/mobile/src/components/Calculator/renderMonthsInput.tsx

@@ -0,0 +1,34 @@
+import { InputRange } from '../../ui-kit/InputRange/InputRange';
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+
+const STEP_MONTHS = 1;
+
+interface RenderMonthsInputProps {
+  title: string;
+  minMonths: number;
+  maxMonths: number;
+  monthsValue: number | undefined;
+  defaultMonths: number;
+  setMonthsValue: InputRangeProps['onChange'];
+}
+
+export function renderMonthsInput(props: RenderMonthsInputProps) {
+  const { title, minMonths, maxMonths, monthsValue, defaultMonths, setMonthsValue } = props;
+  const monthText = (month) => {
+    const text = Number(month) % 10 === 1 ? 'месяца' : 'месяцев';
+    return `${month} ${text}`;
+  };
+
+  return (
+    <InputRange
+      className="mt-6"
+      title={title}
+      items={[`От ${monthText(minMonths)}`, `До ${monthText(maxMonths)}`]}
+      min={minMonths}
+      max={maxMonths}
+      step={STEP_MONTHS}
+      value={monthsValue || defaultMonths}
+      onChange={setMonthsValue}
+    />
+  );
+}

package/mobile/src/components/Calculator/renderProposal.tsx

@@ -0,0 +1,14 @@
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { Button } from '../../ui-kit/Button/Button';
+
+export function renderProposal(monthlyPayment: number) {
+  return (
+    <div className="box-border ">
+      <div className="text-base font-light">Ежемесячный платёж</div>
+      <div className="text-title mb-3 font-normal">
+        {addSpacesBetweenNumbers(Math.round(monthlyPayment))} ₽
+      </div>
+      <Button className="mt-[50px] w-full" text="Отправить заявку" version="primary" href="#" />
+    </div>
+  );
+}

package/mobile/src/components/Calculator/renderProposalMortgage.tsx

@@ -0,0 +1,17 @@
+import { CalculatorValueBlock } from './CalculatorValueBlock';
+
+type porposalMortgage = {
+  credit: number;
+  period: number;
+  taxRefund: number;
+};
+
+export function renderProposalMortgage({ credit, period, taxRefund }: porposalMortgage) {
+  return (
+    <div>
+      {<CalculatorValueBlock title="Сумма кредита" value={credit} postfix="₽" />}
+      {<CalculatorValueBlock title="Срок" value={period} postfix="лет" />}
+      {<CalculatorValueBlock title="Налоговый вычет" value={taxRefund} postfix="₽" />}
+    </div>
+  );
+}

package/mobile/src/components/Calculator/renderRate.tsx

@@ -0,0 +1,23 @@
+type rateType = {
+  rate: number;
+  title?: string;
+  sup?: string;
+  className?: string;
+};
+
+export function renderRate({ rate, title, sup, className = '' }: rateType) {
+  const rateFormat = String(rate).replace('.', ',');
+  return (
+    <div>
+      <div className="text-sm font-light ml-3">{title}</div>
+      <div className="flex justify-start">
+        <span
+          className={`calc-rate-text font-mohave text-[200px] leading-[250px] pr-4 mt-[-16px] ${className}`}
+        >
+          {rateFormat}
+        </span>
+        {sup ? <span className="calc-rate-text text-[65px] leading-[75px]">{sup}</span> : ''}
+      </div>
+    </div>
+  );
+}

package/mobile/src/components/Calculator/renderRealEstateValue.tsx

@@ -0,0 +1,33 @@
+import { InputRange } from '../../ui-kit/InputRange/InputRange';
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants';
+import type { CalculatorParams } from './CalculatorContent';
+
+const STEP_MONEY = 1000;
+
+interface RenderRealEstateValueInputProps {
+  calculatorParams: CalculatorParams;
+  moneyValue: number | undefined;
+  defaultSum: number;
+  setMoneyValue: InputRangeProps['onChange'];
+}
+
+export function renderRealEstateValue(props: RenderRealEstateValueInputProps) {
+  const { calculatorParams, moneyValue, defaultSum, setMoneyValue } = props;
+
+  const minSum = calculatorParams?.minSum || DEFAULT_MIN_SUM;
+  const maxSum = calculatorParams?.maxSum || DEFAULT_MAX_SUM;
+
+  return (
+    <InputRange
+      title="Стоимость недвижимости, ₽ "
+      items={[`От ${addSpacesBetweenNumbers(minSum)} ₽`, `До ${addSpacesBetweenNumbers(maxSum)} ₽`]}
+      min={minSum}
+      max={maxSum}
+      step={STEP_MONEY}
+      value={moneyValue || defaultSum}
+      onChange={setMoneyValue}
+    />
+  );
+}

package/mobile/src/components/Calculator/renderWantedSumInput.tsx

@@ -0,0 +1,49 @@
+import { InputRange } from '../../ui-kit/InputRange/InputRange';
+import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants';
+import type { CalculatorParams } from './CalculatorContent';
+
+const STEP_MONEY = 1000;
+
+interface RenderWantedSumInputProps {
+  className?: string;
+  title: string;
+  isShowItems?: boolean;
+  calculatorParams: CalculatorParams;
+  moneyValue: number | undefined;
+  defaultSum: number;
+  setMoneyValue: InputRangeProps['onChange'];
+}
+
+export function renderWantedSumInput(props: RenderWantedSumInputProps) {
+  const {
+    title,
+    className = '',
+    calculatorParams,
+    moneyValue,
+    defaultSum,
+    setMoneyValue,
+    isShowItems = true,
+  } = props;
+
+  const minSum = calculatorParams?.minSum || DEFAULT_MIN_SUM;
+  const maxSum = calculatorParams?.maxSum || DEFAULT_MAX_SUM;
+  const items = [
+    `От ${addSpacesBetweenNumbers(minSum)} ₽`,
+    `До ${addSpacesBetweenNumbers(maxSum)} ₽`,
+  ];
+
+  return (
+    <InputRange
+      className={className}
+      title={title}
+      items={isShowItems ? items : []}
+      min={minSum}
+      max={maxSum}
+      step={STEP_MONEY}
+      value={moneyValue || defaultSum}
+      onChange={setMoneyValue}
+    />
+  );
+}

package/mobile/src/components/ContentPage/ContentPage.page.json

@@ -61,11 +61,12 @@
       "type": "ProductGallery",
       "style": ["col-span-12"],
       "content": {
+        "version": "secondary",
         "slides": [
           {
             "nav": {
               "title": "Деньги на любые цели",
-              "desc": "Ставка от 12,5% годовых на срок до 5 лет"
+              "description": "Ставка от 12,5% годовых на срок до 5 лет"
             },
             "productBlock": {
               "title": "Ставка от 12,5% годовых на срок до 5 лет!»",
@@ -79,7 +80,7 @@
                   "href": "https://rshb.ru",
                   "text": "Подробнее",
                   "target": "_blank",
-                  "version": "primary"
+                  "version": "secondary"
                 }
               ],
               "image": {
@@ -103,7 +104,7 @@
           {
             "nav": {
               "title": "Для людей в возрасте",
-              "desc": "Ставка от 12,5% годовых на срок до 3 лет"
+              "description": "Ставка от 12,5% годовых на срок до 3 лет"
             },
             "productBlock": {
               "title": "Ставка от 12,5% годовых на срок до 3 лет!»",
@@ -117,7 +118,7 @@
                   "href": "https://rshb.ru",
                   "text": "Подробнее",
                   "target": "_blank",
-                  "version": "primary"
+                  "version": "secondary"
                 }
               ],
               "image": {
@@ -141,7 +142,7 @@
           {
             "nav": {
               "title": "Выгодно покупать",
-              "desc": "Дополнительные бонусные баллы за покупки"
+              "description": "Дополнительные бонусные баллы за покупки"
             },
             "productBlock": {
               "title": "Дополнительные бонусные баллы за покупки!»",
@@ -150,7 +151,7 @@
                   "href": "https://rshb.ru",
                   "text": "Подробнее",
                   "target": "_blank",
-                  "version": "primary"
+                  "version": "secondary"
                 }
               ],
               "image": {
@@ -168,7 +169,7 @@
           {
             "nav": {
               "title": "Карты Unionpay",
-              "desc": "Кэшбэк до 20% у партнеров"
+              "description": "Кэшбэк до 20% у партнеров"
             },
             "productBlock": {
               "title": "Карты Unionpay»",
@@ -182,7 +183,7 @@
                   "href": "https://rshb.ru",
                   "text": "Подробнее",
                   "target": "_blank",
-                  "version": "primary"
+                  "version": "secondary"
                 }
               ],
               "image": {

package/mobile/src/components/ContentPage/ContentPage.tsx

@@ -19,8 +19,8 @@ export type BlockDecorator<VNode = any> = (
   index?: number | string,
 ) => any;
 
-export type JSXBlock = (
-  props: PropsWithChildren<UniBlockProps & BlockContent, any>,
+export type JSXBlock<BlockProps = BlockContent> = (
+  props: PropsWithChildren<UniBlockProps & BlockProps, any>,
   context?: any,
 ) => any;
 

package/mobile/src/components/Header/HeaderContent.ts

@@ -29,6 +29,12 @@ export interface HeaderContent extends SitemapProps {
    * @default Москва
    */
   defaultLocation?: string;
+  /**
+   * @title Показывать подменю
+   * @hidden
+   * @default true
+   */
+  showSubMenu?: boolean;
   /**
    * @title Фон элемента
    * @hidden

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

@@ -8,6 +8,11 @@ import { isSSR } from '../../utils/isSSR';
 import type { ContentPageContext } from '../ContentPage/ContentPageContext';
 import { headerSubMenuObserver } from './HeaderSubMenuObserver';
 
+const DOT_BG_COLORS_MAP: Record<BgColorVersion, string> = {
+  'bg-white': 'bg-primary-text',
+  transparent: 'bg-white',
+};
+
 export interface HeaderSubMenuProps {
   context: ContentPageContext;
   subItems?: LinkProps[];
@@ -51,6 +56,7 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(({ context, subItems, bgCol
         subMenuIsShow,
         toggleSubMenu,
         subItems,
+        bgColor,
         router,
         handlerDecorator,
       })}
@@ -63,6 +69,7 @@ const renderDotsSubMenu = ({
   subMenuIsShow,
   toggleSubMenu,
   subItems,
+  bgColor,
   router,
   handlerDecorator,
 }) => (
@@ -77,9 +84,7 @@ const renderDotsSubMenu = ({
       onClick={toggleSubMenu}
       aria-label={`${subMenuIsShow ? 'Скрыть другие разделы' : 'Показать другие разделы'}`}
     >
-      {Array(3)
-        .fill(0)
-        .map((_, i) => renderDot(i))}
+      {Array(3).fill(bgColor).map(renderDot)}
     </button>
     <div
       className={`flex flex-col rounded-md bg-white p-6 pb-2 ${subMenuIsShow ? '' : 'hidden'}`}
@@ -103,6 +108,6 @@ const renderDotsSubMenuItems = (subItems, router, handlerDecorator) =>
     </a>
   ));
 
-const renderDot = (i: number) => (
-  <div key={String(i)} className="w-[3px] h-[3px] rounded bg-black mr-1" />
+const renderDot = (bgColor: BgColorVersion, i: number) => (
+  <div key={String(i)} className={`w-[3px] h-[3px] rounded mr-1 ${DOT_BG_COLORS_MAP[bgColor]}`} />
 );

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

@@ -10,14 +10,13 @@
         "image": {
           "format": "webp",
           "size": {
-            "width": 234,
-            "height": 234
+            "width": 608,
+            "height": 299
           }
         },
+        "version": "primary",
         "description": "Описание",
-        "isDotted": "true",
-        "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],
-        "version": "primary"
+        "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
       }
     },
     {
@@ -30,14 +29,13 @@
         "image": {
           "format": "webp",
           "size": {
-            "width": 234,
-            "height": 234
+            "width": 608,
+            "height": 299
           }
         },
+        "version": "primary",
         "description": "Описание",
-        "isDotted": "true",
-        "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],
-        "version": "primary"
+        "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
       }
     }
   ]

package/mobile/src/components/ProductGallery/ProductGalleryContent.ts

@@ -1,4 +1,5 @@
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
+import type { BlockVersion } from '../../model/BlockVersion';
 
 /** @title Кнопка под слайдом */
 interface ProductGalleryNav {
@@ -19,17 +20,13 @@ export interface ProductSlide {
 }
 
 /**
- * @title Продуктовая галерея (для мобильных горизонтальная прокрутка shift+mouseScroll)
+ * @title Продуктовая галерея
  */
 export interface ProductGalleryContent {
-  /**
-   * @title Задержка
-   * @hidden //! temporary not used
-   */
-  duration?: number;
   /**
    * @title Слайды
    * @minItems 2
    */
   slides?: ProductSlide[];
+  version?: BlockVersion;
 }

package/mobile/src/components/ProductTile/ProductTile.tsx

@@ -8,7 +8,7 @@ import { Img } from '../../ui-kit/Img/Img';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';
 import type { ProductTileContent } from './ProductTileContent';
 
 export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
@@ -25,6 +25,7 @@ export const ProductTile = JSX<ProductTileProps>(
     title,
     headingType = 'h3',
     description,
+    additionalDescription,
     benefits,
     buttons,
     image,
@@ -60,23 +61,31 @@ export const ProductTile = JSX<ProductTileProps>(
           {description ? (
             <Description className="mt-4 max-w-[600px]" description={description} />
           ) : null}
-          <div className="flex mt-5 mb-1">
-            {benefits?.length ? (
-              <div className="mr-8">{benefits.map(renderBenefitLabel)}</div>
-            ) : null}
-            {benefits?.length ? (
-              <div className="pt-1">
-                {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
-              </div>
-            ) : null}
-          </div>
+          {renderBenefits(benefits, version)}
+
+          {additionalDescription
+            ? renderAdditionalDescription(additionalDescription, version)
+            : null}
         </BaseTile>
       </section>
     );
   },
 );
 
-function renderBenefitLabel(benefit: Benefit, i: number) {
+function renderBenefits(benefits: TextBenefit[] = [], version: BlockVersion) {
+  return (
+    <div className="flex mt-5 mb-1">
+      {benefits.length ? <div className="mr-8">{benefits.map(renderBenefitLabel)}</div> : null}
+      {benefits.length ? (
+        <div className="pt-1">
+          {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+function renderBenefitLabel(benefit: TextBenefit, i: number) {
   return (
     <div key={String(i)} className={`text-xl font-medium ${i ? 'mt-2.5' : ''}`}>
       {benefit.label}
@@ -84,7 +93,7 @@ function renderBenefitLabel(benefit: Benefit, i: number) {
   );
 }
 
-function renderBenefitDescription(benefit: Benefit, i: number, version = 'primary') {
+function renderBenefitDescription(benefit: TextBenefit, i: number, version = 'primary') {
   const labelStyleMap: Record<BlockVersion, string> = {
     primary: 'text-secondary-text',
     secondary: 'text-white',
@@ -95,3 +104,11 @@ function renderBenefitDescription(benefit: Benefit, i: number, version = 'primar
     </div>
   );
 }
+
+function renderAdditionalDescription(additionalDescription: string, version = 'primary') {
+  const descStyleMap: Record<BlockVersion, string> = {
+    primary: 'text-secondary-text',
+    secondary: 'text-white',
+  };
+  return <div className={`text-sm mt-2.5 ${descStyleMap[version]}`}>{additionalDescription}</div>;
+}

package/mobile/src/components/ProductTile/ProductTileContent.ts

@@ -19,4 +19,6 @@ export type ProductTileContent = HeadingContent &
      * @maxItems 7
      */
     benefits?: TextBenefit[];
+    /** @title Дополнительное описание */
+    additionalDescription?: string;
   };

package/mobile/src/components/Tile/Tile.tsx

@@ -59,7 +59,11 @@ export const Tile = JSX<TileProps>((props) => {
         }
         buttons={
           buttons?.length ? (
-            <ButtonSection context={context} buttons={buttons} className="flex mt-9 gap-3" />
+            <ButtonSection
+              context={context}
+              buttons={buttons.map((button) => ({ ...button, className: 'w-[158px]' }))}
+              className="flex mt-9 gap-3"
+            />
           ) : null
         }
         image={image?.src && <Img className="mt-auto ml-7" image={image} />}

package/mobile/src/icons/SafeIcon.svg

@@ -1 +1,7 @@
-<svg title="Сейф" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 19h8c2 0 3-1 3-3V8c0-2-1-3-3-3H8C6 5 5 6 5 8v8c0 2 1 3 3 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 9.5h2.48a2.5 2.5 0 0 1 0 5H5" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 9.99h-3M19 14h-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.2 12h.1" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Сейф" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5 9.5h2.48a2.5 2.5 0 0 1 0 5H5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M8 19h8c2 0 3-1 3-3V8c0-2-1-3-3-3H8C6 5 5 6 5 8v8c0 2 1 3 3 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19 9.99h-3M19 14h-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.2 12h.1" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>