@redneckz/wildless-cms-uni-blocks 0.16.3-credit → 0.16.4-credit

package/mobile/src/components/TariffsTable/TariffsTableTileCell.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type VNode } from '../../model/VNode';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import { TableTileHeader } from './TableTileHeader';
-import { type CellDef, type TariffsTableTile } from './TariffsTableContent';
-
-export interface TariffsTableTileCellProps extends UniBlockProps {
-  tile?: TariffsTableTile;
-}
-
-export const TariffsTableTileCell = JSX<TariffsTableTileCellProps>(({ tile, ...rest }) => (
-  <div className="h-full">
-    <TableTileHeader title={tile?.header?.title} />
-    {tile?.data?.length
-      ? tile.data.map((cell, i) => (
-          <div key={String(i)} className="mb-xs">
-            {renderCell(cell, rest)}
-          </div>
-        ))
-      : null}
-  </div>
-));
-
-function renderCell(cell: CellDef, props: UniBlockProps): VNode {
-  if (!cell || !cell.tableCellType || !(cell.tableCellType in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[cell.tableCellType];
-
-  return <EmbeddableCellInner displayTable={() => null} isVisible={true} {...cell} {...props} />;
-}

package/mobile/src/components/TariffsTable/TariffsTableVertical.tsx

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableVertical = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <div className="flex flex-col gap-s">
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </div>
-  ) : null,
-);

package/mobile/src/components/TariffsTable/constants.ts

@@ -1,4 +0,0 @@
-export const dividerStyle = '@4xl:border-main-divider @4xl:border-b';
-export const firstCellStyle = 'w-80 flex-shrink-0';
-export const COLS_LENGTH_FOR_SCROLL = 2;
-export const COLUMN_WIDTH = 4 * 80 + 40; // w-80 + pl-10 = 360px

package/src/components/Header/useChatBot.ts

@@ -1,86 +0,0 @@
-import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { initializeExternalNS, initializeExternalStylesheet } from '../../hooks/useExternalNS';
-import { type PreventableEventWithTarget } from '../../ui-kit/PreventableEvent';
-
-const CHAT_NAMESPACE = 'chatbot';
-const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
-const CHAT_FRAME_ID = 'webchat-js-container:webchat_rshb';
-const CHAT_STORAGE_NAME = 'webchat-keep-open';
-const BUSINESS_CHAT_PREFIX = '/webchat-api';
-const BUSINESS_CHAT_CLASSNAME =
-  '@container fixed right-0 bottom-0 top-0 h-full w-full z-[100] @3xl:w-auto h-fit';
-
-const CHATBOT_URL: Record<string, string> = {
-  personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
-  business: '/webchat',
-};
-
-interface WebChat {
-  render?: (id?: string, isOpen?: boolean, prefix?: string, className?: string) => void;
-  chatOpen?: () => void;
-  chatClose?: () => void;
-}
-
-export const useChatBot = (chat?: string) => {
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-
-  useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
-  const chatUrl = CHATBOT_URL[chat ?? ''];
-
-  const load = useCallback(
-    (ev: PreventableEventWithTarget) => {
-      if (!chatUrl) {
-        return;
-      }
-
-      setIsLoading(true);
-      if (chat === 'business') {
-        renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
-      } else {
-        renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
-      }
-    },
-    [chatUrl, chat],
-  );
-
-  return { load, isLoading };
-};
-
-const renderPersonalChatBot = async (ev: PreventableEventWithTarget, chatUrl: string) => {
-  const target = ev.target as HTMLElement;
-
-  if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
-    target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
-  }
-
-  const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
-  if (!chatFrame) {
-    await initializeExternalNS(CHAT_NAMESPACE, chatUrl);
-  }
-};
-
-const renderBusinessChatBot = async (chatUrl: string) => {
-  const businessChat = (await initializeExternalNS(
-    CHAT_NAMESPACE,
-    `${chatUrl}/bundle.js`,
-    true,
-  )) as WebChat;
-
-  initializeExternalStylesheet(`${chatUrl}/bundle.css`);
-
-  const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
-  if (chatFrame) {
-    businessChat?.chatOpen?.();
-  } else {
-    createChatFrame();
-
-    businessChat?.render?.(CHAT_FRAME_ID, true, BUSINESS_CHAT_PREFIX, BUSINESS_CHAT_CLASSNAME);
-  }
-};
-
-const createChatFrame = () => {
-  const chatFrame = globalThis.document.createElement('div');
-  chatFrame.id = CHAT_FRAME_ID;
-
-  globalThis.document.body.appendChild(chatFrame);
-};

package/src/components/TariffsTable/EmbeddableCellData.tsx

@@ -1,79 +0,0 @@
-import { Img } from '../../ui-kit/Img/Img';
-import { type ImageContent } from '../../ui-kit/Img/ImgProps';
-import {
-  TableInnerButton,
-  type InnerTableButtonProps,
-} from '../../ui-kit/InnerTable/InnerTableButton';
-import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
-import { RichText } from '../../ui-kit/RichText/RichText';
-import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
-import { Text } from '../../ui-kit/Text/Text';
-import { type LabelDescriptionCell } from './TariffsTableContent';
-
-export type EmbeddableCellDataType =
-  | LabelDescriptionCell
-  | LinkButtonContent
-  | ImageContent
-  | RichTextProps
-  | InnerTableButtonProps;
-
-interface TableCellDataProps extends InnerTableButtonProps {
-  isVisible?: boolean;
-  displayTable: (props: TariffsTableInnerContent) => void;
-}
-
-const renderButtonsCellData = ({ buttons }: ButtonsSectionContent) =>
-  renderButtonsSection(buttons, {
-    buttonClassName: 'basis-0',
-  });
-
-const renderLabelDescriptionCellData = ({ label, description }: LabelDescriptionCell) => (
-  <div className="space-y-2xs">
-    {label ? (
-      <div>
-        <Text size="text-h6">{label}</Text>
-      </div>
-    ) : null}
-    {description ? (
-      <div className="lg:text-l font-light text-xs">
-        <Text color="text-secondary-text">{description}</Text>
-      </div>
-    ) : null}
-  </div>
-);
-
-const renderImgCellData = ({ image }: ImageContent) => (image?.src ? <Img image={image} /> : null);
-
-const renderRichTextCellData = ({ __html, isDotted = true }: RichTextProps) => (
-  <div className="flex flex-col justify-between items-start text-h6">
-    <RichText __html={__html} isDotted={isDotted} itemSize="list-m" />
-  </div>
-);
-
-const renderInnerTableCellData = ({
-  isVisible,
-  displayTable,
-  tableSource,
-  pdfUrl,
-  isOpen,
-}: TableCellDataProps) =>
-  isVisible ? (
-    <TableInnerButton
-      className="w-fit"
-      isOpen={isOpen}
-      onClick={() => {
-        displayTable({ tableSource, pdfUrl });
-      }}
-    />
-  ) : null;
-
-export const EmbeddableCellData = {
-  Buttons: renderButtonsCellData,
-  Img: renderImgCellData,
-  RichText: renderRichTextCellData,
-  LabelDescription: renderLabelDescriptionCellData,
-  Table: renderInnerTableCellData,
-};

package/src/components/TariffsTable/TableTileHeader.tsx

@@ -1,15 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { type TariffsTableRowHeader } from './TariffsTableContent';
-
-export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => (
-  <div className="mb-xs">
-    {title ? (
-      <Text size="text-l" font="font-light">
-        {title}
-      </Text>
-    ) : null}
-    {icon ? <Img className="ml-auto min-w-6" image={icon} width="24" height="24" /> : null}
-  </div>
-));

package/src/components/TariffsTable/TariffsTableHorizontal.tsx

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableHorizontal = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <SwipeListControl {...rest} padding={undefined}>
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </SwipeListControl>
-  ) : null,
-);

package/src/components/TariffsTable/TariffsTableRenderCell.tsx

@@ -1,83 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import { type TariffTableContentProps } from './TariffsTableCell';
-import { type CellDef } from './TariffsTableContent';
-
-interface TariffTableCellInnerProps extends TariffTableContentProps {
-  cellIdx: number;
-  rowIdx: number;
-}
-
-interface RenderCellProps {
-  cell: CellDef;
-  cellProps: CellProps;
-}
-
-interface CellProps {
-  isVisible?: boolean;
-  cellIdx: number;
-  rowIdx: number;
-  fieldIdx: number;
-  displayTable: (props: TariffsTableInnerContent) => void;
-}
-
-export interface RenderCellInnerProps extends TariffTableCellInnerProps {
-  cell: CellDef;
-  fieldIdx: number;
-}
-
-export const RenderCellInner = JSX<RenderCellInnerProps>(
-  ({
-    cell,
-    fieldIdx,
-    rowIdx,
-    cellIdx,
-    setTableInner,
-    tableInner,
-    openTableInnerIdx,
-    setOpenTableInnerIdx,
-  }) => {
-    const [isVisible, setVisibility] = useState(true);
-
-    useEffect(() => {
-      if (cellIdx !== openTableInnerIdx || !tableInner) {
-        setVisibility(true);
-      }
-    }, [tableInner, openTableInnerIdx]);
-
-    const displayTable = (props: TariffsTableInnerContent) => {
-      setVisibility(false);
-      setOpenTableInnerIdx(cellIdx);
-      setTableInner(props);
-    };
-
-    return renderCell({
-      cell,
-      cellProps: {
-        rowIdx,
-        cellIdx,
-        fieldIdx,
-        displayTable,
-        isVisible,
-      },
-    });
-  },
-);
-
-const renderCell = ({ cell, cellProps }: RenderCellProps) => {
-  if (!cell) {
-    return null;
-  }
-
-  const { tableCellType: type, ...rest } = cell;
-
-  if (!type || !(type in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[type];
-
-  return <EmbeddableCellInner {...cellProps} {...rest} />;
-};

package/src/components/TariffsTable/TariffsTableTileCell.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type VNode } from '../../model/VNode';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import { TableTileHeader } from './TableTileHeader';
-import { type CellDef, type TariffsTableTile } from './TariffsTableContent';
-
-export interface TariffsTableTileCellProps extends UniBlockProps {
-  tile?: TariffsTableTile;
-}
-
-export const TariffsTableTileCell = JSX<TariffsTableTileCellProps>(({ tile, ...rest }) => (
-  <div className="h-full">
-    <TableTileHeader title={tile?.header?.title} />
-    {tile?.data?.length
-      ? tile.data.map((cell, i) => (
-          <div key={String(i)} className="mb-xs">
-            {renderCell(cell, rest)}
-          </div>
-        ))
-      : null}
-  </div>
-));
-
-function renderCell(cell: CellDef, props: UniBlockProps): VNode {
-  if (!cell || !cell.tableCellType || !(cell.tableCellType in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[cell.tableCellType];
-
-  return <EmbeddableCellInner displayTable={() => null} isVisible={true} {...cell} {...props} />;
-}

package/src/components/TariffsTable/TariffsTableVertical.tsx

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableVertical = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <div className="flex flex-col gap-s">
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </div>
-  ) : null,
-);

package/src/components/TariffsTable/constants.ts

@@ -1,4 +0,0 @@
-export const dividerStyle = '@4xl:border-main-divider @4xl:border-b';
-export const firstCellStyle = 'w-80 flex-shrink-0';
-export const COLS_LENGTH_FOR_SCROLL = 2;
-export const COLUMN_WIDTH = 4 * 80 + 40; // w-80 + pl-10 = 360px