@redneckz/wildless-cms-uni-blocks 0.4.3 → 0.4.4

package/src/ui-kit/BenefitItem/BenefitItem.tsx

@@ -27,7 +27,7 @@ export const BenefitItem = JSX<BenefitGeneralProps>((props) => {
   const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
 
   return (
-    <div className={`flex items-center gap-5 ${className}`}>
+    <div className={`flex items-start gap-5 ${className}`}>
       {icon ? (
         <Img
           className={renderBenefitIconBgStyle(version, benefitsVersion)}
@@ -54,5 +54,5 @@ function renderBenefitIconBgStyle(version, benefitsVersion) {
     bgColorStyle = 'bg-secondary-light text-primary-main';
   }
 
-  return `w-[50px] h-[50px] rounded-full p-[10px] box-border ${bgColorStyle}`;
+  return `w-[50px] h-[50px] min-w-[50px] rounded-full p-[10px] box-border ${bgColorStyle}`;
 }

package/src/ui-kit/BlocksList/renderBlocksList.tsx

@@ -5,7 +5,7 @@ import { style2className } from '../../utils/style2className';
 import type { BlockDef } from './BlocksListProps';
 import { EmbeddableBlocks } from './EmbeddableBlocks';
 
-type EmbeddableBlocksProps = {
+export type EmbeddableBlocksProps = {
   blocks?: BlockDef[];
   context: ContentPageContext;
   className?: string;

package/src/ui-kit/Button/Button.mobile.tsx

@@ -4,7 +4,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import { ButtonInner } from './ButtonInner';
-import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
+import type { ButtonWithIconProps } from './ButtonProps';
 
 const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
@@ -21,9 +21,7 @@ const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
 
 const styleButton = 'w-full text-center font-sans select-none';
 
-export interface ButtonCommonProps extends ButtonProps, ButtonWithIconProps {}
-
-export const Button = JSX<ButtonCommonProps>(
+export const Button = JSX<ButtonWithIconProps>(
   ({
     className,
     text,

package/src/ui-kit/Button/Button.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import { ButtonInner } from './ButtonInner';
-import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
+import type { ButtonWithIconProps } from './ButtonProps';
 
 const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
@@ -18,9 +18,7 @@ const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
 
 const buttonStyle = 'text-center font-sans select-none';
 
-export interface ButtonCommonProps extends ButtonProps, ButtonWithIconProps {}
-
-export const Button = JSX<ButtonCommonProps>((props) => {
+export const Button = JSX<ButtonWithIconProps>((props) => {
   const { text, aboveText, appendLeft, appendRight, children, disabled, rounded, ...rest } = props;
 
   const buttonInner = children ?? (
@@ -44,7 +42,7 @@ export const Button = JSX<ButtonCommonProps>((props) => {
   );
 });
 
-const RegularButton = JSX<ButtonCommonProps>(
+const RegularButton = JSX<ButtonWithIconProps>(
   ({
     className = '',
     ariaLabel,
@@ -58,7 +56,7 @@ const RegularButton = JSX<ButtonCommonProps>(
   }) => {
     return (
       <a
-        className={`${buttonStyle} inline-block cursor-pointer no-underline focus:border-primary-focus focus:border ${
+        className={`${buttonStyle} border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border ${
           buttonStyleMap[version] || ''
         } ${rounded ? 'rounded-full' : 'rounded-md'} ${className}`}
         href={href}
@@ -74,7 +72,7 @@ const RegularButton = JSX<ButtonCommonProps>(
   },
 );
 
-const DisabledButton = JSX<ButtonCommonProps>(
+const DisabledButton = JSX<ButtonWithIconProps>(
   ({ className, children, ariaLabel, version = 'none', rounded }) => {
     return (
       <div

package/src/ui-kit/Button/ButtonInner.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { ButtonVersion } from '../../model/ButtonVersion';
+import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { ButtonWithIconProps } from './ButtonProps';
 
 interface ButtonInnerProps extends ButtonWithIconProps {

package/src/ui-kit/Description/Description.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { DescriptionProp } from '../../model/HeadlineType';
+import type { DescriptionProps } from '../../model/HeadlineType';
 
-export interface DescriptionProps extends DescriptionProp {
+export interface DescriptionCommonProps extends DescriptionProps {
   className?: string;
 }
 
-export const Description = JSX<DescriptionProps>((props) => {
+export const Description = JSX<DescriptionCommonProps>((props) => {
   const { className = '', description } = props;
 
   return <div className={`${className}`}>{description}</div>;

package/src/ui-kit/Foldable/Foldable.tsx

@@ -39,7 +39,6 @@ export const Foldable = JSX<FoldableProps>(
     render = (_) => _,
   }) => {
     const blocksToHide = clamp(hiddenBlocksNum, 0, blocks.length);
-
     const { icon, handleToggle, isActive } = useActiveHandler({
       initialState: isUnfolded,
     });
@@ -70,7 +69,7 @@ export const Foldable = JSX<FoldableProps>(
 const renderBlocks = (
   blocks: FoldableBlocks,
   render: Render,
-  { blocksToHide, isActive, containerClasses }: RenderBlocksParams,
+  { blocksToHide, isActive, containerClasses = '' }: RenderBlocksParams,
 ) => {
   const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
   const hiddenBlocks = blocksToHide > 0 ? blocks.slice(-blocksToHide) : [];

package/src/ui-kit/HeaderItem/HeaderItem.mobile.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { TopItemProps } from '../TopItem/TopItem';
 
 export type HeaderItemProps = TopItemProps;

package/src/ui-kit/HeaderItem/HeaderItem.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { TopItemProps } from '../TopItem/TopItem';
 
 const TEXT_CLASSES = 'font-sans text-l-light';

package/src/ui-kit/Heading/HeadingProps.ts

@@ -1,4 +1,4 @@
-import type { TitleProp } from '../../model/HeadlineType';
+import type { TitleProps } from '../../model/HeadlineType';
 
 /**
  *
@@ -14,11 +14,14 @@ export type HeadingType = 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
  */
 export type HeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
-export interface HeadingCommonProps extends TitleProp {
+export interface HeadingCommonProps extends TitleProps {
   as?: HeadingTagType;
   headingType?: HeadingType;
 }
 
 export interface HeadingProps extends HeadingCommonProps {
+  /**
+   * @hidden
+   */
   className?: string;
 }

package/src/ui-kit/InnerTable/InnerTable.tsx

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useTariffsInnerTableData } from '../../hooks/useTariffsInnerTableData';
+import type { UniBlockProps } from '../../types';
+import { InnerTableBody } from './InnerTableBody';
+import { TableInnerButton } from './InnerTableButton';
+import { InnerTableHeader } from './InnerTableHeader';
+import type { TableFetchData, TariffsTableInnerContent } from './InnerTableProps';
+
+export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps {}
+
+export const InnerTable = JSX<InnerTableProps>(({ context, dataUrl, pdfUrl }) => {
+  const { tableData }: TableFetchData = useTariffsInnerTableData(dataUrl);
+
+  const [activeTabIndex, setActiveTabIndex] = useState(0);
+  const items = tableData?.[activeTabIndex]?.items ?? [];
+
+  const currencies = tableData?.map((item) => item.currency ?? '');
+
+  return tableData ? (
+    <div className="bg-white z-10 pr-[50px]">
+      <InnerTableHeader
+        currencies={currencies}
+        activeTabIndex={activeTabIndex}
+        setActiveTabIndex={setActiveTabIndex}
+        linkToPDF={pdfUrl} //TODO: need link to service
+      />
+      <InnerTableBody context={context} activeTabIndex={activeTabIndex} items={items} />
+      <TableInnerButton context={context} isOpen />
+    </div>
+  ) : null;
+});

package/src/ui-kit/InnerTable/InnerTableBody.tsx

@@ -0,0 +1,53 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { type UniBlockProps } from '../../types';
+import { Img } from '../Img/Img';
+import { InnerTableBodyItem } from './InnerTableBodyItem';
+import type { DataItem } from './InnerTableProps';
+
+export interface InnerTableBodyProps extends UniBlockProps {
+  activeTabIndex: number;
+  items: DataItem[];
+}
+
+export const InnerTableBody = JSX<InnerTableBodyProps>(({ context, activeTabIndex, items }) => {
+  const [hiddenTables, setHiddenTables] = useState<Record<string, boolean>>({});
+
+  const toggleTable = (key: string) => {
+    setHiddenTables((oldState) => ({ ...oldState, [key]: !oldState[key] }));
+  };
+
+  return (
+    <div>
+      {items.map((_, tableIdx) => {
+        const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
+
+        return (
+          <div key={key} className="w-full">
+            <div
+              className="flex p-4 bg-main-stroke text-xl-light text-center justify-center cursor-pointer relative"
+              onClick={() => toggleTable(key)}
+            >
+              {_.title}
+              <Img
+                image={hiddenTables[key] ? 'PlusIcon' : 'MinusIcon'}
+                className="absolute right-[22px]"
+                width="24"
+                height="24"
+              />
+            </div>
+            <div
+              className={`w-full pl-2 overflow-hidden transition-height duration-500 ease-in-out ${
+                hiddenTables[key] ? 'h-0' : 'h-[243px]'
+              }`}
+            >
+              <div className="relative">
+                <InnerTableBodyItem context={context} rows={_.rowsData} />
+              </div>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+});

package/src/ui-kit/InnerTable/InnerTableBodyItem.tsx

@@ -0,0 +1,86 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { UniBlockProps } from '../../types';
+import { renderArrows } from '../Button/renderArrows';
+import type { RowsData } from './InnerTableProps';
+
+const COLUMN_WIDTH = 140;
+
+export interface InnerTableBodyItemProps extends UniBlockProps {
+  rows?: RowsData[][];
+}
+
+export const InnerTableBodyItem = JSX<InnerTableBodyItemProps>(({ rows }) => {
+  const [activeColumnIndex, setActiveColumnIndex] = useState(0);
+
+  const handleNextClick = () => setActiveColumnIndex(activeColumnIndex + 1);
+  const handlePrevClick = () => setActiveColumnIndex(activeColumnIndex - 1);
+
+  const rowsLength = rows?.[0]?.length ?? 0;
+  const showNextButton = rowsLength > 3 && rowsLength > activeColumnIndex + 4;
+
+  const showPrevButton = activeColumnIndex > 0;
+
+  return (
+    <div>
+      {rows?.map(renderRow(activeColumnIndex))}
+      {renderArrows({
+        handler: [handlePrevClick, handleNextClick],
+        isShown: [showPrevButton, showNextButton],
+        btnClass: ['right-3 top-24', 'right-3 top-2'],
+        className: '',
+      })}
+    </div>
+  );
+});
+
+const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: number) => {
+  if (!rowData?.length) {
+    return null;
+  }
+
+  const [headerColumn, ...columns] = rowData;
+
+  const transform = [...Array(activeColumnIndex).keys()].reduce(
+    (res, i) => (columns?.[i]?.cols?.length ?? 1) * COLUMN_WIDTH + res,
+    0,
+  );
+
+  return (
+    <div
+      key={String(rowIdx)}
+      className="flex border-main-divider border border-t-0 border-x-0 border-solid"
+    >
+      <div className="text-xl-light min-w-[214px] w-[214px] pt-6 pb-5">{headerColumn.data}</div>
+      <div className="flex flex-grow overflow-hidden">
+        <div
+          className="flex duration-1000 text-center"
+          style={{
+            transform: `translateX(-${transform}px)`,
+          }}
+        >
+          {columns?.map((_, i) => (
+            <div
+              key={`row${i}`}
+              className="flex flex-col flex-grow justify-center pt-6 pb-5 odd:bg-main-divider"
+            >
+              {_?.data ? <div className="text-xl-light mb-3">{_.data}</div> : null}
+              {_?.cols ? renderCols(_.cols, activeColumnIndex) : null}
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const renderCols = (cols: string[], rowIndex: number) =>
+  cols ? (
+    <div className={`flex text-xl-light ${rowIndex === 0 ? 'text-secondary-text' : ''}`}>
+      {cols.map((data, i) => (
+        <div key={String(i)} className="w-[76px] mx-8">
+          {data}
+        </div>
+      ))}
+    </div>
+  ) : null;

package/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -0,0 +1,36 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { EventBus } from '../../EventBus/EventBus';
+import { UniBlockProps } from '../../types';
+import { Button } from '../Button/Button';
+import { Icon } from '../Icon/Icon';
+import type { TariffsTableInnerEvent } from './InnerTableProps';
+
+export interface TableInnerButtonProps extends TariffsTableInnerEvent, UniBlockProps {
+  isOpen?: boolean;
+}
+
+export const TableInnerButton = JSX<TableInnerButtonProps>(
+  ({ isOpen, dataUrl, rowIdx, cellIdx, fieldIdx }) => {
+    const handleClick = () => {
+      EventBus.inst.fire('tariffInnerTable', { dataUrl, rowIdx, cellIdx, fieldIdx });
+    };
+
+    return (
+      <Button
+        version="primary"
+        onClick={handleClick}
+        className="w-full flex items-center justify-center rounded-none py-5 "
+      >
+        <div className="text-h4">{isOpen ? 'Скрыть' : 'Показать ставки по вкладу'}</div>
+        <Icon
+          name={isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon'}
+          className="ml-3"
+          iconVersion="white"
+          width="20"
+          height="20"
+          asSVG
+        />
+      </Button>
+    );
+  },
+);

package/src/ui-kit/InnerTable/InnerTableHeader.tsx

@@ -0,0 +1,42 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from '../Button/Button';
+import { Img } from '../Img/Img';
+
+export interface InnerTableHeaderProps {
+  currencies?: string[];
+  linkToPDF?: string;
+  activeTabIndex: number;
+  setActiveTabIndex: (idx: number) => void;
+}
+
+export const InnerTableHeader = JSX<InnerTableHeaderProps>(
+  ({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (
+    <div className="flex justify-between w-full pt-2.5 pb-3">
+      {currencies && currencies.length > 1 ? (
+        <div className="flex bg-secondary-light p-1 rounded-md">
+          {currencies.map((currency, idx) => (
+            <div
+              key={currency}
+              className={`rounded-md text-xl-light px-4 py-3 cursor-pointer ${
+                idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'
+              }`}
+              onClick={() => setActiveTabIndex(idx)}
+            >
+              {currency || idx + 1}
+            </div>
+          ))}
+        </div>
+      ) : null}
+      {linkToPDF ? (
+        <Button
+          href={linkToPDF}
+          version="secondary"
+          className="flex justify-center items-center text-l-light text-primary-main px-8"
+        >
+          <Img image="DocDownload" className="mr-[10px]" width="24" height="24" asSVG />
+          <span>Скачать в PDF</span>
+        </Button>
+      ) : null}
+    </div>
+  ),
+);

package/src/ui-kit/InnerTable/InnerTableProps.ts

@@ -0,0 +1,31 @@
+import type { TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
+
+export type RowsData = {
+  data?: string;
+  cols?: string[];
+};
+
+export type DataItem = {
+  title?: string;
+  rowsData?: RowsData[][];
+};
+
+export type TableData = {
+  currency?: string;
+  items?: DataItem[];
+};
+
+export type TableFetchData = {
+  tableData?: TableData[];
+};
+
+export interface TariffsTableInnerContent {
+  /** @title Справочник */
+  dataUrl?: string;
+  /** @title Ссылка PDF-файл */
+  pdfUrl?: string;
+}
+
+export interface TariffsTableInnerEvent
+  extends Partial<TariffsTableCellIndexProps>,
+    TariffsTableInnerContent {}

package/src/ui-kit/List/List.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListItem } from './ListItem';
-import type { ListItemVersion, ListProps } from './ListProps';
+import type { ListItemSize, ListItemVersion, ListProps } from './ListProps';
 
 const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
   primary: 'text-primary-text',
@@ -10,11 +10,26 @@ const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
   'tile-white': 'text-white',
 };
 
+const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
+  M: 'text-xl-light',
+  L: 'text-h5-light',
+};
+
 export const List = JSX<ListProps>((props) => {
-  const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
+  const {
+    className = '',
+    itemClassName,
+    isDotted,
+    items,
+    listItemSize = 'M',
+    version = 'primary',
+  } = props;
 
   return (
-    <section className={`${TEXT_STYLE_MAP[version]} ${className}`} role="list">
+    <section
+      className={`${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className}`}
+      role="list"
+    >
       {items?.length
         ? items.map((_, i) => (
             <ListItem

package/src/ui-kit/List/ListProps.ts

@@ -1,5 +1,11 @@
 import type { ListContent } from './ListContent';
 
+/**
+ * @title Размер пунктов списка
+ * @enumNames ["Средний", "Большой"]
+ */
+export type ListItemSize = 'M' | 'L';
+
 /**
  * @title Версия списка
  * @enumNames ["Основной", "Второстепенный", "Серый"]
@@ -10,9 +16,12 @@ export type ListItemVersion = 'primary' | 'secondary' | 'gray' | 'tile' | 'tile-
  * @title Содержимое списка
  */
 export interface ListProps extends ListContent {
+  /** @hidden */
   className?: string;
+  /** @hidden */
+  itemClassName?: string;
   /** @title Буллиты */
   isDotted?: boolean;
+  listItemSize?: ListItemSize;
   version?: ListItemVersion;
-  itemClassName?: string;
 }

package/src/ui-kit/Logo/Logo.mobile.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import { Img } from '../Img/Img';
 
 export interface LogoProps {

package/src/ui-kit/Logo/Logo.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { Picture } from '../../model/Picture';
 import { Img } from '../Img/Img';
 
@@ -15,6 +15,11 @@ export interface LogoProps {
   };
 }
 
+const ICON_VERSION_MAP: Record<BgColorVersion, string> = {
+  'bg-white': 'normal',
+  transparent: 'white',
+};
+
 const SVG_COLOR: Record<BgColorVersion, string> = {
   'bg-white': 'text-primary-main',
   transparent: 'text-white',
@@ -45,7 +50,7 @@ export const Logo = JSX<Partial<LogoProps>>(
           <Img image={logo.image} className={SVG_COLOR[bgColor]} width="40" height="45" asSVG />
         ) : (
           <Img
-            image={{ icon: 'Logo' }}
+            image={{ icon: 'Logo', iconVersion: ICON_VERSION_MAP[bgColor] }}
             className={`${SVG_COLOR[bgColor]} w-10`}
             width="40"
             height="45"
@@ -61,5 +66,5 @@ export const Logo = JSX<Partial<LogoProps>>(
 const renderTitle = (children, bgColor, title) => {
   const text = children || title || 'Россельхозбанк';
 
-  return <span className={`${TEXT_COLOR[bgColor]} font-medium ml-2.5`}>{text}</span>;
+  return <span className={`${TEXT_COLOR[bgColor]} font-light ml-2.5`}>{text}</span>;
 };

package/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -47,7 +47,7 @@ const getDotStyles = (
   indexFraction: number,
 ): Record<string, string> | undefined => {
   if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
-    return;
+    return undefined;
   }
 
   const leftIndexMod = 1 - indexFraction;

package/src/ui-kit/TopItem/TopItem.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 
 export interface TopItemContent extends LinkProps {
@@ -54,8 +54,8 @@ const getLinkClasses = (bgColor: BgColorVersion, active = false, flat = false) =
 };
 
 const getTextClasses = (bgColor: BgColorVersion, active = false, flat = false) => {
-  if (bgColor !== 'bg-white') {
-    return `text-white ${TEXT_CLASSES}`;
+  if (bgColor === 'transparent') {
+    return `text-white hover:text-primary-hover ${TEXT_CLASSES}`;
   }
   const nonActiveAtoms = `${
     flat ? 'text-primary-text' : 'text-secondary-text'

package/src/utils/assertUnreachable.ts

@@ -0,0 +1,3 @@
+export function assertUnreachable(x: never): never {
+  throw new Error(x);
+}

package/src/utils/fetchJSON.ts

@@ -0,0 +1,24 @@
+export async function fetchJSON<R = unknown>(
+  url: string,
+  options?: RequestInit,
+): Promise<R | null> {
+  try {
+    return await fetchJSONUnsafe(url, options);
+  } catch (err) {
+    console.error(err);
+  }
+
+  return null;
+}
+
+export async function fetchJSONUnsafe<R = unknown>(url: string, options?: RequestInit): Promise<R> {
+  const response = await fetch(url, {
+    ...options,
+    headers: {
+      ...options?.headers,
+      'Content-Type': 'application/json',
+    },
+  });
+
+  return await response.json();
+}

package/src/utils/roundTo.ts

@@ -1,5 +1,5 @@
-export const roundTo = (value: number, precision = 2) => {
-  const factor = Math.pow(10, precision);
+export const roundTo = (value: number | string, precision = 2) => {
+  const factor = 10 ** precision;
 
   return Math.round(parseFloat(String(value)) * factor) / factor;
 };