@getdraft/plugin 1.19.0-alpha.0 → 1.19.0-alpha.1

package/dist/index.iife.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.iife.js","names":[],"sources":["../src/routes.ts","../src/types.ts","../src/utils.ts","../package.json","../src/plugin.ts","../src/index.ts"],"sourcesContent":["export const LOCAL_ENDPOINT = 'http://localhost:5174';\nexport const PROD_ENDPOINT = 'https://seplugin.sendsay.ru';\n","export enum EditorMenu {\n  Audit = 'audit',\n  Guide = 'guide',\n  Style = 'style',\n  Blocks = 'blocks',\n}\n\nexport enum ViewMode {\n  Desktop = 'desktop',\n  Mobile = 'mobile',\n}\n\nexport interface Notification {\n  intent: 'error' | 'info' | 'success' | 'warning';\n  errorDetails?: object;\n  message?: string;\n  title: string;\n}\n\ntype PersonalizationDictionaryEntry =\n  | { name: string; value: string }\n  | { groupName: string; items: Array<{ name: string; value: string }> };\n\nexport type PersonalizationDictionaryItems = PersonalizationDictionaryEntry[];\n\nexport type SectionPersonalizationValue = string | number | boolean | null;\n\nexport interface SectionPersonalizationField {\n  id: string;\n  operatorId: 'equals';\n}\n\nexport interface SectionPersonalizationCatalogOption {\n  label: string;\n  value: Exclude<SectionPersonalizationValue, null>;\n}\n\nexport interface SectionPersonalizationCatalogGroup {\n  type: 'group';\n  id: string;\n  label: string;\n  children: SectionPersonalizationCatalogNode[];\n}\n\nexport interface SectionPersonalizationCatalogField {\n  type: 'field';\n  id: string;\n  label: string;\n  valueType?: 'string' | 'number' | 'boolean' | 'date';\n  options?: SectionPersonalizationCatalogOption[];\n}\n\nexport type SectionPersonalizationCatalogNode =\n  | SectionPersonalizationCatalogGroup\n  | SectionPersonalizationCatalogField;\n\nexport interface SectionPersonalizationConfig {\n  enabled: boolean;\n  aboutUrl?: string;\n}\n\nexport interface RenderSectionPersonalizationGroupInput {\n  groupId: string;\n  fields: SectionPersonalizationField[];\n  variants: Array<{\n    id: string;\n    values: Record<string, SectionPersonalizationValue>;\n    html: string;\n  }>;\n  fallback?: {\n    id: string;\n    html: string;\n  };\n}\n\nexport interface SerializedTemplate {\n  [key: string]: unknown;\n  parentId: string | null;\n  id: string;\n  parameters: object;\n  layer: string;\n  type: string;\n  children?: SerializedTemplate[];\n  meta?: { [key: string]: unknown; version: string };\n}\n\nexport type EventHandler<T> = (data: T) => void;\n\nexport type AsyncEventHandler<P, R> = (params: P) => Promise<R>;\n\nexport class DraftError extends Error {\n  public readonly code: string;\n\n  constructor(code: string, message: string) {\n    super(message);\n    this.name = 'DraftError';\n    this.code = code;\n  }\n}\n\nexport type MessageData = {\n  source: string;\n  event: string;\n  ok?: boolean;\n  code?: string;\n  message?: string;\n  action?: string;\n  requestId?: string;\n};\n\nexport interface ExportAsFileParams {\n  blob: Blob;\n  fileName: string;\n}\n\nexport interface SaveParams {\n  json: TemplateJSON;\n  html: string;\n}\n\nexport type OnInitParams = MessageEvent<{\n  source: string;\n  event: 'loaded' | unknown;\n}>;\n\nexport interface ReadyParams extends SaveParams {\n  lastSavedTemplate?: {\n    template: TemplateJSON;\n    date: Date;\n  };\n}\n\nexport interface ErrorParams {\n  message: string;\n  code?: string;\n  details?: unknown;\n}\n\nexport interface ExitParams extends SaveParams {}\n\nexport type NotificationParams = Notification;\n\nexport interface OpenGalleryParams {\n  id: string;\n}\n\nexport interface UploadImageParams {\n  file: string;\n  name: string;\n}\n\nexport interface ImageParams {\n  url: string;\n  originalWidth: number;\n  originalHeight: number;\n  ratio: number;\n  fileSize: number;\n}\n\nexport interface AutosaveParams {\n  json: TemplateJSON;\n}\n\ninterface ToggleParams {\n  state: boolean;\n}\n\nexport interface ToggleGridParams extends ToggleParams {}\n\nexport interface ToggleInvisibleCharactersParams extends ToggleParams {}\n\nexport interface TogglePreviewParams extends ToggleParams {\n  json: TemplateJSON;\n  html: string;\n  darkHTML: string;\n}\n\nexport interface ToggleViewModeParams {\n  mode: ViewMode;\n}\n\nexport interface ToggleMenuParams {\n  menu: EditorMenu | null;\n}\n\nexport interface HistoryParams {\n  hasUndos: boolean;\n  hasRedos: boolean;\n  currentStep: number;\n}\n\nexport type TemplateJSON = SerializedTemplate;\n\nexport type PersonalizationDictionary = PersonalizationDictionaryItems;\n\nexport type ToolbarActionName =\n  | 'duplicate'\n  | 'destroy'\n  | 'edit'\n  | 'up'\n  | 'down';\nexport type HotkeyContext = 'hotkey';\nexport type OverlayContext = 'overlay-click' | 'overlay-double-click';\nexport type ToolbarContext = 'toolbar';\nexport type UnitSettingsContext = 'unit-settings';\nexport type BlockType = 'system' | 'user';\nexport type DndDragContext = 'canvas' | 'list' | 'palette';\nexport type DndDropContext = 'dropline' | 'placeholder' | 'empty-placeholder';\nexport type DndDropTarget = 'root' | 'section' | 'column' | 'element';\n\nexport interface DuplicateEvent {\n  name: 'duplicate';\n  context: HotkeyContext | ToolbarContext | UnitSettingsContext;\n  unitType: string;\n}\n\nexport interface DestroyEvent {\n  name: 'destroy';\n  context: HotkeyContext | ToolbarContext | UnitSettingsContext;\n  unitType: string;\n}\n\nexport interface EditEvent {\n  name: 'edit';\n  context: OverlayContext | ToolbarContext;\n  unitType: string;\n}\n\nexport interface HistoryEvent {\n  name: 'history';\n  type: 'undo' | 'redo';\n  context: HotkeyContext;\n}\n\nexport interface PreviewEvent {\n  name: 'preview';\n  context: HotkeyContext;\n}\n\nexport interface ToolbarMoveEvent {\n  name: 'up' | 'down';\n  context: ToolbarContext;\n  unitType: string;\n}\n\nexport interface BlockInsertEvent {\n  name: 'block-insert';\n  context: 'double-click';\n  blockType: BlockType;\n  blockName: string;\n  blockCategory: string | number;\n  blockId: string | number;\n}\n\nexport interface BlockSaveEvent {\n  name: 'block-save';\n  blockType: 'user';\n  blockName: string;\n  blockCategory: string | number;\n  blockId: string | number;\n  elements: Record<string, number> & { sum: number };\n}\n\nexport interface BlockDestroyEvent {\n  name: 'block-destroy';\n}\n\nexport interface DropEventDragMeta {\n  context?: DndDragContext;\n  layer?: 'element' | 'section' | 'column' | 'root';\n  type?: string | string[];\n  blockCategory?: string | number;\n  blockId?: string | number;\n  blockName?: string;\n  blockType?: BlockType;\n  alt?: boolean;\n  dropKind?: 'create' | 'move';\n}\n\nexport interface DropEventDropzoneMeta {\n  context?: DndDropContext;\n  dropTarget?: DndDropTarget;\n}\n\nexport interface DropEvent {\n  name: 'drop';\n  drag?: DropEventDragMeta;\n  dropzone?: DropEventDropzoneMeta;\n}\n\nexport type AnalyticsParams =\n  | DuplicateEvent\n  | DestroyEvent\n  | EditEvent\n  | HistoryEvent\n  | PreviewEvent\n  | ToolbarMoveEvent\n  | BlockInsertEvent\n  | BlockSaveEvent\n  | BlockDestroyEvent\n  | DropEvent;\n\nexport interface Handlers {\n  ready: EventHandler<ReadyParams>;\n  error: EventHandler<ErrorParams>;\n  save: EventHandler<SaveParams>;\n  exit: EventHandler<ExitParams>;\n  notification: EventHandler<NotificationParams>;\n  autosave: EventHandler<AutosaveParams>;\n  toggleGrid: EventHandler<ToggleGridParams>;\n  toggleInvisibleCharacters: EventHandler<ToggleInvisibleCharactersParams>;\n  togglePreview: EventHandler<TogglePreviewParams>;\n  toggleViewMode: EventHandler<ToggleViewModeParams>;\n  toggleMenu: EventHandler<ToggleMenuParams>;\n  history: EventHandler<HistoryParams>;\n  analytics: EventHandler<AnalyticsParams>;\n  openGallery: EventHandler<(url?: string) => Promise<void>>;\n  uploadImage: AsyncEventHandler<UploadImageParams, string>;\n  loadPersonalization: AsyncEventHandler<void, PersonalizationDictionary>;\n  loadSectionPersonalizationCatalog: AsyncEventHandler<\n    void,\n    SectionPersonalizationCatalogNode[]\n  >;\n  renderSectionPersonalizationGroup: AsyncEventHandler<\n    RenderSectionPersonalizationGroupInput,\n    string\n  >;\n}\n\nexport type HandlerParams<H> = H extends\n  | EventHandler<infer P>\n  | AsyncEventHandler<infer P, unknown>\n  ? P\n  : never;\n\nexport interface PluginConfig {\n  container: string;\n  locale?: string;\n  autosave?:\n    | boolean\n    | {\n        interval: number;\n      };\n  token: string;\n  authData?: {\n    orgId: number;\n    projectId?: number;\n  };\n  pluginId: string;\n  apiUrl: string;\n  disableHotkeysPassing?: boolean;\n  sectionPersonalization?: SectionPersonalizationConfig;\n  __config?: object;\n  on: Partial<Handlers>;\n}\n","import { ImageParams } from './types';\n\nconst getImageFileSize = async (imageUrl: string) => {\n  try {\n    const response = await fetch(imageUrl, { method: 'HEAD' });\n\n    if (!response.ok) {\n      return null;\n    }\n\n    const contentLength = response.headers.get('Content-Length');\n\n    if (contentLength) {\n      return parseInt(contentLength, 10);\n    } else {\n      return null;\n    }\n  } catch (error) {\n    return null;\n  }\n};\n\nexport const getImageParamsFromFileUrl = (imgSrc: string) =>\n  new Promise<Omit<ImageParams, 'url'>>((resolve, reject) => {\n    const img = new Image();\n\n    img.onload = async () => {\n      const fileSize = (await getImageFileSize(imgSrc)) ?? 0;\n\n      resolve({\n        originalWidth: img.width,\n        originalHeight: img.height,\n        ratio: img.width / img.height,\n        fileSize,\n      });\n    };\n\n    img.onerror = (error) => {\n      reject(error);\n    };\n\n    img.src = imgSrc;\n  });\n\nconst getLatinKey = (key: string, code: string) => {\n  if (key.length !== 1) {\n    return key;\n  }\n\n  const capitalHetaCode = 880;\n  const isNonLatin = key.charCodeAt(0) >= capitalHetaCode;\n\n  if (isNonLatin) {\n    if (code.indexOf('Key') === 0 && code.length === 4) {\n      return code.charAt(3);\n    }\n\n    if (code.indexOf('Digit') === 0 && code.length === 6) {\n      return code.charAt(5);\n    }\n  }\n\n  return key;\n};\n\nexport const constructKeyCode = (event: KeyboardEvent) => {\n  let keyCode =\n    `${getLatinKey(event.key, event.code)}`.toLowerCase() || event.key;\n  const macOs = navigator.userAgent.includes('Mac OS');\n\n  if (keyCode === 'backspace' && macOs) {\n    keyCode = 'delete';\n  }\n\n  const prefix = [];\n\n  if ((macOs && event.metaKey) || (!macOs && event.ctrlKey)) {\n    prefix.push('mod');\n  }\n\n  if (event.shiftKey) {\n    prefix.push('shift');\n  }\n\n  if (prefix.length > 0) {\n    keyCode = `${prefix.join('-')}-${getLatinKey(keyCode, event.code)}`;\n  }\n\n  return keyCode;\n};\n\nexport const CORE_HOTKEYS = new Set([\n  'escape',\n  'mod-c',\n  'mod-d',\n  'mod-z',\n  'mod-y',\n  'mod-shift-z',\n  'mod-v',\n  'delete',\n  'mod-g',\n  'mod-p',\n  'mod-s',\n]);\n","{\n  \"name\": \"@getdraft/plugin\",\n  \"version\": \"1.19.0-alpha.0\",\n  \"main\": \"dist/index.cjs.js\",\n  \"module\": \"dist/index.es.js\",\n  \"types\": \"dist/types/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/types/index.d.ts\",\n      \"import\": \"./dist/index.es.js\",\n      \"require\": \"./dist/index.cjs.js\"\n    }\n  },\n  \"scripts\": {\n    \"prebuild\": \"rm -rf dist\",\n    \"build\": \"vite build\",\n    \"dev-tsc\": \"tsc-check\",\n    \"eslint\": \"npx eslint src\",\n    \"eslint:fix\": \"pnpm eslint --fix\",\n    \"prettify\": \"npx prettier --check src\",\n    \"prettify:fix\": \"npx prettier -w src\",\n    \"prepublish\": \"pnpm build\",\n    \"watch\": \"NODE_ENV=development vite build --watch\",\n    \"start\": \"NODE_ENV=development npx vite\"\n  },\n  \"dependencies\": {},\n  \"devDependencies\": {\n    \"@getdraft/types\": \"workspace:^\",\n    \"@getdraft/eslint-config-ts\": \"workspace:^\",\n    \"@getdraft/prettier\": \"workspace:^\",\n    \"vite-plugin-dts\": \"4.5.4\"\n  },\n  \"license\": \"MIT\"\n}\n","import { LOCAL_ENDPOINT, PROD_ENDPOINT } from './routes';\nimport {\n  DraftError,\n  EditorMenu,\n  ExitParams,\n  OnInitParams,\n  OpenGalleryParams,\n  Handlers,\n  PluginConfig,\n  SaveParams,\n  TemplateJSON,\n  UploadImageParams,\n  ViewMode,\n  HandlerParams,\n  MessageData,\n  ExportAsFileParams,\n  RenderSectionPersonalizationGroupInput,\n} from './types';\nimport {\n  getImageParamsFromFileUrl,\n  constructKeyCode,\n  CORE_HOTKEYS,\n} from './utils';\nimport pkg from '../package.json';\n\nconst UNKNOWN_ERROR_MESSAGE = 'Unknown error';\n\nconst getDeployLink = () => {\n  const regex = new RegExp(`(^| )seplugin-dev=([^;]+)`);\n  const match = document.cookie.match(regex);\n  const value = match?.[2].toLowerCase?.();\n\n  if (value === 'true') {\n    return LOCAL_ENDPOINT;\n  }\n\n  if (value?.startsWith('https://')) {\n    return value;\n  }\n\n  const [major, mid] = pkg.version.split('.');\n\n  return `${PROD_ENDPOINT}/v${major}.${mid}`;\n};\n\nconst verifyConfig = ({ token, pluginId, apiUrl }: PluginConfig) => {\n  if (!token) {\n    throw new Error('No [token] was provided');\n  }\n\n  if (!pluginId) {\n    throw new Error('No [pluginId] was provided');\n  }\n\n  if (!apiUrl) {\n    throw new Error('No [apiUrl] was provided');\n  }\n};\n\nconst createIframe = (parentOrigin: string) => {\n  const iframe = document.createElement('iframe');\n  const url = new URL(getDeployLink());\n  url.searchParams.set('parentOrigin', parentOrigin);\n  iframe.src = url.toString();\n  iframe.setAttribute(\n    'style',\n    'height:100%;width:100%;min-width:960px;border:0px;',\n  );\n  iframe.setAttribute('allow', 'clipboard-read; clipboard-write');\n  iframe.setAttribute(\n    'sandbox',\n    'allow-scripts allow-same-origin allow-forms allow-popups allow-downloads',\n  );\n\n  return iframe;\n};\n\nexport class PluginInstance {\n  public iframe: HTMLIFrameElement | null = null;\n  private hotkeysAttached = false;\n  private iframeOrigin: string | null = null;\n  constructor(public config: PluginConfig) {}\n\n  private captureHotkeysEnabled() {\n    return this.config.disableHotkeysPassing !== true;\n  }\n\n  private onHostHotkey = (event: KeyboardEvent) => {\n    if (!this.captureHotkeysEnabled() || !this.iframe?.contentWindow) {\n      return;\n    }\n\n    const keyCode = constructKeyCode(event);\n\n    if (!CORE_HOTKEYS.has(keyCode)) {\n      return;\n    }\n\n    const target = event.target as HTMLElement | null;\n\n    if (\n      target &&\n      (target.isContentEditable ||\n        ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName))\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const { key, ctrlKey, metaKey, shiftKey, altKey } = event;\n\n    this.postEvent('hostHotkey', {\n      key,\n      code: event.code,\n      metaKey,\n      ctrlKey,\n      shiftKey,\n      altKey,\n      keyCode,\n    });\n  };\n\n  private static HEARTBEAT_TIMEOUT = 4000;\n\n  private promisedIframeMethod<T>(eventName: string) {\n    let timer: Timeout | null = null;\n    let listener: ((e: MessageEvent<MessageData>) => void) | null = null;\n\n    const cleanup = () => {\n      if (timer) {\n        clearTimeout(timer);\n        timer = null;\n      }\n\n      if (listener) {\n        window.removeEventListener('message', listener, true);\n        listener = null;\n      }\n    };\n\n    const res = new Promise<T>((resolve, reject) => {\n      const resetTimer = () => {\n        if (timer) clearTimeout(timer);\n        timer = setTimeout(() => {\n          cleanup();\n          reject(\n            new DraftError('timeout_error', `Action \"${eventName}\" timed out`),\n          );\n        }, PluginInstance.HEARTBEAT_TIMEOUT);\n      };\n\n      listener = (e: MessageEvent<MessageData>) => {\n        if (e.source !== this.iframe?.contentWindow) return;\n\n        const { data } = e;\n        if (data.source !== 'DraftPlugin') return;\n\n        if (data.event === 'actionPing' && data.action === eventName) {\n          e.stopPropagation();\n          resetTimer();\n\n          return;\n        }\n\n        if (data.event === eventName) {\n          e.stopPropagation();\n          cleanup();\n\n          const { source: _1, event: _2, ok, code, message, ...rest } = data;\n\n          if (ok === false) {\n            reject(\n              new DraftError(\n                code || 'unknown_error',\n                message || UNKNOWN_ERROR_MESSAGE,\n              ),\n            );\n          } else {\n            resolve(rest as T);\n          }\n        }\n      };\n\n      window.addEventListener('message', listener, true);\n      resetTimer();\n    });\n\n    this.postEvent(eventName);\n\n    return res;\n  }\n\n  private postEvent(event: string, data: object = {}) {\n    if (this.iframe && this.iframe.contentWindow && this.iframeOrigin) {\n      this.iframe.contentWindow.postMessage(\n        {\n          ...data,\n          event,\n          source: 'DraftPlugin',\n        },\n        this.iframeOrigin,\n      );\n    } else if (!this.iframeOrigin) {\n      throw new Error('Iframe origin is not initialized');\n    }\n  }\n\n  private onImageUpload = async ({\n    id,\n    ...data\n  }: UploadImageParams & { id: string }) => {\n    try {\n      const url = await this.config.on.uploadImage?.(data);\n      let params = {};\n\n      if (url) {\n        params = await getImageParamsFromFileUrl(url);\n      }\n\n      this.postEvent('imageUploaded', { id, img: { ...params, url } });\n    } catch (e) {\n      this.postEvent('imageUploaded', { id });\n    }\n  };\n\n  private onLoadPersonalization = async (requestId?: string) => {\n    try {\n      if (!this.config.on.loadPersonalization) {\n        throw new Error('No personalization loader provided');\n      }\n\n      const personalizationDictionary =\n        await this.config.on.loadPersonalization();\n\n      this.postEvent('loadPersonalization', {\n        items: personalizationDictionary,\n        requestId,\n      });\n    } catch (e) {\n      this.postEvent('loadPersonalization', { requestId });\n    }\n  };\n\n  private onLoadSectionPersonalizationCatalog = async (requestId?: string) => {\n    try {\n      const handler = this.config.on.loadSectionPersonalizationCatalog;\n\n      if (!handler) {\n        throw new Error('No section personalization catalog loader provided');\n      }\n\n      const catalog = await handler();\n\n      this.postEvent('loadSectionPersonalizationCatalog', {\n        ok: true,\n        requestId,\n        catalog,\n      });\n    } catch (error) {\n      this.postEvent('loadSectionPersonalizationCatalog', {\n        ok: false,\n        requestId,\n        message: error instanceof Error ? error.message : UNKNOWN_ERROR_MESSAGE,\n      });\n    }\n  };\n\n  private onRenderSectionPersonalizationGroup = async (\n    data: RenderSectionPersonalizationGroupInput & { requestId?: string },\n  ) => {\n    const { requestId, ...input } = data;\n\n    try {\n      const handler = this.config.on.renderSectionPersonalizationGroup;\n\n      if (!handler) {\n        throw new Error('No section personalization renderer provided');\n      }\n\n      const renderedHtml = await handler(input);\n\n      this.postEvent('renderSectionPersonalizationGroup', {\n        ok: true,\n        requestId,\n        html: renderedHtml,\n      });\n    } catch (error) {\n      this.postEvent('renderSectionPersonalizationGroup', {\n        ok: false,\n        requestId,\n        message: error instanceof Error ? error.message : UNKNOWN_ERROR_MESSAGE,\n      });\n    }\n  };\n\n  private onGalleryOpen = async ({ id }: { id: string }) => {\n    const applyImage = async (url?: string) => {\n      const imgParams = { url };\n\n      if (url) {\n        const params = await getImageParamsFromFileUrl(url);\n        Object.assign(imgParams, params);\n      }\n\n      this.postEvent('imageUploaded', {\n        id,\n        img: imgParams,\n      });\n    };\n\n    this.config.on.openGallery?.(applyImage);\n  };\n\n  private triggerEvent<H extends CallableFunction | undefined>(\n    handler: H,\n    params: HandlerParams<H>,\n  ) {\n    if (!handler) {\n      return;\n    }\n\n    return handler(params);\n  }\n\n  private onMessage = (\n    ev: MessageEvent<{ source: string; event: keyof Handlers }>,\n  ) => {\n    if (ev.source !== this.iframe?.contentWindow) {\n      return;\n    }\n\n    const {\n      data: { source, event, ...data },\n    } = ev;\n\n    if (source === 'DraftPlugin') {\n      if (event === 'openGallery') {\n        this.onGalleryOpen(data as OpenGalleryParams);\n      } else if (event === 'uploadImage') {\n        this.onImageUpload(data as UploadImageParams & { id: string });\n      } else if (event === 'loadPersonalization') {\n        this.onLoadPersonalization((data as { requestId?: string }).requestId);\n      } else if (event === 'loadSectionPersonalizationCatalog') {\n        this.onLoadSectionPersonalizationCatalog(\n          (data as { requestId?: string }).requestId,\n        );\n      } else if (event === 'renderSectionPersonalizationGroup') {\n        this.onRenderSectionPersonalizationGroup(\n          data as RenderSectionPersonalizationGroupInput & {\n            requestId?: string;\n          },\n        );\n      } else {\n        this.triggerEvent(\n          this.config.on[event],\n          data as HandlerParams<Handlers[typeof event]>,\n        );\n      }\n    }\n  };\n\n  start({\n    template,\n    templateName,\n    uid,\n  }: {\n    template: string | TemplateJSON;\n    uid: string | number;\n    templateName?: string;\n  }) {\n    const containerEl = document.querySelector(this.config.container);\n\n    if (!containerEl) {\n      throw new Error('Specified container not found');\n    } else {\n      const onInit = (msg: OnInitParams) => {\n        const {\n          data: { source, event },\n        } = msg;\n        if (source === 'DraftPlugin' && event === 'loaded') {\n          if (msg.source !== this.iframe?.contentWindow) return;\n\n          this.iframeOrigin = msg.origin;\n\n          const {\n            on,\n            container,\n            locale,\n            autosave,\n            token,\n            apiUrl,\n            pluginId,\n            authData,\n            sectionPersonalization,\n            __config,\n          } = this.config;\n\n          verifyConfig(this.config);\n\n          if (this.iframe && this.iframe.contentWindow) {\n            const resolvedSectionPersonalization = {\n              ...sectionPersonalization,\n              enabled:\n                sectionPersonalization?.enabled === true &&\n                !!on.loadSectionPersonalizationCatalog &&\n                !!on.renderSectionPersonalizationGroup,\n            };\n\n            this.postEvent('init', {\n              container,\n              locale,\n              uid,\n              autosave,\n              token,\n              pluginId,\n              authData,\n              sectionPersonalization: resolvedSectionPersonalization,\n              apiUrl,\n              __config,\n              enabledListeners: Object.keys(on),\n              template,\n              templateName,\n            });\n          }\n\n          window.addEventListener('message', this.onMessage);\n          window.removeEventListener('message', onInit);\n        }\n      };\n\n      this.iframe = createIframe(window.location.origin);\n      window.addEventListener('message', onInit);\n      containerEl.appendChild(this.iframe);\n\n      if (this.captureHotkeysEnabled() && !this.hotkeysAttached) {\n        window.addEventListener('keydown', this.onHostHotkey);\n        this.hotkeysAttached = true;\n      }\n    }\n  }\n\n  destroy = () => {\n    this.iframe?.remove();\n    this.iframe = null;\n    window.removeEventListener('message', this.onMessage);\n\n    if (this.hotkeysAttached) {\n      window.removeEventListener('keydown', this.onHostHotkey);\n      this.hotkeysAttached = false;\n    }\n  };\n\n  changeTemplate(\n    template: string | TemplateJSON,\n    options: {\n      templateName?: string;\n      uid?: string;\n    } = {},\n  ) {\n    this.postEvent('changeTemplate', { ...options, template });\n  }\n\n  toggleGrid(state?: boolean) {\n    this.postEvent('toggleGrid', { state });\n  }\n\n  toggleInvisibleCharacters(state?: boolean) {\n    this.postEvent('toggleInvisibleCharacters', { state });\n  }\n\n  async isInvisibleCharactersVisible() {\n    const { state } = await this.promisedIframeMethod<{ state: boolean }>(\n      'getInvisibleCharactersVisibility',\n    );\n\n    return state;\n  }\n\n  togglePreview(state?: boolean) {\n    this.postEvent('togglePreview', { state });\n  }\n\n  toggleMenu(menu: EditorMenu | null = null) {\n    this.postEvent('toggleMenu', { menu });\n  }\n\n  toggleViewMode(viewMode: ViewMode) {\n    this.postEvent('toggleViewMode', { viewMode });\n  }\n\n  undo() {\n    this.postEvent('undo');\n  }\n\n  undoToStep(targetStep: number) {\n    this.postEvent('undoToStep', { targetStep });\n  }\n\n  redo() {\n    this.postEvent('redo');\n  }\n\n  save() {\n    return this.promisedIframeMethod<SaveParams>('saveAction');\n  }\n\n  exit() {\n    return this.promisedIframeMethod<ExitParams>('exitAction');\n  }\n\n  exportContent() {\n    return this.promisedIframeMethod<SaveParams>('exportContent');\n  }\n\n  exportAsFile() {\n    return this.promisedIframeMethod<ExportAsFileParams>('exportAsFile');\n  }\n}\n","import { PluginInstance } from './plugin';\nimport { PluginConfig } from './types';\nimport { version } from '../package.json';\n\nconst DEFAULT_CONFIG: Partial<PluginConfig> = {\n  container: '#draft-plugin-container',\n  disableHotkeysPassing: false,\n  locale: 'ru',\n  on: {},\n};\n\nclass PluginWrapper {\n  public version = version;\n\n  create(config: PluginConfig) {\n    return new PluginInstance({\n      ...DEFAULT_CONFIG,\n      ...config,\n    });\n  }\n}\n\nconst DraftPlugin = new PluginWrapper();\n\ndeclare global {\n  interface Window {\n    DraftPlugin: PluginWrapper;\n  }\n}\n\nwindow.DraftPlugin = DraftPlugin;\n\nexport default DraftPlugin;\nexport type { PluginInstance } from './plugin';\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"index.iife.js","names":[],"sources":["../src/routes.ts","../src/types.ts","../src/utils.ts","../package.json","../src/plugin.ts","../src/index.ts"],"sourcesContent":["export const LOCAL_ENDPOINT = 'http://localhost:5174';\nexport const PROD_ENDPOINT = 'https://seplugin.sendsay.ru';\n","export enum EditorMenu {\n  Audit = 'audit',\n  Guide = 'guide',\n  Style = 'style',\n  Blocks = 'blocks',\n}\n\nexport enum ViewMode {\n  Desktop = 'desktop',\n  Mobile = 'mobile',\n}\n\nexport interface Notification {\n  intent: 'error' | 'info' | 'success' | 'warning';\n  errorDetails?: object;\n  message?: string;\n  title: string;\n}\n\ntype PersonalizationDictionaryEntry =\n  | { name: string; value: string }\n  | { groupName: string; items: Array<{ name: string; value: string }> };\n\nexport type PersonalizationDictionaryItems = PersonalizationDictionaryEntry[];\n\nexport type SectionPersonalizationScalarValue = string | number | boolean;\n\nexport interface SectionPersonalizationRangeValue {\n  from: string | number | null;\n  to: string | number | null;\n}\n\nexport type SectionPersonalizationValue =\n  | SectionPersonalizationScalarValue\n  | SectionPersonalizationScalarValue[]\n  | SectionPersonalizationRangeValue\n  | null;\n\nexport interface SectionPersonalizationField {\n  id: string;\n}\n\nexport interface SectionPersonalizationCondition {\n  operatorId: string;\n  value: SectionPersonalizationValue;\n}\n\nexport type SectionPersonalizationConditions = Record<\n  string,\n  SectionPersonalizationCondition\n>;\n\nexport interface SectionPersonalizationCatalogOption {\n  label: string;\n  value: SectionPersonalizationScalarValue;\n}\n\nexport type SectionPersonalizationRangeEndpointEditor =\n  | {\n      type: 'number';\n      integer?: boolean;\n      min?: number;\n      max?: number;\n    }\n  | { type: 'date' };\n\nexport type SectionPersonalizationValueEditor =\n  | { type: 'none' }\n  | { type: 'text'; maxLength?: number }\n  | {\n      type: 'number';\n      integer?: boolean;\n      min?: number;\n      max?: number;\n    }\n  | { type: 'boolean' }\n  | { type: 'date' }\n  | { type: 'select'; options: SectionPersonalizationCatalogOption[] }\n  | { type: 'multi-select'; options: SectionPersonalizationCatalogOption[] }\n  | {\n      type: 'range';\n      valueEditor: SectionPersonalizationRangeEndpointEditor;\n    };\n\nexport interface SectionPersonalizationCatalogOperator {\n  id: string;\n  label: string;\n  /**\n   * Optional abbreviation for compact summaries, e.g. a math symbol. The\n   * integration owns it, so Draft never derives one from `id` or `label`.\n   */\n  shortLabel?: string;\n  valueEditor: SectionPersonalizationValueEditor;\n}\n\nexport interface SectionPersonalizationCatalogGroup {\n  type: 'group';\n  id: string;\n  label: string;\n  children: SectionPersonalizationCatalogNode[];\n}\n\nexport interface SectionPersonalizationCatalogField {\n  type: 'field';\n  id: string;\n  label: string;\n  defaultOperatorId: string;\n  operators: SectionPersonalizationCatalogOperator[];\n}\n\nexport type SectionPersonalizationCatalogNode =\n  | SectionPersonalizationCatalogGroup\n  | SectionPersonalizationCatalogField;\n\nexport interface SectionPersonalizationConfig {\n  enabled: boolean;\n  aboutUrl?: string;\n}\n\n/**\n * One audience the whole group is hidden from. Conditions inside are joined\n * with AND, exclusions between themselves with OR.\n */\nexport interface SectionPersonalizationExclusion {\n  id: string;\n  conditions: SectionPersonalizationConditions;\n}\n\nexport interface RenderSectionPersonalizationGroupInput {\n  groupId: string;\n  fields: SectionPersonalizationField[];\n  variants: Array<{\n    id: string;\n    conditions: SectionPersonalizationConditions;\n    html: string;\n  }>;\n  fallback?: {\n    id: string;\n    html: string;\n  };\n  /**\n   * Audiences the whole group must be hidden from, already stripped of unfilled\n   * conditions. Empty exclusions are dropped by Draft, so every entry carries at\n   * least one condition and the renderer never has to guard against a rule that\n   * would match everyone.\n   */\n  hiddenFor?: SectionPersonalizationExclusion[];\n}\n\nexport interface SerializedTemplate {\n  [key: string]: unknown;\n  parentId: string | null;\n  id: string;\n  parameters: object;\n  layer: string;\n  type: string;\n  children?: SerializedTemplate[];\n  meta?: { [key: string]: unknown; version: string };\n}\n\nexport type EventHandler<T> = (data: T) => void;\n\nexport type AsyncEventHandler<P, R> = (params: P) => Promise<R>;\n\nexport class DraftError extends Error {\n  public readonly code: string;\n\n  constructor(code: string, message: string) {\n    super(message);\n    this.name = 'DraftError';\n    this.code = code;\n  }\n}\n\nexport type MessageData = {\n  source: string;\n  event: string;\n  ok?: boolean;\n  code?: string;\n  message?: string;\n  action?: string;\n  requestId?: string;\n};\n\nexport interface ExportAsFileParams {\n  blob: Blob;\n  fileName: string;\n}\n\nexport interface SaveParams {\n  json: TemplateJSON;\n  html: string;\n}\n\nexport type OnInitParams = MessageEvent<{\n  source: string;\n  event: 'loaded' | unknown;\n}>;\n\nexport interface ReadyParams extends SaveParams {\n  lastSavedTemplate?: {\n    template: TemplateJSON;\n    date: Date;\n  };\n}\n\nexport interface ErrorParams {\n  message: string;\n  code?: string;\n  details?: unknown;\n}\n\nexport interface ExitParams extends SaveParams {}\n\nexport type NotificationParams = Notification;\n\nexport interface OpenGalleryParams {\n  id: string;\n}\n\nexport interface UploadImageParams {\n  file: string;\n  name: string;\n}\n\nexport interface ImageParams {\n  url: string;\n  originalWidth: number;\n  originalHeight: number;\n  ratio: number;\n  fileSize: number;\n}\n\nexport interface AutosaveParams {\n  json: TemplateJSON;\n}\n\ninterface ToggleParams {\n  state: boolean;\n}\n\nexport interface ToggleGridParams extends ToggleParams {}\n\nexport interface ToggleInvisibleCharactersParams extends ToggleParams {}\n\nexport interface TogglePreviewParams extends ToggleParams {\n  json: TemplateJSON;\n  html: string;\n  darkHTML: string;\n}\n\nexport interface ToggleViewModeParams {\n  mode: ViewMode;\n}\n\nexport interface ToggleMenuParams {\n  menu: EditorMenu | null;\n}\n\nexport interface HistoryParams {\n  hasUndos: boolean;\n  hasRedos: boolean;\n  currentStep: number;\n}\n\nexport type TemplateJSON = SerializedTemplate;\n\nexport type PersonalizationDictionary = PersonalizationDictionaryItems;\n\nexport type ToolbarActionName =\n  | 'duplicate'\n  | 'destroy'\n  | 'edit'\n  | 'up'\n  | 'down';\nexport type HotkeyContext = 'hotkey';\nexport type OverlayContext = 'overlay-click' | 'overlay-double-click';\nexport type ToolbarContext = 'toolbar';\nexport type UnitSettingsContext = 'unit-settings';\nexport type BlockType = 'system' | 'user';\nexport type DndDragContext = 'canvas' | 'list' | 'palette';\nexport type DndDropContext = 'dropline' | 'placeholder' | 'empty-placeholder';\nexport type DndDropTarget = 'root' | 'section' | 'column' | 'element';\n\nexport interface DuplicateEvent {\n  name: 'duplicate';\n  context: HotkeyContext | ToolbarContext | UnitSettingsContext;\n  unitType: string;\n}\n\nexport interface DestroyEvent {\n  name: 'destroy';\n  context: HotkeyContext | ToolbarContext | UnitSettingsContext;\n  unitType: string;\n}\n\nexport interface EditEvent {\n  name: 'edit';\n  context: OverlayContext | ToolbarContext;\n  unitType: string;\n}\n\nexport interface HistoryEvent {\n  name: 'history';\n  type: 'undo' | 'redo';\n  context: HotkeyContext;\n}\n\nexport interface PreviewEvent {\n  name: 'preview';\n  context: HotkeyContext;\n}\n\nexport interface ToolbarMoveEvent {\n  name: 'up' | 'down';\n  context: ToolbarContext;\n  unitType: string;\n}\n\nexport interface BlockInsertEvent {\n  name: 'block-insert';\n  context: 'double-click';\n  blockType: BlockType;\n  blockName: string;\n  blockCategory: string | number;\n  blockId: string | number;\n}\n\nexport interface BlockSaveEvent {\n  name: 'block-save';\n  blockType: 'user';\n  blockName: string;\n  blockCategory: string | number;\n  blockId: string | number;\n  elements: Record<string, number> & { sum: number };\n}\n\nexport interface BlockDestroyEvent {\n  name: 'block-destroy';\n}\n\nexport interface DropEventDragMeta {\n  context?: DndDragContext;\n  layer?: 'element' | 'section' | 'column' | 'root';\n  type?: string | string[];\n  blockCategory?: string | number;\n  blockId?: string | number;\n  blockName?: string;\n  blockType?: BlockType;\n  alt?: boolean;\n  dropKind?: 'create' | 'move';\n}\n\nexport interface DropEventDropzoneMeta {\n  context?: DndDropContext;\n  dropTarget?: DndDropTarget;\n}\n\nexport interface DropEvent {\n  name: 'drop';\n  drag?: DropEventDragMeta;\n  dropzone?: DropEventDropzoneMeta;\n}\n\nexport type AnalyticsParams =\n  | DuplicateEvent\n  | DestroyEvent\n  | EditEvent\n  | HistoryEvent\n  | PreviewEvent\n  | ToolbarMoveEvent\n  | BlockInsertEvent\n  | BlockSaveEvent\n  | BlockDestroyEvent\n  | DropEvent;\n\nexport interface Handlers {\n  ready: EventHandler<ReadyParams>;\n  error: EventHandler<ErrorParams>;\n  save: EventHandler<SaveParams>;\n  exit: EventHandler<ExitParams>;\n  notification: EventHandler<NotificationParams>;\n  autosave: EventHandler<AutosaveParams>;\n  toggleGrid: EventHandler<ToggleGridParams>;\n  toggleInvisibleCharacters: EventHandler<ToggleInvisibleCharactersParams>;\n  togglePreview: EventHandler<TogglePreviewParams>;\n  toggleViewMode: EventHandler<ToggleViewModeParams>;\n  toggleMenu: EventHandler<ToggleMenuParams>;\n  history: EventHandler<HistoryParams>;\n  analytics: EventHandler<AnalyticsParams>;\n  openGallery: EventHandler<(url?: string) => Promise<void>>;\n  uploadImage: AsyncEventHandler<UploadImageParams, string>;\n  loadPersonalization: AsyncEventHandler<void, PersonalizationDictionary>;\n  loadSectionPersonalizationCatalog: AsyncEventHandler<\n    void,\n    SectionPersonalizationCatalogNode[]\n  >;\n  renderSectionPersonalizationGroup: AsyncEventHandler<\n    RenderSectionPersonalizationGroupInput,\n    string\n  >;\n}\n\nexport type HandlerParams<H> = H extends\n  | EventHandler<infer P>\n  | AsyncEventHandler<infer P, unknown>\n  ? P\n  : never;\n\nexport interface PluginConfig {\n  container: string;\n  locale?: string;\n  autosave?:\n    | boolean\n    | {\n        interval: number;\n      };\n  token: string;\n  authData?: {\n    orgId: number;\n    projectId?: number;\n  };\n  pluginId: string;\n  apiUrl: string;\n  disableHotkeysPassing?: boolean;\n  sectionPersonalization?: SectionPersonalizationConfig;\n  __config?: object;\n  on: Partial<Handlers>;\n}\n","import { ImageParams } from './types';\n\nconst getImageFileSize = async (imageUrl: string) => {\n  try {\n    const response = await fetch(imageUrl, { method: 'HEAD' });\n\n    if (!response.ok) {\n      return null;\n    }\n\n    const contentLength = response.headers.get('Content-Length');\n\n    if (contentLength) {\n      return parseInt(contentLength, 10);\n    } else {\n      return null;\n    }\n  } catch (error) {\n    return null;\n  }\n};\n\nexport const getImageParamsFromFileUrl = (imgSrc: string) =>\n  new Promise<Omit<ImageParams, 'url'>>((resolve, reject) => {\n    const img = new Image();\n\n    img.onload = async () => {\n      const fileSize = (await getImageFileSize(imgSrc)) ?? 0;\n\n      resolve({\n        originalWidth: img.width,\n        originalHeight: img.height,\n        ratio: img.width / img.height,\n        fileSize,\n      });\n    };\n\n    img.onerror = (error) => {\n      reject(error);\n    };\n\n    img.src = imgSrc;\n  });\n\nconst getLatinKey = (key: string, code: string) => {\n  if (key.length !== 1) {\n    return key;\n  }\n\n  const capitalHetaCode = 880;\n  const isNonLatin = key.charCodeAt(0) >= capitalHetaCode;\n\n  if (isNonLatin) {\n    if (code.indexOf('Key') === 0 && code.length === 4) {\n      return code.charAt(3);\n    }\n\n    if (code.indexOf('Digit') === 0 && code.length === 6) {\n      return code.charAt(5);\n    }\n  }\n\n  return key;\n};\n\nexport const constructKeyCode = (event: KeyboardEvent) => {\n  let keyCode =\n    `${getLatinKey(event.key, event.code)}`.toLowerCase() || event.key;\n  const macOs = navigator.userAgent.includes('Mac OS');\n\n  if (keyCode === 'backspace' && macOs) {\n    keyCode = 'delete';\n  }\n\n  const prefix = [];\n\n  if ((macOs && event.metaKey) || (!macOs && event.ctrlKey)) {\n    prefix.push('mod');\n  }\n\n  if (event.shiftKey) {\n    prefix.push('shift');\n  }\n\n  if (prefix.length > 0) {\n    keyCode = `${prefix.join('-')}-${getLatinKey(keyCode, event.code)}`;\n  }\n\n  return keyCode;\n};\n\nexport const CORE_HOTKEYS = new Set([\n  'escape',\n  'mod-c',\n  'mod-d',\n  'mod-z',\n  'mod-y',\n  'mod-shift-z',\n  'mod-v',\n  'delete',\n  'mod-g',\n  'mod-p',\n  'mod-s',\n]);\n","{\n  \"name\": \"@getdraft/plugin\",\n  \"version\": \"1.19.0-alpha.1\",\n  \"main\": \"dist/index.cjs.js\",\n  \"module\": \"dist/index.es.js\",\n  \"types\": \"dist/types/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/types/index.d.ts\",\n      \"import\": \"./dist/index.es.js\",\n      \"require\": \"./dist/index.cjs.js\"\n    }\n  },\n  \"scripts\": {\n    \"prebuild\": \"rm -rf dist\",\n    \"build\": \"vite build\",\n    \"dev-tsc\": \"tsc-check\",\n    \"eslint\": \"npx eslint src\",\n    \"eslint:fix\": \"pnpm eslint --fix\",\n    \"prettify\": \"npx prettier --check src\",\n    \"prettify:fix\": \"npx prettier -w src\",\n    \"prepublish\": \"pnpm build\",\n    \"watch\": \"NODE_ENV=development vite build --watch\",\n    \"start\": \"NODE_ENV=development npx vite\"\n  },\n  \"dependencies\": {},\n  \"devDependencies\": {\n    \"@getdraft/types\": \"workspace:^\",\n    \"@getdraft/eslint-config-ts\": \"workspace:^\",\n    \"@getdraft/prettier\": \"workspace:^\",\n    \"vite-plugin-dts\": \"4.5.4\"\n  },\n  \"license\": \"MIT\"\n}\n","import { LOCAL_ENDPOINT, PROD_ENDPOINT } from './routes';\nimport {\n  DraftError,\n  EditorMenu,\n  ExitParams,\n  OnInitParams,\n  OpenGalleryParams,\n  Handlers,\n  PluginConfig,\n  SaveParams,\n  TemplateJSON,\n  UploadImageParams,\n  ViewMode,\n  HandlerParams,\n  MessageData,\n  ExportAsFileParams,\n  RenderSectionPersonalizationGroupInput,\n} from './types';\nimport {\n  getImageParamsFromFileUrl,\n  constructKeyCode,\n  CORE_HOTKEYS,\n} from './utils';\nimport pkg from '../package.json';\n\nconst UNKNOWN_ERROR_MESSAGE = 'Unknown error';\n\nconst getDeployLink = () => {\n  const regex = new RegExp(`(^| )seplugin-dev=([^;]+)`);\n  const match = document.cookie.match(regex);\n  const value = match?.[2].toLowerCase?.();\n\n  if (value === 'true') {\n    return LOCAL_ENDPOINT;\n  }\n\n  if (value?.startsWith('https://')) {\n    return value;\n  }\n\n  const [major, mid] = pkg.version.split('.');\n\n  return `${PROD_ENDPOINT}/v${major}.${mid}`;\n};\n\nconst verifyConfig = ({ token, pluginId, apiUrl }: PluginConfig) => {\n  if (!token) {\n    throw new Error('No [token] was provided');\n  }\n\n  if (!pluginId) {\n    throw new Error('No [pluginId] was provided');\n  }\n\n  if (!apiUrl) {\n    throw new Error('No [apiUrl] was provided');\n  }\n};\n\nconst createIframe = (parentOrigin: string) => {\n  const iframe = document.createElement('iframe');\n  const url = new URL(getDeployLink());\n  url.searchParams.set('parentOrigin', parentOrigin);\n  iframe.src = url.toString();\n  iframe.setAttribute(\n    'style',\n    'height:100%;width:100%;min-width:960px;border:0px;',\n  );\n  iframe.setAttribute('allow', 'clipboard-read; clipboard-write');\n  iframe.setAttribute(\n    'sandbox',\n    'allow-scripts allow-same-origin allow-forms allow-popups allow-downloads',\n  );\n\n  return iframe;\n};\n\nexport class PluginInstance {\n  public iframe: HTMLIFrameElement | null = null;\n  private hotkeysAttached = false;\n  private iframeOrigin: string | null = null;\n  constructor(public config: PluginConfig) {}\n\n  private captureHotkeysEnabled() {\n    return this.config.disableHotkeysPassing !== true;\n  }\n\n  private onHostHotkey = (event: KeyboardEvent) => {\n    if (!this.captureHotkeysEnabled() || !this.iframe?.contentWindow) {\n      return;\n    }\n\n    const keyCode = constructKeyCode(event);\n\n    if (!CORE_HOTKEYS.has(keyCode)) {\n      return;\n    }\n\n    const target = event.target as HTMLElement | null;\n\n    if (\n      target &&\n      (target.isContentEditable ||\n        ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName))\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const { key, ctrlKey, metaKey, shiftKey, altKey } = event;\n\n    this.postEvent('hostHotkey', {\n      key,\n      code: event.code,\n      metaKey,\n      ctrlKey,\n      shiftKey,\n      altKey,\n      keyCode,\n    });\n  };\n\n  private static HEARTBEAT_TIMEOUT = 4000;\n\n  private promisedIframeMethod<T>(eventName: string) {\n    let timer: Timeout | null = null;\n    let listener: ((e: MessageEvent<MessageData>) => void) | null = null;\n\n    const cleanup = () => {\n      if (timer) {\n        clearTimeout(timer);\n        timer = null;\n      }\n\n      if (listener) {\n        window.removeEventListener('message', listener, true);\n        listener = null;\n      }\n    };\n\n    const res = new Promise<T>((resolve, reject) => {\n      const resetTimer = () => {\n        if (timer) clearTimeout(timer);\n        timer = setTimeout(() => {\n          cleanup();\n          reject(\n            new DraftError('timeout_error', `Action \"${eventName}\" timed out`),\n          );\n        }, PluginInstance.HEARTBEAT_TIMEOUT);\n      };\n\n      listener = (e: MessageEvent<MessageData>) => {\n        if (e.source !== this.iframe?.contentWindow) return;\n\n        const { data } = e;\n        if (data.source !== 'DraftPlugin') return;\n\n        if (data.event === 'actionPing' && data.action === eventName) {\n          e.stopPropagation();\n          resetTimer();\n\n          return;\n        }\n\n        if (data.event === eventName) {\n          e.stopPropagation();\n          cleanup();\n\n          const { source: _1, event: _2, ok, code, message, ...rest } = data;\n\n          if (ok === false) {\n            reject(\n              new DraftError(\n                code || 'unknown_error',\n                message || UNKNOWN_ERROR_MESSAGE,\n              ),\n            );\n          } else {\n            resolve(rest as T);\n          }\n        }\n      };\n\n      window.addEventListener('message', listener, true);\n      resetTimer();\n    });\n\n    this.postEvent(eventName);\n\n    return res;\n  }\n\n  private postEvent(event: string, data: object = {}) {\n    if (this.iframe && this.iframe.contentWindow && this.iframeOrigin) {\n      this.iframe.contentWindow.postMessage(\n        {\n          ...data,\n          event,\n          source: 'DraftPlugin',\n        },\n        this.iframeOrigin,\n      );\n    } else if (!this.iframeOrigin) {\n      throw new Error('Iframe origin is not initialized');\n    }\n  }\n\n  private onImageUpload = async ({\n    id,\n    ...data\n  }: UploadImageParams & { id: string }) => {\n    try {\n      const url = await this.config.on.uploadImage?.(data);\n      let params = {};\n\n      if (url) {\n        params = await getImageParamsFromFileUrl(url);\n      }\n\n      this.postEvent('imageUploaded', { id, img: { ...params, url } });\n    } catch (e) {\n      this.postEvent('imageUploaded', { id });\n    }\n  };\n\n  private onLoadPersonalization = async (requestId?: string) => {\n    try {\n      if (!this.config.on.loadPersonalization) {\n        throw new Error('No personalization loader provided');\n      }\n\n      const personalizationDictionary =\n        await this.config.on.loadPersonalization();\n\n      this.postEvent('loadPersonalization', {\n        items: personalizationDictionary,\n        requestId,\n      });\n    } catch (e) {\n      this.postEvent('loadPersonalization', { requestId });\n    }\n  };\n\n  private onLoadSectionPersonalizationCatalog = async (requestId?: string) => {\n    try {\n      const handler = this.config.on.loadSectionPersonalizationCatalog;\n\n      if (!handler) {\n        throw new Error('No section personalization catalog loader provided');\n      }\n\n      const catalog = await handler();\n\n      this.postEvent('loadSectionPersonalizationCatalog', {\n        ok: true,\n        requestId,\n        catalog,\n      });\n    } catch (error) {\n      this.postEvent('loadSectionPersonalizationCatalog', {\n        ok: false,\n        requestId,\n        message: error instanceof Error ? error.message : UNKNOWN_ERROR_MESSAGE,\n      });\n    }\n  };\n\n  private onRenderSectionPersonalizationGroup = async (\n    data: RenderSectionPersonalizationGroupInput & { requestId?: string },\n  ) => {\n    const { requestId, ...input } = data;\n\n    try {\n      const handler = this.config.on.renderSectionPersonalizationGroup;\n\n      if (!handler) {\n        throw new Error('No section personalization renderer provided');\n      }\n\n      const renderedHtml = await handler(input);\n\n      this.postEvent('renderSectionPersonalizationGroup', {\n        ok: true,\n        requestId,\n        html: renderedHtml,\n      });\n    } catch (error) {\n      this.postEvent('renderSectionPersonalizationGroup', {\n        ok: false,\n        requestId,\n        message: error instanceof Error ? error.message : UNKNOWN_ERROR_MESSAGE,\n      });\n    }\n  };\n\n  private onGalleryOpen = async ({ id }: { id: string }) => {\n    const applyImage = async (url?: string) => {\n      const imgParams = { url };\n\n      if (url) {\n        const params = await getImageParamsFromFileUrl(url);\n        Object.assign(imgParams, params);\n      }\n\n      this.postEvent('imageUploaded', {\n        id,\n        img: imgParams,\n      });\n    };\n\n    this.config.on.openGallery?.(applyImage);\n  };\n\n  private triggerEvent<H extends CallableFunction | undefined>(\n    handler: H,\n    params: HandlerParams<H>,\n  ) {\n    if (!handler) {\n      return;\n    }\n\n    return handler(params);\n  }\n\n  private onMessage = (\n    ev: MessageEvent<{ source: string; event: keyof Handlers }>,\n  ) => {\n    if (ev.source !== this.iframe?.contentWindow) {\n      return;\n    }\n\n    const {\n      data: { source, event, ...data },\n    } = ev;\n\n    if (source === 'DraftPlugin') {\n      if (event === 'openGallery') {\n        this.onGalleryOpen(data as OpenGalleryParams);\n      } else if (event === 'uploadImage') {\n        this.onImageUpload(data as UploadImageParams & { id: string });\n      } else if (event === 'loadPersonalization') {\n        this.onLoadPersonalization((data as { requestId?: string }).requestId);\n      } else if (event === 'loadSectionPersonalizationCatalog') {\n        this.onLoadSectionPersonalizationCatalog(\n          (data as { requestId?: string }).requestId,\n        );\n      } else if (event === 'renderSectionPersonalizationGroup') {\n        this.onRenderSectionPersonalizationGroup(\n          data as RenderSectionPersonalizationGroupInput & {\n            requestId?: string;\n          },\n        );\n      } else {\n        this.triggerEvent(\n          this.config.on[event],\n          data as HandlerParams<Handlers[typeof event]>,\n        );\n      }\n    }\n  };\n\n  start({\n    template,\n    templateName,\n    uid,\n  }: {\n    template: string | TemplateJSON;\n    uid: string | number;\n    templateName?: string;\n  }) {\n    const containerEl = document.querySelector(this.config.container);\n\n    if (!containerEl) {\n      throw new Error('Specified container not found');\n    } else {\n      const onInit = (msg: OnInitParams) => {\n        const {\n          data: { source, event },\n        } = msg;\n        if (source === 'DraftPlugin' && event === 'loaded') {\n          if (msg.source !== this.iframe?.contentWindow) return;\n\n          this.iframeOrigin = msg.origin;\n\n          const {\n            on,\n            container,\n            locale,\n            autosave,\n            token,\n            apiUrl,\n            pluginId,\n            authData,\n            sectionPersonalization,\n            __config,\n          } = this.config;\n\n          verifyConfig(this.config);\n\n          if (this.iframe && this.iframe.contentWindow) {\n            const resolvedSectionPersonalization = {\n              ...sectionPersonalization,\n              enabled:\n                sectionPersonalization?.enabled === true &&\n                !!on.loadSectionPersonalizationCatalog &&\n                !!on.renderSectionPersonalizationGroup,\n            };\n\n            this.postEvent('init', {\n              container,\n              locale,\n              uid,\n              autosave,\n              token,\n              pluginId,\n              authData,\n              sectionPersonalization: resolvedSectionPersonalization,\n              apiUrl,\n              __config,\n              enabledListeners: Object.keys(on),\n              template,\n              templateName,\n            });\n          }\n\n          window.addEventListener('message', this.onMessage);\n          window.removeEventListener('message', onInit);\n        }\n      };\n\n      this.iframe = createIframe(window.location.origin);\n      window.addEventListener('message', onInit);\n      containerEl.appendChild(this.iframe);\n\n      if (this.captureHotkeysEnabled() && !this.hotkeysAttached) {\n        window.addEventListener('keydown', this.onHostHotkey);\n        this.hotkeysAttached = true;\n      }\n    }\n  }\n\n  destroy = () => {\n    this.iframe?.remove();\n    this.iframe = null;\n    window.removeEventListener('message', this.onMessage);\n\n    if (this.hotkeysAttached) {\n      window.removeEventListener('keydown', this.onHostHotkey);\n      this.hotkeysAttached = false;\n    }\n  };\n\n  changeTemplate(\n    template: string | TemplateJSON,\n    options: {\n      templateName?: string;\n      uid?: string;\n    } = {},\n  ) {\n    this.postEvent('changeTemplate', { ...options, template });\n  }\n\n  toggleGrid(state?: boolean) {\n    this.postEvent('toggleGrid', { state });\n  }\n\n  toggleInvisibleCharacters(state?: boolean) {\n    this.postEvent('toggleInvisibleCharacters', { state });\n  }\n\n  async isInvisibleCharactersVisible() {\n    const { state } = await this.promisedIframeMethod<{ state: boolean }>(\n      'getInvisibleCharactersVisibility',\n    );\n\n    return state;\n  }\n\n  togglePreview(state?: boolean) {\n    this.postEvent('togglePreview', { state });\n  }\n\n  toggleMenu(menu: EditorMenu | null = null) {\n    this.postEvent('toggleMenu', { menu });\n  }\n\n  toggleViewMode(viewMode: ViewMode) {\n    this.postEvent('toggleViewMode', { viewMode });\n  }\n\n  undo() {\n    this.postEvent('undo');\n  }\n\n  undoToStep(targetStep: number) {\n    this.postEvent('undoToStep', { targetStep });\n  }\n\n  redo() {\n    this.postEvent('redo');\n  }\n\n  save() {\n    return this.promisedIframeMethod<SaveParams>('saveAction');\n  }\n\n  exit() {\n    return this.promisedIframeMethod<ExitParams>('exitAction');\n  }\n\n  exportContent() {\n    return this.promisedIframeMethod<SaveParams>('exportContent');\n  }\n\n  exportAsFile() {\n    return this.promisedIframeMethod<ExportAsFileParams>('exportAsFile');\n  }\n}\n","import { PluginInstance } from './plugin';\nimport { PluginConfig } from './types';\nimport { version } from '../package.json';\n\nconst DEFAULT_CONFIG: Partial<PluginConfig> = {\n  container: '#draft-plugin-container',\n  disableHotkeysPassing: false,\n  locale: 'ru',\n  on: {},\n};\n\nclass PluginWrapper {\n  public version = version;\n\n  create(config: PluginConfig) {\n    return new PluginInstance({\n      ...DEFAULT_CONFIG,\n      ...config,\n    });\n  }\n}\n\nconst DraftPlugin = new PluginWrapper();\n\ndeclare global {\n  interface Window {\n    DraftPlugin: PluginWrapper;\n  }\n}\n\nwindow.DraftPlugin = DraftPlugin;\n\nexport default DraftPlugin;\nexport type { PluginInstance } from './plugin';\nexport * from './types';\n"],"mappings":"sHAAA,IAAa,EAAiB,wBACjB,EAAgB,8BCDjB,EAAL,SAAA,EAAA,OACL,GAAA,MAAA,QACA,EAAA,MAAA,QACA,EAAA,MAAA,QACA,EAAA,OAAA,eACD,CAEW,EAAL,SAAA,EAAA,OACL,GAAA,QAAA,UACA,EAAA,OAAA,eACD,CA0JY,EAAb,cAAgC,KAAM,CACpC,KAEA,YAAY,EAAc,EAAiB,CACzC,MAAM,EAAQ,CACd,KAAK,KAAO,aACZ,KAAK,KAAO,ICxKV,EAAmB,KAAO,IAAqB,CACnD,GAAI,CACF,IAAM,EAAW,MAAM,MAAM,EAAU,CAAE,OAAQ,OAAQ,CAAC,CAE1D,GAAI,CAAC,EAAS,GACZ,OAAO,KAGT,IAAM,EAAgB,EAAS,QAAQ,IAAI,iBAAiB,CAK1D,OAHE,EACK,SAAS,EAAe,GAAG,CAE3B,UAEK,CACd,OAAO,OAIE,EAA6B,GACxC,IAAI,SAAmC,EAAS,IAAW,CACzD,IAAM,EAAM,IAAI,MAEhB,EAAI,OAAS,SAAY,CACvB,IAAM,EAAY,MAAM,EAAiB,EAAO,EAAK,EAErD,EAAQ,CACN,cAAe,EAAI,MACnB,eAAgB,EAAI,OACpB,MAAO,EAAI,MAAQ,EAAI,OACvB,WACD,CAAC,EAGJ,EAAI,QAAW,GAAU,CACvB,EAAO,EAAM,EAGf,EAAI,IAAM,GACV,CAEE,GAAe,EAAa,IAAiB,CACjD,GAAI,EAAI,SAAW,EACjB,OAAO,EAMT,GAFmB,EAAI,WAAW,EAAE,EADZ,IAGR,CACd,GAAI,EAAK,QAAQ,MAAM,GAAK,GAAK,EAAK,SAAW,EAC/C,OAAO,EAAK,OAAO,EAAE,CAGvB,GAAI,EAAK,QAAQ,QAAQ,GAAK,GAAK,EAAK,SAAW,EACjD,OAAO,EAAK,OAAO,EAAE,CAIzB,OAAO,GAGI,EAAoB,GAAyB,CACxD,IAAI,EACF,GAAG,EAAY,EAAM,IAAK,EAAM,KAAK,GAAG,aAAa,EAAI,EAAM,IAC3D,EAAQ,UAAU,UAAU,SAAS,SAAS,CAEhD,IAAY,aAAe,IAC7B,EAAU,UAGZ,IAAM,EAAS,EAAE,CAcjB,OAZK,GAAS,EAAM,SAAa,CAAC,GAAS,EAAM,UAC/C,EAAO,KAAK,MAAM,CAGhB,EAAM,UACR,EAAO,KAAK,QAAQ,CAGlB,EAAO,OAAS,IAClB,EAAU,GAAG,EAAO,KAAK,IAAI,CAAC,GAAG,EAAY,EAAS,EAAM,KAAK,IAG5D,GAGI,EAAe,IAAI,IAAI,CAClC,SACA,QACA,QACA,QACA,QACA,cACA,QACA,SACA,QACA,QACA,QACD,CAAC,2uBE9EI,EAAwB,gBAExB,MAAsB,CAC1B,IAAM,EAAY,OAAO,4BAA4B,CAE/C,EADQ,SAAS,OAAO,MAAM,EAAM,GACpB,GAAG,eAAe,CAExC,GAAI,IAAU,OACZ,OAAO,EAGT,GAAI,GAAO,WAAW,WAAW,CAC/B,OAAO,EAGT,GAAM,CAAC,EAAO,GAAO,EAAI,QAAQ,MAAM,IAAI,CAE3C,MAAO,GAAG,EAAc,IAAI,EAAM,GAAG,KAGjC,GAAgB,CAAE,QAAO,WAAU,YAA2B,CAClE,GAAI,CAAC,EACH,MAAU,MAAM,0BAA0B,CAG5C,GAAI,CAAC,EACH,MAAU,MAAM,6BAA6B,CAG/C,GAAI,CAAC,EACH,MAAU,MAAM,2BAA2B,EAIzC,EAAgB,GAAyB,CAC7C,IAAM,EAAS,SAAS,cAAc,SAAS,CACzC,EAAM,IAAI,IAAI,GAAe,CAAC,CAapC,OAZA,EAAI,aAAa,IAAI,eAAgB,EAAa,CAClD,EAAO,IAAM,EAAI,UAAU,CAC3B,EAAO,aACL,QACA,qDACD,CACD,EAAO,aAAa,QAAS,kCAAkC,CAC/D,EAAO,aACL,UACA,2EACD,CAEM,GAGI,EAAb,MAAa,CAAe,CAC1B,OAA0C,KAC1C,gBAA0B,GAC1B,aAAsC,KACtC,YAAY,EAA6B,CAAtB,KAAA,OAAA,EAEnB,uBAAgC,CAC9B,OAAO,KAAK,OAAO,wBAA0B,GAG/C,aAAwB,GAAyB,CAC/C,GAAI,CAAC,KAAK,uBAAuB,EAAI,CAAC,KAAK,QAAQ,cACjD,OAGF,IAAM,EAAU,EAAiB,EAAM,CAEvC,GAAI,CAAC,EAAa,IAAI,EAAQ,CAC5B,OAGF,IAAM,EAAS,EAAM,OAErB,GACE,IACC,EAAO,mBACN,CAAC,QAAS,WAAY,SAAS,CAAC,SAAS,EAAO,QAAQ,EAE1D,OAGF,EAAM,gBAAgB,CAEtB,GAAM,CAAE,MAAK,UAAS,UAAS,WAAU,UAAW,EAEpD,KAAK,UAAU,aAAc,CAC3B,MACA,KAAM,EAAM,KACZ,UACA,UACA,WACA,SACA,UACD,CAAC,EAGJ,OAAe,kBAAoB,IAEnC,qBAAgC,EAAmB,CACjD,IAAI,EAAwB,KACxB,EAA4D,KAE1D,MAAgB,CACpB,AAEE,KADA,aAAa,EAAM,CACX,MAGV,AAEE,KADA,OAAO,oBAAoB,UAAW,EAAU,GAAK,CAC1C,OAIT,EAAM,IAAI,SAAY,EAAS,IAAW,CAC9C,IAAM,MAAmB,CACnB,GAAO,aAAa,EAAM,CAC9B,EAAQ,eAAiB,CACvB,GAAS,CACT,EACE,IAAI,EAAW,gBAAiB,WAAW,EAAU,aAAa,CACnE,EACA,EAAe,kBAAkB,EAGtC,EAAY,GAAiC,CAC3C,GAAI,EAAE,SAAW,KAAK,QAAQ,cAAe,OAE7C,GAAM,CAAE,QAAS,EACb,KAAK,SAAW,cAEpB,IAAI,EAAK,QAAU,cAAgB,EAAK,SAAW,EAAW,CAC5D,EAAE,iBAAiB,CACnB,GAAY,CAEZ,OAGF,GAAI,EAAK,QAAU,EAAW,CAC5B,EAAE,iBAAiB,CACnB,GAAS,CAET,GAAM,CAAE,OAAQ,EAAI,MAAO,EAAI,KAAI,OAAM,UAAS,GAAG,GAAS,EAE1D,IAAO,GACT,EACE,IAAI,EACF,GAAQ,gBACR,GAAW,EACZ,CACF,CAED,EAAQ,EAAU,IAKxB,OAAO,iBAAiB,UAAW,EAAU,GAAK,CAClD,GAAY,EACZ,CAIF,OAFA,KAAK,UAAU,EAAU,CAElB,EAGT,UAAkB,EAAe,EAAe,EAAE,CAAE,CAClD,GAAI,KAAK,QAAU,KAAK,OAAO,eAAiB,KAAK,aACnD,KAAK,OAAO,cAAc,YACxB,CACE,GAAG,EACH,QACA,OAAQ,cACT,CACD,KAAK,aACN,SACQ,CAAC,KAAK,aACf,MAAU,MAAM,mCAAmC,CAIvD,cAAwB,MAAO,CAC7B,KACA,GAAG,KACqC,CACxC,GAAI,CACF,IAAM,EAAM,MAAM,KAAK,OAAO,GAAG,cAAc,EAAK,CAChD,EAAS,EAAE,CAEX,IACF,EAAS,MAAM,EAA0B,EAAI,EAG/C,KAAK,UAAU,gBAAiB,CAAE,KAAI,IAAK,CAAE,GAAG,EAAQ,MAAK,CAAE,CAAC,MACtD,CACV,KAAK,UAAU,gBAAiB,CAAE,KAAI,CAAC,GAI3C,sBAAgC,KAAO,IAAuB,CAC5D,GAAI,CACF,GAAI,CAAC,KAAK,OAAO,GAAG,oBAClB,MAAU,MAAM,qCAAqC,CAGvD,IAAM,EACJ,MAAM,KAAK,OAAO,GAAG,qBAAqB,CAE5C,KAAK,UAAU,sBAAuB,CACpC,MAAO,EACP,YACD,CAAC,MACQ,CACV,KAAK,UAAU,sBAAuB,CAAE,YAAW,CAAC,GAIxD,oCAA8C,KAAO,IAAuB,CAC1E,GAAI,CACF,IAAM,EAAU,KAAK,OAAO,GAAG,kCAE/B,GAAI,CAAC,EACH,MAAU,MAAM,qDAAqD,CAGvE,IAAM,EAAU,MAAM,GAAS,CAE/B,KAAK,UAAU,oCAAqC,CAClD,GAAI,GACJ,YACA,UACD,CAAC,OACK,EAAO,CACd,KAAK,UAAU,oCAAqC,CAClD,GAAI,GACJ,YACA,QAAS,aAAiB,MAAQ,EAAM,QAAU,EACnD,CAAC,GAIN,oCAA8C,KAC5C,IACG,CACH,GAAM,CAAE,YAAW,GAAG,GAAU,EAEhC,GAAI,CACF,IAAM,EAAU,KAAK,OAAO,GAAG,kCAE/B,GAAI,CAAC,EACH,MAAU,MAAM,+CAA+C,CAGjE,IAAM,EAAe,MAAM,EAAQ,EAAM,CAEzC,KAAK,UAAU,oCAAqC,CAClD,GAAI,GACJ,YACA,KAAM,EACP,CAAC,OACK,EAAO,CACd,KAAK,UAAU,oCAAqC,CAClD,GAAI,GACJ,YACA,QAAS,aAAiB,MAAQ,EAAM,QAAU,EACnD,CAAC,GAIN,cAAwB,MAAO,CAAE,QAAyB,CAexD,KAAK,OAAO,GAAG,cAdI,KAAO,IAAiB,CACzC,IAAM,EAAY,CAAE,MAAK,CAEzB,GAAI,EAAK,CACP,IAAM,EAAS,MAAM,EAA0B,EAAI,CACnD,OAAO,OAAO,EAAW,EAAO,CAGlC,KAAK,UAAU,gBAAiB,CAC9B,KACA,IAAK,EACN,CAAC,EAGoC,EAG1C,aACE,EACA,EACA,CACK,KAIL,OAAO,EAAQ,EAAO,CAGxB,UACE,GACG,CACH,GAAI,EAAG,SAAW,KAAK,QAAQ,cAC7B,OAGF,GAAM,CACJ,KAAM,CAAE,SAAQ,QAAO,GAAG,IACxB,EAEA,IAAW,gBACT,IAAU,cACZ,KAAK,cAAc,EAA0B,CACpC,IAAU,cACnB,KAAK,cAAc,EAA2C,CACrD,IAAU,sBACnB,KAAK,sBAAuB,EAAgC,UAAU,CAC7D,IAAU,oCACnB,KAAK,oCACF,EAAgC,UAClC,CACQ,IAAU,oCACnB,KAAK,oCACH,EAGD,CAED,KAAK,aACH,KAAK,OAAO,GAAG,GACf,EACD,GAKP,MAAM,CACJ,WACA,eACA,OAKC,CACD,IAAM,EAAc,SAAS,cAAc,KAAK,OAAO,UAAU,CAEjE,GAAK,EAEE,CACL,IAAM,EAAU,GAAsB,CACpC,GAAM,CACJ,KAAM,CAAE,SAAQ,UACd,EACJ,GAAI,IAAW,eAAiB,IAAU,SAAU,CAClD,GAAI,EAAI,SAAW,KAAK,QAAQ,cAAe,OAE/C,KAAK,aAAe,EAAI,OAExB,GAAM,CACJ,KACA,YACA,SACA,WACA,QACA,SACA,WACA,WACA,yBACA,YACE,KAAK,OAIT,GAFA,EAAa,KAAK,OAAO,CAErB,KAAK,QAAU,KAAK,OAAO,cAAe,CAC5C,IAAM,EAAiC,CACrC,GAAG,EACH,QACE,GAAwB,UAAY,IACpC,CAAC,CAAC,EAAG,mCACL,CAAC,CAAC,EAAG,kCACR,CAED,KAAK,UAAU,OAAQ,CACrB,YACA,SACA,MACA,WACA,QACA,WACA,WACA,uBAAwB,EACxB,SACA,WACA,iBAAkB,OAAO,KAAK,EAAG,CACjC,WACA,eACD,CAAC,CAGJ,OAAO,iBAAiB,UAAW,KAAK,UAAU,CAClD,OAAO,oBAAoB,UAAW,EAAO,GAIjD,KAAK,OAAS,EAAa,OAAO,SAAS,OAAO,CAClD,OAAO,iBAAiB,UAAW,EAAO,CAC1C,EAAY,YAAY,KAAK,OAAO,CAEhC,KAAK,uBAAuB,EAAI,CAAC,KAAK,kBACxC,OAAO,iBAAiB,UAAW,KAAK,aAAa,CACrD,KAAK,gBAAkB,SA/DzB,MAAU,MAAM,gCAAgC,CAoEpD,YAAgB,CACd,KAAK,QAAQ,QAAQ,CACrB,KAAK,OAAS,KACd,OAAO,oBAAoB,UAAW,KAAK,UAAU,CAErD,AAEE,KAAK,mBADL,OAAO,oBAAoB,UAAW,KAAK,aAAa,CACjC,KAI3B,eACE,EACA,EAGI,EAAE,CACN,CACA,KAAK,UAAU,iBAAkB,CAAE,GAAG,EAAS,WAAU,CAAC,CAG5D,WAAW,EAAiB,CAC1B,KAAK,UAAU,aAAc,CAAE,QAAO,CAAC,CAGzC,0BAA0B,EAAiB,CACzC,KAAK,UAAU,4BAA6B,CAAE,QAAO,CAAC,CAGxD,MAAM,8BAA+B,CACnC,GAAM,CAAE,SAAU,MAAM,KAAK,qBAC3B,mCACD,CAED,OAAO,EAGT,cAAc,EAAiB,CAC7B,KAAK,UAAU,gBAAiB,CAAE,QAAO,CAAC,CAG5C,WAAW,EAA0B,KAAM,CACzC,KAAK,UAAU,aAAc,CAAE,OAAM,CAAC,CAGxC,eAAe,EAAoB,CACjC,KAAK,UAAU,iBAAkB,CAAE,WAAU,CAAC,CAGhD,MAAO,CACL,KAAK,UAAU,OAAO,CAGxB,WAAW,EAAoB,CAC7B,KAAK,UAAU,aAAc,CAAE,aAAY,CAAC,CAG9C,MAAO,CACL,KAAK,UAAU,OAAO,CAGxB,MAAO,CACL,OAAO,KAAK,qBAAiC,aAAa,CAG5D,MAAO,CACL,OAAO,KAAK,qBAAiC,aAAa,CAG5D,eAAgB,CACd,OAAO,KAAK,qBAAiC,gBAAgB,CAG/D,cAAe,CACb,OAAO,KAAK,qBAAyC,eAAe,GChgBlE,EAAwC,CAC5C,UAAW,0BACX,sBAAuB,GACvB,OAAQ,KACR,GAAI,EAAE,CACP,CAaK,EAAc,IAXpB,KAAoB,CAClB,QAAiB,EAEjB,OAAO,EAAsB,CAC3B,OAAO,IAAI,EAAe,CACxB,GAAG,EACH,GAAG,EACJ,CAAC,SAYN,QAAO,YAAc"}

package/dist/types/index.d.ts

@@ -285,13 +285,20 @@ export declare interface RenderSectionPersonalizationGroupInput {
     fields: SectionPersonalizationField[];
     variants: Array<{
         id: string;
-        values: Record<string, SectionPersonalizationValue>;
+        conditions: SectionPersonalizationConditions;
         html: string;
     }>;
     fallback?: {
         id: string;
         html: string;
     };
+    /**
+     * Audiences the whole group must be hidden from, already stripped of unfilled
+     * conditions. Empty exclusions are dropped by Draft, so every entry carries at
+     * least one condition and the renderer never has to guard against a rule that
+     * would match everyone.
+     */
+    hiddenFor?: SectionPersonalizationExclusion[];
 }
 
 export declare interface SaveParams {
@@ -303,8 +310,8 @@ export declare interface SectionPersonalizationCatalogField {
     type: 'field';
     id: string;
     label: string;
-    valueType?: 'string' | 'number' | 'boolean' | 'date';
-    options?: SectionPersonalizationCatalogOption[];
+    defaultOperatorId: string;
+    operators: SectionPersonalizationCatalogOperator[];
 }
 
 export declare interface SectionPersonalizationCatalogGroup {
@@ -316,22 +323,89 @@ export declare interface SectionPersonalizationCatalogGroup {
 
 export declare type SectionPersonalizationCatalogNode = SectionPersonalizationCatalogGroup | SectionPersonalizationCatalogField;
 
+export declare interface SectionPersonalizationCatalogOperator {
+    id: string;
+    label: string;
+    /**
+     * Optional abbreviation for compact summaries, e.g. a math symbol. The
+     * integration owns it, so Draft never derives one from `id` or `label`.
+     */
+    shortLabel?: string;
+    valueEditor: SectionPersonalizationValueEditor;
+}
+
 export declare interface SectionPersonalizationCatalogOption {
     label: string;
-    value: Exclude<SectionPersonalizationValue, null>;
+    value: SectionPersonalizationScalarValue;
 }
 
+export declare interface SectionPersonalizationCondition {
+    operatorId: string;
+    value: SectionPersonalizationValue;
+}
+
+export declare type SectionPersonalizationConditions = Record<string, SectionPersonalizationCondition>;
+
 export declare interface SectionPersonalizationConfig {
     enabled: boolean;
     aboutUrl?: string;
 }
 
+/**
+ * One audience the whole group is hidden from. Conditions inside are joined
+ * with AND, exclusions between themselves with OR.
+ */
+export declare interface SectionPersonalizationExclusion {
+    id: string;
+    conditions: SectionPersonalizationConditions;
+}
+
 export declare interface SectionPersonalizationField {
     id: string;
-    operatorId: 'equals';
 }
 
-export declare type SectionPersonalizationValue = string | number | boolean | null;
+export declare type SectionPersonalizationRangeEndpointEditor = {
+    type: 'number';
+    integer?: boolean;
+    min?: number;
+    max?: number;
+} | {
+    type: 'date';
+};
+
+export declare interface SectionPersonalizationRangeValue {
+    from: string | number | null;
+    to: string | number | null;
+}
+
+export declare type SectionPersonalizationScalarValue = string | number | boolean;
+
+export declare type SectionPersonalizationValue = SectionPersonalizationScalarValue | SectionPersonalizationScalarValue[] | SectionPersonalizationRangeValue | null;
+
+export declare type SectionPersonalizationValueEditor = {
+    type: 'none';
+} | {
+    type: 'text';
+    maxLength?: number;
+} | {
+    type: 'number';
+    integer?: boolean;
+    min?: number;
+    max?: number;
+} | {
+    type: 'boolean';
+} | {
+    type: 'date';
+} | {
+    type: 'select';
+    options: SectionPersonalizationCatalogOption[];
+} | {
+    type: 'multi-select';
+    options: SectionPersonalizationCatalogOption[];
+} | {
+    type: 'range';
+    valueEditor: SectionPersonalizationRangeEndpointEditor;
+};
 
 export declare interface SerializedTemplate {
     [key: string]: unknown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getdraft/plugin",
-  "version": "1.19.0-alpha.0",
+  "version": "1.19.0-alpha.1",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/types/index.d.ts",
@@ -11,14 +11,6 @@
       "require": "./dist/index.cjs.js"
     }
   },
-  "dependencies": {},
-  "devDependencies": {
-    "vite-plugin-dts": "4.5.4",
-    "@getdraft/types": "^1.0.0",
-    "@getdraft/prettier": "^1.0.0",
-    "@getdraft/eslint-config-ts": "^1.0.0"
-  },
-  "license": "MIT",
   "scripts": {
     "prebuild": "rm -rf dist",
     "build": "vite build",
@@ -30,5 +22,13 @@
     "prepublish": "pnpm build",
     "watch": "NODE_ENV=development vite build --watch",
     "start": "NODE_ENV=development npx vite"
-  }
-}
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@getdraft/types": "workspace:^",
+    "@getdraft/eslint-config-ts": "workspace:^",
+    "@getdraft/prettier": "workspace:^",
+    "vite-plugin-dts": "4.5.4"
+  },
+  "license": "MIT"
+}

package/src/types.ts

@@ -23,16 +23,74 @@ type PersonalizationDictionaryEntry =
 
 export type PersonalizationDictionaryItems = PersonalizationDictionaryEntry[];
 
-export type SectionPersonalizationValue = string | number | boolean | null;
+export type SectionPersonalizationScalarValue = string | number | boolean;
+
+export interface SectionPersonalizationRangeValue {
+  from: string | number | null;
+  to: string | number | null;
+}
+
+export type SectionPersonalizationValue =
+  | SectionPersonalizationScalarValue
+  | SectionPersonalizationScalarValue[]
+  | SectionPersonalizationRangeValue
+  | null;
 
 export interface SectionPersonalizationField {
   id: string;
-  operatorId: 'equals';
 }
 
+export interface SectionPersonalizationCondition {
+  operatorId: string;
+  value: SectionPersonalizationValue;
+}
+
+export type SectionPersonalizationConditions = Record<
+  string,
+  SectionPersonalizationCondition
+>;
+
 export interface SectionPersonalizationCatalogOption {
   label: string;
-  value: Exclude<SectionPersonalizationValue, null>;
+  value: SectionPersonalizationScalarValue;
+}
+
+export type SectionPersonalizationRangeEndpointEditor =
+  | {
+      type: 'number';
+      integer?: boolean;
+      min?: number;
+      max?: number;
+    }
+  | { type: 'date' };
+
+export type SectionPersonalizationValueEditor =
+  | { type: 'none' }
+  | { type: 'text'; maxLength?: number }
+  | {
+      type: 'number';
+      integer?: boolean;
+      min?: number;
+      max?: number;
+    }
+  | { type: 'boolean' }
+  | { type: 'date' }
+  | { type: 'select'; options: SectionPersonalizationCatalogOption[] }
+  | { type: 'multi-select'; options: SectionPersonalizationCatalogOption[] }
+  | {
+      type: 'range';
+      valueEditor: SectionPersonalizationRangeEndpointEditor;
+    };
+
+export interface SectionPersonalizationCatalogOperator {
+  id: string;
+  label: string;
+  /**
+   * Optional abbreviation for compact summaries, e.g. a math symbol. The
+   * integration owns it, so Draft never derives one from `id` or `label`.
+   */
+  shortLabel?: string;
+  valueEditor: SectionPersonalizationValueEditor;
 }
 
 export interface SectionPersonalizationCatalogGroup {
@@ -46,8 +104,8 @@ export interface SectionPersonalizationCatalogField {
   type: 'field';
   id: string;
   label: string;
-  valueType?: 'string' | 'number' | 'boolean' | 'date';
-  options?: SectionPersonalizationCatalogOption[];
+  defaultOperatorId: string;
+  operators: SectionPersonalizationCatalogOperator[];
 }
 
 export type SectionPersonalizationCatalogNode =
@@ -59,18 +117,34 @@ export interface SectionPersonalizationConfig {
   aboutUrl?: string;
 }
 
+/**
+ * One audience the whole group is hidden from. Conditions inside are joined
+ * with AND, exclusions between themselves with OR.
+ */
+export interface SectionPersonalizationExclusion {
+  id: string;
+  conditions: SectionPersonalizationConditions;
+}
+
 export interface RenderSectionPersonalizationGroupInput {
   groupId: string;
   fields: SectionPersonalizationField[];
   variants: Array<{
     id: string;
-    values: Record<string, SectionPersonalizationValue>;
+    conditions: SectionPersonalizationConditions;
     html: string;
   }>;
   fallback?: {
     id: string;
     html: string;
   };
+  /**
+   * Audiences the whole group must be hidden from, already stripped of unfilled
+   * conditions. Empty exclusions are dropped by Draft, so every entry carries at
+   * least one condition and the renderer never has to guard against a rule that
+   * would match everyone.
+   */
+  hiddenFor?: SectionPersonalizationExclusion[];
 }
 
 export interface SerializedTemplate {

package/.turbo/turbo-dev-tsc.log

@@ -1,5 +0,0 @@
-
-> @getdraft/plugin@1.18.0 dev-tsc /Users/gerus/Documents/sendsay/draft/packages/plugin
-> tsc-check --pretty
-
-✓ No errors found

package/.turbo/turbo-eslint.log

@@ -1,9 +0,0 @@
-
-> @getdraft/plugin@1.18.0 eslint /Users/gerus/Documents/sendsay/draft/packages/plugin
-> npx eslint src --quiet
-
-npm warn Unknown env config "npm-globalconfig". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown env config "_jsr-registry". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown project config "supportedArchitectures.os". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown project config "supportedArchitectures.cpu". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.

package/.turbo/turbo-prettify.log

@@ -1,11 +0,0 @@
-
-> @getdraft/plugin@1.18.0 prettify /Users/gerus/Documents/sendsay/draft/packages/plugin
-> npx prettier --check src
-
-npm warn Unknown env config "npm-globalconfig". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown env config "_jsr-registry". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown project config "supportedArchitectures.os". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-npm warn Unknown project config "supportedArchitectures.cpu". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
-Checking formatting...
-All matched files use Prettier code style!