@pushwoosh/dumb-components 1.1.161 → 1.1.162

package/NativeRichMediaPreview/components/NativeRichMediaPtLabel/styles.js

@@ -0,0 +1,30 @@
+import styled from 'styled-components';
+export const Label = styled.div.withConfig({
+  displayName: "Label",
+  componentId: "sc-1psp4td-0"
+})(["font-size:", "px;font-weight:", ";text-align:", ";line-height:", ";overflow-wrap:break-word;color:", ";", " ", " ", ""], ({
+  $size
+}) => $size, ({
+  $weight
+}) => $weight, ({
+  $align
+}) => $align, ({
+  $lineHeight
+}) => $lineHeight !== undefined ? $lineHeight : 1.28, ({
+  $color
+}) => $color, ({
+  $truncate
+}) => $truncate ? `
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  ` : '', ({
+  $clamp2
+}) => $clamp2 ? `
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  ` : '', ({
+  $marginTop
+}) => $marginTop !== undefined ? `margin-top: ${$marginTop}px;` : '');

package/NativeRichMediaPreview/components/NativeRichMediaPtLabel/types.d.ts

@@ -0,0 +1,12 @@
+import type { NativeRichMediaText } from '../../types';
+export type NativeRichMediaPtLabelProps = {
+    value: NativeRichMediaText;
+    size: number;
+    weight: number;
+    fallbackColor: string;
+    align?: 'left' | 'center' | 'right';
+    lineHeight?: string | number;
+    marginTop?: number;
+    truncate?: boolean;
+    clamp2?: boolean;
+};

package/NativeRichMediaPreview/components/NativeRichMediaPtLabel/types.js

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

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/NativeRichMediaRewardPanel.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from 'react';
+import type { NativeRichMediaRewardPanelProps } from './types';
+export declare function NativeRichMediaRewardPanel(props: NativeRichMediaRewardPanelProps): ReactElement | null;

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/NativeRichMediaRewardPanel.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Color } from '@pushwoosh/kit-constants';
+import { SECONDARY_LABEL, asText, contrastOn, isLightHex, withAlpha } from '../../helpers';
+import { CopyIcon } from '../../icons';
+import { ButtonRow } from '../../styles';
+import { NativeRichMediaPtLabel } from '../NativeRichMediaPtLabel';
+import { CodeBox, CodeText } from './styles';
+export function NativeRichMediaRewardPanel(props) {
+  const {
+    reward,
+    onBackgroundHex
+  } = props;
+  if (!reward) {
+    return null;
+  }
+  const primary = contrastOn(onBackgroundHex);
+  const codeColor = reward.title && reward.title.color || primary;
+  const messageColor = isLightHex(onBackgroundHex) ? SECONDARY_LABEL : 'rgba(255,255,255,0.72)';
+  const codeBackground = isLightHex(onBackgroundHex) ? 'rgba(0,0,0,0.06)' : 'rgba(255,255,255,0.16)';
+  const visibleOrder = [reward.title && 'title', reward.message && 'message', reward.code && 'code', reward.button && 'button'].filter(Boolean);
+  const firstVisible = visibleOrder[0];
+  const marginFor = key => key === firstVisible ? undefined : 12;
+  return _jsxs("div", {
+    children: [reward.title && _jsx(NativeRichMediaPtLabel, {
+      value: reward.title,
+      size: 22,
+      weight: 800,
+      fallbackColor: primary,
+      align: "center",
+      marginTop: marginFor('title')
+    }), reward.message && _jsx(NativeRichMediaPtLabel, {
+      value: reward.message,
+      size: 15,
+      weight: 400,
+      fallbackColor: messageColor,
+      align: "center",
+      marginTop: marginFor('message')
+    }), reward.code && _jsxs(CodeBox, {
+      "$marginTop": marginFor('code'),
+      "$background": codeBackground,
+      "$border": '1.5px dashed ' + withAlpha(primary, 0.4),
+      children: [_jsx(CodeText, {
+        "$color": codeColor,
+        children: asText(reward.code)
+      }), _jsx(CopyIcon, {
+        color: withAlpha(codeColor, 0.7)
+      })]
+    }), reward.button && _jsx(ButtonRow, {
+      "$marginTop": marginFor('button'),
+      "$borderRadius": 14,
+      "$background": Color.PRIMARY,
+      "$color": "#FFF",
+      children: asText(reward.button)
+    })]
+  });
+}

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/index.d.ts

@@ -0,0 +1 @@
+export { NativeRichMediaRewardPanel } from './NativeRichMediaRewardPanel';

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/index.js

@@ -0,0 +1 @@
+export { NativeRichMediaRewardPanel } from './NativeRichMediaRewardPanel';

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const CodeBox: import("styled-components").StyledComponent<"div", any, {
+    $background: string;
+    $border: string;
+    $marginTop?: number;
+}, never>;
+export declare const CodeText: import("styled-components").StyledComponent<"span", any, {
+    $color: string;
+}, never>;

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/styles.js

@@ -0,0 +1,17 @@
+import styled from 'styled-components';
+export const CodeBox = styled.div.withConfig({
+  displayName: "CodeBox",
+  componentId: "sc-z83bc4-0"
+})(["height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:", ";border:", ";", ""], ({
+  $background
+}) => $background, ({
+  $border
+}) => $border, ({
+  $marginTop
+}) => $marginTop !== undefined ? `margin-top: ${$marginTop}px;` : '');
+export const CodeText = styled.span.withConfig({
+  displayName: "CodeText",
+  componentId: "sc-z83bc4-1"
+})(["font-size:17px;font-weight:700;color:", ";"], ({
+  $color
+}) => $color);

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/types.d.ts

@@ -0,0 +1,5 @@
+import type { NativeRichMediaReward } from '../../types';
+export type NativeRichMediaRewardPanelProps = {
+    reward?: NativeRichMediaReward;
+    onBackgroundHex: string;
+};

package/NativeRichMediaPreview/components/NativeRichMediaRewardPanel/types.js

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

package/NativeRichMediaPreview/helpers.d.ts

@@ -0,0 +1,17 @@
+export declare const PT: {
+    W: number;
+    H: number;
+    SAFE_TOP: number;
+    SAFE_BOTTOM: number;
+};
+export declare const SEG_FALLBACK: string[];
+export declare const SECONDARY_LABEL = "rgba(60,60,67,0.6)";
+export declare const TERTIARY_LABEL = "rgba(60,60,67,0.3)";
+export declare const NEAR_BLACK = "#1F1F1F";
+export declare function isLightHex(hex: string): boolean;
+export declare function contrastOn(hex: string): string;
+export declare function withAlpha(hex: string, a: number): string;
+export declare function mixHex(hex: string, target: string, t: number): string;
+export declare function surfaceBackground(background: string | string[] | undefined, fallbackHex: string): string;
+export declare function asText(value: unknown): string;
+export declare function surfaceBaseHex(background: string | string[] | undefined): string | null;

package/NativeRichMediaPreview/helpers.js

@@ -0,0 +1,81 @@
+export const PT = {
+  W: 393,
+  H: 852,
+  SAFE_TOP: 59,
+  SAFE_BOTTOM: 34
+};
+export const SEG_FALLBACK = ['#5856D6', '#FF2D55', '#30B0C7', '#FF9500', '#AF52DE', '#34C759'];
+export const SECONDARY_LABEL = 'rgba(60,60,67,0.6)';
+export const TERTIARY_LABEL = 'rgba(60,60,67,0.3)';
+export const NEAR_BLACK = '#1F1F1F';
+function rgbOf(hex) {
+  if (typeof hex !== 'string') {
+    return null;
+  }
+  let s = hex.trim().replace(/^#/, '');
+  if (s.length === 3) {
+    s = s.split('').map(ch => ch + ch).join('');
+  }
+  if (s.length === 8) {
+    s = s.slice(0, 6);
+  }
+  if (s.length !== 6 || /[^0-9a-fA-F]/.test(s)) {
+    return null;
+  }
+  const v = parseInt(s, 16);
+  return {
+    r: v >> 16 & 255,
+    g: v >> 8 & 255,
+    b: v & 255
+  };
+}
+function lumaOf(hex) {
+  const c = rgbOf(hex);
+  return c ? (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255 : 1;
+}
+export function isLightHex(hex) {
+  return lumaOf(hex) > 0.65;
+}
+export function contrastOn(hex) {
+  return isLightHex(hex) ? NEAR_BLACK : '#FFFFFF';
+}
+export function withAlpha(hex, a) {
+  const c = rgbOf(hex) || {
+    r: 0,
+    g: 0,
+    b: 0
+  };
+  return 'rgba(' + c.r + ',' + c.g + ',' + c.b + ',' + a + ')';
+}
+export function mixHex(hex, target, t) {
+  const a = rgbOf(hex) || {
+    r: 199,
+    g: 199,
+    b: 199
+  };
+  const b = rgbOf(target) || {
+    r: 255,
+    g: 255,
+    b: 255
+  };
+  const m = ch => Math.round(a[ch] + (b[ch] - a[ch]) * t);
+  return 'rgb(' + m('r') + ',' + m('g') + ',' + m('b') + ')';
+}
+export function surfaceBackground(background, fallbackHex) {
+  if (Array.isArray(background)) {
+    if (background.length < 2) {
+      return background[0] || fallbackHex;
+    }
+    return 'linear-gradient(141deg, ' + background.join(', ') + ')';
+  }
+  return background || fallbackHex;
+}
+export function asText(value) {
+  return typeof value === 'string' ? value : '';
+}
+export function surfaceBaseHex(background) {
+  if (Array.isArray(background)) {
+    return background[0];
+  }
+  return background || null;
+}

package/NativeRichMediaPreview/icons/CopyIcon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <rect x="8" y="8" width="12" height="12" rx="2.5"/>
+  <path d="M5 15V6a2 2 0 012-2h9"/>
+</svg>

package/NativeRichMediaPreview/icons/ExpandIcon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.4" stroke-linecap="round">
+  <path d="M4 10V4h6M20 14v6h-6M4 4l7 7M20 20l-7-7"/>
+</svg>

package/NativeRichMediaPreview/icons/MutedIcon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none">
+  <path d="M4 9v6h4l5 4V5L8 9H4z" fill="#fff"/>
+  <path d="M16 9l6 6M22 9l-6 6" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/NativeRichMediaPreview/icons/ScribbleIcon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="20" viewBox="0 0 30 20" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round">
+  <path d="M2 14c4-9 7-9 10 0s7 9 10 0 4-6 6-4"/>
+</svg>

package/NativeRichMediaPreview/icons/SoundIcon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none">
+  <path d="M4 9v6h4l5 4V5L8 9H4z" fill="#fff"/>
+  <path d="M16.5 8.5a5 5 0 010 7M19 6a8.5 8.5 0 010 12" stroke="#fff" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/NativeRichMediaPreview/icons/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CopyIcon } from './CopyIcon.svg';
+export { default as ExpandIcon } from './ExpandIcon.svg';
+export { default as MutedIcon } from './MutedIcon.svg';
+export { default as ScribbleIcon } from './ScribbleIcon.svg';
+export { default as SoundIcon } from './SoundIcon.svg';

package/NativeRichMediaPreview/icons/index.js

@@ -0,0 +1,5 @@
+export { default as CopyIcon } from './CopyIcon.svg';
+export { default as ExpandIcon } from './ExpandIcon.svg';
+export { default as MutedIcon } from './MutedIcon.svg';
+export { default as ScribbleIcon } from './ScribbleIcon.svg';
+export { default as SoundIcon } from './SoundIcon.svg';

package/NativeRichMediaPreview/index.d.ts

@@ -0,0 +1,4 @@
+export type { NativeRichMediaConfig, NativeRichMediaDisplayType, NativeRichMediaText, NativeRichMediaAction, NativeRichMediaButton, NativeRichMediaReward, NativeRichMediaModalBlock, NativeRichMediaSheetBlock, NativeRichMediaCarouselBlock, NativeRichMediaCarouselItem, NativeRichMediaStoriesBlock, NativeRichMediaStoryItem, NativeRichMediaBannerBlock, NativeRichMediaFullscreenBlock, NativeRichMediaVideoBlock, NativeRichMediaPipBlock, NativeRichMediaScratchcardBlock, NativeRichMediaScratchcardCover, NativeRichMediaSpinwheelBlock, NativeRichMediaSpinwheelSegment, NativeRichMediaPreviewProps, } from './types';
+export { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
+export { parseNativeRichMediaConfig } from './parseNativeRichMediaConfig';
+export { NativeRichMediaPreview } from './NativeRichMediaPreview';

package/NativeRichMediaPreview/index.js

@@ -0,0 +1,3 @@
+export { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
+export { parseNativeRichMediaConfig } from './parseNativeRichMediaConfig';
+export { NativeRichMediaPreview } from './NativeRichMediaPreview';

package/NativeRichMediaPreview/parseNativeRichMediaConfig.d.ts

@@ -0,0 +1,6 @@
+import { type NativeRichMediaConfig } from './types';
+/**
+ * Parses and validates a native rich media config from an object or a JSON
+ * string; returns `null` when the input is not a well-formed config.
+ */
+export declare function parseNativeRichMediaConfig(content: string | NativeRichMediaConfig): NativeRichMediaConfig | null;

package/NativeRichMediaPreview/parseNativeRichMediaConfig.js

@@ -0,0 +1,40 @@
+import { NATIVE_RICH_MEDIA_DISPLAY_TYPES } from './types';
+function isObjectArray(value) {
+  return Array.isArray(value) && value.every(item => typeof item === 'object' && item !== null);
+}
+/**
+ * Parses and validates a native rich media config from an object or a JSON
+ * string; returns `null` when the input is not a well-formed config.
+ */
+export function parseNativeRichMediaConfig(content) {
+  let raw = content;
+  if (typeof content === 'string') {
+    try {
+      raw = JSON.parse(content);
+    } catch {
+      return null;
+    }
+  }
+  if (typeof raw !== 'object' || raw === null) {
+    return null;
+  }
+  const candidate = raw;
+  const displayType = candidate.displayType;
+  if (!NATIVE_RICH_MEDIA_DISPLAY_TYPES.includes(displayType)) {
+    return null;
+  }
+  if (typeof candidate[displayType] !== 'object' || candidate[displayType] === null) {
+    return null;
+  }
+  const block = candidate[displayType];
+  if ((displayType === 'carousel' || displayType === 'stories') && !isObjectArray(block.items)) {
+    return null;
+  }
+  if (displayType === 'spinwheel' && !isObjectArray(block.segments)) {
+    return null;
+  }
+  if (block.buttons !== undefined && !isObjectArray(block.buttons)) {
+    return null;
+  }
+  return candidate;
+}

package/NativeRichMediaPreview/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+export declare const Lang: import("react").FC<import("../../polyglot").LangProps<NativeRichMediaPreviewMessages>>, useLang: () => (props: import("../../polyglot").LangProps<NativeRichMediaPreviewMessages>) => string;

package/NativeRichMediaPreview/polyglot/index.js

@@ -0,0 +1,34 @@
+import { messages as ar } from './messages_ar';
+import { messages as bn } from './messages_bn';
+import { messages as de } from './messages_de';
+import { messages as en } from './messages_en';
+import { messages as es } from './messages_es';
+import { messages as fr } from './messages_fr';
+import { messages as he } from './messages_he';
+import { messages as hi } from './messages_hi';
+import { messages as ja } from './messages_ja';
+import { messages as ko } from './messages_ko';
+import { messages as pt } from './messages_pt';
+import { messages as ru } from './messages_ru';
+import { messages as th } from './messages_th';
+import { messages as zh } from './messages_zh';
+import { createLang } from '../../polyglot';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  ar,
+  bn,
+  de,
+  en,
+  es,
+  fr,
+  he,
+  hi,
+  ja,
+  ko,
+  pt,
+  ru,
+  th,
+  zh
+});

package/NativeRichMediaPreview/polyglot/messages_ar.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_ar.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'تكوين rich media غير صالح',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'اكشط هنا'
+};

package/NativeRichMediaPreview/polyglot/messages_bn.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_bn.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'অবৈধ rich media কনফিগারেশন',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'এখানে ঘষুন'
+};

package/NativeRichMediaPreview/polyglot/messages_de.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_de.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'Ungültige Rich-Media-Konfiguration',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'Hier freirubbeln'
+};

package/NativeRichMediaPreview/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_en.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'Invalid rich media config',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'Scratch here'
+};

package/NativeRichMediaPreview/polyglot/messages_es.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_es.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'Configuración de rich media no válida',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'Rasca aquí'
+};

package/NativeRichMediaPreview/polyglot/messages_fr.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_fr.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'Configuration rich media non valide',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'Grattez ici'
+};

package/NativeRichMediaPreview/polyglot/messages_he.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_he.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'תצורת rich media לא חוקית',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'גרדו כאן'
+};

package/NativeRichMediaPreview/polyglot/messages_hi.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_hi.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'अमान्य rich media कॉन्फ़िगरेशन',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'यहाँ खरोंचें'
+};

package/NativeRichMediaPreview/polyglot/messages_ja.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_ja.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'リッチメディア設定が無効です',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'ここを削ってください'
+};

package/NativeRichMediaPreview/polyglot/messages_ko.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_ko.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': '리치 미디어 구성이 잘못되었습니다',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': '여기를 긁어보세요'
+};

package/NativeRichMediaPreview/polyglot/messages_pt.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_pt.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'Configuração de rich media inválida',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'Raspe aqui'
+};

package/NativeRichMediaPreview/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_ru.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'Некорректная конфигурация rich media',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'Сотрите здесь'
+};

package/NativeRichMediaPreview/polyglot/messages_th.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_th.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': 'การกำหนดค่า rich media ไม่ถูกต้อง',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': 'ขูดที่นี่'
+};

package/NativeRichMediaPreview/polyglot/messages_zh.d.ts

@@ -0,0 +1,3 @@
+import { type NativeRichMediaPreviewMessages } from './types';
+import type { LangMessages } from '../../polyglot';
+export declare const messages: LangMessages<NativeRichMediaPreviewMessages>;

package/NativeRichMediaPreview/polyglot/messages_zh.js

@@ -0,0 +1,4 @@
+export const messages = {
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': '富媒体配置无效',
+  'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': '刮开此处'
+};

package/NativeRichMediaPreview/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type NativeRichMediaPreviewMessages = {
+    'DUMB.NATIVE_RICH_MEDIA_PREVIEW.INVALID_CONFIG': NoParams;
+    'DUMB.NATIVE_RICH_MEDIA_PREVIEW.SCRATCH_HERE': NoParams;
+};

package/NativeRichMediaPreview/polyglot/types.js

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

package/NativeRichMediaPreview/styles.d.ts

@@ -0,0 +1,19 @@
+export declare const TemplateLayer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonRow: import("styled-components").StyledComponent<"div", any, {
+    $borderRadius: number;
+    $background?: string;
+    $color: string;
+    $marginTop?: number;
+    $boxShadow?: string;
+    $border?: string;
+}, never>;
+export declare const ScaledCanvasHost: import("styled-components").StyledComponent<"div", any, {
+    width: string | number;
+    height: string | number;
+    $withBackground: boolean;
+}, never>;
+export declare const CanvasWrapper: import("styled-components").StyledComponent<"div", any, {
+    $canvasWidth: number;
+    $canvasHeight: number;
+    $scale: number;
+}, never>;