@pushwoosh/brand-book 0.0.0-stage → 0.1.0

package/DeriveThemeSection/DeriveThemeSection.d.ts

@@ -0,0 +1,3 @@
+import type { DeriveThemeSectionProps } from '../types';
+/** Derives a brand from a site URL, or from attached materials plus the written voice; the caller applies it. */
+export declare function DeriveThemeSection({ application, extractTheme, logoSrc, disabled, onTheme, voice, onVoice, onLogo, }: DeriveThemeSectionProps): import("react").JSX.Element;

package/DeriveThemeSection/DeriveThemeSection.js

@@ -0,0 +1,459 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { Button } from '@pushwoosh/dumb-components';
+import { Color } from '@pushwoosh/kit-constants';
+import { useLang } from './polyglot';
+import { useExtractTheme } from './useExtractTheme';
+import { ACCEPTED_IMAGE_TYPES, ACCEPTED_SOURCE_ACCEPT, fileToReferenceImage, fileToSource } from '../sources';
+const HINT = {
+  fontSize: 12,
+  color: Color.LOCKED,
+  marginBottom: 8
+};
+const LABEL = {
+  fontSize: 12,
+  fontWeight: 600,
+  color: Color.MAIN,
+  marginBottom: 6
+};
+const INPUT = {
+  width: '100%',
+  fontSize: 13,
+  padding: '8px 10px',
+  borderRadius: 6,
+  border: `1px solid ${Color.FORM}`,
+  color: Color.MAIN,
+  boxSizing: 'border-box',
+  fontFamily: 'inherit'
+};
+const TEXTAREA = {
+  ...INPUT,
+  resize: 'vertical',
+  minHeight: 72
+};
+const SITE_BLOCK = {
+  border: `1px solid ${Color.FORM}`,
+  background: Color.BRIGHT_LIGHT,
+  borderRadius: 8,
+  padding: 12
+};
+const FOUND = {
+  marginTop: 10,
+  border: `1px solid ${Color.FORM}`,
+  background: Color.CLEAR,
+  borderRadius: 8,
+  padding: '8px 10px',
+  fontSize: 12,
+  color: Color.LOCKED
+};
+const FOUND_HEAD = {
+  color: Color.SUCCESS,
+  marginBottom: 4
+};
+const SWATCHES = {
+  display: 'flex',
+  gap: 4,
+  margin: '6px 0',
+  flexWrap: 'wrap'
+};
+const SWATCH = {
+  width: 22,
+  height: 22,
+  borderRadius: 5,
+  border: '1px solid rgba(16,24,40,.15)'
+};
+const CHIP = {
+  display: 'inline-flex',
+  alignItems: 'center',
+  gap: 6,
+  maxWidth: '100%',
+  fontSize: 12,
+  color: Color.MAIN,
+  background: Color.FROZEN,
+  border: `1px solid ${Color.FORM}`,
+  borderRadius: 6,
+  padding: '3px 8px'
+};
+const CHIP_NAME = {
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+};
+const CHIP_X = {
+  border: 'none',
+  background: 'none',
+  cursor: 'pointer',
+  color: Color.LOCKED,
+  fontSize: 14,
+  lineHeight: 1,
+  padding: 0
+};
+const OR = {
+  fontSize: 11,
+  letterSpacing: '.08em',
+  textTransform: 'uppercase',
+  color: Color.LOCKED
+};
+const NOTE = {
+  fontSize: 12,
+  color: Color.WARNING
+};
+const ERROR = {
+  fontSize: 12,
+  color: Color.DANGER
+};
+function hostOf(rawUrl) {
+  return rawUrl.trim().replace(/^https?:\/\//i, '').replace(/\/.*$/, '');
+}
+function summarize(host, brand) {
+  const fonts = [brand.theme.fontFamily, brand.theme.headingFontFamily].filter(Boolean).map(stack => stack.split(',')[0].replace(/["']/g, '').trim());
+  return {
+    host,
+    colors: Object.values(brand.theme.colors ?? {}).filter(Boolean),
+    fonts: Array.from(new Set(fonts)),
+    logo: brand.logoUrl !== '',
+    voice: brand.brandVoice.trim() !== ''
+  };
+}
+/** Derives a brand from a site URL, or from attached materials plus the written voice; the caller applies it. */
+export function DeriveThemeSection({
+  application,
+  extractTheme,
+  logoSrc,
+  disabled = false,
+  onTheme,
+  voice,
+  onVoice,
+  onLogo
+}) {
+  const lang = useLang();
+  const {
+    extract,
+    extracting,
+    error
+  } = useExtractTheme(application, extractTheme);
+  const fileInputRef = useRef(null);
+  const [siteUrl, setSiteUrl] = useState('');
+  const [scan, setScan] = useState(null);
+  const [localVoice, setLocalVoice] = useState('');
+  const [image, setImage] = useState(null);
+  const [sources, setSources] = useState([]);
+  const nextSourceId = useRef(1);
+  const [note, setNote] = useState(null);
+  const logoAtRequest = useRef(logoSrc);
+  const liveLogoSrc = useRef(logoSrc);
+  liveLogoSrc.current = logoSrc;
+  const voiceValue = voice ?? localVoice;
+  const setVoice = onVoice ?? setLocalVoice;
+  const busy = disabled || extracting;
+  const readErrorNote = name => lang({
+    message: 'BRAND_BOOK.DERIVE_THEME.SKIP_READ_ERROR',
+    name
+  });
+  const addFiles = async files => {
+    const notes = [];
+    let pickedImage = image;
+    for (const file of files) {
+      if (ACCEPTED_IMAGE_TYPES.includes(file.type)) {
+        if (pickedImage) {
+          notes.push(lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.SKIP_ONLY_ONE_IMAGE',
+            name: file.name
+          }));
+          continue;
+        }
+        const ref = await fileToReferenceImage(file);
+        if (ref) {
+          pickedImage = {
+            image: ref,
+            name: file.name
+          };
+          setImage(pickedImage);
+        } else notes.push(readErrorNote(file.name));
+        continue;
+      }
+      const result = await fileToSource(file);
+      if (result.ok) {
+        const id = nextSourceId.current;
+        nextSourceId.current += 1;
+        setSources(prev => [...prev, {
+          id,
+          source: result.source
+        }]);
+      } else if (result.reason === 'too-large') {
+        notes.push(lang({
+          message: 'BRAND_BOOK.DERIVE_THEME.SKIP_TOO_LARGE',
+          name: file.name
+        }));
+      } else if (result.reason === 'empty') {
+        notes.push(lang({
+          message: 'BRAND_BOOK.DERIVE_THEME.SKIP_EMPTY',
+          name: file.name
+        }));
+      } else {
+        notes.push(readErrorNote(file.name));
+      }
+    }
+    setNote(notes.length > 0 ? notes.join(' ') : null);
+  };
+  const referenceImage = async () => {
+    if (image) return {
+      ok: true,
+      image: image.image
+    };
+    if (logoSrc.trim() === '') return {
+      ok: true
+    };
+    try {
+      const resp = await fetch(logoSrc);
+      const blob = await resp.blob();
+      const ref = await fileToReferenceImage(new File([blob], 'brand-logo', {
+        type: blob.type
+      }));
+      return ref ? {
+        ok: true,
+        image: ref
+      } : {
+        ok: false
+      };
+    } catch {
+      return {
+        ok: false
+      };
+    }
+  };
+  const apply = (brand, host) => {
+    onTheme(brand.theme);
+    if (brand.brandVoice.trim() !== '') setVoice(brand.brandVoice.trim());
+    if (brand.logoUrl !== '' && liveLogoSrc.current === logoAtRequest.current) onLogo?.(brand.logoUrl);
+    setScan(host === '' ? null : summarize(host, brand));
+  };
+  const scanSite = async () => {
+    setNote(null);
+    logoAtRequest.current = logoSrc;
+    const brand = await extract({
+      siteUrl: siteUrl.trim()
+    });
+    if (brand) apply(brand, hostOf(siteUrl));
+  };
+  const deriveFromMaterials = async () => {
+    setNote(null);
+    logoAtRequest.current = logoSrc;
+    const logo = await referenceImage();
+    if (!logo.ok && sources.length === 0 && voiceValue.trim() === '') {
+      setNote(lang({
+        message: 'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_ONLY'
+      }));
+      return;
+    }
+    if (!logo.ok) setNote(lang({
+      message: 'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_FALLBACK'
+    }));
+    const brand = await extract({
+      image: logo.ok ? logo.image : undefined,
+      sources: sources.map(s => s.source),
+      description: voiceValue.trim()
+    });
+    if (brand) apply(brand, '');
+  };
+  const canScan = !busy && siteUrl.trim() !== '';
+  const canDerive = !busy && (!!image || sources.length > 0 || voiceValue.trim() !== '' || logoSrc.trim() !== '');
+  return _jsxs("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 8,
+      marginBottom: 12
+    },
+    children: [_jsxs("div", {
+      style: SITE_BLOCK,
+      children: [_jsx("div", {
+        style: LABEL,
+        children: lang({
+          message: 'BRAND_BOOK.DERIVE_THEME.BUILD_FROM_WEBSITE'
+        })
+      }), _jsxs("div", {
+        style: {
+          display: 'flex',
+          gap: 8
+        },
+        children: [_jsx("input", {
+          style: INPUT,
+          value: siteUrl,
+          placeholder: lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.SITE_URL_PLACEHOLDER'
+          }),
+          disabled: busy,
+          onChange: e => setSiteUrl(e.target.value),
+          onKeyDown: e => {
+            if (e.key === 'Enter' && canScan) void scanSite();
+          }
+        }), _jsx("div", {
+          style: {
+            flexShrink: 0
+          },
+          children: _jsx(Button, {
+            size: "compact",
+            color: "primary",
+            isDisabled: !canScan,
+            onClick: () => {
+              void scanSite();
+            },
+            children: extracting ? lang({
+              message: 'BRAND_BOOK.DERIVE_THEME.SCANNING'
+            }) : lang({
+              message: 'BRAND_BOOK.DERIVE_THEME.SCAN_SITE'
+            })
+          })
+        })]
+      }), _jsx("div", {
+        style: {
+          ...HINT,
+          marginTop: 8,
+          marginBottom: 0
+        },
+        children: lang({
+          message: 'BRAND_BOOK.DERIVE_THEME.SCAN_EXPLAINER'
+        })
+      }), scan && _jsxs("div", {
+        style: FOUND,
+        children: [_jsxs("div", {
+          style: FOUND_HEAD,
+          children: [lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.READ_CHECK'
+          }), ' ', scan.host]
+        }), _jsx("div", {
+          style: SWATCHES,
+          children: scan.colors.map(color => _jsx("span", {
+            style: {
+              ...SWATCH,
+              background: color
+            },
+            title: color
+          }, color))
+        }), _jsxs("div", {
+          children: [lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.COLOURS_COUNT',
+            count: scan.colors.length
+          }), scan.fonts.length > 0 && ` · ${scan.fonts.join(' · ')}`, scan.logo && ` · ${lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.LOGO_TAG'
+          })}`, scan.voice && ` · ${lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.VOICE_TAG'
+          })}`, ` — ${lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.EDITABLE_BELOW'
+          })}`]
+        })]
+      })]
+    }), _jsx("div", {
+      style: OR,
+      children: lang({
+        message: 'BRAND_BOOK.DERIVE_THEME.OR'
+      })
+    }), _jsx("div", {
+      style: LABEL,
+      children: lang({
+        message: 'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_LABEL'
+      })
+    }), _jsx("div", {
+      style: HINT,
+      children: lang({
+        message: 'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_HINT'
+      })
+    }), _jsx("textarea", {
+      style: TEXTAREA,
+      value: voiceValue,
+      placeholder: lang({
+        message: 'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_PLACEHOLDER'
+      }),
+      disabled: busy,
+      onChange: e => setVoice(e.target.value)
+    }), (image || sources.length > 0) && _jsxs("div", {
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 6
+      },
+      children: [image && _jsxs("span", {
+        style: CHIP,
+        children: [_jsxs("span", {
+          style: CHIP_NAME,
+          children: ["\uD83D\uDDBC", image.name]
+        }), _jsx("button", {
+          type: "button",
+          style: CHIP_X,
+          "aria-label": lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.REMOVE_IMAGE'
+          }),
+          onClick: () => setImage(null),
+          children: "\u00D7"
+        })]
+      }), sources.map(({
+        id,
+        source
+      }) => _jsxs("span", {
+        style: CHIP,
+        children: [_jsx("span", {
+          style: CHIP_NAME,
+          children: source.name || lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.FILE_FALLBACK_NAME'
+          })
+        }), _jsx("button", {
+          type: "button",
+          style: CHIP_X,
+          "aria-label": lang({
+            message: 'BRAND_BOOK.DERIVE_THEME.REMOVE_SOURCE',
+            name: source.name
+          }),
+          onClick: () => setSources(prev => prev.filter(s => s.id !== id)),
+          children: "\u00D7"
+        })]
+      }, id))]
+    }), _jsx("input", {
+      ref: fileInputRef,
+      type: "file",
+      multiple: true,
+      accept: [...ACCEPTED_IMAGE_TYPES, ACCEPTED_SOURCE_ACCEPT].join(','),
+      style: {
+        display: 'none'
+      },
+      onChange: e => {
+        const files = Array.from(e.target.files ?? []);
+        e.target.value = '';
+        void addFiles(files);
+      }
+    }), _jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: 8,
+        flexWrap: 'wrap'
+      },
+      children: [_jsx(Button, {
+        size: "compact",
+        color: "secondary",
+        isDisabled: busy,
+        onClick: () => fileInputRef.current?.click(),
+        children: lang({
+          message: 'BRAND_BOOK.DERIVE_THEME.ATTACH_FILES'
+        })
+      }), _jsx(Button, {
+        size: "compact",
+        color: "primary",
+        isDisabled: !canDerive,
+        onClick: () => {
+          void deriveFromMaterials();
+        },
+        children: extracting ? lang({
+          message: 'BRAND_BOOK.DERIVE_THEME.READING'
+        }) : lang({
+          message: 'BRAND_BOOK.DERIVE_THEME.DERIVE_BRAND'
+        })
+      })]
+    }), note && _jsx("div", {
+      style: NOTE,
+      children: note
+    }), error && _jsx("div", {
+      style: ERROR,
+      children: error
+    })]
+  });
+}

package/DeriveThemeSection/index.d.ts

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

package/DeriveThemeSection/index.js

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

package/DeriveThemeSection/polyglot/index.d.ts

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

package/DeriveThemeSection/polyglot/index.js

@@ -0,0 +1,33 @@
+import { createLang } from '@pushwoosh/dumb-components/polyglot';
+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';
+export const {
+  useLang
+} = createLang({
+  ar,
+  bn,
+  de,
+  en,
+  es,
+  fr,
+  he,
+  hi,
+  ja,
+  ko,
+  pt,
+  ru,
+  th,
+  zh
+});

package/DeriveThemeSection/polyglot/messages_ar.d.ts

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

package/DeriveThemeSection/polyglot/messages_ar.js

@@ -0,0 +1,29 @@
+export const messages = {
+  'BRAND_BOOK.DERIVE_THEME.SKIP_ONLY_ONE_IMAGE': 'تم تخطي “{{name}}” — يتم استخدام صورة واحدة فقط.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_READ_ERROR': 'تعذرت قراءة “{{name}}”.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_TOO_LARGE': '“{{name}}” كبير جدًا.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_EMPTY': '“{{name}}” فارغ.',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_ONLY': 'تعذر تحميل صورة الشعار — أرفقها كملف بدلاً من ذلك.',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_FALLBACK': 'تعذر تحميل صورة الشعار؛ سيتم الاشتقاق من المواد الأخرى.',
+  'BRAND_BOOK.DERIVE_THEME.BUILD_FROM_WEBSITE': 'أنشئ من موقعك الإلكتروني',
+  'BRAND_BOOK.DERIVE_THEME.SITE_URL_PLACEHOLDER': 'acme.com',
+  'BRAND_BOOK.DERIVE_THEME.SCANNING': 'جارٍ المسح…',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_SITE': 'مسح الموقع',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_EXPLAINER': 'نقرأ الصفحة وملفات الأنماط الخاصة بها — الألوان والخطوط والشعار ونبرة النص. لا يتم تخزين أي شيء حتى تحفظ العلامة التجارية.',
+  'BRAND_BOOK.DERIVE_THEME.READ_CHECK': '✓ تمت القراءة',
+  'BRAND_BOOK.DERIVE_THEME.COLOURS_COUNT': '{{count}} ألوان',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_TAG': 'شعار',
+  'BRAND_BOOK.DERIVE_THEME.VOICE_TAG': 'نبرة',
+  'BRAND_BOOK.DERIVE_THEME.EDITABLE_BELOW': 'كل شيء قابل للتعديل أدناه',
+  'BRAND_BOOK.DERIVE_THEME.OR': 'أو',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_LABEL': 'نبرة العلامة التجارية',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_HINT': 'كيف تتحدث العلامة التجارية. يملأ المسح هذا الحقل من الموقع؛ كما يوجه لوحة الألوان عند الاستخلاص من المواد المرفقة.',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_PLACEHOLDER': 'مثال: حوارية وساخرة، جمل قصيرة، تخاطب القارئ مباشرة',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_IMAGE': 'إزالة الصورة',
+  'BRAND_BOOK.DERIVE_THEME.FILE_FALLBACK_NAME': 'ملف',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_SOURCE': 'إزالة {{name}}',
+  'BRAND_BOOK.DERIVE_THEME.ATTACH_FILES': 'إرفاق ملفات',
+  'BRAND_BOOK.DERIVE_THEME.READING': 'جارٍ القراءة…',
+  'BRAND_BOOK.DERIVE_THEME.DERIVE_BRAND': 'استخلاص العلامة التجارية',
+  'BRAND_BOOK.DERIVE_THEME.EXTRACT_FAILED': 'تعذرت قراءة العلامة التجارية: {{error}}'
+};

package/DeriveThemeSection/polyglot/messages_bn.d.ts

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

package/DeriveThemeSection/polyglot/messages_bn.js

@@ -0,0 +1,29 @@
+export const messages = {
+  'BRAND_BOOK.DERIVE_THEME.SKIP_ONLY_ONE_IMAGE': '“{{name}}” এড়িয়ে যাওয়া হয়েছে — শুধুমাত্র একটি ছবি ব্যবহৃত হয়েছে।',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_READ_ERROR': '“{{name}}” পড়া যায়নি।',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_TOO_LARGE': '“{{name}}” খুব বড়।',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_EMPTY': '“{{name}}” খালি।',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_ONLY': 'লোগো ছবিটি লোড করা যায়নি — পরিবর্তে এটি একটি ফাইল হিসাবে সংযুক্ত করুন।',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_FALLBACK': 'লোগো ছবিটি লোড করা যায়নি; অন্যান্য উপাদান থেকে তৈরি করা হচ্ছে।',
+  'BRAND_BOOK.DERIVE_THEME.BUILD_FROM_WEBSITE': 'আপনার ওয়েবসাইট থেকে তৈরি করুন',
+  'BRAND_BOOK.DERIVE_THEME.SITE_URL_PLACEHOLDER': 'acme.com',
+  'BRAND_BOOK.DERIVE_THEME.SCANNING': 'স্ক্যান করা হচ্ছে…',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_SITE': 'সাইট স্ক্যান করুন',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_EXPLAINER': 'আমরা পৃষ্ঠা এবং এর স্টাইলশীটগুলি পড়ি — রঙ, ফন্ট, লোগো এবং এর কপির টোন। আপনি ব্র্যান্ডটি সেভ না করা পর্যন্ত কিছুই সংরক্ষণ করা হয় না।',
+  'BRAND_BOOK.DERIVE_THEME.READ_CHECK': '✓ পড়া হয়েছে',
+  'BRAND_BOOK.DERIVE_THEME.COLOURS_COUNT': '{{count}}টি রঙ',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_TAG': 'লোগো',
+  'BRAND_BOOK.DERIVE_THEME.VOICE_TAG': 'ভয়েস',
+  'BRAND_BOOK.DERIVE_THEME.EDITABLE_BELOW': 'নিচে সবকিছু সম্পাদনাযোগ্য',
+  'BRAND_BOOK.DERIVE_THEME.OR': 'অথবা',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_LABEL': 'ব্র্যান্ড ভয়েস',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_HINT': 'ব্র্যান্ডটি কীভাবে কথা বলে। একটি স্ক্যান সাইট থেকে এটি পূরণ করে; এটি সংযুক্ত উপকরণ থেকে ডিরাইভ করার সময় প্যালেটকেও চালনা করে।',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_PLACEHOLDER': 'যেমন কথোপকথনমূলক এবং আত্ম-বিদ্রূপাত্মক, ছোট বাক্য, সরাসরি পাঠকের সাথে কথা বলে',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_IMAGE': 'ছবি সরান',
+  'BRAND_BOOK.DERIVE_THEME.FILE_FALLBACK_NAME': 'ফাইল',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_SOURCE': '{{name}} সরান',
+  'BRAND_BOOK.DERIVE_THEME.ATTACH_FILES': 'ফাইল সংযুক্ত করুন',
+  'BRAND_BOOK.DERIVE_THEME.READING': 'পড়া হচ্ছে…',
+  'BRAND_BOOK.DERIVE_THEME.DERIVE_BRAND': 'ব্র্যান্ড ডিরাইভ করুন',
+  'BRAND_BOOK.DERIVE_THEME.EXTRACT_FAILED': 'ব্র্যান্ডটি পড়া যায়নি: {{error}}'
+};

package/DeriveThemeSection/polyglot/messages_de.d.ts

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

package/DeriveThemeSection/polyglot/messages_de.js

@@ -0,0 +1,29 @@
+export const messages = {
+  'BRAND_BOOK.DERIVE_THEME.SKIP_ONLY_ONE_IMAGE': '„{{name}}“ übersprungen – es wird nur ein Bild verwendet.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_READ_ERROR': '„{{name}}“ konnte nicht gelesen werden.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_TOO_LARGE': '„{{name}}“ ist zu groß.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_EMPTY': '„{{name}}“ ist leer.',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_ONLY': 'Das Logo-Bild konnte nicht geladen werden – hängen Sie es stattdessen als Datei an.',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_FALLBACK': 'Logo-Bild konnte nicht geladen werden; wird von anderen Materialien abgeleitet.',
+  'BRAND_BOOK.DERIVE_THEME.BUILD_FROM_WEBSITE': 'Von Ihrer Website erstellen',
+  'BRAND_BOOK.DERIVE_THEME.SITE_URL_PLACEHOLDER': 'acme.com',
+  'BRAND_BOOK.DERIVE_THEME.SCANNING': 'Wird gescannt…',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_SITE': 'Website scannen',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_EXPLAINER': 'Wir lesen die Seite und ihre Stylesheets – Farben, Schriftarten, Logo und den Tonfall der Texte. Nichts wird gespeichert, bis Sie die Marke speichern.',
+  'BRAND_BOOK.DERIVE_THEME.READ_CHECK': '✓ Gelesen',
+  'BRAND_BOOK.DERIVE_THEME.COLOURS_COUNT': '{{count}} Farben',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_TAG': 'Logo',
+  'BRAND_BOOK.DERIVE_THEME.VOICE_TAG': 'Tonfall',
+  'BRAND_BOOK.DERIVE_THEME.EDITABLE_BELOW': 'alles unten bearbeitbar',
+  'BRAND_BOOK.DERIVE_THEME.OR': 'oder',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_LABEL': 'Markenstimme',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_HINT': 'Wie die Marke spricht. Ein Scan füllt dies von der Website aus; es steuert auch die Palette, wenn Sie sie aus angehängten Materialien ableiten.',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_PLACEHOLDER': 'z. B. gesprächig und selbstironisch, kurze Sätze, spricht den Leser direkt an',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_IMAGE': 'Bild entfernen',
+  'BRAND_BOOK.DERIVE_THEME.FILE_FALLBACK_NAME': 'Datei',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_SOURCE': '{{name}} entfernen',
+  'BRAND_BOOK.DERIVE_THEME.ATTACH_FILES': 'Dateien anhängen',
+  'BRAND_BOOK.DERIVE_THEME.READING': 'Lese…',
+  'BRAND_BOOK.DERIVE_THEME.DERIVE_BRAND': 'Marke ableiten',
+  'BRAND_BOOK.DERIVE_THEME.EXTRACT_FAILED': 'Marke konnte nicht gelesen werden: {{error}}'
+};

package/DeriveThemeSection/polyglot/messages_en.d.ts

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

package/DeriveThemeSection/polyglot/messages_en.js

@@ -0,0 +1,29 @@
+export const messages = {
+  'BRAND_BOOK.DERIVE_THEME.SKIP_ONLY_ONE_IMAGE': '“{{name}}” skipped — only one image is used.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_READ_ERROR': '“{{name}}” could not be read.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_TOO_LARGE': '“{{name}}” is too large.',
+  'BRAND_BOOK.DERIVE_THEME.SKIP_EMPTY': '“{{name}}” is empty.',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_ONLY': 'Could not load the logo image — attach it as a file instead.',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_LOAD_FAILED_FALLBACK': 'Could not load the logo image; deriving from the other materials.',
+  'BRAND_BOOK.DERIVE_THEME.BUILD_FROM_WEBSITE': 'Build from your website',
+  'BRAND_BOOK.DERIVE_THEME.SITE_URL_PLACEHOLDER': 'acme.com',
+  'BRAND_BOOK.DERIVE_THEME.SCANNING': 'Scanning…',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_SITE': 'Scan site',
+  'BRAND_BOOK.DERIVE_THEME.SCAN_EXPLAINER': 'We read the page and its stylesheets — colours, fonts, logo and the tone of its copy. Nothing is stored until you save the brand.',
+  'BRAND_BOOK.DERIVE_THEME.READ_CHECK': '✓ Read',
+  'BRAND_BOOK.DERIVE_THEME.COLOURS_COUNT': '{{count}} colours',
+  'BRAND_BOOK.DERIVE_THEME.LOGO_TAG': 'logo',
+  'BRAND_BOOK.DERIVE_THEME.VOICE_TAG': 'voice',
+  'BRAND_BOOK.DERIVE_THEME.EDITABLE_BELOW': 'all editable below',
+  'BRAND_BOOK.DERIVE_THEME.OR': 'or',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_LABEL': 'Brand voice',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_HINT': 'How the brand talks. A scan fills this from the site; it also steers the palette when you derive from attached materials.',
+  'BRAND_BOOK.DERIVE_THEME.BRAND_VOICE_PLACEHOLDER': 'e.g. conversational and self-ironic, short sentences, speaks to the reader directly',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_IMAGE': 'Remove image',
+  'BRAND_BOOK.DERIVE_THEME.FILE_FALLBACK_NAME': 'file',
+  'BRAND_BOOK.DERIVE_THEME.REMOVE_SOURCE': 'Remove {{name}}',
+  'BRAND_BOOK.DERIVE_THEME.ATTACH_FILES': 'Attach files',
+  'BRAND_BOOK.DERIVE_THEME.READING': 'Reading…',
+  'BRAND_BOOK.DERIVE_THEME.DERIVE_BRAND': 'Derive brand',
+  'BRAND_BOOK.DERIVE_THEME.EXTRACT_FAILED': 'Could not read the brand: {{error}}'
+};

package/DeriveThemeSection/polyglot/messages_es.d.ts

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