@pushwoosh/dumb-components 2.9.11 → 2.9.13

package/EditableField/__tests__/EditableField.test.d.ts

@@ -1 +0,0 @@
-export {};

package/EditableField/__tests__/EditableField.test.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { Color } from '@pushwoosh/kit-constants';
-import { EditableField } from '../EditableField';
-describe('EditableField', () => {
-  it('paints the open field without an `open` attribute on the div', () => {
-    render(_jsx(EditableField, {
-      value: "Campaign",
-      open: true,
-      onToggleOpen: jest.fn(),
-      onSubmit: jest.fn(),
-      onCancel: jest.fn(),
-      children: "Editor"
-    }));
-    const field = screen.getByText('Campaign').closest('div');
-    expect(field).not.toHaveAttribute('open');
-    expect(getComputedStyle(field).background.replace(/\s/g, '')).toBe(Color.MAIN.replace(/\s/g, ''));
-  });
-});

package/EmailTemplatePreview/__tests__/clickMap.test.d.ts

@@ -1 +0,0 @@
-export {};

package/EmailTemplatePreview/__tests__/clickMap.test.js

@@ -1,168 +0,0 @@
-import { CLICK_MAP_BADGE_ATTRIBUTE, CLICK_MAP_HEAT_ATTRIBUTE, decorateClickMap, matchClickMapItems } from '../clickMap';
-const PROMO = 'http://spartak.com/matchtowin';
-const TICKETS = 'https://tickets.spartak.com/zones/18956';
-const SHOP = 'https://shop.spartak.com/';
-const HTML = `
-  <a href="${PROMO}?utm_source=email&amp;utm_content=img"><img src="banner.png" alt=""></a>
-  <p>Подробности на <a href="${PROMO}?utm_source=email">странице акции</a>.</p>
-  <a href="${PROMO}?utm_source=email"><strong>Перейти на страницу акции</strong></a>
-  <a href="${TICKETS}?utm_source=email">Купить билеты</a>
-  <a href="${TICKETS}?utm_source=email">Купить билеты</a>
-  <a href="[% param.url_unsub %]">Отписаться</a>
-  <a data-pw-lid="aaaa11112222" href="${SHOP}">В магазин</a>
-  <a data-pw-lid="bbbb33334444" href="${SHOP}">В магазин</a>
-`;
-const item = (key, link, title, clicks, linkId) => ({
-  key,
-  link,
-  title,
-  clicks,
-  linkId
-});
-function createDocument() {
-  const frameDocument = document.implementation.createHTMLDocument('preview');
-  frameDocument.body.innerHTML = HTML;
-  return frameDocument;
-}
-describe('matchClickMapItems', () => {
-  it('tells anchors with the same link apart by their text and lands image links on the text-less anchor', () => {
-    const frameDocument = createDocument();
-    const items = [item('button', PROMO, 'Перейти на страницу акции', 1631), item('text', PROMO, 'странице акции', 398), item('image', PROMO, '', 172)];
-    const {
-      matches,
-      placement
-    } = matchClickMapItems(frameDocument, items);
-    expect(placement).toEqual({
-      placed: ['button', 'text', 'image'],
-      pooled: [],
-      unplaced: []
-    });
-    expect(matches.map(({
-      anchor,
-      items: matched
-    }) => [anchor.textContent?.trim(), matched.map(row => row.key)])).toEqual([['Перейти на страницу акции', ['button']], ['странице акции', ['text']], ['', ['image']]]);
-  });
-  it('ignores the query string of both sides when matching links', () => {
-    const {
-      placement
-    } = matchClickMapItems(createDocument(), [item('text', `${PROMO}?utm_source=other&x=1`, 'странице акции', 1)]);
-    expect(placement.placed).toEqual(['text']);
-  });
-  it('pools a row over every anchor that shares link and text', () => {
-    const {
-      matches,
-      placement
-    } = matchClickMapItems(createDocument(), [item('tickets', TICKETS, 'Купить билеты', 258)]);
-    expect(placement).toEqual({
-      placed: [],
-      pooled: ['tickets'],
-      unplaced: []
-    });
-    expect(matches).toHaveLength(2);
-  });
-  it('falls back to every anchor of the link when the recorded text matches none of them', () => {
-    const {
-      matches,
-      placement
-    } = matchClickMapItems(createDocument(), [item('promo', PROMO, 'Use this template →', 10)]);
-    expect(placement.pooled).toEqual(['promo']);
-    expect(matches).toHaveLength(3);
-  });
-  it('tells identical anchors apart by the stamped link id', () => {
-    const {
-      matches,
-      placement
-    } = matchClickMapItems(createDocument(), [item('top', SHOP, 'В магазин', 40, 'aaaa11112222'), item('bottom', SHOP, 'В магазин', 9, 'bbbb33334444')]);
-    expect(placement).toEqual({
-      placed: ['top', 'bottom'],
-      pooled: [],
-      unplaced: []
-    });
-    expect(matches.map(({
-      anchor,
-      items: matched
-    }) => [anchor.getAttribute('data-pw-lid'), matched.map(row => row.key)])).toEqual([['aaaa11112222', ['top']], ['bbbb33334444', ['bottom']]]);
-  });
-  it('falls back to link and text when the template no longer carries the recorded link id', () => {
-    const {
-      matches,
-      placement
-    } = matchClickMapItems(createDocument(), [item('old', SHOP, 'В магазин', 3, 'cccc55556666'), item('unstamped', PROMO, 'странице акции', 1)]);
-    expect(placement).toEqual({
-      placed: ['unstamped'],
-      pooled: ['old'],
-      unplaced: []
-    });
-    expect(matches).toHaveLength(3);
-  });
-  it('reports rows whose link is not in the template as unplaced', () => {
-    const {
-      matches,
-      placement
-    } = matchClickMapItems(createDocument(), [item('gone', 'https://old.example.com/', 'x', 5)]);
-    expect(placement).toEqual({
-      placed: [],
-      pooled: [],
-      unplaced: ['gone']
-    });
-    expect(matches).toHaveLength(0);
-  });
-});
-describe('decorateClickMap', () => {
-  it('draws one badge per matched anchor, highlights the active row and cleans up after itself', () => {
-    const frameDocument = createDocument();
-    const onPlaced = jest.fn();
-    const onSelect = jest.fn();
-    const items = [item('button', PROMO, 'Перейти на страницу акции', 1631), item('image', PROMO, '', 172), item('gone', 'https://old.example.com/', 'x', 5)];
-    const cleanup = decorateClickMap(frameDocument, {
-      items,
-      activeKey: 'button',
-      onPlaced,
-      onSelect
-    });
-    const badges = [...frameDocument.querySelectorAll(`[${CLICK_MAP_BADGE_ATTRIBUTE}]`)];
-    expect(badges.map(badge => [badge.getAttribute(CLICK_MAP_BADGE_ATTRIBUTE), badge.textContent])).toEqual([['button', '1.6K'], ['image', '172']]);
-    expect(badges[0].style.backgroundColor).not.toBe(badges[1].style.backgroundColor);
-    expect(frameDocument.querySelector('a strong')?.parentElement?.style.outline).toContain('solid');
-    expect(onPlaced).toHaveBeenCalledWith({
-      placed: ['button', 'image'],
-      pooled: [],
-      unplaced: ['gone']
-    });
-    badges[1].click();
-    expect(onSelect).toHaveBeenCalledWith('image');
-    cleanup();
-    expect(frameDocument.querySelectorAll(`[${CLICK_MAP_BADGE_ATTRIBUTE}]`)).toHaveLength(0);
-    expect(frameDocument.querySelector('a strong')?.parentElement?.style.outline).toBe('');
-  });
-});
-describe('decorateClickMap in heat mode', () => {
-  it('tints every matched anchor by its share of clicks and counts only the active one', () => {
-    const frameDocument = createDocument();
-    const items = [item('button', PROMO, 'Перейти на страницу акции', 1000), item('image', PROMO, '', 250), item('gone', 'https://old.example.com/', 'x', 5)];
-    const cleanup = decorateClickMap(frameDocument, {
-      items,
-      mode: 'heat',
-      activeKey: 'image'
-    });
-    const heats = [...frameDocument.querySelectorAll(`[${CLICK_MAP_HEAT_ATTRIBUTE}]`)];
-    const badges = [...frameDocument.querySelectorAll(`[${CLICK_MAP_BADGE_ATTRIBUTE}]`)];
-    const alpha = heat => Number(heat.style.backgroundColor.match(/[\d.]+\)$/)?.[0].slice(0, -1));
-    expect(heats.map(heat => heat.getAttribute(CLICK_MAP_HEAT_ATTRIBUTE))).toEqual(['button', 'image']);
-    expect(alpha(heats[0])).toBeGreaterThan(alpha(heats[1]));
-    expect(badges.map(badge => [badge.getAttribute(CLICK_MAP_BADGE_ATTRIBUTE), badge.textContent])).toEqual([['image', '250']]);
-    cleanup();
-    expect(frameDocument.querySelectorAll(`[${CLICK_MAP_HEAT_ATTRIBUTE}], [${CLICK_MAP_BADGE_ATTRIBUTE}]`)).toHaveLength(0);
-  });
-  it('selects a row by clicking its heat overlay', () => {
-    const frameDocument = createDocument();
-    const onSelect = jest.fn();
-    decorateClickMap(frameDocument, {
-      items: [item('text', PROMO, 'странице акции', 1)],
-      mode: 'heat',
-      onSelect
-    });
-    frameDocument.querySelector(`[${CLICK_MAP_HEAT_ATTRIBUTE}]`)?.click();
-    expect(onSelect).toHaveBeenCalledWith('text');
-  });
-});

package/ExternalImagePreview/__tests__/ExternalImagePreview.test.d.ts

@@ -1 +0,0 @@
-export {};

package/ExternalImagePreview/__tests__/ExternalImagePreview.test.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { ExternalImagePreview } from '../ExternalImagePreview';
-describe('ExternalImagePreview', () => {
-  it('sizes the image by CSS, not by width/height attributes', () => {
-    render(_jsx(ExternalImagePreview, {
-      src: "https://example.com/a.png",
-      width: 120,
-      height: 80,
-      placeholder: _jsx("i", {})
-    }));
-    const img = screen.getByRole('img');
-    expect(img).not.toHaveAttribute('width');
-    expect(img).not.toHaveAttribute('height');
-    expect(getComputedStyle(img).width).toBe('120px');
-    expect(getComputedStyle(img).height).toBe('80px');
-  });
-});

package/InboxPreview/__tests__/helpers.test.d.ts

@@ -1 +0,0 @@
-export {};

package/InboxPreview/__tests__/helpers.test.js

@@ -1,201 +0,0 @@
-import { MAX_CAROUSEL_SLIDES } from '../constants';
-import { getEmptyLayout, getPreviewContent, getPreviewTexts, getValidSlides, isEmptyContent, resolveInboxLayout } from '../helpers';
-const HERO = 'https://cdn.example.com/hero.jpg';
-const SLIDE = {
-  imageUrl: 'https://cdn.example.com/slide.jpg'
-};
-describe('resolveInboxLayout', () => {
-  it('renders the requested layout when it can', () => {
-    expect(resolveInboxLayout({
-      layoutType: 'classic',
-      title: 't',
-      body: 'b'
-    })).toBe('classic');
-    expect(resolveInboxLayout({
-      layoutType: 'banner',
-      bannerUrl: HERO
-    })).toBe('banner');
-    expect(resolveInboxLayout({
-      layoutType: 'captioned',
-      title: 't',
-      body: 'b',
-      bannerUrl: HERO
-    })).toBe('captioned');
-    expect(resolveInboxLayout({
-      layoutType: 'carousel',
-      title: 't',
-      body: 'b',
-      carousel: [SLIDE]
-    })).toBe('carousel');
-  });
-  it('degrades banner and captioned without a hero image into classic', () => {
-    expect(resolveInboxLayout({
-      layoutType: 'banner'
-    })).toBe('classic');
-    expect(resolveInboxLayout({
-      layoutType: 'captioned',
-      title: 't',
-      body: 'b'
-    })).toBe('classic');
-  });
-  it('degrades captioned and carousel without title or body into classic', () => {
-    expect(resolveInboxLayout({
-      layoutType: 'captioned',
-      body: 'b',
-      bannerUrl: HERO
-    })).toBe('classic');
-    expect(resolveInboxLayout({
-      layoutType: 'captioned',
-      title: 't',
-      bannerUrl: HERO
-    })).toBe('classic');
-    expect(resolveInboxLayout({
-      layoutType: 'carousel',
-      body: 'b',
-      carousel: [SLIDE]
-    })).toBe('classic');
-    expect(resolveInboxLayout({
-      layoutType: 'carousel',
-      title: 't',
-      carousel: [SLIDE]
-    })).toBe('classic');
-  });
-  it('degrades a carousel without valid slides into classic', () => {
-    expect(resolveInboxLayout({
-      layoutType: 'carousel',
-      title: 't',
-      body: 'b'
-    })).toBe('classic');
-    expect(resolveInboxLayout({
-      layoutType: 'carousel',
-      title: 't',
-      body: 'b',
-      carousel: [{
-        caption: 'no image'
-      }]
-    })).toBe('classic');
-  });
-  it('uses the icon as the hero fallback', () => {
-    expect(resolveInboxLayout({
-      layoutType: 'banner',
-      iconUrl: HERO
-    })).toBe('banner');
-  });
-  it('applies the SDK heuristic to unknown or absent layouts', () => {
-    expect(resolveInboxLayout({
-      bannerUrl: HERO
-    })).toBe('banner');
-    expect(resolveInboxLayout({
-      title: 't',
-      body: 'b',
-      bannerUrl: HERO
-    })).toBe('captioned');
-    expect(resolveInboxLayout({
-      title: 't',
-      body: 'b'
-    })).toBe('classic');
-    expect(resolveInboxLayout({
-      layoutType: 'video',
-      title: 't',
-      body: 'b'
-    })).toBe('classic');
-  });
-});
-describe('getValidSlides', () => {
-  it('drops slides without an image and keeps at most the SDK limit', () => {
-    const slides = [...Array.from({
-      length: MAX_CAROUSEL_SLIDES + 2
-    }, (_, index) => ({
-      imageUrl: `https://cdn.example.com/${index}.jpg`
-    })), {
-      caption: 'no image'
-    }];
-    const valid = getValidSlides(slides);
-    expect(valid).toHaveLength(MAX_CAROUSEL_SLIDES);
-    expect(valid.every(slide => !!slide.imageUrl)).toBe(true);
-  });
-});
-describe('getPreviewContent', () => {
-  const en = {
-    title: 'en'
-  };
-  const de = {
-    title: 'de'
-  };
-  it('prefers the explicit content over the localized map', () => {
-    expect(getPreviewContent(de, {
-      en
-    }, 'en')).toBe(de);
-  });
-  it('picks by language with default/en/first fallbacks', () => {
-    expect(getPreviewContent(null, {
-      en,
-      de
-    }, 'de')).toBe(de);
-    expect(getPreviewContent(null, {
-      en,
-      de
-    }, 'fr')).toBe(en);
-    expect(getPreviewContent(null, {
-      de
-    }, 'fr')).toBe(de);
-    expect(getPreviewContent(null, undefined, 'en')).toBeNull();
-    expect(getPreviewContent(null, {}, 'en')).toBeNull();
-  });
-});
-describe('empty state', () => {
-  it('detects content with nothing to render', () => {
-    expect(isEmptyContent({
-      layoutType: 'captioned'
-    })).toBe(true);
-    expect(isEmptyContent({
-      carousel: [{
-        caption: 'no image'
-      }]
-    })).toBe(true);
-    expect(isEmptyContent({
-      title: 't'
-    })).toBe(false);
-    expect(isEmptyContent({
-      bannerUrl: 'https://cdn.example.com/hero.jpg'
-    })).toBe(false);
-  });
-  it('shows the placeholder of the requested layout, classic for unknown', () => {
-    expect(getEmptyLayout({
-      layoutType: 'banner'
-    })).toBe('banner');
-    expect(getEmptyLayout({
-      layoutType: 'video'
-    })).toBe('classic');
-    expect(getEmptyLayout({})).toBe('classic');
-  });
-});
-describe('getPreviewTexts', () => {
-  it('moves the body into the title slot for classic without a title', () => {
-    expect(getPreviewTexts({
-      body: 'b'
-    }, 'classic')).toEqual({
-      title: 'b',
-      body: ''
-    });
-    expect(getPreviewTexts({
-      title: 't',
-      body: 'b'
-    }, 'classic')).toEqual({
-      title: 't',
-      body: 'b'
-    });
-  });
-  it('keeps the fields as-is for media layouts', () => {
-    expect(getPreviewTexts({
-      body: 'b'
-    }, 'captioned')).toEqual({
-      title: '',
-      body: 'b'
-    });
-    expect(getPreviewTexts({}, 'classic')).toEqual({
-      title: '',
-      body: ''
-    });
-  });
-});

package/NativeRichMediaPreview/__tests__/NativeRichMediaPreview.test.d.ts

@@ -1 +0,0 @@
-export {};

package/NativeRichMediaPreview/__tests__/NativeRichMediaPreview.test.js

@@ -1,81 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import { NativeRichMediaPreview } from '../NativeRichMediaPreview';
-const lightContent = {
-  displayType: 'modal',
-  modal: {
-    showClose: true,
-    dimBackground: true,
-    background: '#FFFFFFFF',
-    title: {
-      text: 'Hi',
-      color: '#4B5057FF'
-    },
-    buttons: []
-  }
-};
-const darkableContent = {
-  ...lightContent,
-  modal: {
-    ...lightContent.modal,
-    dark: {
-      background: '#14161AFF',
-      title: {
-        color: '#F2F4F7FF'
-      }
-    }
-  }
-};
-const themeChip = () => screen.getByLabelText('Switch light and dark');
-const renderPreview = (props = {}) => render(_jsx(NativeRichMediaPreview, {
-  content: darkableContent,
-  width: 304,
-  height: 659,
-  withThemeToggle: true,
-  ...props
-}));
-describe('NativeRichMediaPreview theme toggle', () => {
-  it('keeps its own theme when uncontrolled', () => {
-    renderPreview();
-    expect(themeChip()).toHaveAttribute('aria-pressed', 'false');
-    fireEvent.click(themeChip());
-    expect(themeChip()).toHaveAttribute('aria-pressed', 'true');
-  });
-  it('follows the theme prop instead of a click when controlled', () => {
-    const onThemeChange = jest.fn();
-    const {
-      rerender
-    } = renderPreview({
-      theme: 'dark',
-      onThemeChange
-    });
-    expect(themeChip()).toHaveAttribute('aria-pressed', 'true');
-    fireEvent.click(themeChip());
-    expect(onThemeChange).toHaveBeenCalledWith('light');
-    expect(themeChip()).toHaveAttribute('aria-pressed', 'true');
-    rerender(_jsx(NativeRichMediaPreview, {
-      content: darkableContent,
-      width: 304,
-      height: 659,
-      withThemeToggle: true,
-      theme: "light",
-      onThemeChange: onThemeChange
-    }));
-    expect(themeChip()).toHaveAttribute('aria-pressed', 'false');
-  });
-  it('reports the controlled theme even when the content has no dark overlay', () => {
-    renderPreview({
-      content: lightContent,
-      theme: 'dark',
-      onThemeChange: jest.fn()
-    });
-    expect(themeChip()).toHaveAttribute('aria-pressed', 'true');
-    expect(themeChip()).not.toBeDisabled();
-  });
-  it('disables the chip on content without a dark overlay when uncontrolled', () => {
-    renderPreview({
-      content: lightContent
-    });
-    expect(themeChip()).toBeDisabled();
-  });
-});

package/PageHeader/__tests__/PageHeader.test.d.ts

@@ -1 +0,0 @@
-export {};

package/PageHeader/__tests__/PageHeader.test.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { PageHeader } from '../components/PageHeader';
-import { PageHeaderSkeleton } from '../components/PageHeaderSkeleton';
-describe('PageHeader', () => {
-  it('spaces the more-actions box only when there are actions', () => {
-    const {
-      rerender
-    } = render(_jsx(PageHeader, {
-      title: "Page",
-      moreActions: _jsx("span", {
-        children: "More"
-      }),
-      onSubmit: jest.fn()
-    }));
-    expect(getComputedStyle(screen.getByText('More').parentElement).marginRight).toBe('16px');
-    rerender(_jsx(PageHeader, {
-      title: "Page",
-      moreActions: _jsx("span", {
-        children: "More"
-      })
-    }));
-    expect(getComputedStyle(screen.getByText('More').parentElement).marginRight).toBe('0px');
-  });
-  it('sizes the skeleton blocks without width/height attributes', () => {
-    const {
-      container
-    } = render(_jsx(PageHeaderSkeleton, {}));
-    const sized = Array.from(container.querySelectorAll('div')).filter(el => getComputedStyle(el).width === '68px');
-    expect(sized).toHaveLength(2);
-    sized.forEach(el => {
-      expect(el).not.toHaveAttribute('width');
-      expect(el).not.toHaveAttribute('height');
-      expect(getComputedStyle(el).height).toBe('36px');
-    });
-  });
-});

package/PushPreview/__tests__/PushPreview.test.d.ts

@@ -1 +0,0 @@
-export {};

package/PushPreview/__tests__/PushPreview.test.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { Color } from '@pushwoosh/kit-constants';
-import { PushPreview } from '../PushPreview';
-describe('PushPreview', () => {
-  it('wraps the extended description and keeps view off the DOM', () => {
-    const {
-      container
-    } = render(_jsx(PushPreview, {
-      view: "extended",
-      pushPreset: null
-    }));
-    const description = screen.getByText('Message is empty…');
-    expect(container.querySelector('[view]')).toBeNull();
-    expect(getComputedStyle(description).whiteSpace).toBe('normal');
-  });
-  it('greys out the silent-push texts without a `locked` attribute', () => {
-    const {
-      container
-    } = render(_jsx(PushPreview, {
-      view: "silent"
-    }));
-    expect(container.querySelector('[locked]')).toBeNull();
-    expect(getComputedStyle(screen.getByText('Silent push notification')).color.replace(/\s/g, '')).toBe(Color.LOCKED.replace(/\s/g, ''));
-  });
-});

package/PushStoriesPreview/__tests__/PushStoriesPreview.test.d.ts

@@ -1 +0,0 @@
-export {};