@redneckz/wildless-cms-uni-blocks 0.7.3 → 0.7.5

package/src/components/Calculator/useBusinessDepositCalculatorParams.ts

@@ -0,0 +1,109 @@
+import {
+  BUSINESS_DEPOSIT_CALC_DEFAULT_DIR,
+  BUSINESS_OPERATING_MAX_DAYS,
+  BUSINESS_OPERATING_MIN_DAYS,
+  BUSINESS_RATE_MIN_DAYS,
+  DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
+} from './constants';
+import { useCalculatorParams } from './useCalculatorParams';
+import type { CommonDepositParams } from './useDepositCalculatorParams';
+
+export interface BusinessCommonDepositParams extends CommonDepositParams {
+  isReplenished: boolean;
+  isPartialWithdrawal: boolean;
+  isSmallBusiness: boolean;
+}
+export interface BusinessDepositCalculatorSourceBookParams extends BusinessCommonDepositParams {
+  minSum: number;
+  maxSum: number;
+  minDays: number;
+  maxDays: number;
+  depositeName: string;
+  rate: number;
+}
+
+export interface BusinessDepositCalculatorUserInputParams extends BusinessCommonDepositParams {
+  moneyValue: number;
+  daysValue: number;
+}
+
+export interface BusinessDepositCalculatorParams
+  extends BusinessDepositCalculatorSourceBookParams,
+    BusinessDepositCalculatorUserInputParams {
+  income?: number;
+  finalSum?: number;
+  isDisabledOperatingDeposit?: boolean;
+}
+
+export type BusinessDepositCalculatorData = {
+  rows: BusinessDepositCalculatorSourceBookParams[];
+};
+
+export const useBusinessDepositCalculatorParams = (
+  userInputParams: BusinessDepositCalculatorUserInputParams,
+  sourceBookDir?: string,
+): BusinessDepositCalculatorParams => {
+  const {
+    daysValue,
+    moneyValue,
+    isPartialWithdrawal,
+    isReplenished,
+    isSmallBusiness,
+    isMonthlyInterestPayment,
+  } = userInputParams;
+  const data = useCalculatorParams<BusinessDepositCalculatorData>(
+    sourceBookDir || BUSINESS_DEPOSIT_CALC_DEFAULT_DIR,
+  );
+
+  const isOperatingDeposit = isReplenished || isPartialWithdrawal;
+  const isDisabledOperatingDeposit =
+    daysValue < BUSINESS_OPERATING_MIN_DAYS || daysValue > BUSINESS_OPERATING_MAX_DAYS;
+
+  if (daysValue <= BUSINESS_RATE_MIN_DAYS) {
+    return {
+      ...DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS,
+      ...userInputParams,
+      isDisabledOperatingDeposit,
+      rate: 0,
+    };
+  }
+  const businessDepositCalculatorSourceBookParams =
+    data?.rows?.find((_) => {
+      return (
+        isMonthlyInterestPayment === _.isMonthlyInterestPayment &&
+        isSmallBusiness === _.isSmallBusiness &&
+        (isOperatingDeposit
+          ? _.isReplenished && _.isPartialWithdrawal
+          : !_.isReplenished && !_.isPartialWithdrawal)
+      );
+    }) || DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS;
+
+  const { rate } = businessDepositCalculatorSourceBookParams;
+
+  const income = getDepositIncome(rate, userInputParams);
+  const finalSum = moneyValue + income;
+
+  return {
+    ...businessDepositCalculatorSourceBookParams,
+    ...userInputParams,
+    isDisabledOperatingDeposit,
+    income,
+    finalSum,
+  };
+};
+
+const getDepositIncome = (
+  rate: number,
+  userInputParams: BusinessDepositCalculatorUserInputParams,
+) => {
+  const { isMonthlyInterestPayment, moneyValue, daysValue } = userInputParams;
+
+  /*
+  Приблизительный расчёт, не учитывающий разницу в количестве дней в месяцах. Месяц принят за 30 дней, год за 365 дней.
+  */
+  if (isMonthlyInterestPayment) {
+    return Math.round(moneyValue * Math.pow((1200 + rate) / 1200, daysValue / 30) - moneyValue);
+  } else {
+    return Math.round((moneyValue * rate * daysValue) / 365 / 100);
+  }
+};

package/src/components/Calculator/useDepositCalculatorParams.ts

@@ -39,7 +39,7 @@ export const useDepositCalculatorParams = (
   );
 
   const depositCalculatorSourceBookParams =
-    data?.rows.find((_) => isMonthlyInterestPayment === _.isMonthlyInterestPayment) ||
+    data?.rows?.find((_) => isMonthlyInterestPayment === _.isMonthlyInterestPayment) ||
     DEFAULT_DEPOSIT_CALCULATOR_PARAMS;
 
   const { rate } = depositCalculatorSourceBookParams;

package/src/components/SwipeListControlBlock/SwipeListControlBlock.fixture.tsx

@@ -9,7 +9,7 @@ const options = {
 
 export default {
   default: (
-    <div className="container grid grid-cols-12">
+    <div className="container grid grid-cols-12 p-4">
       <SwipeListControlBlock
         className="col-span-12"
         block={{
@@ -24,4 +24,21 @@ export default {
       />
     </div>
   ),
+  secondary: (
+    <div className="container grid grid-cols-12 p-4">
+      <SwipeListControlBlock
+        className="col-span-12"
+        block={{
+          type: 'SwipeListControlBlock',
+          blocks: [
+            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+          ],
+        }}
+        listType="vertical-list"
+        options={options}
+        version="secondary"
+      />
+    </div>
+  ),
 };

package/src/components/SwipeListControlBlock/SwipeListControlBlock.tsx

@@ -8,10 +8,10 @@ import type { SwipeListControlBlockContent } from './SwipeListControlBlockConten
 interface SwipeListControlBlockProps extends SwipeListControlBlockContent, UniBlockProps {}
 
 export const SwipeListControlBlock: JSXBlock<SwipeListControlBlockProps> =
-  JSX<SwipeListControlBlockProps>(({ gap, listType, padding, showDots, options, ...rest }) => {
+  JSX<SwipeListControlBlockProps>(({ listType, showDots, options, ...rest }) => {
     return (
       <BlockWrapper {...rest}>
-        <SwipeListControl gap={gap} listType={listType} padding={padding} showDots={showDots}>
+        <SwipeListControl listType={listType} showDots={showDots}>
           {renderChildren({ ...rest, options })}
         </SwipeListControl>
       </BlockWrapper>

package/src/components/SwipeListControlBlock/SwipeListControlBlockContent.ts

@@ -1,6 +1,3 @@
-import type { SwipeListControlProps } from '../../ui-kit/SwipeListControl/SwipeListControlProps';
+import type { SwipeListControlContent } from '../../ui-kit/SwipeListControl/SwipeListControlContent';
 
-/**
- * @title Swipe-контроллер
- */
-export type SwipeListControlBlockContent = SwipeListControlProps;
+export type SwipeListControlBlockContent = SwipeListControlContent;

package/src/content-page-repository/transformPicture.ts

@@ -19,8 +19,12 @@ export async function transformPicture(
   });
 
   const { width, height } = await sharp(
-    path.resolve(options.publicDir, transformedPicture),
+    path.resolve(
+      options.publicDir,
+      path.relative(options.contentDir, `${path.dirname(pagePath)}/${transformedPicture}`),
+    ),
   ).metadata();
+
   const containerSize = width && height ? { width, height } : undefined;
 
   const transformedSources = await Promise.all(

package/src/icons/IconName.ts

@@ -30,6 +30,7 @@ export const IconsWithoutInversion = new Set([
   'OfficeIcon',
   'PackA4Icon',
   'PassSendIcon',
+  'PercentIcon',
   'PowerIcon',
   'PumpkinIcon',
   'SignDocsIcon',
@@ -113,6 +114,7 @@ export enum IconMap {
   PassSendIcon = 'PassSendIcon',
   PercentageRoundIcon = 'PercentageRoundIcon',
   PercentageSquareIcon = 'PercentageSquareIcon',
+  PercentIcon = 'PercentIcon',
   PersonalCardIcon = 'PersonalCardIcon',
   PlayMarketIcon = 'PlayMarketIcon',
   PlusIcon = 'PlusIcon',
@@ -215,6 +217,7 @@ export enum IconTitleMap {
   PassSendIcon = 'Бизнес',
   PercentageRoundIcon = 'Проценты (круг.)',
   PercentageSquareIcon = 'Проценты',
+  PercentIcon = 'PercentIcon',
   PersonalCardIcon = 'Персональная карта',
   PlayMarketIcon = 'Лого «PlayMarket»',
   PlusIcon = 'Плюс',
@@ -249,7 +252,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
+ *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'PercentIcon', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт', 'Лого «Youtube»'
  * ]
  */
 export type IconName =
@@ -326,6 +329,7 @@ export type IconName =
   | 'PassSendIcon'
   | 'PercentageRoundIcon'
   | 'PercentageSquareIcon'
+  | 'PercentIcon'
   | 'PersonalCardIcon'
   | 'PlayMarketIcon'
   | 'PlusIcon'