pds-dev-kit-web 2.2.315 → 2.2.316

package/dist/src/common/services/i18n/resources/en.json

@@ -80,6 +80,12 @@
         "str_multilingual_zh_tw": "Chinese - Traditional (zh-tw)",
         "str_multilingual_fr": "French (fr)",
         "str_multilingual_es": "Spanish (es)",
+        "str_multilingual_vi": "Vietnamese (vi)",
+        "str_multilingual_ru": "Russian (ru)",
+        "str_multilingual_it": "Italian (it)",
+        "str_multilingual_desc_vi": "If Vietnamese is not entered, members will see the content in English.",
+        "str_multilingual_desc_ru": "If Russian is not entered, members will see the content in English.",
+        "str_multilingual_desc_it": "If Italian is not entered, members will see the content in English.",
         "str_9071": "Please enter the text in the appropriate language for your country.",
         "str_original_text": "Original Text",
         "str_apply": "Apply",

package/dist/src/common/services/i18n/resources/es.json

@@ -80,6 +80,12 @@
         "str_multilingual_zh_tw": "Chino - Tradicional (zh-tw)",
         "str_multilingual_fr": "Francés (fr)",
         "str_multilingual_es": "Español (es)",
+        "str_multilingual_vi": "Vietnamita (vi)",
+        "str_multilingual_ru": "Ruso (ru)",
+        "str_multilingual_it": "Italiano (it)",
+        "str_multilingual_desc_vi": "Si no ingresa en vietnamita, se mostrará a los miembros en inglés.",
+        "str_multilingual_desc_ru": "Si no ingresa en ruso, se mostrará a los miembros en inglés.",
+        "str_multilingual_desc_it": "Si no ingresa en italiano, se mostrará a los miembros en inglés.",
         "str_9071": "Por favor, ingrese el texto en el idioma apropiado para su país.",
         "str_original_text": "Texto Original",
         "str_apply": "Aplicar",

package/dist/src/common/services/i18n/resources/fil.json

@@ -80,6 +80,9 @@
         "str_multilingual_zh_tw": "Chinese - Traditional (zh-tw)",
         "str_multilingual_fr": "French (fr)",
         "str_multilingual_es": "Spanish (es)",
+        "str_multilingual_vi": "Vietnamese (vi)",
+        "str_multilingual_ru": "Russian (ru)",
+        "str_multilingual_it": "Italian (it)",
         "str_9071": "Mangyaring ilagay ang teksto sa naaangkop na wika para sa inyong bansa.",
         "str_original_text": "Orihinal na Teksto",
         "str_apply": "Apply",

package/dist/src/common/services/i18n/resources/index.d.ts

@@ -82,6 +82,12 @@ declare const locale: {
             str_multilingual_zh_tw: string;
             str_multilingual_fr: string;
             str_multilingual_es: string;
+            str_multilingual_vi: string;
+            str_multilingual_ru: string;
+            str_multilingual_it: string;
+            str_multilingual_desc_vi: string;
+            str_multilingual_desc_ru: string;
+            str_multilingual_desc_it: string;
             str_9071: string;
             str_original_text: string;
             str_apply: string;
@@ -199,6 +205,12 @@ declare const locale: {
             str_multilingual_zh_tw: string;
             str_multilingual_fr: string;
             str_multilingual_es: string;
+            str_multilingual_vi: string;
+            str_multilingual_ru: string;
+            str_multilingual_it: string;
+            str_multilingual_desc_vi: string;
+            str_multilingual_desc_ru: string;
+            str_multilingual_desc_it: string;
             str_9071: string;
             str_original_text: string;
             str_apply: string;
@@ -316,6 +328,12 @@ declare const locale: {
             str_multilingual_zh_tw: string;
             str_multilingual_fr: string;
             str_multilingual_es: string;
+            str_multilingual_vi: string;
+            str_multilingual_ru: string;
+            str_multilingual_it: string;
+            str_multilingual_desc_vi: string;
+            str_multilingual_desc_ru: string;
+            str_multilingual_desc_it: string;
             str_9071: string;
             str_original_text: string;
             str_apply: string;
@@ -433,6 +451,12 @@ declare const locale: {
             str_multilingual_zh_tw: string;
             str_multilingual_fr: string;
             str_multilingual_es: string;
+            str_multilingual_vi: string;
+            str_multilingual_ru: string;
+            str_multilingual_it: string;
+            str_multilingual_desc_vi: string;
+            str_multilingual_desc_ru: string;
+            str_multilingual_desc_it: string;
             str_9071: string;
             str_original_text: string;
             str_apply: string;
@@ -550,6 +574,12 @@ declare const locale: {
             str_multilingual_zh_tw: string;
             str_multilingual_fr: string;
             str_multilingual_es: string;
+            str_multilingual_vi: string;
+            str_multilingual_ru: string;
+            str_multilingual_it: string;
+            str_multilingual_desc_vi: string;
+            str_multilingual_desc_ru: string;
+            str_multilingual_desc_it: string;
             str_9071: string;
             str_original_text: string;
             str_apply: string;
@@ -667,6 +697,12 @@ declare const locale: {
             str_multilingual_zh_tw: string;
             str_multilingual_fr: string;
             str_multilingual_es: string;
+            str_multilingual_vi: string;
+            str_multilingual_ru: string;
+            str_multilingual_it: string;
+            str_multilingual_desc_vi: string;
+            str_multilingual_desc_ru: string;
+            str_multilingual_desc_it: string;
             str_9071: string;
             str_original_text: string;
             str_apply: string;
@@ -784,6 +820,9 @@ declare const locale: {
             str_multilingual_zh_tw: string;
             str_multilingual_fr: string;
             str_multilingual_es: string;
+            str_multilingual_vi: string;
+            str_multilingual_ru: string;
+            str_multilingual_it: string;
             str_9071: string;
             str_original_text: string;
             str_apply: string;

package/dist/src/common/services/i18n/resources/ja.json

@@ -80,6 +80,12 @@
         "str_multilingual_zh_tw": "中国語 - 繁体 (zh-tw)",
         "str_multilingual_fr": "フランス語 (fr)",
         "str_multilingual_es": "スペイン語 (es)",
+        "str_multilingual_vi": "ベトナム語 (vi)",
+        "str_multilingual_ru": "ロシア語 (ru)",
+        "str_multilingual_it": "イタリア語 (it)",
+        "str_multilingual_desc_vi": "ベトナム語を入力しないと、メンバーに英語で表示されます。",
+        "str_multilingual_desc_ru": "ロシア語を入力しないと、メンバーに英語で表示されます。",
+        "str_multilingual_desc_it": "イタリア語を入力しないと、メンバーに英語で表示されます。",
         "str_9071": "国に適した言語を入力してください。",
         "str_original_text": "原文",
         "str_apply": "適用",

package/dist/src/common/services/i18n/resources/ko.json

@@ -81,6 +81,12 @@
         "str_multilingual_zh_tw": "중국어 - 번체 (zh-tw)",
         "str_multilingual_fr": "프랑스어 (fr)",
         "str_multilingual_es": "스페인어 (es)",
+        "str_multilingual_vi": "베트남어 (vi)",
+        "str_multilingual_ru": "러시아어 (ru)",
+        "str_multilingual_it": "이탈리아어 (it)",
+        "str_multilingual_desc_vi": "베트남어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
+        "str_multilingual_desc_ru": "러시아어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
+        "str_multilingual_desc_it": "이탈리아어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
         "str_9071": "국가에 맞는 언어를 입력해 주세요.",
         "str_original_text": "원문",
         "str_apply": "적용",

package/dist/src/common/services/i18n/resources/zh-cn.json

@@ -80,6 +80,12 @@
         "str_multilingual_zh_tw": "中文 - 繁体 (zh-tw)",
         "str_multilingual_fr": "法语 (fr)",
         "str_multilingual_es": "西班牙语 (es)",
+        "str_multilingual_vi": "越南语 (vi)",
+        "str_multilingual_ru": "俄语 (ru)",
+        "str_multilingual_it": "意大利语 (it)",
+        "str_multilingual_desc_vi": "如果您不输入越南语，则以英文显示给会员。",
+        "str_multilingual_desc_ru": "如果您不输入俄语，则以英文显示给会员。",
+        "str_multilingual_desc_it": "如果您不输入意大利语，则以英文显示给会员。",
         "str_9071": "请输入适合您国家的语言。",
         "str_original_text": "原文",
         "str_apply": "应用",

package/dist/src/common/services/i18n/resources/zh-tw.json

@@ -80,6 +80,12 @@
         "str_multilingual_zh_tw": "中文 - 繁體 (zh-tw)",
         "str_multilingual_fr": "法語 (fr)",
         "str_multilingual_es": "西班牙語 (es)",
+        "str_multilingual_vi": "越南語 (vi)",
+        "str_multilingual_ru": "俄語 (ru)",
+        "str_multilingual_it": "義大利語 (it)",
+        "str_multilingual_desc_vi": "如果您不輸入越南語，則以英文顯示給會員。",
+        "str_multilingual_desc_ru": "如果您不輸入俄語，則以英文顯示給會員。",
+        "str_multilingual_desc_it": "如果您不輸入義大利語，則以英文顯示給會員。",
         "str_9071": "請輸入適合您國家的語言。",
         "str_original_text": "原文",
         "str_apply": "應用",

package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.js

@@ -74,7 +74,10 @@ var LANGUAGE_I18N_KEYS = {
     zh: 'str_multilingual_zh_cn',
     'zh-Hant': 'str_multilingual_zh_tw',
     fr: 'str_multilingual_fr',
-    es: 'str_multilingual_es'
+    es: 'str_multilingual_es',
+    vi: 'str_multilingual_vi',
+    ru: 'str_multilingual_ru',
+    it: 'str_multilingual_it'
 };
 var LANGUAGE_DESC_TEXT_KEYS = {
     ko: 'str_9064',
@@ -83,7 +86,10 @@ var LANGUAGE_DESC_TEXT_KEYS = {
     zh: 'str_9067',
     'zh-Hant': 'str_9068',
     fr: 'str_9069',
-    es: 'str_9070'
+    es: 'str_9070',
+    vi: 'str_multilingual_desc_vi',
+    ru: 'str_multilingual_desc_ru',
+    it: 'str_multilingual_desc_it'
 };
 function LocalizedContentModal(_a) {
     var _this = this;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.2.315",
+  "version": "2.2.316",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.315]
+## [v2.2.316]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* EmailRichTextEditor 컴포넌트 추가
+* 다국어 입력 모달에 신규 언어 3종(베트남어/러시아어/이탈리아어) 노출 추가

package/.claude/settings.local.json

@@ -1,18 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(git mv:*)",
-      "Bash(mkdir -p reference/OldEmailRichTextEditor)",
-      "Bash(mv src/desktop/components/RichTextEditor/OldEmailRichTextEditor/* reference/OldEmailRichTextEditor/)",
-      "Bash(mv src/desktop/components/RichTextEditor/email_editor_refactoring_prd.md reference/)",
-      "Bash(rmdir src/desktop/components/RichTextEditor/OldEmailRichTextEditor)",
-      "Bash(git restore:*)",
-      "Bash(git add:*)",
-      "Bash(npm run:*)",
-      "Bash(source ~/.zshrc)",
-      "Bash(npx tsc:*)",
-      "Bash(./node_modules/.bin/tsc --noEmit --pretty)",
-      "Bash(git commit:*)"
-    ]
-  }
-}

package/.idea/codeStyles/Project.xml

@@ -1,59 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="USE_DOUBLE_QUOTES" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="USE_DOUBLE_QUOTES" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="100" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,7 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-    <inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
-  </profile>
-</component>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/pds-dev-kit.iml" filepath="$PROJECT_DIR$/.idea/pds-dev-kit.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/pds-dev-kit.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/prettier.xml

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PrettierConfiguration">
-    <option name="myConfigurationMode" value="AUTOMATIC" />
-    <option name="myRunOnSave" value="true" />
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

package/.reference/OldEmailRichTextEditor/CustomTinyMCEEditor.tsx

@@ -1,209 +0,0 @@
-import { Editor } from '@tinymce/tinymce-react';
-import { useRef, useEffect, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import tinymce from 'tinymce';
-import 'tinymce/icons/default';
-import 'tinymce/models/dom';
-import 'tinymce/plugins/advlist';
-import 'tinymce/plugins/anchor';
-import 'tinymce/plugins/autolink';
-import 'tinymce/plugins/charmap';
-import 'tinymce/plugins/code';
-import 'tinymce/plugins/fullscreen';
-import 'tinymce/plugins/image';
-import 'tinymce/plugins/insertdatetime';
-import 'tinymce/plugins/link';
-import 'tinymce/plugins/lists';
-import 'tinymce/plugins/media';
-import 'tinymce/plugins/preview';
-import 'tinymce/plugins/searchreplace';
-import 'tinymce/plugins/table';
-import 'tinymce/plugins/visualblocks';
-import 'tinymce/skins/content/default/content.min.css';
-import 'tinymce/skins/ui/oxide/content.min.css';
-import 'tinymce/skins/ui/oxide/skin.min.css';
-import 'tinymce/themes/silver';
-
-import { showDesktopAlertDialog } from '@core/overlay';
-
-import {
-  PersonalizationTagCallback,
-  setPersonalizationModalCallback,
-  registerCustomTokensPlugin
-} from './personalization_tag_plugin';
-import './tinymce-toolbar.css';
-
-import type { Editor as TinyMCEEditor } from 'tinymce';
-
-type ImageUploadHandler = (file: File) => Promise<string>;
-
-type EditorProps = {
-  initialContent?: string;
-  onChange?: (content: string) => void;
-  onOpenPersonalizationModal?: PersonalizationTagCallback;
-  onImageUpload?: ImageUploadHandler;
-};
-
-// Register the custom plugin before any Editor component mounts
-registerCustomTokensPlugin(tinymce);
-
-export default function CustomTinyMCEEditor({
-  initialContent,
-  onChange,
-  onOpenPersonalizationModal,
-  onImageUpload
-}: EditorProps) {
-  const { t } = useTranslation('translation');
-  const editorRef = useRef<TinyMCEEditor | null>(null);
-  const uploadedBlobsRef = useRef<Map<string, string>>(new Map());
-  const isEditorReady = useRef(false);
-
-  // Store initial content in ref so it doesn't change on re-renders
-  const initialContentRef = useRef(initialContent);
-
-  // Use refs to keep callbacks stable
-  const onChangeRef = useRef(onChange);
-  const onImageUploadRef = useRef(onImageUpload);
-  const tRef = useRef(t);
-
-  // Update refs when props change
-  useEffect(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-
-  useEffect(() => {
-    onImageUploadRef.current = onImageUpload;
-  }, [onImageUpload]);
-
-  useEffect(() => {
-    tRef.current = t;
-  }, [t]);
-
-  useEffect(() => {
-    setPersonalizationModalCallback(onOpenPersonalizationModal || null);
-    return () => {
-      setPersonalizationModalCallback(null);
-    };
-  }, [onOpenPersonalizationModal]);
-
-  const handleInit = (_evt: unknown, editor: TinyMCEEditor) => {
-    editorRef.current = editor;
-    isEditorReady.current = true;
-  };
-
-  // Use the official onEditorChange callback from @tinymce/tinymce-react
-  const handleEditorChange = (content: string) => {
-    onChangeRef.current?.(content);
-  };
-
-  // Memoize init object to prevent re-initialization
-  const editorInit = useMemo(
-    () => ({
-      height: 500,
-      menubar: false,
-      statusbar: true,
-      elementpath: false,
-      branding: false,
-      toolbar_mode: 'wrap' as const,
-      plugins:
-        'advlist anchor autolink charmap code fullscreen image insertdatetime link lists media preview searchreplace table visualblocks customtokens',
-      toolbar:
-        'blocks bold italic underline strikethrough | forecolor backcolor alignleft aligncenter alignright alignjustify outdent indent | numlist bullist blockquote insertTag link image media undo redo',
-      skin: false,
-      content_css: false,
-      content_style: `
-        body { font-family:Helvetica,Arial,sans-serif; font-size:16px; line-height: 1.5; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; }
-        p { margin: 0; }
-        a { color: #0066cc; text-decoration: underline; }
-        img { max-width: 100%; height: auto; display: block; margin: 16px 0; border: none; object-fit: contain; }
-        video, iframe { width: 100%; margin: 16px 0; padding: 0; border: none; display: block; max-width: 100%; }
-        span[data-mce-object="video"], span[data-mce-object="iframe"] { display: block; width: 100%; margin: 16px 0; border: none; }
-        span[data-mce-object]::before { content: ''; display: block; }
-        span[data-mce-object]::after { content: ''; display: block; }
-        .mce-object-video, .mce-object-iframe, .mce-preview-object { margin: 0; padding: 0; border: none; }
-        .mce-preview-object > iframe { border: none; }
-        table { width: 100%; margin: 16px 0; border: none; border-collapse: collapse; }
-        .alert-warning { border-left: 5px solid #ffdd00; padding: 10px; background: #fff8e1; margin: 10px 0; border-radius: 4px; }
-      `,
-      automatic_uploads: true,
-      images_reuse_filename: true,
-      paste_data_images: true,
-      media_live_embeds: true,
-      images_upload_handler: (blobInfo: {
-        blobUri: () => string;
-        blob: () => Blob;
-        filename: () => string;
-      }): Promise<string> => {
-        return new Promise((resolve, reject) => {
-          const blobUri = blobInfo.blobUri();
-
-          const existingUrl = uploadedBlobsRef.current.get(blobUri);
-          if (existingUrl) {
-            resolve(existingUrl);
-            return;
-          }
-
-          if (!onImageUploadRef.current) {
-            reject(new Error('No upload handler'));
-            return;
-          }
-
-          const file = new File([blobInfo.blob()], blobInfo.filename(), {
-            type: blobInfo.blob().type
-          });
-
-          onImageUploadRef
-            .current(file)
-            .then((url) => {
-              uploadedBlobsRef.current.set(blobUri, url);
-              resolve(url);
-            })
-            .catch((error) => {
-              showDesktopAlertDialog({
-                contentText: tRef.current('str_papp_image_upload_failed'),
-                btnMode: 'tbtn_amount1',
-                tBtn1Text: tRef.current('str_confirm')
-              });
-              reject(error);
-            });
-        });
-      },
-      // Additional event handlers for formatting changes that onEditorChange might miss
-      setup: (editor: TinyMCEEditor) => {
-        // Handle formatting commands - use setTimeout to ensure DOM is updated
-        editor.on('ExecCommand', (e) => {
-          // Only trigger for formatting-related commands
-          const formattingCommands = [
-            'mceToggleFormat',
-            'Bold',
-            'Italic',
-            'Underline',
-            'Strikethrough',
-            'ForeColor',
-            'BackColor',
-            'FontSize',
-            'FormatBlock'
-          ];
-          if (formattingCommands.some((cmd) => e.command.includes(cmd))) {
-            setTimeout(() => {
-              const content = editor.getContent();
-              onChangeRef.current?.(content);
-            }, 10);
-          }
-        });
-      }
-    }),
-    []
-  );
-
-  return (
-    <div>
-      <Editor
-        onInit={handleInit}
-        initialValue={initialContentRef.current}
-        onEditorChange={handleEditorChange}
-        init={editorInit}
-      />
-    </div>
-  );
-}

package/.reference/OldEmailRichTextEditor/personalization_tag_plugin.ts

@@ -1,43 +0,0 @@
-import { TinyMCE, Editor } from 'tinymce';
-
-export type PersonalizationTagCallback = (insertTag: (tag: string) => void) => void;
-
-let onOpenPersonalizationModalCallback: PersonalizationTagCallback | null = null;
-
-export function setPersonalizationModalCallback(callback: PersonalizationTagCallback | null) {
-  onOpenPersonalizationModalCallback = callback;
-}
-
-/**
- * Registers the custom tokens plugin with the provided TinyMCE instance.
- * Must be called before the Editor component initializes.
- */
-export function registerCustomTokensPlugin(tinymceInstance: TinyMCE): void {
-  // Prevent duplicate registration
-  if (tinymceInstance.PluginManager.get('customtokens')) {
-    return;
-  }
-
-  tinymceInstance.PluginManager.add('customtokens', (editor: Editor) => {
-    editor.ui.registry.addIcon(
-      'merge-field',
-      '<svg width="24" height="24" viewBox="0 0 24 24"><text x="4" y="17" font-size="14" font-weight="900" stroke="currentColor" stroke-width="0.5">{ }</text></svg>'
-    );
-
-    editor.ui.registry.addButton('insertTag', {
-      tooltip: 'Insert Personalization Tag',
-      icon: 'merge-field',
-      onAction: () => {
-        const insertTag = (tag: string) => {
-          // Insert as plain text so it can be formatted like regular text
-          editor.insertContent(tag);
-        };
-
-        if (onOpenPersonalizationModalCallback) {
-          onOpenPersonalizationModalCallback(insertTag);
-        }
-      }
-    });
-    return { getMetadata: () => ({ name: 'Personalization Tag Plugin', url: '' }) };
-  });
-}

package/.reference/OldEmailRichTextEditor/tinymce-toolbar.css

@@ -1,13 +0,0 @@
-/* TinyMCE toolbar button size reduction */
-.tox .tox-tbtn {
-  width: 25px;
-  min-width: 25px;
-}
-
-.tox .tox-tbtn--select {
-  width: auto !important;
-}
-
-.tox.tox-tinymce {
-    z-index: 0 !important;
-}

package/.reference/email_editor_refactoring_prd.md

@@ -1,57 +0,0 @@
-# [Refactoring] PDS RichTextEditor 기반 범용 이메일 에디터 구축 및 피처 종속 로직 분리
-
-## 1. 진행 배경 및 목적 (Background & Objective)
-* **배경**: 현재 제품(Product) 프로젝트에는 특정 이메일 발송 피처를 위해 자체적으로 구현한 `CustomTinyMCEEditor`(`.reference/OldEmailRichTextEditor/CustomTinyMCEEditor.tsx`)가 존재합니다. 이번 통합 리팩토링을 위해 해당 컴포넌트를 임시로 PDS(`pds-dev-kit`) 프로젝트로 가져온 상태입니다.
-* **문제점**: `CustomTinyMCEEditor`는 범용적인 이메일 에디터가 아니라 **특정 피처의 비즈니스 로직(예: 특정 모달 호출, 고유 이미지 처리 등)에 강하게 결합**되어 만들어졌습니다. 이를 그대로 PDS 라이브러리의 공통 컴포넌트로 편입시킬 경우 도메인 의존성이 생기는 문제가 발생합니다.
-* **목적**:
-  1. `CustomTinyMCEEditor`에 혼재된 **'범용 이메일 에디터로서의 내부 로직'**과 **'특정 피처를 위한 외부 로직'**을 완벽하게 분리(Decoupling)합니다.
-  2. PDS의 표준인 `RichTextEditor`를 유연하게 확장하여, 범용으로 사용할 수 있는 래퍼 컴포넌트 `EmailRichTextEditor`를 PDS 내부에 구축합니다.
-  3. 제품(Consumer) 측에서는 이 `EmailRichTextEditor`를 가져다 쓰되, 도메인 특화 파트(모달, 업로드 등)는 Props와 콜백을 통해 주입(Injection)하도록 제어의 역전(IoC) 구조를 만듭니다.
-
-## 2. 핵심 구현 전략 (Core Strategy)
-* **관심사의 분리 (Separation of Concerns)**
-  * **PDS (EmailRichTextEditor)의 책임**: 이메일용 컴팩트 툴바 UI, 이메일에 적합한 Content Style(인라인 CSS 호환), 이메일 작성에 필요한 공통 플러그인 렌더링.
-  * **제품 프로젝트(Consumer)의 책임**: 이미지 업로드 API 통신, 특정 피처용 개인화 태그(치환 태그) 삽입 모달의 렌더링 및 제어 로직 구현 후 주입.
-* **확장성 확보 (initOptions 도입)**: `RichTextEditor`가 모든 에디터 옵션을 Prop으로 들고 있지 않게 하고, TinyMCE의 `init` 설정을 소비자가 통째로 병합할 수 있도록 `initOptions` Prop을 신설합니다.
-
----
-
-## 3. 상세 요구사항 (Detailed Requirements)
-
-### Task 1. `RichTextEditor` 확장 및 하위 호환성 보장 (`src/desktop/components/RichTextEditor/RichTextEditor.tsx`)
-PDS 전체에서 사용되는 표준 에디터이므로 레거시 화면이 깨지지 않는 것이 가장 중요합니다.
-* **Prop 확장**
-  * `initOptions?: Parameters<TinyMCE['init']>[0];`: TinyMCE 고유 설정을 주입받습니다. 컴포넌트 내부의 기본 `init` 설정과 병합하되, `initOptions`의 값이 우선순위를 가지도록 구현하세요 (`...initOptions`).
-  * `onSetup?: (editor: TinyMCEEditor) => void;`: 에디터 초기화(Setup) 시점에 외부에서 이벤트를 바인딩할 수 있도록 콜백을 엽니다.
-  * `isCompactToolbar?: boolean;`: `true` 시 이메일 에디터 특유의 좁은 간격/작은 버튼 스타일이 적용되도록 CSS를 조건부 처리하세요.
-* **기본 설정 정비**
-  * `automatic_uploads`, `images_reuse_filename`, `paste_data_images`, `media_live_embeds` 등을 기본 `init` 속성으로 명시하세요.
-
-### Task 2. `EmailRichTextEditor` 범용 래퍼 구축 (`src/desktop/components/RichTextEditor/EmailRichTextEditor.tsx`)
-PDS 라이브러리로서 제공될 순수 **'이메일 전용 텍스트 에디터'**입니다. 특정 비즈니스 로직은 철저히 배제하세요.
-* `RichTextEditor`를 반환하는 Wrapper 형태로 구현합니다.
-* **기본 이메일 설정 주입 (`initOptions`)**
-  * 범용 이메일 에디터에 필요한 상수들 (`EMAIL_PLUGINS`, `EMAIL_TOOLBAR`, `EMAIL_CONTENT_STYLE`)을 선언하고 `initOptions`를 통해 `RichTextEditor`에 주입합니다.
-  * 이미지 업로드 캐싱 로직(드래그 앤 드롭 시 기존 업로드 Blob 재사용)은 에디터의 범용 UI/UX 편의 기능이므로, 래퍼 컴포넌트 내 `images_upload_handler`에 공통으로 구현합니다. (실제 업로드 통신 함수인 `onImageUpload`는 Props로 받아 실행)
-* **커스텀 이벤트 브릿지 (`onSetup`)**
-  * 포맷팅 변경 시점(`Bold`, `Italic` 등 `ExecCommand` 발생)에 강제로 `onChange`를 지연 트리거 시키는 동기화 로직을 주입합니다.
-* 에디터 기본 높이(`height`)는 기존 UI와 동일하게 `500`으로 고정합니다.
-
-### Task 3. 외부 도메인 로직 분리 설계 (`personalization_tag_plugin.ts` 리팩토링)
-제품의 특정 피처에서만 쓰이던 '개인화 태그(치환 태그)' 플러그인을 범용 에디터에 올바르게 결합하기 위한 작업입니다.
-* **글로벌 등록 폐기**: `tinymce.PluginManager`에 의존하던 전역 등록 방식을 버리고, 특정 에디터 인스턴스에만 적용되도록 변경합니다.
-* **Setup 콜백 생성 함수로 변경**
-  * `getPersonalizationSetup(onOpenPersonalizationModal?: Callback)` 형태의 팩토리 함수로 리팩토링하세요.
-  * 이 함수는 `EmailRichTextEditor`가 렌더링 될 때, 외부(제품 프로젝트)로부터 `onOpenPersonalizationModal` 콜백을 주입받아 모달 트리거 로직을 완성한 뒤, TinyMCE의 `setup` 시점에 실행할 함수를 반환해야 합니다.
-
----
-
-## 4. 완료 조건 및 검증 (Acceptance Criteria)
-
-1. **관심사 분리 확인**: PDS 내의 `EmailRichTextEditor` 코드를 리뷰했을 때, 특정 제품의 모달 이름, API 엔드포인트 등의 비즈니스 종속 코드가 단 한 줄도 없어야 합니다. 오직 PDS의 컴포넌트로서 Props Interface만 제공해야 합니다.
-2. **하위 호환성 (Regression Free)**: 기존 `RichTextEditor`를 사용하는 일반 화면에서 런타임 에러, TypeScript 인터페이스 에러, 스타일 깨짐이 없어야 합니다.
-3. **기능 검증**: 제품 프로젝트에서 `EmailRichTextEditor`를 마운트했을 때, 
-   * 기존과 동일한 컴팩트 툴바 UI가 노출될 것
-   * `{ }` (개인화 태그) 아이콘 클릭 시, 앱에서 주입한 전용 모달이 정상적으로 호출될 것
-   * 이미지 업로드, 텍스트 포맷팅 등이 기존 `CustomTinyMCEEditor` 환경과 100% 동일하게 동작할 것
-4. **마무리**: 통합 검증 통과 시 `.reference/OldEmailRichTextEditor` 참고용 폴더를 안전하게 삭제합니다.