pds-dev-kit-web 2.2.313 → 2.2.315

package/.claude/settings.local.json

@@ -0,0 +1,18 @@
+{
+  "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

@@ -0,0 +1,59 @@
+<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

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

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,7 @@
+<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

@@ -0,0 +1,8 @@
+<?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

@@ -0,0 +1,12 @@
+<?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

@@ -0,0 +1,7 @@
+<?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

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

package/.reference/OldEmailRichTextEditor/CustomTinyMCEEditor.tsx

@@ -0,0 +1,209 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,13 @@
+/* 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

@@ -0,0 +1,57 @@
+# [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` 참고용 폴더를 안전하게 삭제합니다.

package/dist/index.d.ts

@@ -8,20 +8,20 @@ export { AdminListItemTransition, InputTransition, ButtonTransition } from './sr
 export { Form };
 import { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch } from './src/hybrid';
 export { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch };
-import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, D_DesktopHeadlessModal, D_DesktopTutorialModal, DesktopTutorialModalInfoType, D_SectionSheet, D_Calendar, D_RichTextEditor, D_LocalizedContentModal, LocalizedButton } from './src/desktop';
+import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ComboBox, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, D_DesktopHeadlessModal, D_DesktopTutorialModal, DesktopTutorialModalInfoType, D_SectionSheet, D_Calendar, D_RichTextEditor, D_EmailRichTextEditor, D_LocalizedContentModal, LocalizedButton } from './src/desktop';
 export { LayoutWF, WFContainersBox };
 export { LayoutWH, WHContainersBox };
 export { LayoutWS, WSGlobalMenuContainer, WSContainersBox };
 export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
-export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_Calendar, D_RichTextEditor, LocalizedButton };
+export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ComboBox, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_Calendar, D_RichTextEditor, D_EmailRichTextEditor, LocalizedButton };
 export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_LocalizedContentModal, D_SectionSheet };
 export type { DesktopBasicModalWithTabInfoType, DesktopTutorialModalInfoType };
-import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet, M_RichTextEditor } from './src/mobile';
+import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ComboBox, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet, M_RichTextEditor } from './src/mobile';
 export { LayoutMF, MFContainersBox };
 export { LayoutMM, MMNavigationContainer, MMContainersBox };
 export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
 export { LayoutMS, MSNavigationContainer, MSContainersBox };
-export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_RichTextEditor };
+export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ComboBox, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_RichTextEditor };
 export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
 import { DynamicLayout } from './src/sub';
 export { DynamicLayout };

package/dist/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = exports.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
-exports.D_Snackbar = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
-exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BoxItem = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_LocalizedContentModal = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.LocalizedButton = exports.D_RichTextEditor = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = void 0;
-exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_RichTextEditor = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_PriceTextLabel = exports.M_TextLabel = exports.M_TextField = exports.M_PriceTextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Snackbar = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_DatePicker = exports.M_ContextMenuItem = void 0;
+exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_ComboBox = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
+exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BoxItem = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_LocalizedContentModal = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.LocalizedButton = exports.D_EmailRichTextEditor = exports.D_RichTextEditor = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Snackbar = void 0;
+exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_RichTextEditor = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_PriceTextLabel = exports.M_TextLabel = exports.M_TextField = exports.M_PriceTextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Snackbar = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_DatePicker = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_ComboBox = exports.M_Chip = void 0;
 /* eslint-disable import/order */
 /* eslint-disable import/first */
 // common
@@ -94,6 +94,7 @@ Object.defineProperty(exports, "D_ChatBubbleListItem", { enumerable: true, get:
 Object.defineProperty(exports, "D_ChatList", { enumerable: true, get: function () { return desktop_1.D_ChatList; } });
 Object.defineProperty(exports, "D_Checkbox", { enumerable: true, get: function () { return desktop_1.D_Checkbox; } });
 Object.defineProperty(exports, "D_Chip", { enumerable: true, get: function () { return desktop_1.D_Chip; } });
+Object.defineProperty(exports, "D_ComboBox", { enumerable: true, get: function () { return desktop_1.D_ComboBox; } });
 Object.defineProperty(exports, "D_ContextMenu", { enumerable: true, get: function () { return desktop_1.D_ContextMenu; } });
 Object.defineProperty(exports, "D_ContextMenuItem", { enumerable: true, get: function () { return desktop_1.D_ContextMenuItem; } });
 Object.defineProperty(exports, "D_DesktopAlertDialog", { enumerable: true, get: function () { return desktop_1.D_DesktopAlertDialog; } });
@@ -139,6 +140,7 @@ Object.defineProperty(exports, "D_DesktopTutorialModal", { enumerable: true, get
 Object.defineProperty(exports, "D_SectionSheet", { enumerable: true, get: function () { return desktop_1.D_SectionSheet; } });
 Object.defineProperty(exports, "D_Calendar", { enumerable: true, get: function () { return desktop_1.D_Calendar; } });
 Object.defineProperty(exports, "D_RichTextEditor", { enumerable: true, get: function () { return desktop_1.D_RichTextEditor; } });
+Object.defineProperty(exports, "D_EmailRichTextEditor", { enumerable: true, get: function () { return desktop_1.D_EmailRichTextEditor; } });
 Object.defineProperty(exports, "D_LocalizedContentModal", { enumerable: true, get: function () { return desktop_1.D_LocalizedContentModal; } });
 Object.defineProperty(exports, "LocalizedButton", { enumerable: true, get: function () { return desktop_1.LocalizedButton; } });
 // mobile
@@ -169,6 +171,7 @@ Object.defineProperty(exports, "M_ChatBubbleListItem", { enumerable: true, get:
 Object.defineProperty(exports, "M_ChatList", { enumerable: true, get: function () { return mobile_1.M_ChatList; } });
 Object.defineProperty(exports, "M_Checkbox", { enumerable: true, get: function () { return mobile_1.M_Checkbox; } });
 Object.defineProperty(exports, "M_Chip", { enumerable: true, get: function () { return mobile_1.M_Chip; } });
+Object.defineProperty(exports, "M_ComboBox", { enumerable: true, get: function () { return mobile_1.M_ComboBox; } });
 Object.defineProperty(exports, "M_ContextMenu", { enumerable: true, get: function () { return mobile_1.M_ContextMenu; } });
 Object.defineProperty(exports, "M_ContextMenuItem", { enumerable: true, get: function () { return mobile_1.M_ContextMenuItem; } });
 Object.defineProperty(exports, "M_DatePicker", { enumerable: true, get: function () { return mobile_1.M_DatePicker; } });

package/dist/src/common/decorators/withFormProvider.js

@@ -13,16 +13,19 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withFormProvider = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-empty-function */
-/* eslint-disable react-hooks/rules-of-hooks */
+/* eslint-disable no-console */
 var react_hook_form_1 = require("react-hook-form");
 var components_1 = require("../components");
-var withFormProvider = function (storyFn) {
+// 컴포넌트로 분리
+var FormProviderWrapper = function (_a) {
+    var children = _a.children;
     var methods = (0, react_hook_form_1.useForm)({ mode: 'onChange' });
     var handleSubmit = function (data) {
-        // eslint-disable-next-line no-console
         console.log('submit success', data);
     };
-    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)(components_1.Form, __assign({ onSubmit: methods.handleSubmit(handleSubmit) }, { children: storyFn() })) })));
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)(components_1.Form, __assign({ onSubmit: methods.handleSubmit(handleSubmit) }, { children: children })) })));
+};
+var withFormProvider = function (storyFn) {
+    return (0, jsx_runtime_1.jsx)(FormProviderWrapper, { children: storyFn() });
 };
 exports.withFormProvider = withFormProvider;

package/dist/src/desktop/components/RichTextEditor/EmailRichTextEditor.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { OpenPersonalizationModalCallback } from './plugins/personalization_tag_plugin';
+import type { ImageUploadResult } from './RichTextEditor';
+export interface EmailRichTextEditorProps {
+    defaultText?: string;
+    tinymceScriptSrc?: string;
+    height?: number;
+    onChange?: (content: string) => void;
+    onImageUpload?: (file: File) => Promise<ImageUploadResult>;
+    onOpenPersonalizationModal?: OpenPersonalizationModalCallback;
+    onImageUploadError?: (error: unknown) => void;
+}
+export default function EmailRichTextEditor({ defaultText, tinymceScriptSrc, height, onChange, onImageUpload, onOpenPersonalizationModal, onImageUploadError }: EmailRichTextEditorProps): JSX.Element;

package/dist/src/desktop/components/RichTextEditor/EmailRichTextEditor.js

@@ -0,0 +1,127 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var tinymce_react_1 = require("@tinymce/tinymce-react");
+var react_1 = require("react");
+var uuid_1 = require("uuid");
+var styled_components_1 = __importDefault(require("styled-components"));
+var personalization_tag_plugin_1 = require("./plugins/personalization_tag_plugin");
+var EMAIL_PLUGINS = 'advlist anchor autolink charmap code fullscreen image insertdatetime link lists media preview searchreplace table visualblocks';
+var EMAIL_TOOLBAR = 'blocks bold italic underline strikethrough | forecolor backcolor alignleft aligncenter alignright alignjustify outdent indent | numlist bullist blockquote insertTag link image media undo redo';
+var EMAIL_EDITOR_CUSTOM_CSS = "\n  .tox .tox-tbtn {\n    width: 25px;\n    min-width: 25px;\n  }\n\n  .tox .tox-tbtn--select {\n    width: auto !important;\n  }\n\n  .tox.tox-tinymce {\n    z-index: 0 !important;\n  }\n";
+var EMAIL_CONTENT_STYLE = "\n  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; }\n  p { margin: 0; }\n  a { color: #0066cc; text-decoration: underline; }\n  img { max-width: 100%; height: auto; display: block; margin: 16px 0; border: none; object-fit: contain; }\n  video, iframe { width: 100%; margin: 16px 0; padding: 0; border: none; display: block; max-width: 100%; }\n  span[data-mce-object=\"video\"], span[data-mce-object=\"iframe\"] { display: block; width: 100%; margin: 16px 0; border: none; }\n  span[data-mce-object]::before { content: ''; display: block; }\n  span[data-mce-object]::after { content: ''; display: block; }\n  .mce-object-video, .mce-object-iframe, .mce-preview-object { margin: 0; padding: 0; border: none; }\n  .mce-preview-object > iframe { border: none; }\n  table { width: 100%; margin: 16px 0; border: none; border-collapse: collapse; }\n  .alert-warning { border-left: 5px solid #ffdd00; padding: 10px; background: #fff8e1; margin: 10px 0; border-radius: 4px; }\n";
+function EmailRichTextEditor(_a) {
+    var defaultText = _a.defaultText, tinymceScriptSrc = _a.tinymceScriptSrc, _b = _a.height, height = _b === void 0 ? 500 : _b, onChange = _a.onChange, onImageUpload = _a.onImageUpload, onOpenPersonalizationModal = _a.onOpenPersonalizationModal, onImageUploadError = _a.onImageUploadError;
+    var editorRef = (0, react_1.useRef)(null);
+    var uploadedBlobsRef = (0, react_1.useRef)(new Map());
+    var initialContentRef = (0, react_1.useRef)(defaultText);
+    var onChangeRef = (0, react_1.useRef)(onChange);
+    var onImageUploadRef = (0, react_1.useRef)(onImageUpload);
+    var onImageUploadErrorRef = (0, react_1.useRef)(onImageUploadError);
+    var onOpenPersonalizationModalRef = (0, react_1.useRef)(onOpenPersonalizationModal);
+    (0, react_1.useEffect)(function () {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    (0, react_1.useEffect)(function () {
+        onImageUploadRef.current = onImageUpload;
+    }, [onImageUpload]);
+    (0, react_1.useEffect)(function () {
+        onImageUploadErrorRef.current = onImageUploadError;
+    }, [onImageUploadError]);
+    (0, react_1.useEffect)(function () {
+        onOpenPersonalizationModalRef.current = onOpenPersonalizationModal;
+    }, [onOpenPersonalizationModal]);
+    var handleInit = function (_evt, editor) {
+        editorRef.current = editor;
+    };
+    var handleEditorChange = function (content) {
+        var _a;
+        (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, content);
+    };
+    var useDarkMode = window.PdsUtils.tone === 'DARK';
+    var editorInit = (0, react_1.useMemo)(function () { return ({
+        height: height,
+        menubar: false,
+        statusbar: true,
+        elementpath: false,
+        branding: false,
+        toolbar_mode: 'wrap',
+        plugins: EMAIL_PLUGINS,
+        toolbar: EMAIL_TOOLBAR,
+        skin: useDarkMode ? 'oxide-dark' : 'oxide',
+        content_css: useDarkMode ? 'dark' : 'default',
+        content_style: EMAIL_CONTENT_STYLE,
+        automatic_uploads: true,
+        images_reuse_filename: true,
+        paste_data_images: true,
+        media_live_embeds: true,
+        images_upload_handler: function (blobInfo) {
+            return new Promise(function (resolve, reject) {
+                var blobUri = blobInfo.blobUri();
+                var existingUrl = uploadedBlobsRef.current.get(blobUri);
+                if (existingUrl) {
+                    resolve(existingUrl);
+                    return;
+                }
+                if (!onImageUploadRef.current) {
+                    reject(new Error('No upload handler'));
+                    return;
+                }
+                var file = new File([blobInfo.blob()], blobInfo.filename() || (0, uuid_1.v4)(), {
+                    type: blobInfo.blob().type
+                });
+                onImageUploadRef
+                    .current(file)
+                    .then(function (result) {
+                    if (result.location) {
+                        uploadedBlobsRef.current.set(blobUri, result.location);
+                        resolve(result.location);
+                    }
+                    else {
+                        reject(new Error('Upload failed'));
+                    }
+                })
+                    .catch(function (error) {
+                    var _a;
+                    (_a = onImageUploadErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onImageUploadErrorRef, error);
+                    reject(error);
+                });
+            });
+        },
+        setup: function (editor) {
+            var personalizationSetup = (0, personalization_tag_plugin_1.getPersonalizationSetup)(onOpenPersonalizationModalRef.current);
+            personalizationSetup(editor);
+            editor.on('ExecCommand', function (e) {
+                var formattingCommands = [
+                    'mceToggleFormat',
+                    'Bold',
+                    'Italic',
+                    'Underline',
+                    'Strikethrough',
+                    'ForeColor',
+                    'BackColor',
+                    'FontSize',
+                    'FormatBlock'
+                ];
+                if (formattingCommands.some(function (cmd) { return e.command.includes(cmd); })) {
+                    setTimeout(function () {
+                        var _a;
+                        var content = editor.getContent();
+                        (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, content);
+                    }, 10);
+                }
+            });
+        }
+    }); }, []);
+    return ((0, jsx_runtime_1.jsx)(S_EmailEditor, { children: (0, jsx_runtime_1.jsx)(tinymce_react_1.Editor, { tinymceScriptSrc: tinymceScriptSrc || '/tinymce/tinymce.min.js', onInit: handleInit, initialValue: initialContentRef.current, onEditorChange: handleEditorChange, init: editorInit }) }));
+}
+exports.default = EmailRichTextEditor;
+var S_EmailEditor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: fit-content;\n  position: relative;\n  ", "\n"], ["\n  height: fit-content;\n  position: relative;\n  ", "\n"])), EMAIL_EDITOR_CUSTOM_CSS);
+var templateObject_1;

package/dist/src/desktop/components/RichTextEditor/index.d.ts

@@ -1,2 +1,5 @@
 export { default as RichTextEditor } from './RichTextEditor';
 export type { RichTextEditorProps, ImageUploadHandler, ImageUploadResult } from './RichTextEditor';
+export { default as EmailRichTextEditor } from './EmailRichTextEditor';
+export type { EmailRichTextEditorProps } from './EmailRichTextEditor';
+export type { OpenPersonalizationModalCallback, InsertTagCallback } from './plugins/personalization_tag_plugin';

package/dist/src/desktop/components/RichTextEditor/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTextEditor = void 0;
+exports.EmailRichTextEditor = exports.RichTextEditor = void 0;
 var RichTextEditor_1 = require("./RichTextEditor");
 Object.defineProperty(exports, "RichTextEditor", { enumerable: true, get: function () { return __importDefault(RichTextEditor_1).default; } });
+var EmailRichTextEditor_1 = require("./EmailRichTextEditor");
+Object.defineProperty(exports, "EmailRichTextEditor", { enumerable: true, get: function () { return __importDefault(EmailRichTextEditor_1).default; } });

package/dist/src/desktop/components/RichTextEditor/plugins/personalization_tag_plugin.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from 'tinymce';
+export type InsertTagCallback = (tag: string) => void;
+export type OpenPersonalizationModalCallback = (insertTag: InsertTagCallback) => void;
+/**
+ * Returns a setup function that registers the generic personalization tag button
+ * isolated to a specific TinyMCE Editor instance.
+ * @param onOpenPersonalizationModal - A callback provided by the consumer to render their own modal content and logic when `{ }` is clicked.
+ */
+export declare function getPersonalizationSetup(onOpenPersonalizationModal?: OpenPersonalizationModalCallback): (editor: Editor) => void;

package/dist/src/desktop/components/RichTextEditor/plugins/personalization_tag_plugin.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPersonalizationSetup = void 0;
+/**
+ * Returns a setup function that registers the generic personalization tag button
+ * isolated to a specific TinyMCE Editor instance.
+ * @param onOpenPersonalizationModal - A callback provided by the consumer to render their own modal content and logic when `{ }` is clicked.
+ */
+function getPersonalizationSetup(onOpenPersonalizationModal) {
+    return function (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: function () {
+                var insertTag = function (tag) {
+                    editor.insertContent(tag);
+                };
+                if (onOpenPersonalizationModal) {
+                    onOpenPersonalizationModal(insertTag);
+                }
+            }
+        });
+    };
+}
+exports.getPersonalizationSetup = getPersonalizationSetup;

package/dist/src/desktop/components/index.d.ts

@@ -39,7 +39,7 @@ import { PriceTextField } from './PriceTextField';
 import { PriceTextLabel } from './PriceTextLabel';
 import { Radio } from './Radio';
 import { ReactionButton } from './ReactionButton';
-import { RichTextEditor } from './RichTextEditor';
+import { RichTextEditor, EmailRichTextEditor } from './RichTextEditor';
 import { SegmentedButtonGroup } from './SegmentedButtonGroup';
 import { Select } from './Select';
 import { Slider } from './Slider';
@@ -55,4 +55,4 @@ import { UploadTextButton } from './UploadTextButton';
 import { UserDesktopNavBar } from './UserDesktopNavBar';
 import { UserDesktopSideTab } from './UserDesktopSideTab';
 import { UserDesktopTabBar } from './UserDesktopTabBar';
-export { AdminList, AdminListHeader, AdminListItem, BasicButtonGroup, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, BoxItem, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ComboBox, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, PriceTextField, Radio, ReactionButton, RichTextEditor, SegmentedButtonGroup, Select, Slider, Snackbar, SpeechBubble, StatusBlock, TextButton, TextField, TextLabel, PriceTextLabel, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopTabBar, UserDesktopSideTab, Calendar, LocalizedButton };
+export { AdminList, AdminListHeader, AdminListItem, BasicButtonGroup, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, BoxItem, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ComboBox, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, PriceTextField, Radio, ReactionButton, RichTextEditor, EmailRichTextEditor, SegmentedButtonGroup, Select, Slider, Snackbar, SpeechBubble, StatusBlock, TextButton, TextField, TextLabel, PriceTextLabel, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopTabBar, UserDesktopSideTab, Calendar, LocalizedButton };

package/dist/src/desktop/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PriceTextLabel = exports.TextLabel = exports.TextField = exports.TextButton = exports.StatusBlock = exports.SpeechBubble = exports.Snackbar = exports.Slider = exports.Select = exports.SegmentedButtonGroup = exports.RichTextEditor = exports.ReactionButton = exports.Radio = exports.PriceTextField = exports.PageTitleTextGroup = exports.MainButton = exports.LottieReactionButton = exports.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.Hero = exports.FloatingActionButton = exports.FilterBar = exports.EditApplyTextField = exports.DynamicDesktopNavBarTemplates = exports.DynamicDesktopNavBar = exports.Dropdown = exports.DesktopTabBar = exports.DesktopHeaderBar = exports.DesktopAlertDialog = exports.ContextMenuItem = exports.ContextMenu = exports.ComboBox = exports.Chip = exports.Checkbox = exports.ChatList = exports.ChatBubbleListItem = exports.CardList = exports.Card = exports.BoxItem = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = exports.BasicChatListItem = exports.BasicButtonGroup = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = void 0;
-exports.LocalizedButton = exports.Calendar = exports.UserDesktopSideTab = exports.UserDesktopTabBar = exports.UserDesktopNavBar = exports.UploadTextButton = exports.UploadMainButton = exports.UploadIconButton = void 0;
+exports.TextLabel = exports.TextField = exports.TextButton = exports.StatusBlock = exports.SpeechBubble = exports.Snackbar = exports.Slider = exports.Select = exports.SegmentedButtonGroup = exports.EmailRichTextEditor = exports.RichTextEditor = exports.ReactionButton = exports.Radio = exports.PriceTextField = exports.PageTitleTextGroup = exports.MainButton = exports.LottieReactionButton = exports.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.Hero = exports.FloatingActionButton = exports.FilterBar = exports.EditApplyTextField = exports.DynamicDesktopNavBarTemplates = exports.DynamicDesktopNavBar = exports.Dropdown = exports.DesktopTabBar = exports.DesktopHeaderBar = exports.DesktopAlertDialog = exports.ContextMenuItem = exports.ContextMenu = exports.ComboBox = exports.Chip = exports.Checkbox = exports.ChatList = exports.ChatBubbleListItem = exports.CardList = exports.Card = exports.BoxItem = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = exports.BasicChatListItem = exports.BasicButtonGroup = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = void 0;
+exports.LocalizedButton = exports.Calendar = exports.UserDesktopSideTab = exports.UserDesktopTabBar = exports.UserDesktopNavBar = exports.UploadTextButton = exports.UploadMainButton = exports.UploadIconButton = exports.PriceTextLabel = void 0;
 var AdminList_1 = require("./AdminList");
 Object.defineProperty(exports, "AdminList", { enumerable: true, get: function () { return AdminList_1.AdminList; } });
 var AdminListHeader_1 = require("./AdminListHeader");
@@ -87,6 +87,7 @@ var ReactionButton_1 = require("./ReactionButton");
 Object.defineProperty(exports, "ReactionButton", { enumerable: true, get: function () { return ReactionButton_1.ReactionButton; } });
 var RichTextEditor_1 = require("./RichTextEditor");
 Object.defineProperty(exports, "RichTextEditor", { enumerable: true, get: function () { return RichTextEditor_1.RichTextEditor; } });
+Object.defineProperty(exports, "EmailRichTextEditor", { enumerable: true, get: function () { return RichTextEditor_1.EmailRichTextEditor; } });
 var SegmentedButtonGroup_1 = require("./SegmentedButtonGroup");
 Object.defineProperty(exports, "SegmentedButtonGroup", { enumerable: true, get: function () { return SegmentedButtonGroup_1.SegmentedButtonGroup; } });
 var Select_1 = require("./Select");

package/dist/src/desktop/index.d.ts

@@ -8,5 +8,5 @@ export { ContainersBox as WSContainersBox } from './layout/LayoutWS/ContainersBo
 export { LayoutWT } from './layout/LayoutWT';
 export { GlobalMenuContainer as WTGlobalMenuContainer } from './layout/LayoutWT/Containers';
 export { ContainersBox as WTContainersBox } from './layout/LayoutWT/ContainersBox';
-export { AdminList as D_AdminList, AdminListHeader as D_AdminListHeader, AdminListItem as D_AdminListItem, BasicButtonGroup as D_BasicButtonGroup, BasicChatListItem as D_BasicChatListItem, BasicFormGroup as D_BasicFormGroup, BasicList as D_BasicList, BasicListItem as D_BasicListItem, BlogTextField as D_BlogTextField, BodyTextGroup as D_BodyTextGroup, BoxItem as D_BoxItem, Card as D_Card, CardList as D_CardList, ChatBubbleListItem as D_ChatBubbleListItem, ChatList as D_ChatList, Checkbox as D_Checkbox, Chip as D_Chip, ComboBox as D_ComboBox, ContextMenu as D_ContextMenu, ContextMenuItem as D_ContextMenuItem, DesktopAlertDialog as D_DesktopAlertDialog, DesktopHeaderBar as D_DesktopHeaderBar, DesktopTabBar as D_DesktopTabBar, Dropdown as D_Dropdown, DynamicDesktopNavBar as D_DynamicDesktopNavBar, DynamicDesktopNavBarTemplates as D_DynamicDesktopNavBarTemplates, EditApplyTextField as D_EditApplyTextField, FilterBar as D_FilterBar, FloatingActionButton as D_FloatingActionButton, Hero as D_Hero, HorizontalFormGroup as D_HorizontalFormGroup, IconButton as D_IconButton, ImageSlide as D_ImageSlide, LottieReactionButton as D_LottieReactionButton, MainButton as D_MainButton, PageTitleTextGroup as D_PageTitleTextGroup, Radio as D_Radio, ReactionButton as D_ReactionButton, RichTextEditor as D_RichTextEditor, SegmentedButtonGroup as D_SegmentedButtonGroup, Select as D_Select, Slider as D_Slider, Snackbar as D_Snackbar, SpeechBubble as D_SpeechBubble, StatusBlock as D_StatusBlock, TextButton as D_TextButton, PriceTextField as D_PriceTextField, TextField as D_TextField, TextLabel as D_TextLabel, PriceTextLabel as D_PriceTextLabel, UploadIconButton as D_UploadIconButton, UploadMainButton as D_UploadMainButton, UploadTextButton as D_UploadTextButton, UserDesktopNavBar as D_UserDesktopNavBar, UserDesktopTabBar as D_UserDesktopTabBar, UserDesktopSideTab as D_UserDesktopSideTab, Calendar as D_Calendar, LocalizedButton } from './components';
+export { AdminList as D_AdminList, AdminListHeader as D_AdminListHeader, AdminListItem as D_AdminListItem, BasicButtonGroup as D_BasicButtonGroup, BasicChatListItem as D_BasicChatListItem, BasicFormGroup as D_BasicFormGroup, BasicList as D_BasicList, BasicListItem as D_BasicListItem, BlogTextField as D_BlogTextField, BodyTextGroup as D_BodyTextGroup, BoxItem as D_BoxItem, Card as D_Card, CardList as D_CardList, ChatBubbleListItem as D_ChatBubbleListItem, ChatList as D_ChatList, Checkbox as D_Checkbox, Chip as D_Chip, ComboBox as D_ComboBox, ContextMenu as D_ContextMenu, ContextMenuItem as D_ContextMenuItem, DesktopAlertDialog as D_DesktopAlertDialog, DesktopHeaderBar as D_DesktopHeaderBar, DesktopTabBar as D_DesktopTabBar, Dropdown as D_Dropdown, DynamicDesktopNavBar as D_DynamicDesktopNavBar, DynamicDesktopNavBarTemplates as D_DynamicDesktopNavBarTemplates, EditApplyTextField as D_EditApplyTextField, FilterBar as D_FilterBar, FloatingActionButton as D_FloatingActionButton, Hero as D_Hero, HorizontalFormGroup as D_HorizontalFormGroup, IconButton as D_IconButton, ImageSlide as D_ImageSlide, LottieReactionButton as D_LottieReactionButton, MainButton as D_MainButton, PageTitleTextGroup as D_PageTitleTextGroup, Radio as D_Radio, ReactionButton as D_ReactionButton, RichTextEditor as D_RichTextEditor, EmailRichTextEditor as D_EmailRichTextEditor, SegmentedButtonGroup as D_SegmentedButtonGroup, Select as D_Select, Slider as D_Slider, Snackbar as D_Snackbar, SpeechBubble as D_SpeechBubble, StatusBlock as D_StatusBlock, TextButton as D_TextButton, PriceTextField as D_PriceTextField, TextField as D_TextField, TextLabel as D_TextLabel, PriceTextLabel as D_PriceTextLabel, UploadIconButton as D_UploadIconButton, UploadMainButton as D_UploadMainButton, UploadTextButton as D_UploadTextButton, UserDesktopNavBar as D_UserDesktopNavBar, UserDesktopTabBar as D_UserDesktopTabBar, UserDesktopSideTab as D_UserDesktopSideTab, Calendar as D_Calendar, LocalizedButton } from './components';
 export { AnnotationSheet as D_AnnotationSheet, ContentSheet as D_ContentSheet, DesktopBasicModal as D_DesktopBasicModal, DesktopBasicModalWithTab as D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, DesktopHeadlessModal as D_DesktopHeadlessModal, DesktopTutorialModal as D_DesktopTutorialModal, DesktopTutorialModalInfoType, SectionSheet as D_SectionSheet, LocalizedContentModal as D_LocalizedContentModal } from './panels';

package/dist/src/desktop/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.D_SegmentedButtonGroup = exports.D_RichTextEditor = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_ComboBox = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = void 0;
-exports.D_LocalizedContentModal = exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.LocalizedButton = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_SpeechBubble = exports.D_Snackbar = exports.D_Slider = exports.D_Select = void 0;
+exports.D_EmailRichTextEditor = exports.D_RichTextEditor = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_ComboBox = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = void 0;
+exports.D_LocalizedContentModal = exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.LocalizedButton = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_SpeechBubble = exports.D_Snackbar = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = void 0;
 // layoutWF
 var LayoutWF_1 = require("./layout/LayoutWF");
 Object.defineProperty(exports, "LayoutWF", { enumerable: true, get: function () { return LayoutWF_1.LayoutWF; } });
@@ -67,6 +67,7 @@ Object.defineProperty(exports, "D_PageTitleTextGroup", { enumerable: true, get:
 Object.defineProperty(exports, "D_Radio", { enumerable: true, get: function () { return components_1.Radio; } });
 Object.defineProperty(exports, "D_ReactionButton", { enumerable: true, get: function () { return components_1.ReactionButton; } });
 Object.defineProperty(exports, "D_RichTextEditor", { enumerable: true, get: function () { return components_1.RichTextEditor; } });
+Object.defineProperty(exports, "D_EmailRichTextEditor", { enumerable: true, get: function () { return components_1.EmailRichTextEditor; } });
 Object.defineProperty(exports, "D_SegmentedButtonGroup", { enumerable: true, get: function () { return components_1.SegmentedButtonGroup; } });
 Object.defineProperty(exports, "D_Select", { enumerable: true, get: function () { return components_1.Select; } });
 Object.defineProperty(exports, "D_Slider", { enumerable: true, get: function () { return components_1.Slider; } });

package/package.json

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

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.313]
+## [v2.2.315]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1423] ComboBox 추가 
+* EmailRichTextEditor 컴포넌트 추가

package/_wildcard.machine.publr.co+2-key.pem

@@ -1,28 +0,0 @@
------BEGIN PRIVATE KEY-----
-MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDs4IzefteDpp40
-hBgk+1bVmLIe5+aU4KVUV39w+6zl9kBjooHgoE+QWre7HK7oDssQJacGcDdqLil+
-2VBUob5pVht/UrcfV0/8NGZgFPj3/eyyIqraJeXZtI0+18y5uN9yuwyt6ZJvF6vp
-fgJlftRLDBkADr28IK1kZ8LBYd2nMqp8hgIa5GhpbwfftZkLO26sbbN8Xonr8SyE
-abe7c4KywTPfMxxmLhY6muKVQ3xDvE/YXawamfCHcGCstx4a3GxojmRXczve+o0Z
-VvSJquvg0A4gZo7NoRPNfrIhN9YH4LTs7px4TAOyi+DQC2FqapIEXgvBeMV+GcLJ
-o7T3hEuVAgMBAAECggEAYdlgV4iN/hQVxhvK3Xv1osYwzhN9bIJfyTdbrZBJG7Vd
-Y8r9W4zdUQQoYWK33aQ+vazQEhjIy1PGUF/0jwFBZsHrGe1RN+EZaVU79PS047xA
-ylUHvpVpHUU4E32RVCbKJtqdojmaA8oDebBTzRlXGKkmqp9sQQo+lftGuBt1NFsu
-D34JjVJrg6R637eGolEdtlEt6mZun1wLpMA0a/XWn0GKfFekZz8zL9Vf/djipy+7
-D2tbLOStlMg7nTLInMC0yAwd+M+MHpGsqGQ1CAZ5gAtDeOWLjiZ7XOwadxtMdvCj
-uST6INab//ovwML6LypXs371LKV/YJ/cAa3bKbBdAQKBgQDwRTwm8dfGzacBQOgJ
-Lz37yTVThCNkkzV4FcEWXwQg+Vg1lEBbDvKbzc/R4lcN+eI8Ytkl4IJibx8r4lnm
-9f14uV8BWt9M86jsaSDqcyujAFyVp+Mk3KKxtZkHKBdVYAdpRXLbYpbXBmIW4jEW
-vqgq+G8YBdKaD60yHJa7yId2GwKBgQD8YnIq8IBK2y0bwz5fMuoVAto54kBbJ5xu
-051/qEpwp6F8zL5l90YfMzfaDI+HGd39Exyh1jw40tC/oftrpku45aUKlKh2p0Eu
-XIisd/ogREOgX+rccNK3/+vNIvuNMUG+P058CXIG77xmuVNhMcTCJlkVNkCvTqiD
-C15nG4MgDwKBgH8rNeYq9JjteioIr4dE8NqWKVpVwuHVpGQ1p2fuzGGjd5OMLu/D
-HpdmPEuLL6ZfDuYFL4eDp57vz6DLgefjZNAD1QwDi9LP2CWgkuJkKMFyTI6NOITn
-HllOk3sdNhRi6ilGr778FHgkkcAo4fB24s0zhqFBW7FdAL9YMFOdlEznAoGBAMmd
-01peGf6yrIxbIn5ma/0w9Cf9iC/JqvwV7OHIDP+FykmqPgeyy7+s6Nc15YqlrWK4
-W80lGaLDNqN/wRu0ExW3zmpva0yuPDHPFhfBGH2iSuvY9AP51TvMJBER+yZFzSEv
-7YDFAuRrq3PcZLFmUqpOfCen2XCyQ4e8E0QHBG8dAoGATLPdAJKh8QtrAHetvKba
-U6DvB9bZK1c9+JpMYTgm0sv0VAxEug6g7K5dzFze674+cT9aBjztmm9f9vMFrjLP
-jDEjf9078+yJMPHvJRfArm5wkEwtKB/+8l5EdegO3ddHEadeyKYkXhqr7xDi+Y7C
-NpXDacZzaSPE3eM94owa1Lw=
------END PRIVATE KEY-----

package/_wildcard.machine.publr.co+2.pem

@@ -1,26 +0,0 @@
------BEGIN CERTIFICATE-----
-MIIEVDCCArygAwIBAgIQIQ3K3sDryHneKbPt2m/uYjANBgkqhkiG9w0BAQsFADB5
-MR4wHAYDVQQKExVta2NlcnQgZGV2ZWxvcG1lbnQgQ0ExJzAlBgNVBAsMHmNjbHNz
-QGNjbHNzdWktTWFjQm9va1Byby5sb2NhbDEuMCwGA1UEAwwlbWtjZXJ0IGNjbHNz
-QGNjbHNzdWktTWFjQm9va1Byby5sb2NhbDAeFw0yNTAzMzExMTMwMjlaFw0yNzA3
-MDExMTMwMjlaMFIxJzAlBgNVBAoTHm1rY2VydCBkZXZlbG9wbWVudCBjZXJ0aWZp
-Y2F0ZTEnMCUGA1UECwweY2Nsc3NAY2Nsc3N1aS1NYWNCb29rUHJvLmxvY2FsMIIB
-IjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA7OCM3n7Xg6aeNIQYJPtW1Ziy
-HufmlOClVFd/cPus5fZAY6KB4KBPkFq3uxyu6A7LECWnBnA3ai4pftlQVKG+aVYb
-f1K3H1dP/DRmYBT49/3ssiKq2iXl2bSNPtfMubjfcrsMremSbxer6X4CZX7USwwZ
-AA69vCCtZGfCwWHdpzKqfIYCGuRoaW8H37WZCzturG2zfF6J6/EshGm3u3OCssEz
-3zMcZi4WOprilUN8Q7xP2F2sGpnwh3BgrLceGtxsaI5kV3M73vqNGVb0iarr4NAO
-IGaOzaETzX6yITfWB+C07O6ceEwDsovg0AthamqSBF4LwXjFfhnCyaO094RLlQID
-AQABo38wfTAOBgNVHQ8BAf8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwHwYD
-VR0jBBgwFoAUivgDIbPxV5kEtkRARvALcvb3RgwwNQYDVR0RBC4wLIISKi5tYWNo
-aW5lLnB1YmxyLmNvhwTAqAEOhxAAAAAAAAAAAAAAAAAAAAABMA0GCSqGSIb3DQEB
-CwUAA4IBgQCnQOeM9UfVUHc5+0GGQvFsou88CsaTj8GGOK2Jsc5Qgc4puG9uX/Wl
-ex8VLerV1+/E27E9idhD6kN3lFpV0MG8b4YxlctCUXhpK0dT/fAau8kQIlwyU0cH
-AsZA1KmFTEtTiktMieRySHg2B4f5+FA3egRg5GEh1Um9al8+aFS2kR6uytN3yJOP
-FS0iX4j/nh35SuE0m5qwGDJuUd5/6V+oCrAlqDCdJt2WI/KK7rXP/l+h22hcUnm1
-6BXg95qTuASgHo559vXKlIGcG0rn+Gjt0hSJxdXTPLT9ixgE6fL93h1ouu67bJfK
-mgfUd0tzl43DgUnQKNZhbVx8U0S1d1mixrDPwjXYR3REZEW2EtCoaoTiUN4NbTkV
-UpHxXac/iSq03Vtw/eutQturAMFhRTcmLUdb9sCFONx8D+lOjzAmn2c4aoVPCZv5
-TDUSFopOvekxS2ngBJqb4YFtE0rebpoIuwuXvDaAdh9YCCDOghan0FLFRdMsD/kz
-kOlXSJWNgZ0=
------END CERTIFICATE-----