@thanhpv102/easy-email-extensions 4.19.15 → 4.19.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.js +3128 -3159
  2. package/lib/index.js.map +1 -1
  3. package/package.json +1 -1
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../src/BlockLayer/index.module.scss","../src/BlockLayer/components/EyeIcon/index.tsx","../src/BlockLayer/components/BlockTree/transparentImage.ts","../src/BlockLayer/components/BlockTree/index.tsx","../src/BlockLayer/components/ContextMenu/index.module.scss","../src/components/Form/ImageUploader/index.module.scss","../src/AttributePanel/utils/PromiseEach.ts","../src/AttributePanel/utils/Uploader.ts","../src/AttributePanel/utils/classnames.ts","../src/AttributePanel/utils/previewLoadImage.ts","../src/components/Form/ImageUploader/index.tsx","../src/components/Form/Select.tsx","../src/components/Form/RadioGroup.tsx","../src/components/Form/enhancer.tsx","../src/components/Form/Input.tsx","../src/components/Form/InputWithUnit.tsx","../src/components/Form/CheckBoxGroup.tsx","../src/utils/classnames.ts","../src/components/Form/index.module.scss","../src/components/Form/EditTab.tsx","../src/components/Form/EditGridTab.tsx","../src/components/Form/AutoComplete.tsx","../src/AttributePanel/components/adapter/Json.adapter.ts","../src/AttributePanel/utils/InputNumberAdapter.tsx","../src/AttributePanel/components/adapter/pixel.adapter.ts","../src/AttributePanel/components/adapter/color.adapter.ts","../src/AttributePanel/components/adapter/image-height.adapter.ts","../src/AttributePanel/utils/getImg.ts","../src/AttributePanel/components/provider/PresetColorsProvider/index.tsx","../src/components/Form/ColorPicker/ColorPickerContent.tsx","../src/components/Form/RichTextToolBar/hooks/useRichTextPopupOpen.ts","../src/components/Form/RichTextToolBar/components/RichTextPortalPopup/index.tsx","../src/components/Form/ColorPicker/index.tsx","../src/components/Form/ColorPickerField/index.tsx","../src/components/Form/InlineTextField/index.tsx","../src/components/Form/RichTextToolBar/components/ToolItem/index.tsx","../src/components/Form/RichTextToolBar/components/Link/index.tsx","../src/hooks/useFontFamily.tsx","../src/components/Form/RichTextToolBar/components/FontFamily/index.tsx","../src/AttributePanel/components/UI/Help/index.module.scss","../src/AttributePanel/components/UI/Help/index.tsx","../src/components/Form/AddFont.tsx","../src/AttributePanel/components/attributes/AttributesPanelWrapper/index.tsx","../src/AttributePanel/components/attributes/FontFamily.tsx","../src/AttributePanel/components/blocks/Page/index.tsx","../src/AttributePanel/components/attributes/Padding.tsx","../src/AttributePanel/components/attributes/BackgroundColor.tsx","../src/AttributePanel/components/attributes/Background.tsx","../src/AttributePanel/components/attributes/Border.tsx","../src/AttributePanel/components/attributes/ClassName.tsx","../src/AttributePanel/components/attributes/Iteration.tsx","../src/AttributePanel/components/attributes/Condition.tsx","../src/AttributePanel/components/attributes/CollapseWrapper/index.tsx","../src/AttributePanel/components/blocks/Section/index.tsx","../src/AttributePanel/components/attributes/Width.tsx","../src/AttributePanel/components/attributes/VerticalAlign.tsx","../src/AttributePanel/components/attributes/Align.tsx","../src/AttributePanel/components/attributes/Color.tsx","../src/AttributePanel/components/attributes/Height.tsx","../src/AttributePanel/components/attributes/TextAlign.tsx","../src/AttributePanel/components/attributes/ContainerBackgroundColor.tsx","../src/AttributePanel/components/attributes/LetterSpacing.tsx","../src/AttributePanel/components/attributes/TextDecoration.tsx","../src/AttributePanel/components/attributes/Decoration.tsx","../src/AttributePanel/components/attributes/LineHeight.tsx","../src/AttributePanel/components/attributes/TextTransform.tsx","../src/AttributePanel/components/attributes/Direction.tsx","../src/utils/getContextMergeTags.ts","../src/AttributePanel/components/attributes/MergeTags.tsx","../src/AttributePanel/components/attributes/Link.tsx","../src/AttributePanel/components/attributes/Margin.tsx","../src/AttributePanel/components/attributes/BorderColor.tsx","../src/AttributePanel/components/attributes/FontSize.tsx","../src/AttributePanel/components/attributes/BorderStyle.tsx","../src/AttributePanel/components/attributes/FontStyle.tsx","../src/AttributePanel/components/attributes/NavbarLinkPadding.tsx","../src/AttributePanel/components/attributes/BorderWidth.tsx","../src/AttributePanel/components/attributes/FontWeight.tsx","../src/AttributePanel/components/blocks/Column/index.tsx","../src/components/ShadowDom/index.tsx","../src/AttributePanel/components/UI/HtmlEditor.tsx","../src/AttributePanel/components/blocks/Text/index.tsx","../src/AttributePanel/components/blocks/Image/index.tsx","../src/AttributePanel/components/blocks/Group/index.tsx","../src/AttributePanel/components/blocks/Button/index.tsx","../src/AttributePanel/components/blocks/Divider/index.tsx","../src/AttributePanel/components/blocks/Wrapper/index.tsx","../src/AttributePanel/components/blocks/Spacer/index.tsx","../src/AttributePanel/components/blocks/Raw/index.tsx","../src/AttributePanel/components/blocks/Accordion/index.tsx","../src/AttributePanel/components/blocks/AccordionElement/index.tsx","../src/AttributePanel/components/blocks/AccordionTitle/index.tsx","../src/AttributePanel/components/blocks/AccordionText/index.tsx","../src/AttributePanel/components/blocks/Carousel/index.tsx","../src/AttributePanel/components/blocks/Hero/index.tsx","../src/AttributePanel/components/blocks/Navbar/index.tsx","../src/AttributePanel/components/blocks/Social/index.tsx","../src/AttributePanel/components/blocks/Table/index.tsx","../src/AttributePanel/components/blocks/AdvancedTable/index.tsx","../src/AttributePanel/components/blocks/index.ts","../src/AttributePanel/utils/BlockAttributeConfigurationManager.ts","../src/constants.ts","../src/AttributePanel/components/provider/SelectionRangeProvider/index.tsx","../src/AttributePanel/components/blocks/AdvancedTable/Operation/util.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/menu.scss?inline","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableCellBgSelector.tsx","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableMenuConfig.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableOperationMenu.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableTool.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/index.tsx","../src/AttributePanel/AttributePanel.module.scss","../src/AttributePanel/AttributePanel.tsx","../src/components/Form/RichTextToolBar/components/MergeTags/index.tsx","../src/AttributePanel/hooks/useSelectionRange.ts","../src/components/Form/RichTextToolBar/utils/getElementAtRange.ts","../src/components/Form/RichTextToolBar/components/Tools/IconBgColor/index.tsx","../src/components/Form/RichTextToolBar/components/Tools/IconFontColor/index.tsx","../src/components/Form/RichTextToolBar/components/BasicTools.tsx","../src/components/Form/RichTextToolBar/components/Unlink/index.tsx","../src/components/Form/RichTextToolBar/components/StrikeThrough/index.tsx","../src/components/Form/RichTextToolBar/components/Underline/index.tsx","../src/components/Form/RichTextToolBar/components/Italic/index.tsx","../src/components/Form/RichTextToolBar/components/Bold/index.tsx","../src/components/Form/RichTextToolBar/components/FontSize/index.tsx","../src/components/Form/RichTextToolBar/components/Tools/Tools.tsx","../src/components/Form/RichTextToolBar/shadow-dom.scss?inline","../src/components/Form/RichTextToolBar/RichTextToolBar.tsx","../src/components/Form/RichTextField/index.tsx","../src/components/Form/index.tsx","../src/components/AddToCollection/index.tsx","../src/hooks/useAddToCollection.tsx","../src/BlockLayer/components/ContextMenu/index.tsx","../src/BlockLayer/hooks/useAvatarWrapperDrop.ts","../src/utils/getIconNameByBlockType.ts","../src/utils/getBlockTitle.ts","../src/BlockLayer/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/index.module.scss","../src/ShortcutToolbar/utils/BlockMarketManager.ts","../src/ShortcutToolbar/components/BlockMaskWrapper/index.module.scss","../src/ShortcutToolbar/components/BlockMaskWrapper/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/TextBlockItem/index.tsx","../src/ShortcutToolbar/components/Picture/index.tsx","../src/ShortcutToolbar/utils/getImg.ts","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/ImageBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/SpacerBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/DividerBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/HeroBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/ButtonBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/AccordionBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/CarouselBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/NavbarBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/SocialBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/WrapperBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/SectionBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/GroupBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/ColumnBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/TableBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/index.tsx","../src/ShortcutToolbar/components/DragIcon/index.tsx","../src/ShortcutToolbar/ShortcutToolbar.tsx","../src/utils/parseXMLtoBlock.ts","../src/utils/MjmlToJson.ts","../src/SourceCodePanel/index.module.scss","../src/SourceCodePanel/index.tsx","../src/InteractivePrompt/components/Toolbar.tsx","../src/InteractivePrompt/components/FocusTooltip.tsx","../src/utils/awaitForElement.ts","../src/InteractivePrompt/components/HoverTooltip.tsx","../src/InteractivePrompt/index.tsx","../src/SimpleLayout/index.module.scss","../../../node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/interopRequireDefault.js","../../../node_modules/.pnpm/@rc-component+pagination@1.2.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@rc-component/pagination/lib/locale/en_US.js","../../../node_modules/.pnpm/@rc-component+picker@1.9.0_dayjs@1.11.19_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@rc-component/picker/lib/locale/common.js","../../../node_modules/.pnpm/@rc-component+picker@1.9.0_dayjs@1.11.19_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@rc-component/picker/lib/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/time-picker/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/date-picker/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/calendar/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/locale/en_US.js","../src/MergeTagBadgePrompt/MergeTagBadge.scss?inline","../src/MergeTagBadgePrompt/index.tsx","../src/ConfigurationPopup/index.tsx","../src/SimpleLayout/SimpleLayout.tsx","../src/StandardLayout/index.module.scss","../src/EditPanel/Blocks/index.module.scss","../src/components/Providers/ExtensionProvider.tsx","../src/EditPanel/Blocks/index.tsx","../src/components/FullHeightOverlayScrollbars/index.tsx","../src/EditPanel/index.module.scss","../src/ConfigurationPanel/index.module.scss","../src/ConfigurationPanel/index.tsx","../src/EditPanel/ConfigurationDrawer/index.tsx","../src/EditPanel/index.tsx","../src/StandardLayout/StandardLayout.tsx"],"sourcesContent":[".title {\n display: flex;\n flex: 1;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n :global {\n .icon-eye {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 30px;\n opacity: 0;\n font-size: 14px;\n color: rgb(var(--primary-6)) !important;\n }\n .icon-eye-invisible {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 14px;\n right: 30px;\n opacity: 1 !important;\n color: rgb(var(--primary-6)) !important;\n }\n }\n}\n:global(#BlockLayerManager) {\n width: 100%;\n}\n:global(#BlockLayerManager .arco-tree) {\n width: 100%;\n}\n:global(#BlockLayerManager .arco-tree-node-expanded) {\n overflow: hidden;\n}\n\n:global(#BlockLayerManager .arco-tree-node-selected .arco-tree-node-title) {\n background-color: rgb(var(--primary-1));\n}\n:global(#BlockLayerManager .arco-tree-node-title:hover .icon-eye) {\n opacity: 1;\n}\n:global(#BlockLayerManager .arco-tree-node-indent-block) {\n width: 8px;\n}\n:global(#BlockLayerManager .arco-tree-node-drag-icon) {\n cursor: grab;\n}\n","import { IconFont } from '@thanhpv102/easy-email-editor';\nimport { BasicType } from '@thanhpv102/easy-email-core';\nimport React from 'react';\nimport { IBlockDataWithId } from '../..';\n\nexport function EyeIcon({\n blockData,\n hidden,\n onToggleVisible,\n}: {\n blockData: IBlockDataWithId;\n hidden?: boolean;\n onToggleVisible: (blockData: IBlockDataWithId, ev: React.MouseEvent) => void;\n}) {\n if (hidden)\n return (\n <div style={{ visibility: 'hidden' }}>\n <IconFont iconName='icon-eye' />\n </div>\n );\n if (blockData.type === BasicType.PAGE.toString()) return null;\n\n return blockData.data.hidden ? (\n <IconFont\n onClick={(ev) => onToggleVisible(blockData, ev)}\n iconName='icon-eye-invisible'\n />\n ) : (\n <IconFont\n onClick={(ev) => onToggleVisible(blockData, ev)}\n iconName='icon-eye'\n />\n );\n}\n","export const transparentImage =\r\n 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==';\r\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Tree } from 'antd';\nimport type { DataNode, TreeProps, EventDataNode } from 'antd/es/tree';\nimport { debounce } from 'lodash';\nimport { transparentImage } from './transparentImage';\n\ninterface TreeNode<T> {\n id: string;\n children?: T[];\n}\n\n// Extended data node interface to include our custom properties\ninterface ExtendedDataNode extends DataNode {\n dataRef?: unknown;\n parent?: unknown;\n parentKey?: string;\n}\n\nexport interface BlockTreeProps<T extends TreeNode<T>> {\n treeData: T[];\n selectedKeys?: string[];\n expandedKeys?: string[];\n onSelect: (selectedId: string) => void;\n onContextMenu?: (nodeData: T, ev: React.MouseEvent) => void;\n onDragStart?: () => void;\n onDragEnd?: () => void;\n onMouseLeave?: () => void;\n onMouseEnter?: (id: string) => void;\n renderTitle: (data: T) => React.ReactNode;\n defaultExpandAll?: boolean;\n allowDrop: (o: {\n dragNode: { type: string } | { key: string };\n dropNode: { dataRef: T; parent: T; key: string };\n dropPosition: number;\n }) =>\n | false\n | {\n key: string;\n position: number;\n };\n\n onDrop: (o: {\n dragNode: { dataRef: T; parent: T; key: string; parentKey: string };\n dropNode: { dataRef: T; parent: T; key: string; parentKey: string };\n dropPosition: number;\n }) => void;\n}\n\nconst img = new Image();\nimg.width = 0;\nimg.height = 0;\nimg.src = transparentImage;\n\n// Transform TreeNode data to DataNode format for antd Tree\nconst transformTreeData = <T extends TreeNode<T> & { parent?: unknown }>(data: T[] | undefined, parentKey?: string): DataNode[] => {\n if (!data || !Array.isArray(data) || data.length === 0) {\n return [];\n }\n\n return data\n .filter((item): item is T => {\n const isValid = Boolean(item && item.id);\n if (!isValid) {\n console.error('[BlockTree] Filtering out item without id:', item);\n }\n return isValid;\n })\n .map((item) => {\n const hasChildren = Array.isArray(item.children) && item.children.length > 0;\n\n const node: ExtendedDataNode = {\n key: item.id,\n title: item.id, // This will be overridden by titleRender\n children: hasChildren ? transformTreeData(item.children as T[], item.id) : undefined,\n dataRef: item as unknown, // Store original data for callbacks\n parentKey: parentKey, // Store parent key for proper tree navigation\n parent: item.parent, // Extract parent from the original data item\n };\n return node;\n });\n};\n\nexport function BlockTree<T extends TreeNode<T>>(props: BlockTreeProps<T>) {\n const [blockTreeRef, setBlockTreeRef] = useState<HTMLElement | null>(null);\n const dragNode = useRef<{\n dataRef: T;\n parent: T;\n key: string;\n parentKey: string;\n } | null>(null);\n\n const { treeData, allowDrop, onContextMenu, selectedKeys } = props;\n const treeDataRef = useRef(treeData);\n const {\n onDragStart: propsDragStart,\n onDrop: propsDrop,\n renderTitle: propsRenderTitle,\n onDragEnd: propsDragEnd,\n onSelect: propsSelect,\n } = props;\n\n const [expandedKeys, setExpandedKeys] = useState<string[]>([]);\n\n const onExpand = useCallback(\n (keys: React.Key[]) => {\n setExpandedKeys(keys.map(key => String(key)));\n },\n [setExpandedKeys]\n );\n\n useEffect(() => {\n if (props.defaultExpandAll) {\n const keys: string[] = [];\n const loop = (data: T) => {\n keys.push(data.id);\n data.children?.forEach(loop);\n };\n treeDataRef.current.forEach(loop);\n setExpandedKeys(keys);\n }\n }, [props.defaultExpandAll]);\n\n useEffect(() => {\n setExpandedKeys((keys) =>\n props.expandedKeys ? [...keys, ...props.expandedKeys] : keys\n );\n }, [props.expandedKeys]);\n\n const onDragStart = useCallback(\n (info: { event: React.DragEvent; node: EventDataNode<DataNode> }) => {\n const { event: e, node } = info;\n e.dataTransfer.dropEffect = 'none';\n // e.dataTransfer.setDragImage(img, 0, 0);\n const extendedNode = node as unknown as ExtendedDataNode;\n const dragNodeData = extendedNode.dataRef as T;\n dragNode.current = {\n dataRef: dragNodeData,\n parent: extendedNode.parent as T,\n key: node.key as string,\n parentKey: extendedNode.parentKey as string,\n };\n propsDragStart?.();\n },\n [propsDragStart]\n );\n\n const onDragMove = useCallback(\n (option: { dragNode: EventDataNode<DataNode>; dropNode: EventDataNode<DataNode>; dropPosition: number }) => {\n if (!dragNode.current) return false;\n const extendedDropNode = option.dropNode as unknown as ExtendedDataNode;\n const dropData = extendedDropNode.dataRef as T;\n const dropId = option.dropNode.key;\n const currentDropData: Parameters<BlockTreeProps<T>['allowDrop']>[0] = {\n dragNode: { key: dragNode.current.key },\n dropNode: {\n dataRef: dropData,\n parent: extendedDropNode.parent as T,\n key: dropId as string,\n },\n dropPosition: option.dropPosition,\n };\n const isAllowDrop = allowDrop(currentDropData);\n\n return Boolean(isAllowDrop);\n },\n [allowDrop]\n );\n\n // Wrapper to match antd Tree's allowDrop signature\n const allowDropWrapper = useCallback(\n (options: unknown) => {\n const typedOptions = options as { dragNode: DataNode; dropNode: DataNode; dropPosition: number };\n // Convert to our expected format\n const convertedOptions = {\n dragNode: typedOptions.dragNode as unknown as EventDataNode<DataNode>,\n dropNode: typedOptions.dropNode as unknown as EventDataNode<DataNode>,\n dropPosition: typedOptions.dropPosition,\n };\n return onDragMove(convertedOptions);\n },\n [onDragMove]\n );\n\n const onDrop = useCallback(\n (info: {\n event: React.DragEvent;\n node: EventDataNode<DataNode>;\n dragNode: EventDataNode<DataNode>;\n dragNodesKeys: React.Key[];\n dropPosition: number;\n dropToGap: boolean;\n }) => {\n const { node: dropNode, dropPosition, event: e } = info;\n e.dataTransfer.dropEffect = 'move';\n if (!dragNode.current || !dropNode) return;\n\n const extendedDropNode = dropNode as unknown as ExtendedDataNode;\n const dropData = extendedDropNode.dataRef as T;\n const currentDropData: Parameters<BlockTreeProps<T>['onDrop']>[0] = {\n dragNode: dragNode.current,\n dropNode: {\n dataRef: dropData,\n parent: extendedDropNode.parent as T,\n key: dropNode.key as string,\n parentKey: extendedDropNode.parentKey as string,\n },\n dropPosition,\n };\n propsDrop(currentDropData);\n },\n [propsDrop]\n );\n\n const titleRender = useCallback(\n (nodeData: DataNode & { dataRef?: T }) => {\n return (\n <div\n style={{ display: 'inline-flex', width: '100%' }}\n onContextMenu={(ev) => onContextMenu && onContextMenu(nodeData.dataRef as T, ev)}\n >\n {propsRenderTitle(nodeData.dataRef as T)}\n </div>\n );\n },\n [onContextMenu, propsRenderTitle]\n );\n\n const onDragEnd = useCallback(() => {\n dragNode.current = null;\n propsDragEnd?.();\n }, [propsDragEnd]);\n\n const onSelect = useCallback(\n (selectedKeys: React.Key[]) => {\n propsSelect(selectedKeys[0] as string);\n },\n [propsSelect]\n );\n\n useEffect(() => {\n if (blockTreeRef) {\n blockTreeRef.addEventListener('dragover', (e) => {\n if (e.dataTransfer) {\n e.dataTransfer.dropEffect = 'move';\n }\n });\n }\n }, [blockTreeRef]);\n\n const transformedTreeData = useMemo(() => transformTreeData(treeData), [treeData]);\n\n return useMemo(\n () => (\n <div ref={setBlockTreeRef} onMouseLeave={props.onMouseLeave}>\n <CacheTree\n selectedKeys={selectedKeys}\n expandedKeys={expandedKeys}\n onExpand={onExpand}\n draggable\n treeData={transformedTreeData}\n blockNode\n onDragEnd={onDragEnd}\n onDragStart={onDragStart}\n onDrop={onDrop}\n allowDrop={allowDropWrapper}\n onSelect={onSelect}\n titleRender={titleRender}\n />\n </div>\n ),\n [\n transformedTreeData,\n props.onMouseLeave,\n expandedKeys,\n selectedKeys,\n onExpand,\n onDragEnd,\n onDragStart,\n onDrop,\n allowDropWrapper,\n onSelect,\n titleRender,\n ]\n );\n}\n\nconst cacheTreeDebounceCallback = debounce(\n (data: TreeProps, setCacheProps: (s: TreeProps) => void) => {\n setCacheProps(data);\n },\n 300\n);\n\nfunction CacheTree(props: TreeProps) {\n const [cacheProps, setCacheProps] = useState(props);\n const lastProps = useRef(props);\n\n useEffect(() => {\n if (lastProps.current.treeData !== props.treeData) {\n lastProps.current = props;\n cacheTreeDebounceCallback(props, setCacheProps);\n } else {\n lastProps.current = props;\n setCacheProps(props);\n }\n }, [props]);\n\n useEffect(() => {\n return () => {\n cacheTreeDebounceCallback.cancel();\n };\n }, []);\n\n return useMemo(() => <Tree {...cacheProps} />, [cacheProps]);\n}\n",".wrap {\n position: fixed;\n left: 500px;\n top: 200px;\n z-index: 9999;\n background-color: var(--color-neutral-2);\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n overflow: hidden;\n font-family: 'Lato', sans-serif;\n font-weight: 500;\n\n .listItem {\n padding: 5px 15px;\n display: flex;\n flex-wrap: nowrap;\n cursor: default !important;\n &:hover {\n background-color: var(--color-menu-dark-hover);\n }\n }\n}\n\n.contextmenuMark {\n position: fixed;\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 9998;\n}\n",".container {\n display: flex;\n flex-wrap: wrap;\n}\n.error {\n border-color: #ff4d4f !important;\n}\n.item {\n margin: 0 8px 8px 0;\n border-radius: 4px;\n border: 1px solid #d9d9d9;\n padding: 8px;\n width: 104px;\n height: 104px;\n\n .info {\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n &::before {\n content: \" \";\n position: absolute;\n z-index: 1;\n background-color: rgba(0, 0, 0, .5);\n -webkit-transition: all .3s;\n transition: all .3s;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n img {\n width: 100%;\n border: 1px solid #f2f2f2;\n transition: all .3s;\n }\n\n .btn-wrap {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 10;\n white-space: nowrap;\n -webkit-transition: all .3s;\n transition: all .3s;\n opacity: 0;\n\n a {\n color: #eee;\n margin: 0 4px;\n\n &:hover {\n color: #fff;\n }\n }\n }\n\n &:hover {\n &::before {\n opacity: 1;\n }\n\n .btn-wrap {\n opacity: 1;\n }\n }\n }\n}\n\n.upload {\n margin: 0 8px 8px 0;\n border: 1px dotted;\n width: 104px;\n height: 104px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n cursor: pointer;\n}\n.wrap {\n .urlInput {\n display: flex;\n align-items: center;\n }\n}\n\n.uploadText {\n font-size: 12px;\n font-weight: 500;\n color: #6b6e71;\n margin-top: 8px;\n text-align: center;\n letter-spacing: 0.5px;\n}\n","export function PromiseEach(promiseLikes: PromiseLike<any>[]) {\n const datas: Array<any> = [];\n let count = 0;\n return new Promise((resolve) => {\n promiseLikes.forEach(async (promiseLike) => {\n try {\n const data = await promiseLike;\n datas.push(data);\n } catch (error) {\n datas.push(error);\n }\n finally {\n count++;\n if (count === promiseLikes.length) {\n resolve(true);\n }\n }\n });\n });\n}\n","import { uniqueId } from 'lodash';\nimport { PromiseEach } from './PromiseEach';\n\ninterface Options {\n limit?: number;\n accept?: string;\n minSize?: number;\n maxSize?: number;\n autoUpload?: boolean;\n}\ninterface UploaderOption extends Options {\n limit: number;\n}\n\nexport type UploadItem = {\n idx: string;\n url: string;\n status: 'pending' | 'done' | 'error';\n};\n\nexport type UploaderEventMap = {\n start: (data: UploadItem[]) => void;\n progress: (data: UploadItem[]) => void;\n end: (data: UploadItem[]) => void;\n};\n\ntype UploaderEventMapHandle = {\n [K in keyof UploaderEventMap]: UploaderEventMap[K][];\n};\n\nexport type UploaderServer = (file: File) => Promise<string>;\n\nexport class Uploader {\n private options: UploaderOption;\n private el: HTMLInputElement;\n private uploadServer: UploaderServer;\n private handler: UploaderEventMapHandle = {\n start: [],\n progress: [],\n end: [],\n };\n\n constructor(uploadServer: UploaderServer, options: Options) {\n this.options = {\n limit: 1,\n autoUpload: true,\n ...options,\n };\n this.uploadServer = uploadServer;\n this.el = this.createInput();\n }\n\n private createInput() {\n Array.from(document.querySelectorAll('.uploader-form-input')).forEach(\n (el) => {\n el && document.body.removeChild(el);\n }\n );\n const el = document.createElement('input');\n el.className = 'uploader-form-input';\n el.type = 'file';\n el.style.display = 'block';\n el.style.opacity = '0';\n el.style.width = '0';\n el.style.height = '0';\n el.style.position = 'absolute';\n el.style.top = '0';\n el.style.left = '0';\n el.style.overflow = 'hidden';\n el.multiple = this.options.limit > 1;\n if (this.options.accept) {\n el.accept = this.options.accept;\n }\n return el;\n }\n\n public async uploadFiles(files: File[]) {\n const results = files.map((file) => ({ file }));\n const uploadList: UploadItem[] = results.map((item) => ({\n url: '',\n status: 'pending',\n idx: `uploader-${uniqueId()}`,\n }));\n\n // 开始上传\n this.handler.start.map((fn) => fn(uploadList));\n\n await PromiseEach(\n results.map(async (file, index) => {\n try {\n const url = await this.uploadFile(file);\n uploadList[index].url = url;\n uploadList[index].status = 'done';\n } catch (error) {\n uploadList[index].status = 'error';\n } finally {\n this.handler.progress.map((fn) => fn(uploadList));\n }\n })\n );\n\n // 上传完成\n this.handler.end.map((fn) => fn(uploadList));\n }\n\n private async uploadFile(result: { file: File }) {\n return this.uploadServer(result.file);\n }\n\n private checkFile(files: File[]) {\n const typeError = this.checkTypes(files);\n if (typeError) {\n throw new Error(typeError);\n }\n\n const sizeError = this.checkSize(files);\n if (sizeError) {\n throw new Error(sizeError);\n }\n }\n\n private checkTypes(files: File[]) {\n const accept = this.options.accept;\n if (accept) {\n let fileType = '';\n if (accept.indexOf('image') !== -1) {\n fileType = 'image';\n } else if (accept.indexOf('video') !== -1) {\n fileType = 'video';\n }\n for (const file of files) {\n if (file.type.indexOf(fileType) !== 0) {\n return '上传文件类型错误!';\n }\n }\n }\n return null;\n }\n\n private checkSize(files: File[]) {\n const options = this.options;\n for (const file of files) {\n if (options.minSize && file.size < options.minSize) {\n return `上传文件不能小于 ${options.minSize}`;\n }\n if (options.maxSize && file.size > options.maxSize) {\n return `上传文件不能小于 ${options.maxSize}`;\n }\n }\n return null;\n }\n\n public chooseFile() {\n const el = this.el;\n document.body.appendChild(el);\n el.click();\n\n el.onchange = async (e: any) => {\n let files = e.target.files || [];\n files = Array.prototype.slice.call(files);\n if (files.length === 0) {\n return;\n }\n this.checkFile(files);\n if (this.options.autoUpload) {\n this.uploadFiles(files);\n }\n el.onchange = null;\n el.parentNode && el.parentNode.removeChild(el);\n };\n }\n\n public on<K extends keyof UploaderEventMap>(\n event: K,\n fn: UploaderEventMap[K]\n ) {\n // UploaderEventMapHandle[K] === UploaderEventMap[K][]\n const handler = this.handler[event] as UploaderEventMap[K][];\n handler.push(fn);\n }\n\n public off<K extends keyof UploaderEventMap>(\n event: K,\n fn: UploaderEventMap[K]\n ) {\n const handles = this.handler[event] as UploaderEventMap[K][];\n this.handler[event] = handles.filter(\n (item) => item !== fn\n ) as UploaderEventMapHandle[K];\n }\n}\n","\nexport function classnames(...rest: any[]) {\n return rest.filter(item => typeof item === 'string').join(' ');\n}","\nexport function previewLoadImage(url: string): Promise<HTMLImageElement> {\n return new Promise((resolve) => {\n const img = new Image();\n img.setAttribute('crossOrigin', 'Anonymous');\n img.src = url;\n img.onload = () => resolve(img);\n img.onerror = () => resolve(img);\n });\n}\n","import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { Button, Dropdown, Input, App, Modal, Popover, Row, Spin } from 'antd';\nimport { DeleteOutlined, EyeOutlined, FileImageOutlined, MailOutlined, PlusOutlined } from '@ant-design/icons';\nimport styles from './index.module.scss';\nimport { Uploader, UploaderServer } from '@extensions/AttributePanel/utils/Uploader';\nimport { classnames } from '@extensions/AttributePanel/utils/classnames';\nimport { previewLoadImage } from '@extensions/AttributePanel/utils/previewLoadImage';\nimport { MergeTags } from '@extensions';\nimport { IconFont, useEditorProps } from '@thanhpv102/easy-email-editor';\n\nexport interface ImageUploaderProps {\n onChange: (val: string) => void;\n value: string;\n label: string;\n uploadHandler?: UploaderServer;\n enableSelectFromLibrary?: boolean;\n autoCompleteOptions?: Array<{ value: string; label: React.ReactNode; }>;\n}\n\nexport function ImageUploader(props: ImageUploaderProps) {\n const { mergeTags, onSelectAssetManager, toggleAssetManager } = useEditorProps();\n const { message } = App.useApp();\n const [isUploading, setIsUploading] = useState(false);\n const [preview, setPreview] = useState(false);\n const uploadHandlerRef = useRef<UploaderServer | null | undefined>(\n props.uploadHandler,\n );\n\n const enableSelectFromLibrary = props.enableSelectFromLibrary ?? false;\n\n const onChange = props.onChange;\n\n // Khi chọn ảnh từ AssetManager, gọi trực tiếp callback nếu có\n const handleSelectAssetManager = useCallback(async () => {\n if (onSelectAssetManager) {\n const result = await onSelectAssetManager();\n if (typeof result === 'string' && result) {\n props.onChange(result);\n await previewLoadImage(result);\n }\n } else {\n toggleAssetManager?.(true);\n }\n }, [onSelectAssetManager, toggleAssetManager, props]);\n\n const onUpload = useCallback(() => {\n if (isUploading) {\n return message.warning(t('Uploading...'));\n }\n if (!uploadHandlerRef.current) return;\n\n const uploader = new Uploader(uploadHandlerRef.current, {\n limit: 1,\n accept: 'image/*',\n });\n\n uploader.on('start', () => {\n setIsUploading(true);\n\n uploader.on('end', (data) => {\n const url = data[0]?.url;\n if (url) {\n onChange(url);\n }\n setIsUploading(false);\n });\n });\n\n uploader.chooseFile();\n }, [isUploading, onChange, message]);\n\n const onPaste = useCallback(\n async (e: React.ClipboardEvent<HTMLInputElement>) => {\n if (!uploadHandlerRef.current) return;\n const clipboardData = e.clipboardData;\n\n for (let i = 0; i < clipboardData.items.length; i++) {\n const item = clipboardData.items[i];\n if (item.kind == 'file') {\n const blob = item.getAsFile();\n\n if (!blob || blob.size === 0) {\n return;\n }\n try {\n setIsUploading(true);\n const picture = await uploadHandlerRef.current(blob);\n await previewLoadImage(picture);\n props.onChange(picture);\n setIsUploading(false);\n } catch (error: unknown) {\n const errorMessage = error instanceof Error ? error.message :\n (typeof error === 'string' ? error : t('Upload failed'));\n message.error(errorMessage);\n setIsUploading(false);\n }\n }\n }\n },\n [props, message],\n );\n\n const onRemove = useCallback(() => {\n props.onChange('');\n }, [props]);\n\n const content = useMemo(() => {\n if (isUploading) {\n return (\n <div className={styles['item']}>\n <div className={classnames(styles['info'])}>\n <Spin />\n <div className={styles['btn-wrap']} />\n </div>\n </div>\n );\n }\n\n if (!props.value) {\n if (enableSelectFromLibrary) {\n return (\n <div className={styles['upload']} onClick={handleSelectAssetManager}>\n <FileImageOutlined />\n <div className={styles['uploadText']}>Select from Library</div>\n </div>\n );\n } else {\n return (\n <div className={styles['upload']} onClick={onUpload}>\n <PlusOutlined />\n <div>Upload</div>\n </div>\n );\n }\n }\n\n return (\n <div className={styles['item']}>\n <div className={classnames(styles['info'])}>\n <img src={props.value} alt={t('Uploaded image')} />\n <div className={styles['btn-wrap']}>\n <a title={t('Preview')} onClick={() => setPreview(true)}>\n <EyeOutlined />\n </a>\n <a title={t('Remove')} onClick={() => onRemove()}>\n <DeleteOutlined />\n </a>\n </div>\n </div>\n </div>\n );\n }, [isUploading, onRemove, onUpload, props.value, enableSelectFromLibrary, handleSelectAssetManager, toggleAssetManager]);\n\n const onInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange(e.target.value);\n },\n [onChange]\n );\n\n if (!props.uploadHandler) {\n return <Input value={props.value} onChange={onInputChange} />;\n }\n\n return (\n <div className={styles.wrap}>\n <div className={styles['container']}>\n {content}\n <Row style={{ width: '100%' }}>\n {mergeTags && (\n <Popover\n trigger=\"click\"\n content={<MergeTags value={props.value} onChange={onChange} />}\n >\n <Button icon={<IconFont iconName=\"icon-merge-tags\" />} />\n </Popover>\n )}\n <Input\n style={{ flex: 1 }}\n onPaste={onPaste}\n value={props.value}\n onChange={onInputChange}\n disabled={isUploading}\n />\n {props.autoCompleteOptions && (\n <Dropdown\n placement=\"bottomRight\"\n menu={{\n items: props.autoCompleteOptions.map((item, index) => ({\n key: index.toString(),\n label: (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <img\n src={item.value}\n alt={`Option ${index + 1}`}\n style={{ width: 20, height: 20 }}\n />\n &emsp;<span>{item.label}</span>\n </div>\n ),\n })),\n onClick: ({ key }) => {\n if (!props.autoCompleteOptions) return;\n onChange(props.autoCompleteOptions[+key]?.value);\n },\n }}\n >\n <Button icon={<MailOutlined />} />\n </Dropdown>\n )}\n </Row>\n </div>\n <Modal open={preview} footer={null} onCancel={() => setPreview(false)}>\n <img alt={t('Preview')} style={{ width: '100%' }} src={props.value} />\n </Modal>\n </div>\n );\n}\n","import { Select as AntSelect, SelectProps as AntSelectProps } from 'antd';\nimport { merge } from 'lodash';\nimport React from 'react';\n\nexport interface SelectProps extends AntSelectProps {\n options: Array<{ value: string; label: React.ReactNode; }>;\n onChange?: (val: string) => void;\n value: string;\n}\n\nexport function Select(props: SelectProps) {\n return (\n <AntSelect\n {...props}\n classNames={{\n popup: {\n root: 'easy-email-overlay',\n },\n }}\n style={merge({ width: '100%' }, props.style)}\n value={props.value}\n onChange={props.onChange}\n >\n {props.options.map((item, index) => (\n <AntSelect.Option key={index} value={item.value}>\n {item.label}\n </AntSelect.Option>\n ))}\n </AntSelect>\n );\n}\n","import { Radio } from 'antd';\nimport type { RadioGroupProps as AntdRadioGroupProps } from 'antd';\nimport { merge } from 'lodash';\nimport React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nexport interface RadioGroupProps extends Omit<AntdRadioGroupProps, 'onChange' | 'value' | 'options'> {\n options: Array<{ value: string; label: React.ReactNode }>;\n onChange?: (value: string) => void;\n value?: string;\n type?: 'radio' | 'button';\n vertical?: boolean;\n}\n\nexport function RadioGroup(props: RadioGroupProps) {\n const { vertical, options, onChange, value, style, ...rest } = props;\n\n return (\n <Radio.Group\n {...rest}\n style={merge({ width: '100%' }, style)}\n value={value}\n onChange={(e) => onChange?.(String(e.target.value))}\n >\n <Stack vertical={vertical} spacing='extraTight'>\n {options.map((item, index) => (\n <Radio key={index} value={item.value}>\n {item.label}\n </Radio>\n ))}\n </Stack>\n </Radio.Group>\n );\n}\n","import { Field, UseFieldConfig } from '@thanhpv102/easy-email-editor';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useRefState } from '@thanhpv102/easy-email-editor';\nimport { debounce } from 'lodash';\nimport { Form, FormItemProps } from 'antd';\n\nexport interface EnhancerProps {\n name: string;\n onChangeAdapter?: (value: any) => any;\n validate?: (value: any) => string | undefined | Promise<string | undefined>;\n config?: UseFieldConfig;\n changeOnBlur?: boolean;\n formItem?: FormItemProps;\n label?: FormItemProps['label'];\n inline?: boolean;\n equalSpacing?: boolean;\n required?: boolean;\n autoComplete?: 'on' | 'off';\n style?: React.CSSProperties;\n helpText?: React.ReactNode;\n debounceTime?: number;\n labelHidden?: boolean;\n}\n\nconst parse = (v: any) => v;\nexport default function enhancer<P extends { onChange?: (...rest: any) => any }>(\n Component: React.FC<any>,\n changeAdapter: (args: Parameters<NonNullable<P['onChange']>>) => any,\n option?: { debounceTime: number },\n) {\n return (props: EnhancerProps & Omit<P, 'value' | 'onChange' | 'mutators'>) => {\n const {\n name,\n validate,\n onChangeAdapter,\n changeOnBlur,\n inline,\n equalSpacing,\n formItem,\n label,\n required,\n style,\n helpText,\n autoComplete,\n labelHidden,\n ...rest\n } = props;\n\n const debounceTime = props.debounceTime || option?.debounceTime || 300;\n\n const config = useMemo(() => {\n return {\n ...props.config,\n validate: validate,\n parse: props.config?.parse || parse,\n };\n }, [props.config, validate]);\n\n const [currentValue, setCurrentValue] = useState<any>(undefined);\n const currentValueRef = useRefState(currentValue);\n const isFocusedRef = useRef(false);\n\n const layoutStyle = useMemo((): FormItemProps => {\n if (equalSpacing) {\n return {\n labelCol: {\n span: 11,\n style: {\n textAlign: 'left',\n paddingRight: 0,\n },\n },\n wrapperCol: {\n span: 11,\n offset: 1,\n style: {\n textAlign: 'right',\n },\n },\n };\n }\n if (inline) {\n return {\n labelCol: {\n span: 7,\n style: {\n textAlign: 'right',\n paddingRight: 0,\n },\n },\n wrapperCol: {\n span: 16,\n offset: 1,\n style: {},\n },\n };\n }\n\n return {\n labelCol: {\n span: 24,\n style: {\n paddingRight: 0,\n },\n },\n wrapperCol: {\n span: 24,\n },\n };\n }, [equalSpacing, inline]);\n\n return useMemo(() => {\n return (\n <Field\n name={name}\n {...config}\n >\n {({ input: { onBlur, onChange, value }, meta }) => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n\n const debounceCallbackChange = useCallback(\n debounce(\n val => {\n onChange(val);\n onBlur();\n },\n debounceTime,\n {\n // maxWait: 500,\n },\n ),\n [onChange, onBlur],\n );\n\n const onFieldChange: P['onChange'] = useCallback(\n (e: any) => {\n const adapted = onChangeAdapter\n ? onChangeAdapter(changeAdapter(e))\n : changeAdapter(e);\n\n // If the adapter returned a synthetic/native Event, extract its value\n // so we never show [object Object] in the input.\n let newVal: any;\n if (\n adapted !== null &&\n typeof adapted === 'object' &&\n !Array.isArray(adapted) &&\n 'target' in adapted &&\n (adapted as { target: unknown }).target !== null\n ) {\n const rawVal = (adapted as { target: { value: unknown } }).target.value;\n newVal = rawVal == null ? '' : String(rawVal);\n } else if (Array.isArray(adapted) || (adapted !== null && typeof adapted === 'object')) {\n newVal = adapted;\n } else if (typeof adapted === 'boolean') {\n // Keep boolean values as-is (for Switch, Checkbox, etc.)\n newVal = adapted;\n } else {\n newVal = adapted == null ? '' : String(adapted);\n }\n\n setCurrentValue(newVal);\n if (!changeOnBlur) {\n debounceCallbackChange(newVal);\n }\n },\n [debounceCallbackChange],\n );\n\n const onFieldBlur = useCallback(() => {\n isFocusedRef.current = false;\n if (changeOnBlur) {\n onChange(currentValueRef.current);\n onBlur();\n }\n }, [onBlur, onChange]);\n\n const onFieldFocus = useCallback(() => {\n isFocusedRef.current = true;\n }, []);\n\n useEffect(() => {\n // Only sync form value → input when the input is not focused.\n // While focused the user is typing; overwriting currentValue would\n // cause visible glitches and lost keystrokes.\n if (!isFocusedRef.current) {\n if (Array.isArray(value) || (value !== null && typeof value === 'object')) {\n setCurrentValue(value);\n } else if (typeof value === 'boolean') {\n // Keep boolean values as-is (for Switch, Checkbox, etc.)\n setCurrentValue(value);\n } else {\n setCurrentValue(value == null ? '' : String(value));\n }\n }\n }, [value]);\n\n return (\n <Form.Item\n style={{\n ...style,\n margin: '0px',\n }}\n rules={required ? [{ required: true }] : undefined}\n {...layoutStyle}\n {...formItem}\n label={labelHidden ? undefined : label || formItem?.label}\n labelAlign='left'\n validateStatus={meta.touched && meta.error ? 'error' : undefined}\n help={meta.touched && meta.error ? meta.error : helpText}\n >\n <Component\n autoComplete={autoComplete}\n {...rest}\n name={name}\n checked={currentValue}\n value={currentValue}\n onChange={onFieldChange}\n onBlur={onFieldBlur}\n onFocus={onFieldFocus}\n />\n </Form.Item>\n );\n }}\n </Field>\n );\n }, [\n autoComplete,\n changeOnBlur,\n config,\n currentValue,\n currentValueRef,\n debounceTime,\n formItem,\n helpText,\n label,\n labelHidden,\n layoutStyle,\n name,\n onChangeAdapter,\n required,\n rest,\n style,\n ]);\n };\n}\n","import { Input as AntInput, InputProps as AntInputProps } from 'antd';\nimport React, { useCallback } from 'react';\n\nexport interface InputProps extends Omit<AntInputProps, 'onChange'> {\n quickchange?: boolean;\n value: string;\n onChange: (val: string) => void;\n}\n\nexport function Input(props: InputProps) {\n const {\n quickchange,\n value = '',\n onKeyDown: onPropsKeyDown,\n onChange: propsOnChange,\n } = props;\n\n const onChange = useCallback(\n (val: string) => {\n propsOnChange(val);\n },\n [propsOnChange]\n );\n\n const onKeyDown = useCallback(\n (ev: React.KeyboardEvent<HTMLInputElement>) => {\n if (onPropsKeyDown) {\n onPropsKeyDown?.(ev);\n }\n\n if (quickchange) {\n let step = 0;\n if (ev.key === 'ArrowUp') {\n step = 1;\n }\n if (ev.key === 'ArrowDown') {\n step = -1;\n }\n\n if (step) {\n if (/^\\d+/.test(value)) {\n ev.preventDefault();\n onChange(\n String(value).replace(/^(\\d+)/, (_, match) => {\n return (Number(match) + step).toString();\n })\n );\n }\n }\n }\n },\n [onPropsKeyDown, quickchange, value, onChange]\n );\n\n return (\n <AntInput\n {...{ ...props, quickchange: undefined }}\n onChange={(e) => onChange(e.target.value)}\n onKeyDown={onKeyDown}\n />\n );\n}\n","import React from 'react';\r\nimport { Input } from 'antd';\r\nimport type { InputProps } from 'antd';\r\n\r\nexport interface InputWithUnitProps extends Omit<InputProps, 'onChange'> {\r\n value: string;\r\n onChange: (val: string) => void;\r\n unitOptions?: Array<{ value: string; label: string; }> | 'default' | 'percent';\r\n quickchange?: boolean;\r\n}\r\n\r\nexport function InputWithUnit(props: InputWithUnitProps) {\r\n const {\r\n value = '',\r\n onKeyDown,\r\n onChange,\r\n unitOptions: _unitOptions,\r\n quickchange: _quickchange,\r\n ...restProps\r\n } = props;\r\n\r\n // Handle input change\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n onChange(e.target.value);\r\n };\r\n\r\n return (\r\n <Input\r\n value={value}\r\n onChange={handleChange}\r\n onKeyDown={onKeyDown}\r\n {...restProps}\r\n />\r\n );\r\n}\r\n","import { merge } from 'lodash';\nimport React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { Checkbox } from 'antd';\nimport type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/checkbox';\n\nexport interface CheckboxGroupProps extends Omit<AntdCheckboxGroupProps, 'onChange' | 'value'> {\n options: Array<{ value: string; label: React.ReactNode; }>;\n onChange?: (values: string[]) => void;\n value?: string[];\n style?: Partial<React.CSSProperties>;\n checkboxStyle?: Partial<React.CSSProperties>;\n vertical?: boolean;\n}\n\nexport function CheckBoxGroup(props: CheckboxGroupProps) {\n const { vertical = false, ...rest } = props;\n return (\n <Checkbox.Group\n style={merge({ width: '100%' }, rest.style)}\n value={rest.value}\n onChange={rest.onChange}\n >\n <Stack vertical={vertical} spacing=\"extraTight\">\n {rest.options.map((item, index) => (\n <Checkbox style={rest.checkboxStyle} key={index} value={item.value}>\n {item.label}\n </Checkbox>\n ))}\n </Stack>\n </Checkbox.Group>\n );\n}\n","export function classnames(...rest: any[]) {\n return rest.filter((item) => typeof item === 'string').join(' ');\n}\n",".helperText {\n color: rgba(109, 113, 117, 1);\n font-weight: 400;\n line-height: 1.3;\n text-transform: none;\n letter-spacing: normal;\n}\n\n.label-hidden {\n position: absolute !important;\n top: 0;\n clip: rect(1px, 1px, 1px, 1px) !important;\n overflow: hidden !important;\n height: 1px !important;\n width: 1px !important;\n padding: 0 !important;\n border: 0 !important;\n}\n\n.editTab {\n :global {\n .arco-tabs-content {\n border: none;\n }\n .arco-tabs-header-nav {\n padding-right: 15px;\n }\n }\n}\n\n.inputWithUnit {\n :global {\n .arco-select-view {\n padding: 0px 5px !important;\n text-align: center;\n .arco-select-view-value {\n overflow: visible;\n }\n }\n }\n}\n\n.inputWithUnitSelectOption {\n padding: 0px 5px !important;\n text-align: center !important;\n}\n\n.colorPicker {\n :global(.sketch-picker .flexbox-fix:nth-child(3)) {\n display: none !important;\n }\n}\n\n// Global styles cho Antd Select/Radio/Checkbox dropdown\n:global {\n .ant-select {\n font-size: 12px !important;\n }\n\n .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n font-size: 12px !important;\n }\n\n .ant-select-selection-item {\n font-size: 12px !important;\n line-height: 26px !important;\n }\n\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-radio-group {\n font-size: 12px !important;\n }\n\n .ant-checkbox-group {\n font-size: 12px !important;\n }\n\n .easy-email-overlay {\n font-size: 12px !important;\n }\n\n .easy-email-overlay .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n }\n\n .easy-email-overlay .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n}\n\n:global(.attributePanel) {\n :global {\n .arco-input-wrapper {\n padding: 4px 6px !important;\n }\n\n .arco-input {\n font-size: 12px !important;\n height: 26px !important;\n line-height: 26px !important;\n }\n\n .ant-input {\n font-size: 12px !important;\n height: 26px !important;\n line-height: 26px !important;\n }\n\n input::placeholder {\n font-size: 12px !important;\n }\n\n .ant-input::placeholder {\n font-size: 12px !important;\n }\n\n .arco-form-item-label-content {\n font-size: 12px !important;\n }\n\n .ant-form-item-label-content {\n font-size: 12px !important;\n }\n\n .ant-form-item-label > label {\n font-size: 12px !important;\n }\n\n // Thu nhỏ help text\n .ant-form-item-explain {\n font-size: 12px !important;\n }\n\n .arco-form-item-message {\n font-size: 12px !important;\n }\n\n .ant-form-item-label {\n padding: 0 !important;\n }\n\n textarea {\n font-size: 12px !important;\n line-height: 1.4 !important;\n }\n\n .arco-select {\n font-size: 12px !important;\n }\n\n .arco-select-view {\n height: 26px !important;\n padding: 4px 6px !important;\n font-size: 12px !important;\n }\n\n // Antd select option\n .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n // Antd select dropdown\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n // Antd radio\n .ant-radio {\n font-size: 12px !important;\n }\n\n .ant-radio-wrapper {\n font-size: 12px !important;\n }\n\n .ant-radio-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n // Antd checkbox\n .ant-checkbox {\n font-size: 12px !important;\n }\n\n .ant-checkbox-wrapper {\n font-size: 12px !important;\n }\n\n .ant-checkbox-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n .arco-color-picker-trigger {\n width: 28px !important;\n height: 28px !important;\n }\n\n .arco-btn {\n padding: 4px 8px !important;\n height: 28px !important;\n font-size: 12px !important;\n }\n\n .ant-btn {\n padding: 4px 8px !important;\n font-size: 12px !important;\n height: 28px !important;\n }\n\n .ant-btn-sm {\n padding: 4px 8px !important;\n height: 28px !important;\n font-size: 12px !important;\n }\n }\n}\n","import { Tabs } from 'antd';\nimport type { TabsProps } from 'antd';\nimport { classnames } from '@extensions/utils/classnames';\nimport React, { useState } from 'react';\nimport styles from './index.module.scss';\n\nexport interface EditTabProps<T = unknown>\n extends Omit<TabsProps, 'onChange' | 'items' | 'type' | 'activeKey' | 'onEdit'> {\n value: Array<T>;\n renderItem: (item: T, index: number) => React.ReactNode;\n onChange: (vals: Array<T>) => void;\n additionItem: T;\n label: string;\n}\n\nexport function EditTab<T = unknown>(props: EditTabProps<T>) {\n const { value, additionItem, label, renderItem, onChange, tabPlacement, ...restProps } = props;\n const [activeKey, setActiveKey] = useState('0');\n\n const onEdit = (targetKey: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => {\n if (action === 'add') {\n const newKey = value.length.toString();\n setActiveKey(newKey);\n onChange([...value, additionItem]);\n } else if (action === 'remove' && typeof targetKey === 'string') {\n const removeIndex = parseInt(targetKey, 10);\n if (removeIndex < parseInt(activeKey, 10)) {\n setActiveKey((parseInt(activeKey, 10) - 1).toString());\n }\n if (removeIndex === parseInt(activeKey, 10)) {\n setActiveKey(removeIndex > 0 ? (removeIndex - 1).toString() : '0');\n }\n onChange(value.filter((_, index) => index !== removeIndex));\n }\n };\n\n const items = (Array.isArray(value) ? value : []).map((item, index) => ({\n key: index.toString(),\n label: `${label || 'Tab'} ${index + 1}`,\n children: (\n <div style={{ paddingLeft: 12 }}>\n {renderItem(item, index)}\n </div>\n ),\n }));\n\n return (\n <Tabs\n {...restProps}\n className={classnames(styles.editTab)}\n style={{ border: 'none' }}\n type=\"editable-card\"\n activeKey={activeKey}\n tabPlacement={tabPlacement}\n items={items}\n onEdit={onEdit}\n onChange={setActiveKey}\n />\n );\n}\n","import { Card, Space, TabsProps, Typography } from 'antd';\nimport { CloseOutlined, PlusOutlined } from '@ant-design/icons';\nimport { cloneDeep } from 'lodash';\nimport React from 'react';\n\n\nexport interface EditGridTabProps<T = unknown>\n extends Omit<TabsProps, 'onChange'> {\n value: Array<T>;\n renderItem: (item: T, index: number) => React.ReactNode;\n onChange: (vals: Array<T>) => unknown;\n additionItem?: T;\n label: string;\n}\nexport function EditGridTab<T = unknown>(props: EditGridTabProps<T>) {\n const { value, additionItem } = props;\n\n const onAdd = (index: number) => {\n let newItem = additionItem || cloneDeep(value[index]);\n value.splice(index + 1, 0, newItem);\n props.onChange([...value]);\n };\n\n const onDelete = (index: number) => {\n props.onChange(value.filter((_, vIndex) => Number(index) !== vIndex));\n };\n return (\n <Card\n variant=\"borderless\"\n >\n {(Array.isArray(value) ? value : []).map((item, index) => (\n <Card.Grid style={{ width: '100%' }} key={index}>\n <Card title={(\n <Space>\n <Typography.Text>\n {'Item'} {index + 1}\n </Typography.Text>\n\n </Space>\n )} extra={(\n <Space size=\"large\">\n <PlusOutlined style={{ color: '#000', cursor: 'pointer' }} onClick={() => onAdd(index)} />\n <CloseOutlined style={{ color: '#000', cursor: 'pointer' }} onClick={() => onDelete(index)} />\n </Space>\n )}\n >\n {props.renderItem(item, index)}\n </Card>\n </Card.Grid>\n ))}\n </Card>\n );\n\n}\n","import React, { useMemo } from 'react';\r\nimport { AutoComplete as AntdAutoComplete } from 'antd';\r\nimport type { AutoCompleteProps as AntdAutoCompleteProps } from 'antd';\r\nimport { isString } from 'lodash';\r\n\r\nexport interface AutoCompleteProps\r\n extends Omit<AntdAutoCompleteProps, 'onChange' | 'options'> {\r\n quickchange?: boolean;\r\n value: string;\r\n options: Array<{ value: string | number; label: string | number }>;\r\n onChange: (val: string) => void;\r\n showSearch?: boolean;\r\n}\r\n\r\nexport function AutoComplete(props: AutoCompleteProps) {\r\n const options = useMemo(() => {\r\n const selectedValue = (props.value || '').toLowerCase();\r\n return props.options\r\n .filter(item => {\r\n return (\r\n (isString(item.value) && item.value.toLowerCase().startsWith(selectedValue)) ||\r\n (isString(item.label) && item.label.toLowerCase().startsWith(selectedValue))\r\n );\r\n })\r\n .map(item => ({\r\n value: String(item.value),\r\n label: String(item.label)\r\n }));\r\n }, [props.options, props.value]);\r\n\r\n return (\r\n <AntdAutoComplete\r\n {...props}\r\n options={options}\r\n onChange={props.onChange}\r\n />\r\n );\r\n}\r\n","import { isString } from 'lodash';\n\nexport const JsonAdapter = {\n format(obj: any) {\n return isString(obj) ? obj : JSON.stringify(obj, null, 2);\n },\n parse(val: string) {\n if (!val) return undefined;\n try {\n return JSON.parse(JSON.stringify(eval('(' + val + ')')));\n } catch (error) {}\n return val;\n },\n};\n","export function isNumber(num: any): num is number {\n if (typeof num !== 'string' && typeof num !== 'number') return false;\n return new RegExp('^(\\\\-|\\\\+)?\\\\d+(\\\\.\\\\d+)?$').test(num.toString());\n}\n\nexport function InputNumberAdapter(val: string | number) {\n return isNumber(Number(val)) ? Number(val) : val;\n}\n","import { isNumber } from '@extensions/AttributePanel/utils/InputNumberAdapter';\nimport { isString } from 'lodash';\n\nexport const pixelAdapter = {\n format(val: string) {\n if (!isString(val) && !val) return '';\n val = val.toString();\n if (/^\\d+px$/.test(val.trim())) return val.trim().replace('px', '');\n return val.trim();\n },\n parse(val: string | number) {\n if (!isString(val) && !isNumber(val)) return undefined;\n val = val.toString().trim();\n if (!val) return undefined;\n if (/^\\d+$/.test(val)) return val + 'px';\n return val;\n },\n};\n","import { isString } from 'lodash';\nimport Color from 'color';\n\nexport const colorAdapter = {\n format(val: string) {\n if (!isString(val) && !val) return '';\n val = val.toString();\n if (val.length === 7 && val.startsWith('#')) return val.replace('#', '');\n return val;\n },\n parse(val: string) {\n if (!isString(val)) return undefined;\n val = val.toString().trim();\n if (!val) return undefined;\n try {\n if (val.length === 6 && Color(`#${val}`).hex()) return `#${val}`;\n } catch (error) {\n console.error('err colorAdapter', val, error);\n }\n return val;\n },\n};\n","import { isNumber } from '@extensions/AttributePanel/utils/InputNumberAdapter';\nimport { isString } from 'lodash';\n\nexport const imageHeightAdapter = {\n format(val: string) {\n if (!isString(val) && !val) return '';\n val = val.toString();\n if (val === 'auto') return undefined;\n\n if (/^\\d+px$/.test(val.trim())) return val.trim().replace('px', '');\n return val.trim();\n },\n parse(val: string | number) {\n if (!isString(val) && !isNumber(val)) return undefined;\n val = val.toString().trim();\n if (!val) return undefined;\n if (/^\\d+$/.test(val)) return val + 'px';\n return val;\n },\n};\n","import { ImageManager } from '@thanhpv102/easy-email-core';\n\nconst defaultImagesMap = {\n IMAGE_59:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/06ca521d-9728-4de6-a709-1b75a828bfc3-2a9b1224-3d71-43b8-b52f-e7cdcdc9107b.png',\n AttributePanel_01:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e22f78f2-aa76-408d-ba94-c95c7abe1908-image.png',\n AttributePanel_02:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/3e952a6e-2506-470e-b395-3e0d995157c5.png',\n AttributePanel_03:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/Fi_vI4vyLhTM-Tp6ivq4dR_ieGHk.png',\n};\n\nImageManager.add(defaultImagesMap);\n\nexport function getImg(name: keyof typeof defaultImagesMap) {\n return ImageManager.get(name);\n}\n","import React, { useCallback, useMemo, useRef } from 'react';\nimport { useLocalStorage } from 'react-use';\nimport { debounce } from 'lodash';\nimport { useRefState } from '@thanhpv102/easy-email-editor';\n\nconst defaultPresetColor: string[] = [\n '#000000',\n '#FFFFFF',\n '#9b9b9b',\n '#d0021b',\n '#4a90e2',\n '#7ed321',\n '#bd10e0',\n '#f8e71c',\n];\n\nconst CURRENT_COLORS_KEY = 'CURRENT_COLORS_KEY';\nconst MAX_RECORD_SIZE = 20;\n\nexport const PresetColorsContext = React.createContext<{\n colors: string[];\n addCurrentColor: (color: string) => void;\n}>({\n colors: [],\n addCurrentColor: () => {},\n});\n\nexport const PresetColorsProvider: React.FC<{\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const [currentColors, setCurrentColors] = useLocalStorage<string[]>(\n CURRENT_COLORS_KEY,\n defaultPresetColor,\n );\n const currentColorsRef = useRefState(currentColors);\n\n const colorDivRef = useRef(document.createElement('div'));\n\n const addCurrentColor = useCallback(\n debounce((newColor: string) => {\n colorDivRef.current.style.color = '';\n colorDivRef.current.style.color = newColor;\n if (colorDivRef.current.style.color) {\n if (currentColorsRef.current!.includes(newColor)) return;\n const newColors = [...new Set([...currentColorsRef.current!, newColor])]\n .filter(Boolean)\n .slice(-MAX_RECORD_SIZE);\n\n setCurrentColors(newColors);\n }\n }, 500),\n [currentColorsRef, setCurrentColors],\n );\n\n const value = useMemo(() => {\n return {\n colors: currentColors!,\n addCurrentColor,\n };\n }, [addCurrentColor, currentColors]);\n\n return useMemo(() => {\n return (\n <PresetColorsContext.Provider value={value}>\n {props.children}\n </PresetColorsContext.Provider>\n );\n }, [props.children, value]);\n};\n","import { Button, Space } from 'antd';\r\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\r\n\r\nimport styles from '../index.module.scss';\r\nimport Color from 'color';\r\nimport { PresetColorsContext } from '@extensions/AttributePanel/components/provider/PresetColorsProvider';\r\n\r\nexport interface ColorPickerContentProps {\r\n onChange: (val: string) => void;\r\n value: string;\r\n}\r\n\r\nconst transparentColor = 'rgba(0,0,0,0)';\r\n\r\nexport function ColorPickerContent(props: ColorPickerContentProps) {\r\n const { colors: presetColors } = useContext(PresetColorsContext);\r\n\r\n const { onChange } = props;\r\n const [color, setColor] = useState(props.value);\r\n\r\n useEffect(() => {\r\n setColor(props.value);\r\n }, [props.value]);\r\n\r\n const presetColorList = useMemo(() => {\r\n return [...presetColors.filter(item => item !== transparentColor).slice(-14)];\r\n }, [presetColors]);\r\n\r\n let adapterColor = color;\r\n\r\n try {\r\n if (Color(color).hex()) {\r\n adapterColor = Color(color).hex();\r\n }\r\n } catch (_) {}\r\n\r\n // input[type=color] requires exactly #rrggbb format\r\n const inputColorValue = /^#[0-9a-fA-F]{6}$/.test(adapterColor) ? adapterColor : '#000000';\r\n\r\n return (\r\n <div\r\n className={styles.colorPicker}\r\n style={{ width: 202, paddingTop: 12, paddingBottom: 12 }}\r\n >\r\n <div style={{ padding: '0px 16px' }}>\r\n <Space\r\n wrap\r\n size='small'\r\n >\r\n {presetColorList.map(item => {\r\n return (\r\n <div\r\n title={item}\r\n onClick={() => onChange(item)}\r\n key={item}\r\n style={{\r\n border: '1px solid var(--color-neutral-3, rgb(229, 230, 235))',\r\n display: 'inline-block',\r\n height: 20,\r\n width: 20,\r\n boxSizing: 'border-box',\r\n padding: 4,\r\n borderRadius: 3,\r\n backgroundColor: item,\r\n position: 'relative',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n );\r\n })}\r\n </Space>\r\n </div>\r\n <div\r\n style={{\r\n padding: '6px 6px 0px 6px',\r\n backgroundColor: 'var(--color-bg-popup)'\r\n }}\r\n >\r\n <Button\r\n type='text'\r\n size='small'\r\n style={{\r\n fontSize: 12,\r\n width: '100%',\r\n textAlign: 'left',\r\n paddingLeft: 10,\r\n position: 'relative',\r\n }}\r\n >\r\n <span style={{ color: 'var(--ant-color-text, #ddddd)'}}>{t('Picker...')}</span>\r\n <input\r\n style={{\r\n position: 'absolute',\r\n width: '100%',\r\n height: '100%',\r\n zIndex: 1,\r\n left: 0,\r\n top: 0,\r\n opacity: 0,\r\n cursor: 'pointer'\r\n }}\r\n type='color'\r\n value={inputColorValue}\r\n onChange={e => onChange(e.target.value)}\r\n onMouseDown={e => e.stopPropagation()}\r\n />\r\n </Button>\r\n </div>\r\n <style>\r\n {`\r\n .form-alpha-picker {\r\n outline: 1px solid rgb(204, 204, 204, 0.6);\r\n }\r\n `}\r\n </style>\r\n </div>\r\n );\r\n}\r\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface PopupRect {\n triggerLeft: number;\n triggerTop: number;\n triggerWidth: number;\n triggerHeight: number;\n}\n\n/**\n * Popup open/position manager for toolbar buttons inside a Shadow DOM.\n *\n * Uses a portal-based approach:\n * - We compute getBoundingClientRect() of the trigger button and expose it.\n * - Callers render a fixed-position portal div in document.body at that rect.\n * - No antd getPopupContainer tricks needed — popup is outside the shadow DOM.\n */\nexport function useRichTextPopupOpen() {\n const [open, setOpen] = useState(false);\n const [rect, setRect] = useState<PopupRect | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popupContainerRef = useRef<HTMLElement | null>(null);\n // Keep open state accessible inside the persistent listener without re-registering\n const openRef = useRef(false);\n openRef.current = open;\n\n // Persistent mousedown listener — always registered, checks openRef internally.\n useEffect(() => {\n const onMouseDown = (e: MouseEvent) => {\n if (!openRef.current) return;\n\n // composedPath() gives the real path through shadow DOM boundaries,\n // unlike e.target which is retargeted at shadow root level.\n // Note: path may include non-Node entries (e.g. Window) — guard with instanceof.\n const path = e.composedPath ? e.composedPath() : [e.target as Node];\n const isNode = (el: EventTarget): el is Node => el instanceof Node;\n\n // Click inside the popup portal?\n const popup = popupContainerRef.current;\n if (popup && path.some(el => isNode(el) && (el === popup || popup.contains(el)))) return;\n\n // Click inside the shadow host that contains the trigger (toolbar)?\n const rootNode = triggerRef.current?.getRootNode();\n if (rootNode instanceof ShadowRoot) {\n const host = rootNode.host;\n if (path.some(el => isNode(el) && (el === host || host.contains(el)))) return;\n } else if (triggerRef.current) {\n const trigger = triggerRef.current;\n if (path.some(el => isNode(el) && (el === trigger || trigger.contains(el)))) return;\n }\n\n setOpen(false);\n };\n\n // Use capture so we get the event before any stopPropagation in the tree.\n document.addEventListener('mousedown', onMouseDown, true);\n return () => document.removeEventListener('mousedown', onMouseDown, true);\n }, []); // empty deps — register once, use refs for live values\n\n /** Call this from the trigger button's onClick. */\n const handleTriggerClick = useCallback(() => {\n setOpen(prev => {\n if (!prev && triggerRef.current) {\n const r = triggerRef.current.getBoundingClientRect();\n setRect({\n triggerLeft: r.left,\n triggerTop: r.top,\n triggerWidth: r.width,\n triggerHeight: r.height,\n });\n }\n return !prev;\n });\n }, []);\n\n const close = useCallback(() => setOpen(false), []);\n\n /** Ref for the wrapper span around the button (used for getBoundingClientRect). */\n const setTriggerRef = useCallback((el: HTMLElement | null) => {\n triggerRef.current = el;\n }, []);\n\n /** Ref for the portal popup container div. */\n const setPopupContainerRef = useCallback((el: HTMLElement | null) => {\n popupContainerRef.current = el;\n }, []);\n\n /** @deprecated kept for API compat */\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const onOpenChange = useCallback((_open: boolean) => {}, []);\n /** @deprecated kept for API compat */\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const setPopupRef = useCallback((_el: HTMLElement | null) => {}, []);\n /** @deprecated kept for API compat */\n const getPopupContainer = useCallback((): HTMLElement => document.body, []);\n\n return {\n open,\n setOpen,\n rect,\n close,\n handleTriggerClick,\n setTriggerRef,\n setPopupContainerRef,\n // Legacy compat\n onOpenChange,\n setPopupRef,\n getPopupContainer,\n };\n}\n","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport type { PopupRect } from '../../hooks/useRichTextPopupOpen';\n\n// This ID is defined in easy-email-editor and is whitelisted in MjmlDomRender's\n// click-outside handler, so clicks inside our popup won't trigger setIsTextFocus(false).\nconst FIXED_CONTAINER_ID = 'FIXED_CONTAINER_ID';\n\ninterface RichTextPortalPopupProps {\n open: boolean;\n rect: PopupRect | null | undefined;\n children: React.ReactNode;\n containerRef?: (el: HTMLElement | null) => void;\n /** 'bottom' places popup below trigger; 'top' places it above. Default: 'bottom' */\n placement?: 'bottom' | 'top';\n}\n\n/**\n * Renders children into a fixed-position portal inside FIXED_CONTAINER_ID,\n * positioned relative to the trigger button rect.\n * Using FIXED_CONTAINER_ID keeps us in the whitelist of MjmlDomRender's\n * click handler so the RichText toolbar stays visible while the popup is open.\n */\nexport function RichTextPortalPopup({\n open,\n rect,\n children,\n containerRef,\n placement = 'bottom',\n}: RichTextPortalPopupProps) {\n if (!open || !rect) return null;\n\n const container = document.getElementById(FIXED_CONTAINER_ID) ?? document.body;\n\n const GAP = 4;\n const style: React.CSSProperties = {\n position: 'fixed',\n zIndex: 10000,\n left: rect.triggerLeft,\n ...(placement === 'bottom'\n ? { top: rect.triggerTop + rect.triggerHeight + GAP }\n : { bottom: window.innerHeight - rect.triggerTop + GAP }),\n backgroundColor: 'var(--color-bg-popup)',\n borderRadius: 8,\n border: '1px solid var(--color-border)',\n };\n\n return createPortal(\n <div ref={containerRef} style={style}>\n {children}\n </div>,\n container,\n );\n}\n","import { Input, Popover, PopoverProps } from 'antd';\r\nimport React, { useCallback, useContext, useMemo, useState } from 'react';\r\n\r\nimport { getImg } from '@extensions/AttributePanel/utils/getImg';\r\nimport Color from 'color';\r\nimport { PresetColorsContext } from '@extensions/AttributePanel/components/provider/PresetColorsProvider';\r\nimport { ColorPickerContent } from './ColorPickerContent';\r\nimport { useRichTextPopupOpen } from '../RichTextToolBar/hooks/useRichTextPopupOpen';\r\nimport { RichTextPortalPopup } from '../RichTextToolBar/components/RichTextPortalPopup';\r\n\r\nexport interface ColorPickerProps extends PopoverProps {\r\n onChange?: (val: string) => void;\r\n value?: string;\r\n label: string;\r\n children?: React.ReactNode;\r\n showInput?: boolean;\r\n fixed?: boolean;\r\n /** Pass true when used inside the RichText toolbar so popup open state is managed correctly */\r\n inRichTextBar?: boolean;\r\n}\r\n\r\nconst getCollapseItemEle = (node: HTMLElement | null): HTMLElement => {\r\n if (!node) return document.body;\r\n if (node.classList.contains('arco-collapse-item')) {\r\n return node;\r\n }\r\n return getCollapseItemEle(node.parentElement);\r\n};\r\nconst transparentColor = 'rgba(0,0,0,0)';\r\n\r\nexport function ColorPicker(props: ColorPickerProps) {\r\n const { addCurrentColor } = useContext(PresetColorsContext);\r\n const [refEle, setRefEle] = useState<HTMLElement | null>(null);\r\n\r\n const { value = '', onChange, children, showInput = true, inRichTextBar } = props;\r\n\r\n const richTextPopup = useRichTextPopupOpen();\r\n\r\n const onInputChange = useCallback(\r\n (value: string) => {\r\n onChange?.(value);\r\n addCurrentColor(value);\r\n },\r\n [addCurrentColor, onChange],\r\n );\r\n\r\n const onInputEventChange = useCallback(\r\n (event: React.ChangeEvent<HTMLInputElement>) => {\r\n onInputChange(event.target.value);\r\n },\r\n [onInputChange],\r\n );\r\n\r\n const getPopupContainer = useCallback(() => {\r\n return getCollapseItemEle(refEle);\r\n }, [refEle]);\r\n\r\n const inputColor = useMemo(() => {\r\n if (props.value?.startsWith('#') && props.value?.length === 7)\r\n return props.value?.replace('#', '');\r\n return props.value;\r\n }, [props.value]);\r\n\r\n const adapterColor = useMemo(() => {\r\n try {\r\n if (value.length === 6 && Color(`#${value}`).hex()) return `#${value}`;\r\n } catch {\r\n console.error('err adapterColor', value);\r\n }\r\n return value;\r\n }, [value]);\r\n\r\n // Strip inRichTextBar (our custom prop) before spreading onto antd Popover\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n const { inRichTextBar: _inRichTextBar, ...popoverProps } = props;\r\n\r\n // When inside the rich text toolbar, render a portal popup instead of antd Popover\r\n if (inRichTextBar) {\r\n const colorContent = (\r\n <ColorPickerContent\r\n value={adapterColor}\r\n onChange={(c) => {\r\n onInputChange(c);\r\n // Do NOT close the popup here — clicking a color swatch or using\r\n // the native picker should keep the popup open so the user can\r\n // pick another color or dismiss by clicking outside.\r\n }}\r\n />\r\n );\r\n\r\n return (\r\n <>\r\n <span\r\n ref={richTextPopup.setTriggerRef}\r\n onClick={richTextPopup.handleTriggerClick}\r\n style={{ display: 'inline-flex' }}\r\n >\r\n {children}\r\n </span>\r\n <RichTextPortalPopup\r\n open={richTextPopup.open}\r\n rect={richTextPopup.rect}\r\n containerRef={richTextPopup.setPopupContainerRef}\r\n placement=\"bottom\"\r\n >\r\n {colorContent}\r\n </RichTextPortalPopup>\r\n </>\r\n );\r\n }\r\n\r\n return (\r\n <div style={{ flex: 1, display: 'flex' }}>\r\n <Popover\r\n title={popoverProps.label}\r\n trigger=\"click\"\r\n className=\"color-picker-popup\"\r\n content={(\r\n <ColorPickerContent\r\n value={adapterColor}\r\n onChange={onInputChange}\r\n />\r\n )}\r\n getPopupContainer={getPopupContainer}\r\n {...popoverProps}\r\n >\r\n {children ? (\r\n <span style={{ display: 'inline-flex' }}>\r\n {children}\r\n </span>\r\n ) : (\r\n <div\r\n ref={setRefEle}\r\n style={{\r\n display: 'inline-block',\r\n height: 26,\r\n width: 26,\r\n boxSizing: 'border-box',\r\n padding: 4,\r\n border: '1px solid var(--color-neutral-3, rgb(229, 230, 235))',\r\n borderRadius: showInput ? undefined : 4,\r\n fontSize: 0,\r\n borderRight: showInput ? 'none' : undefined,\r\n position: 'relative',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {props.value ? (\r\n <span\r\n style={{\r\n position: 'relative',\r\n display: 'block',\r\n border: '1px solid var(--color-neutral-3, rgb(229, 230, 235))',\r\n borderRadius: 2,\r\n width: '100%',\r\n height: '100%',\r\n textAlign: 'center',\r\n backgroundColor: adapterColor,\r\n }}\r\n />\r\n ) : (\r\n <img\r\n alt=\"Color picker icon\"\r\n style={{\r\n maxWidth: '100%',\r\n maxHeight: '100%',\r\n filter: 'invert( 0.78 ) drop-shadow(0 0px 0 rgb(0 0 0 / 45%))',\r\n }}\r\n src={getImg('AttributePanel_02')}\r\n />\r\n )}\r\n <style>\r\n {`\r\n [title=\"${transparentColor}\"] {\r\n background-image: url(\"https://res.cloudinary.com/flashmail/image/upload/v1656944736/cl4vlvzcm05911zsaor6aktl0/ce7qm7lxs5jm47ggabha.png\") !important\r\n }\r\n\r\n `}\r\n </style>\r\n </div>\r\n )}\r\n </Popover>\r\n {showInput && (\r\n <Input\r\n value={inputColor}\r\n style={{ outline: 'none', flex: 1, borderRadius: 0 }}\r\n onChange={onInputEventChange}\r\n />\r\n )}\r\n </div>\r\n );\r\n}\r\n","import { colorAdapter } from '@extensions/AttributePanel/components/adapter';\r\nimport React, { ComponentProps } from 'react';\r\nimport { ColorPicker, ColorPickerProps } from '../ColorPicker';\r\nimport enhancer from '../enhancer';\r\n\r\nconst ColorPickerFieldSource = enhancer<ColorPickerProps>(ColorPicker, e => e, {\r\n debounceTime: 1,\r\n});\r\n\r\nexport const ColorPickerField = (\r\n props: ComponentProps<typeof ColorPickerFieldSource>,\r\n) => {\r\n return (\r\n <ColorPickerFieldSource\r\n config={colorAdapter}\r\n {...props}\r\n />\r\n );\r\n};\r\n","import React, { useEffect } from 'react';\nimport { ContentEditableType, DATA_CONTENT_EDITABLE_TYPE, getShadowRoot } from '@thanhpv102/easy-email-editor';\nimport { useField, useForm } from '@thanhpv102/easy-email-editor';\n\nexport interface InlineTextProps {\n idx: string;\n children?: React.ReactNode;\n onChange: (content: string) => void;\n}\n\nexport function InlineText({ idx, onChange, children }: InlineTextProps) {\n const {\n mutators: { setFieldTouched },\n } = useForm();\n\n useField(idx); // setFieldTouched will be work while register field,\n\n useEffect(() => {\n const shadowRoot = getShadowRoot();\n\n const onPaste = (e: ClipboardEvent) => {\n if (!(e.target instanceof Element) || !e.target.getAttribute('contenteditable')) return;\n e.preventDefault();\n\n const text = e.clipboardData?.getData('text/plain') || '';\n document.execCommand('insertHTML', false, text);\n const contentEditableType = e.target.getAttribute(DATA_CONTENT_EDITABLE_TYPE);\n if (contentEditableType === ContentEditableType.RichText) {\n onChange(e.target.innerHTML || '');\n } else if (contentEditableType === ContentEditableType.Text) {\n onChange(e.target.textContent?.trim() || '');\n }\n };\n\n const onInput = (e: Event) => {\n if (e.target instanceof Element && e.target.getAttribute('contenteditable')) {\n\n const contentEditableType = e.target.getAttribute(DATA_CONTENT_EDITABLE_TYPE);\n if (contentEditableType === ContentEditableType.RichText) {\n onChange(e.target.innerHTML || '');\n } else if (contentEditableType === ContentEditableType.Text) {\n onChange(e.target.textContent?.trim() || '');\n }\n }\n };\n\n shadowRoot.addEventListener('paste', onPaste as any, true);\n shadowRoot.addEventListener('input', onInput);\n\n return () => {\n shadowRoot.removeEventListener('paste', onPaste as any, true);\n shadowRoot.removeEventListener('input', onInput);\n };\n }, [onChange, setFieldTouched]);\n\n return <>{children}</>;\n}\n","import { classnames } from '@extensions/utils/classnames';\nimport React, { useCallback, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst FIXED_CONTAINER_ID = 'FIXED_CONTAINER_ID';\n\ninterface TooltipState {\n visible: boolean;\n left: number;\n top: number;\n}\n\nfunction SimpleTooltip({ title, children }: { title: string; children: React.ReactElement }) {\n const [tip, setTip] = useState<TooltipState>({ visible: false, left: 0, top: 0 });\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const show = useCallback((e: React.MouseEvent) => {\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n if (timerRef.current) clearTimeout(timerRef.current);\n timerRef.current = setTimeout(() => {\n setTip({ visible: true, left: rect.left + rect.width / 2, top: rect.bottom + 6 });\n }, 400);\n }, []);\n\n const hide = useCallback(() => {\n if (timerRef.current) clearTimeout(timerRef.current);\n setTip(prev => ({ ...prev, visible: false }));\n }, []);\n\n const container = document.getElementById(FIXED_CONTAINER_ID) ?? document.body;\n\n return (\n <>\n {React.cloneElement(children, { onMouseEnter: show, onMouseLeave: hide } as React.HTMLAttributes<HTMLElement>)}\n {tip.visible && createPortal(\n <div style={{\n position: 'fixed',\n left: tip.left,\n top: tip.top,\n transform: 'translateX(-50%)',\n backgroundColor: 'rgba(0,0,0,0.75)',\n color: '#fff',\n padding: '4px 8px',\n borderRadius: 4,\n fontSize: 12,\n whiteSpace: 'nowrap',\n pointerEvents: 'none',\n zIndex: 99999,\n }}>\n {title}\n </div>,\n container,\n )}\n </>\n );\n}\n\nexport const ToolItem: React.FC<{\n title?: string;\n icon: React.ReactNode;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n trigger?: string;\n style?: React.CSSProperties;\n isActive?: boolean;\n getPopupContainer?: () => HTMLElement;\n}> = props => {\n const btn = (\n <button\n tabIndex={-1}\n className={classnames('easy-email-extensions-emailToolItem', props.isActive && 'easy-email-extensions-emailToolItem-active')}\n onClick={props.onClick}\n style={props.style}\n >\n {props.icon}\n </button>\n );\n\n if (!props.title) {\n return btn;\n }\n\n return <SimpleTooltip title={props.title}>{btn}</SimpleTooltip>;\n};\n","import { Col, Row, Space } from 'antd';\nimport type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { Form, IconFont, Stack, TextStyle } from '@thanhpv102/easy-email-editor';\nimport { SearchField, SwitchField } from '@extensions/components/Form';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\n\nexport interface LinkParams {\n link: string;\n blank: boolean;\n underline: boolean;\n linkNode: HTMLAnchorElement | null;\n}\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: (val: LinkParams) => void;\n}\n\nfunction getAnchorElement(\n node: Node | null,\n): HTMLAnchorElement | null {\n if (!node) return null;\n if (node instanceof HTMLAnchorElement) {\n return node;\n }\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n\n return getAnchorElement(node.parentNode);\n}\n\nexport function getLinkNode(\n currentRange: Range | null | undefined,\n): HTMLAnchorElement | null {\n let linkNode: HTMLAnchorElement | null = null;\n if (!currentRange) return null;\n linkNode = getAnchorElement(currentRange.startContainer);\n return linkNode;\n}\n\nexport function Link(props: LinkProps) {\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\n\n // Compute live values from current selection\n const liveValues = useMemo((): LinkParams => {\n let link = '';\n let blank = true;\n let underline = true;\n let linkNode: HTMLAnchorElement | null = getLinkNode(props.currentRange);\n if (linkNode) {\n link = linkNode.getAttribute('href') || '';\n blank = linkNode.getAttribute('target') === '_blank';\n underline = linkNode.style.textDecoration === 'underline';\n }\n return { link, blank, underline, linkNode };\n }, [props.currentRange]);\n\n // Freeze initial values when popup opens — don't let selection changes remount the Form\n const frozenValuesRef = useRef<LinkParams>(liveValues);\n if (!open) {\n // Only update frozen values when popup is closed (i.e. on next open)\n frozenValuesRef.current = liveValues;\n }\n const initialValues = frozenValuesRef.current;\n\n const onSubmit = useCallback(\n (values: LinkParams) => {\n props.onChange(values);\n close();\n },\n [props, close],\n );\n\n return (\n <>\n <span ref={setTriggerRef}>\n <ToolItem\n isActive={Boolean(initialValues.link)}\n title={t('Link')}\n icon={<IconFont iconName=\"icon-link\" />}\n onClick={handleTriggerClick}\n />\n </span>\n <RichTextPortalPopup\n open={open}\n rect={rect}\n containerRef={setPopupContainerRef}\n placement=\"bottom\"\n >\n <Form\n key={initialValues.link}\n initialValues={initialValues}\n onSubmit={onSubmit}\n >\n {({ handleSubmit }) => (\n <div style={{\n color: 'var(--ant-color-text)',\n backgroundColor: 'var(--ant-color-bg-container)',\n padding: '8px 12px',\n minWidth: 260\n }}>\n <Stack vertical spacing=\"none\">\n <SearchField\n size=\"small\"\n name=\"link\"\n key=\"link\"\n label={t('Link')}\n labelHidden\n placeholder={t('https://www.example.com')}\n onSearch={() => handleSubmit()}\n />\n </Stack>\n <Row>\n <Col span={12}>\n <Space align=\"center\" size=\"small\">\n <TextStyle size=\"smallest\">{t('Target')}</TextStyle>\n <SwitchField size=\"small\" label={t('Target')} labelHidden name=\"blank\" key=\"blank\" inline />\n </Space>\n </Col>\n <Col span={12}>\n <Space align=\"center\" size=\"small\">\n <TextStyle size=\"smallest\">{t('Underline')}</TextStyle>\n <SwitchField size=\"small\" label={t('Underline')} labelHidden name=\"underline\" key=\"underline\" inline />\n </Space>\n </Col>\n </Row>\n </div>\n )}\n </Form>\n </RichTextPortalPopup>\n </>\n );\n}\n","import { useEditorContext, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo } from 'react';\n\nconst DEFAULT_FONT_LIST: Array<{ value: string; label: string }> = [\n { value: 'Arial', label: 'Arial' },\n { value: 'Tahoma', label: 'Tahoma' },\n { value: 'Verdana', label: 'Verdana' },\n { value: 'Times New Roman', label: 'Times New Roman' },\n { value: 'Courier New', label: 'Courier New' },\n { value: 'Georgia', label: 'Georgia' },\n { value: 'Trebuchet MS', label: 'Trebuchet MS' },\n { value: 'Comic Sans MS', label: 'Comic Sans MS' },\n { value: 'Impact', label: 'Impact' },\n];\n\nexport function useFontFamily() {\n const { fontList: defaultFontList } = useEditorProps();\n const { pageData } = useEditorContext();\n\n const addFonts = pageData?.data.value.fonts;\n\n const fontList = useMemo(() => {\n const fonts: Array<{\n value: string;\n label: React.ReactNode;\n }> = [];\n // Use provided fontList if non-empty, otherwise fall back to built-in defaults\n const baseList = defaultFontList && defaultFontList.length > 0 ? defaultFontList : DEFAULT_FONT_LIST;\n fonts.push(...baseList);\n if (addFonts) {\n const options = addFonts.map(item => ({ value: item.name, label: item.name }));\n fonts.unshift(...options);\n }\n\n return fonts.map(item => ({ value: item.value, label: <span style={{ fontFamily: item.value }}>{item.label}</span> }));\n }, [addFonts, defaultFontList]);\n\n return {\n fontList\n };\n}","import React, { useCallback } from 'react';\n\nimport { ToolItem } from '../ToolItem';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { useFontFamily } from '@extensions/hooks/useFontFamily';\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\n\nexport interface FontFamilyProps {\n execCommand: (cmd: string, value: string) => void;\n}\n\nexport function FontFamily(props: FontFamilyProps) {\n const { fontList } = useFontFamily();\n const { execCommand } = props;\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\n\n const onChange = useCallback(\n (val: string) => {\n execCommand('fontName', val);\n close();\n },\n [execCommand, close],\n );\n\n return (\n <>\n <span ref={setTriggerRef}>\n <ToolItem\n title={t('Font family')}\n icon={<IconFont iconName=\"icon-font-family\" />}\n onClick={handleTriggerClick}\n />\n </span>\n <RichTextPortalPopup\n open={open}\n rect={rect}\n containerRef={setPopupContainerRef}\n placement=\"bottom\"\n >\n <ul\n style={{\n listStyle: 'none',\n margin: 0,\n padding: '4px 0',\n maxWidth: 200,\n maxHeight: 350,\n overflowY: 'auto',\n }}\n >\n {fontList.map(item => (\n <li\n key={item.value}\n onClick={() => onChange(item.value)}\n style={{\n padding: '5px 12px',\n cursor: 'pointer',\n lineHeight: '22px',\n whiteSpace: 'nowrap',\n }}\n onMouseEnter={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'var(--color-font-item-background, #f5f5f5)';\n }}\n onMouseLeave={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'transparent';\n }}\n >\n {item.label}\n </li>\n ))}\n </ul>\n </RichTextPortalPopup>\n </>\n );\n}\n",".helpTooltip {\n :global {\n .ant-tooltip-inner {\n z-index: 10000 !important;\n }\n }\n\n z-index: 10000 !important;\n}\n","import React from 'react';\nimport { Tooltip, TooltipProps } from 'antd';\nimport { QuestionCircleOutlined } from '@ant-design/icons';\nimport styles from './index.module.scss';\n\nexport function Help(\n props: TooltipProps &\n Partial<{ style: Partial<React.CSSProperties> }> & {\n title: React.ReactNode;\n }\n) {\n return (\n <Tooltip\n {...{ ...props, style: undefined }}\n title={props.title}\n classNames={{ root: styles.helpTooltip }}\n getPopupContainer={() => document.body}\n >\n <span style={{ cursor: 'pointer' }}>\n <QuestionCircleOutlined style={props.style} />\n </span>\n </Tooltip>\n );\n}\n","import { FieldArray, Stack, TextStyle, useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { TextField } from '.';\nimport { Button } from 'antd';\nimport { Help } from '@extensions/AttributePanel/components/UI/Help';\nimport { IPage } from '@thanhpv102/easy-email-core';\n\nexport function AddFont() {\n const { focusBlock } = useBlock();\n const { focusIdx } = useFocusIdx();\n const value: IPage['data']['value'] = focusBlock?.data.value;\n return (\n <FieldArray name={`${focusIdx}.data.value.fonts`}>\n {({ fields }) => {\n return (\n <div>\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Stack distribution=\"equalSpacing\">\n <TextStyle variation=\"strong\">\n {t('Import font')} <Help title={t('Points to a hosted css file')} />\n </TextStyle>\n <Stack>\n <Button\n size=\"small\"\n icon={<PlusOutlined />}\n onClick={() => fields.push({ name: '', href: '' })}\n />\n </Stack>\n </Stack>\n\n <Stack\n vertical\n spacing=\"extraTight\"\n >\n {value.fonts?.map((item, index) => {\n return (\n <div key={index}>\n <Stack\n alignment=\"center\"\n wrap={false}\n >\n <Stack.Item fill>\n <TextField\n name={`${focusIdx}.data.value.fonts.${index}.name`}\n label={t('Name')}\n />\n </Stack.Item>\n <Stack.Item fill>\n <TextField\n name={`${focusIdx}.data.value.fonts.${index}.href`}\n label={t('Href')}\n />\n </Stack.Item>\n <Stack\n vertical\n spacing=\"loose\"\n >\n <Stack.Item />\n <Button\n icon={<DeleteOutlined />}\n onClick={() => fields.remove(index)}\n />\n </Stack>\n </Stack>\n </div>\n );\n })}\n </Stack>\n </Stack>\n </div>\n );\n }}\n </FieldArray>\n );\n}\n","import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';\r\nimport React, { useCallback } from 'react';\r\nimport { Stack, TextStyle, useBlock } from '@thanhpv102/easy-email-editor';\r\nimport { BasicType, BlockManager } from '@thanhpv102/easy-email-core';\r\n\r\nexport interface AttributesPanelWrapper {\r\n style?: React.CSSProperties;\r\n extra?: React.ReactNode;\r\n children: React.ReactNode | React.ReactElement;\r\n}\r\nexport const AttributesPanelWrapper: React.FC<AttributesPanelWrapper> = props => {\r\n const { focusBlock } = useBlock();\r\n const block = focusBlock && BlockManager.getBlockByType(focusBlock.type);\r\n\r\n if (!focusBlock || !block) return null;\r\n\r\n return (\r\n <div>\r\n <div\r\n style={{\r\n padding: '4px 16px 12px 16px',\r\n }}\r\n >\r\n <Stack vertical>\r\n <Stack.Item fill>\r\n <Stack\r\n wrap={false}\r\n distribution='equalSpacing'\r\n alignment='center'\r\n >\r\n <Stack\r\n spacing='extraTight'\r\n alignment='center'\r\n >\r\n <EyeIcon />\r\n <TextStyle\r\n variation='strong'\r\n size='medium'\r\n >\r\n {`${block.name} `} {t('attributes')}\r\n </TextStyle>\r\n </Stack>\r\n <Stack.Item>{props.extra}</Stack.Item>\r\n </Stack>\r\n </Stack.Item>\r\n </Stack>\r\n </div>\r\n\r\n <div style={{ padding: '0px', ...props.style }}>{props.children}</div>\r\n </div>\r\n );\r\n};\r\n\r\nfunction EyeIcon() {\r\n const { setFocusBlock, focusBlock } = useBlock();\r\n\r\n const onToggleVisible = useCallback(\r\n (e: React.MouseEvent) => {\r\n if (!focusBlock) return null;\r\n e.stopPropagation();\r\n setFocusBlock({\r\n ...focusBlock,\r\n data: {\r\n ...focusBlock.data,\r\n hidden: !focusBlock.data.hidden,\r\n },\r\n });\r\n },\r\n [focusBlock, setFocusBlock],\r\n );\r\n\r\n if (!focusBlock) return null;\r\n\r\n if (focusBlock.type === BasicType.PAGE.toString()) return null;\r\n\r\n return focusBlock.data.hidden ? (\r\n <EyeInvisibleOutlined\r\n style={{ cursor: 'pointer', fontSize: 16 }}\r\n onClick={onToggleVisible}\r\n />\r\n ) : (\r\n <EyeOutlined\r\n style={{ cursor: 'pointer', fontSize: 16 }}\r\n onClick={onToggleVisible}\r\n />\r\n );\r\n}\r\n","import React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AutoCompleteField } from '../../../components/Form';\nimport { useFontFamily } from '@extensions/hooks/useFontFamily';\n\nexport function FontFamily({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n const { fontList } = useFontFamily();\n\n const transformedFontList = useMemo(() => {\n return fontList.map(font => ({\n value: font.value,\n label: font.value, // Use the font value as the label since AutoCompleteField expects string labels\n }));\n }, [fontList]);\n\n return useMemo(() => {\n return (\n <AutoCompleteField\n className=\"ant-input ant-input-outlined\"\n style={{ minWidth: 60, flex: 1 }}\n showSearch\n label={'Font family'}\n name={name || `${focusIdx}.attributes.font-family`}\n options={transformedFontList}\n />\n );\n }, [focusIdx, transformedFontList, name]);\n}\n","import React from 'react';\nimport {\n ColorPickerField,\n InputWithUnitField,\n NumberField,\n TextAreaField,\n TextField,\n} from '@extensions/components/Form';\nimport { AddFont } from '@extensions/components/Form/AddFont';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { pixelAdapter } from '../../adapter';\n\ninterface PageProps {\n hideSubTitle?: boolean;\n hideSubject?: boolean;\n}\n\nexport function Page({ hideSubTitle, hideSubject }: PageProps) {\n const { focusIdx } = useFocusIdx();\n\n if (!focusIdx) return null;\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <Stack.Item fill>\n <Collapse\n defaultActiveKey={['0', '1']}\n items={[\n {\n key: '0',\n label: t('Email Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n {!hideSubject && (\n <TextField\n label={t('Subject')}\n name={'subject'}\n inline\n />\n )}\n {!hideSubTitle && (\n <TextField\n label={t('SubTitle')}\n name={'subTitle'}\n inline\n />\n )}\n <InputWithUnitField\n label={t('Width')}\n name={`${focusIdx}.attributes.width`}\n inline\n />\n <InputWithUnitField\n label={t('Breakpoint')}\n helpText={t(\n 'Allows you to control on which breakpoint the layout should go desktop/mobile.',\n )}\n name={`${focusIdx}.data.value.breakpoint`}\n inline\n />\n </Space>\n )\n },\n {\n key: '1',\n label: t('Theme Setting'),\n children: (\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Row>\n <Col span={11}>\n <FontFamily name={`${focusIdx}.data.value.font-family`} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <NumberField\n className=\"ant-input ant-input-outlined\"\n label=\"Font size (px)\"\n name={`${focusIdx}.data.value.font-size`}\n config={pixelAdapter}\n autoComplete=\"off\"\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Line height')}\n unitOptions=\"percent\"\n name={`${focusIdx}.data.value.line-height`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Font weight')}\n unitOptions=\"percent\"\n name={`${focusIdx}.data.value.font-weight`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <ColorPickerField\n label={t('Text color')}\n name={`${focusIdx}.data.value.text-color`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ColorPickerField\n label={t('Background')}\n name={`${focusIdx}.attributes.background-color`}\n />\n </Col>\n </Row>\n\n <Row>\n <ColorPickerField\n label={t('Content background')}\n name={`${focusIdx}.data.value.content-background-color`}\n />\n </Row>\n\n <TextAreaField\n autoSize\n label={t('User style')}\n name={`${focusIdx}.data.value.user-style.content`}\n />\n <Stack.Item />\n <Stack.Item />\n <AddFont />\n <Stack.Item />\n <Stack.Item />\n </Stack>\n )\n }\n ]}\n />\n </Stack.Item>\n </AttributesPanelWrapper>\n );\n}\n","\nimport React, { useCallback, useMemo } from 'react';\nimport { InputWithUnit } from '../../../components/Form/InputWithUnit';\nimport { useFocusIdx, Stack, useBlock, TextStyle, IconFont, Field } from '@thanhpv102/easy-email-editor';\nimport { Button, Row, Col, Space, Tooltip, Form } from 'antd';\n\nexport interface PaddingProps {\n title?: string;\n attributeName?: 'padding' | 'inner-padding' | 'text-padding';\n name?: string;\n showResetAll?: boolean;\n}\n\n// Helper component to handle individual padding fields without using enhancer\nconst PaddingFieldInput: React.FC<{\n label: string;\n paddingIndex: 0 | 1 | 2 | 3; // top, right, bottom, left\n paddingFieldName: string;\n inline?: boolean;\n}> = ({ label, paddingIndex, paddingFieldName, inline }) => {\n const labelCol = inline\n ? { span: 7, style: { textAlign: 'right' as const, paddingRight: 0 } }\n : { span: 24, style: { paddingRight: 0 } };\n\n const wrapperCol = inline\n ? { span: 16, offset: 1 }\n : { span: 24 };\n\n return (\n <Field\n name={paddingFieldName}\n >\n {({ input: { value, onChange } }) => {\n const paddingParts = (value || '0px 0px 0px 0px').split(/\\s+/);\n const currentValue = paddingParts[paddingIndex] || '0px';\n\n const handleChange = (newVal: string) => {\n const newParts = [...paddingParts];\n newParts[paddingIndex] = newVal;\n // Ensure we have exactly 4 parts\n while (newParts.length < 4) newParts.push('0px');\n onChange(newParts.slice(0, 4).join(' '));\n };\n\n return (\n <Form.Item\n label={label}\n labelCol={labelCol}\n wrapperCol={wrapperCol}\n style={{ margin: 0 }}\n labelAlign='left'\n >\n <InputWithUnit\n value={currentValue}\n onChange={handleChange}\n />\n </Form.Item>\n );\n }}\n </Field>\n );\n};\n\nexport function Padding(props: PaddingProps = {}) {\n const { title = t('Padding'), attributeName = 'padding', name, showResetAll } = props;\n const { change } = useBlock();\n const { focusIdx } = useFocusIdx();\n\n const paddingFieldName = useMemo(() => {\n if (name) {\n return name;\n }\n return focusIdx + `.attributes[${attributeName}]`;\n }, [name, focusIdx, attributeName]);\n\n const onResetPadding = useCallback(() => {\n change(paddingFieldName, '0px 0px 0px 0px');\n }, [paddingFieldName, change]);\n\n return (\n <>\n <Stack\n vertical\n spacing='extraTight'\n >\n <Space align='center' size='small'>\n <TextStyle variation='strong'>{title}</TextStyle>\n {showResetAll && (\n <Tooltip title='Remove all padding'>\n <Button\n onClick={onResetPadding}\n size='small'\n icon={(\n <IconFont\n iconName='icon-remove'\n size={12}\n />\n )}\n />\n </Tooltip>\n )}\n </Space>\n\n <Row>\n <Col span={11}>\n <PaddingFieldInput\n label={t('Top (px)')}\n paddingIndex={0}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n <Col offset={1} span={11}>\n <PaddingFieldInput\n label={t('Left (px)')}\n paddingIndex={3}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <PaddingFieldInput\n label={t('Bottom (px)')}\n paddingIndex={2}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n <Col offset={1} span={11}>\n <PaddingFieldInput\n label={t('Right (px)')}\n paddingIndex={1}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n </Row>\n </Stack>\n </>\n );\n}\n\n","import React, { useMemo } from 'react';\r\nimport { ColorPickerField } from '../../../components/Form';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function BackgroundColor({ title = t('Background color') }: { title?: string }) {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <ColorPickerField\r\n label={title}\r\n name={`${focusIdx}.attributes.background-color`}\r\n key={`${focusIdx}.attributes.background-color`}\r\n />\r\n );\r\n }, [focusIdx, title]);\r\n}\r\n","import React, { useMemo } from 'react';\nimport { ImageUploaderField, SelectField, TextField } from '../../../components/Form';\nimport { useFocusIdx, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport { BackgroundColor } from './BackgroundColor';\nimport { Row, Col, Space } from 'antd';\n\nconst backgroundRepeatOptions = [\n {\n value: 'no-repeat',\n get label() {\n return 'No repeat';\n },\n },\n {\n value: 'repeat',\n get label() {\n return 'Repeat';\n },\n },\n {\n value: 'repeat-x',\n get label() {\n return 'Repeat X';\n },\n },\n {\n value: 'repeat-y',\n get label() {\n return 'Repeat Y';\n },\n },\n];\n\nexport function Background() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n return useMemo(() => {\n return (\n <Space\n orientation='vertical'\n size='small'\n >\n <ImageUploaderField\n label={'Background image'}\n name={`${focusIdx}.attributes.background-url`}\n key={`${focusIdx}.attributes.background-url`}\n helpText={\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.'\n }\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n\n <Row>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n label={'Background repeat'}\n key={`${focusIdx}.attributes.background-repeat`}\n options={backgroundRepeatOptions}\n name={`${focusIdx}.attributes.background-repeat`}\n />\n </Col>\n </Row>\n <TextField\n label={'Background size'}\n name={`${focusIdx}.attributes.background-size`}\n key={`${focusIdx}.attributes.background-size`}\n />\n </Space>\n );\n }, [focusIdx, onUploadImage]);\n}\n","import React, { useMemo } from 'react';\nimport { InputWithUnitField, TextField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { Col, Row } from 'antd';\n\nexport function Border() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Row>\n <Col span={11}>\n <TextField\n label={'Border'}\n name={`${focusIdx}.attributes.border`}\n key={`${focusIdx}.attributes.border`}\n />\n </Col>\n <Col offset={1} span={11}>\n <InputWithUnitField\n label={'Border radius'}\n name={`${focusIdx}.attributes.border-radius`}\n key={`${focusIdx}.attributes.border-radius`}\n unitOptions=\"percent\"\n />\n </Col>\n </Row>\n );\n }, [focusIdx]);\n}\n","import React, { useMemo } from 'react';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { TextField } from '../../../components/Form';\r\n\r\nexport function ClassName() {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <TextField\r\n label={t('Class name')}\r\n name={`${focusIdx}.attributes.css-class`}\r\n key={`${focusIdx}.attributes.css-class`}\r\n />\r\n );\r\n }, [focusIdx]);\r\n}\r\n","import { useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { Row, Col } from 'antd';\r\nimport { AdvancedBlock, AdvancedType } from '@thanhpv102/easy-email-core';\r\nimport { TextField } from '@extensions/components/Form';\r\nimport React from 'react';\r\n\r\nexport function Iteration() {\r\n const { focusIdx } = useFocusIdx();\r\n const { focusBlock } = useBlock();\r\n const iteration = focusBlock?.data.value?.iteration as\r\n | undefined\r\n | AdvancedBlock['data']['value']['iteration'];\r\n\r\n if (\r\n !focusBlock?.type ||\r\n !Object.values(AdvancedType).includes(focusBlock.type as AdvancedType)\r\n ) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n {iteration?.enabled && (\r\n <Col span={24}>\r\n <div>\r\n <Row>\r\n <Col span={11}>\r\n <TextField\r\n label={'Data source'}\r\n name={`${focusIdx}.data.value.iteration.dataSource`}\r\n />\r\n </Col>\r\n <Col offset={1} span={11}>\r\n <TextField\r\n label={'Item name'}\r\n name={`${focusIdx}.data.value.iteration.itemName`}\r\n />\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col span={11}>\r\n <TextField\r\n label={'Limit'}\r\n name={`${focusIdx}.data.value.iteration.limit`}\r\n quickchange\r\n type='number'\r\n onChangeAdapter={(v) => Number(v)}\r\n />\r\n </Col>\r\n <Col offset={1} span={11}>\r\n <TextField\r\n label={'Mock quantity'}\r\n max={iteration?.limit}\r\n name={`${focusIdx}.data.value.iteration.mockQuantity`}\r\n type='number'\r\n onChangeAdapter={(v) => Number(v)}\r\n quickchange\r\n />\r\n </Col>\r\n </Row>\r\n </div>\r\n </Col>\r\n )}\r\n </>\r\n );\r\n}\r\n","import { useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { AdvancedBlock, OperatorSymbol, AdvancedType, Operator, IConditionGroup } from '@thanhpv102/easy-email-core';\r\nimport { Row, Col, Button, Space, List, App } from 'antd';\r\nimport { SelectField, TextField } from '@extensions/components/Form';\r\nimport React, { useCallback } from 'react';\r\nimport { cloneDeep, get, upperFirst } from 'lodash';\r\nimport { DeleteOutlined, PlusOutlined } from '@ant-design/icons';\r\nimport { useField } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function Condition() {\r\n const { focusIdx } = useFocusIdx();\r\n const { focusBlock, change, values } = useBlock();\r\n const { message } = App.useApp();\r\n const condition = focusBlock?.data.value?.condition as\r\n | undefined\r\n | AdvancedBlock['data']['value']['condition'];\r\n\r\n const onAddCondition = useCallback((path: string) => {\r\n const groups = get(values, path) as IConditionGroup[];\r\n\r\n groups.push({\r\n symbol: OperatorSymbol.AND,\r\n groups: [\r\n {\r\n left: '',\r\n operator: Operator.TRUTHY,\r\n right: ''\r\n }\r\n ],\r\n });\r\n change(path, [...groups]);\r\n }, [change, values]);\r\n\r\n const onAddSubCondition = useCallback((path: string) => {\r\n const groups = get(values, path) as IConditionGroup['groups'];\r\n\r\n groups.push({\r\n left: '',\r\n operator: Operator.TRUTHY,\r\n right: ''\r\n\r\n });\r\n change(path, [...groups]);\r\n }, [change, values]);\r\n\r\n // content.children.[0].children.[0].data.value.condition.groups.1.groups\r\n const onDelete = useCallback((path: string, gIndex: number, ggIndex: number) => {\r\n if (!condition) return;\r\n const subPath = `${path}.${gIndex}.groups`;\r\n const groups = cloneDeep(get(values, path)) as IConditionGroup[];\r\n const subGroups = cloneDeep(get(values, subPath)) as IConditionGroup['groups'];\r\n\r\n subGroups.splice(ggIndex, 1);\r\n if (subGroups.length === 0) {\r\n if (groups.length === 1) {\r\n message.warning('At least one condition');\r\n return;\r\n }\r\n // remove empty array\r\n groups.splice(gIndex, 1);\r\n change(path, [...groups]);\r\n } else {\r\n change(subPath, [...subGroups]);\r\n }\r\n\r\n }, [change, condition, values, message]);\r\n\r\n if (\r\n !focusBlock?.type ||\r\n !Object.values(AdvancedType).includes(focusBlock.type as AdvancedType)\r\n ) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n {condition?.enabled && (\r\n <Space orientation='vertical' size='middle'>\r\n\r\n <List\r\n header={(\r\n <Row justify='space-between'>\r\n <Col span={16}>\r\n {condition.groups.length > 1 && (\r\n <SelectField inline name={`${focusIdx}.data.value.condition.symbol`}\r\n label={t('Symbol')}\r\n options={[\r\n {\r\n label: t('And'),\r\n value: OperatorSymbol.AND\r\n },\r\n {\r\n label: t('Or'),\r\n value: OperatorSymbol.OR\r\n },\r\n ]}\r\n />\r\n )}\r\n </Col>\r\n <Button onClick={() => onAddCondition(`${focusIdx}.data.value.condition.groups`)} size='small' icon={<PlusOutlined />} />\r\n </Row>\r\n )}\r\n dataSource={condition.groups}\r\n renderItem={\r\n (group: IConditionGroup, gIndex: number) => {\r\n return (\r\n <List.Item key={gIndex}>\r\n <div>\r\n <Row justify='space-between'>\r\n <Col span={16}>\r\n {\r\n group.groups.length > 1 && (\r\n <SelectField inline name={`${focusIdx}.data.value.condition.groups.${gIndex}.symbol`}\r\n label={t('Symbol')}\r\n options={[\r\n {\r\n label: t('And'),\r\n value: OperatorSymbol.AND\r\n },\r\n {\r\n label: t('Or'),\r\n value: OperatorSymbol.OR\r\n },\r\n ]}\r\n />\r\n )\r\n }\r\n </Col>\r\n <Button size='small' icon={<PlusOutlined />} onClick={() => onAddSubCondition(`${focusIdx}.data.value.condition.groups.${gIndex}.groups`)} />\r\n </Row>\r\n {\r\n group.groups.map((_item: IConditionGroup['groups'][number], ggIndex: number) => (\r\n <div key={`condition-item-${gIndex}-${ggIndex}`}>\r\n <ConditionItem\r\n onDelete={onDelete}\r\n path={`${focusIdx}.data.value.condition.groups`}\r\n gIndex={gIndex}\r\n ggIndex={ggIndex}\r\n />\r\n </div>\r\n ))\r\n }\r\n\r\n </div>\r\n </List.Item>\r\n );\r\n }\r\n }\r\n />\r\n\r\n </Space>\r\n )}\r\n </>\r\n );\r\n}\r\n\r\nconst options = Object.values(Operator).map(item => ({ label: upperFirst(item), value: item }));\r\n\r\nfunction ConditionItem({ path, onDelete, gIndex, ggIndex }: { path: string; gIndex: number; ggIndex: number; onDelete: (path: string, gIndex: number, ggIndex: number,) => void; }) {\r\n\r\n const name = `${path}.${gIndex}.groups.${ggIndex}`;\r\n const { input: { value } } = useField(name);\r\n\r\n const hideRight = (value as { operator?: Operator; })?.operator === Operator.TRUTHY || (value as { operator?: Operator; })?.operator === Operator.FALSY;\r\n\r\n return (\r\n <Row align='middle'>\r\n <Col span={7}> <TextField label={t('Variable path')} name={`${name}.left`} /></Col>\r\n <Col span={7}> <SelectField label={t('Operator')} name={`${name}.operator`} options={options} /></Col>\r\n <Col span={7}> {!hideRight && <TextField label=\"Right\" name={`${name}.right`} />}</Col>\r\n <Col span={3}>\r\n <Button onClick={() => onDelete(path, gIndex, ggIndex)} icon={<DeleteOutlined />} />\r\n </Col>\r\n\r\n </Row>\r\n );\r\n}","import React, { useCallback, useEffect, useState } from 'react';\r\nimport { Collapse, Space, Switch } from 'antd';\r\nimport { useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { AdvancedBlock, isAdvancedBlock, OperatorSymbol, Operator, ICondition } from '@thanhpv102/easy-email-core';\r\nimport { Iteration } from '../Iteration';\r\nimport { Condition } from '../Condition';\r\n\r\nexport interface CollapseWrapperProps {\r\n defaultActiveKey: string[];\r\n children: React.ReactNode;\r\n}\r\n\r\nexport const CollapseWrapper: React.FC<CollapseWrapperProps> = props => {\r\n const { enabledLogic } = useEditorProps();\r\n const [activeKeys, setActiveKeys] = useState<string[]>(props.defaultActiveKey);\r\n\r\n const { focusBlock, change } = useBlock();\r\n const { focusIdx } = useFocusIdx();\r\n const value = focusBlock?.data.value;\r\n\r\n const isAdvancedBlockType = isAdvancedBlock(focusBlock?.type);\r\n\r\n const iterationEnabled =\r\n isAdvancedBlockType && Boolean(value?.iteration && value?.iteration?.enabled);\r\n\r\n const conditionEnabled =\r\n isAdvancedBlockType && Boolean(value?.condition && value?.condition?.enabled);\r\n\r\n const onIterationToggle = useCallback(\r\n (enabled: boolean) => {\r\n if (enabled) {\r\n if (!value?.iteration) {\r\n change(`${focusIdx}.data.value.iteration`, {\r\n enabled: true,\r\n dataSource: '',\r\n itemName: 'item',\r\n limit: 9999,\r\n mockQuantity: 1,\r\n } as AdvancedBlock['data']['value']['iteration']);\r\n }\r\n }\r\n change(`${focusIdx}.data.value.iteration.enabled`, enabled);\r\n },\r\n [change, focusIdx, value?.iteration]\r\n );\r\n\r\n const onConditionToggle = useCallback(\r\n (enabled: boolean) => {\r\n if (enabled) {\r\n if (!value?.condition) {\r\n change(`${focusIdx}.data.value.condition`, {\r\n enabled: true,\r\n symbol: OperatorSymbol.AND,\r\n groups: [\r\n {\r\n symbol: OperatorSymbol.AND,\r\n groups: [\r\n {\r\n left: '',\r\n operator: Operator.TRUTHY,\r\n right: ''\r\n }\r\n ],\r\n }\r\n ],\r\n } as ICondition);\r\n }\r\n }\r\n change(`${focusIdx}.data.value.condition.enabled`, enabled);\r\n },\r\n [change, focusIdx, value?.condition]\r\n );\r\n\r\n const onChange = useCallback((keys: string[]) => {\r\n setActiveKeys(keys);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isAdvancedBlockType) return;\r\n\r\n if (iterationEnabled) {\r\n setActiveKeys(keys => [...keys, 'Iteration']);\r\n } else {\r\n setActiveKeys(keys => keys.filter(k => k !== 'Iteration'));\r\n }\r\n }, [iterationEnabled, isAdvancedBlockType]);\r\n\r\n useEffect(() => {\r\n if (!isAdvancedBlockType) return;\r\n\r\n if (conditionEnabled) {\r\n setActiveKeys(keys => [...keys, 'Condition']);\r\n } else {\r\n setActiveKeys(keys => keys.filter(k => k !== 'Condition'));\r\n }\r\n }, [conditionEnabled, isAdvancedBlockType]);\r\n\r\n return (\r\n <Space\r\n size='middle'\r\n orientation='vertical'\r\n style={{ width: '100%' }}\r\n >\r\n <Collapse\r\n onChange={onChange}\r\n defaultActiveKey={activeKeys}\r\n items={[\r\n ...React.Children.toArray(props.children).map((child, index) => {\r\n if (React.isValidElement(child) && child.props && typeof child.props === 'object' && child.props !== null && 'header' in child.props) {\r\n const childProps = child.props as { header: string; children: React.ReactNode; };\r\n return {\r\n key: child.key as string || index.toString(),\r\n label: childProps.header,\r\n children: childProps.children\r\n };\r\n }\r\n return null;\r\n }).filter((item): item is { key: string; label: string; children: React.ReactNode; } => item !== null),\r\n ...(enabledLogic ? [\r\n {\r\n key: 'Iteration',\r\n label: t('Iteration'),\r\n extra: (\r\n <div style={{ marginRight: 10 }}>\r\n <Switch checked={iterationEnabled} onChange={onIterationToggle} />\r\n </div>\r\n ),\r\n children: <Iteration />\r\n },\r\n {\r\n key: 'Condition',\r\n label: t('Condition'),\r\n extra: (\r\n <div style={{ marginRight: 10 }}>\r\n <Switch checked={conditionEnabled} onChange={onConditionToggle} />\r\n </div>\r\n ),\r\n children: <Condition />\r\n }\r\n ] : [])\r\n ]}\r\n />\r\n <div />\r\n <div />\r\n <div />\r\n </Space>\r\n );\r\n};\r\n","import React, { useCallback } from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { Background } from '@extensions/AttributePanel/components/attributes/Background';\nimport { Border } from '@extensions/AttributePanel/components/attributes/Border';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space, Switch } from 'antd';\nimport { Stack, useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { BasicType, BlockManager } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { TextField } from '@extensions/components/Form';\n\nexport function Section() {\n const { focusBlock, setFocusBlock } = useBlock();\n const { focusIdx } = useFocusIdx();\n const noWrap = focusBlock?.data.value.noWrap;\n\n const onChange = useCallback(\n (checked: boolean) => {\n if (!focusBlock) return;\n focusBlock.data.value.noWrap = checked;\n if (checked) {\n const children = [...focusBlock.children];\n for (let i = 0; i < children.length; i++) {\n const child = children[i];\n if (!child) continue;\n if (child.type === BasicType.GROUP.toString()) {\n children.splice(i, 1, ...child.children);\n }\n }\n focusBlock.children = [\n BlockManager.getBlockByType(BasicType.GROUP)!.create({\n children: children,\n }),\n ];\n } else {\n if (\n focusBlock.children.length === 1 &&\n focusBlock.children[0].type === BasicType.GROUP.toString()\n ) {\n focusBlock.children = focusBlock.children[0]?.children || [];\n }\n }\n setFocusBlock({ ...focusBlock });\n },\n [focusBlock, setFocusBlock],\n );\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={'Dimension'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={12}>\n <label style={{ width: '100%', display: 'flex' }}>\n <div style={{ flex: 1 }}>{'Group'}</div>\n </label>\n <Switch\n checked={noWrap}\n onChange={onChange}\n />\n </Col>\n <Col span={12} />\n </Row>\n <Row>\n <Col span={12}>\n <label style={{ width: '100%', display: 'flex' }}>\n <div style={{ flex: 1 }}>{'Full Width'}</div>\n </label>\n <TextField name={`${focusIdx}.attributes.full-width`} />\n </Col>\n <Col span={12} />\n </Row>\n\n <Padding />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={'Background'}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Background />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={'Border'}\n >\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"3\"\n header={'Extra'}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React, { useCallback } from 'react';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { useFocusIdx, useBlock } from '@thanhpv102/easy-email-editor';\nimport { BasicType, getParentByIdx } from '@thanhpv102/easy-email-core';\nimport { InputWithUnitProps } from '@extensions/components/Form/InputWithUnit';\nimport { UseFieldConfig } from '@thanhpv102/easy-email-editor';\n\nexport function Width({\n inline = false,\n unitOptions,\n config,\n}: {\n inline?: boolean;\n unitOptions?: InputWithUnitProps['unitOptions'];\n config?: UseFieldConfig;\n}) {\n const { focusIdx } = useFocusIdx();\n const { focusBlock, values } = useBlock();\n const parentType = values && getParentByIdx(values, focusIdx)?.type;\n\n const validate = useCallback(\n (val: string): string | undefined => {\n if (focusBlock?.type === BasicType.COLUMN.toString() && parentType === BasicType.GROUP.toString()) {\n return /(\\d)*%/.test(val)\n ? undefined\n : 'Column inside a group must have a width in percentage, not in pixel';\n }\n return undefined;\n },\n [focusBlock?.type, parentType],\n );\n\n return (\n <InputWithUnitField\n validate={validate}\n label={'Width'}\n inline={inline}\n name={`${focusIdx}.attributes.width`}\n unitOptions={unitOptions}\n config={config}\n />\n );\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx, Stack } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'top',\n get label() {\n return t('top');\n },\n },\n {\n value: 'middle',\n get label() {\n return t('middle');\n },\n },\n {\n value: 'bottom',\n get label() {\n return t('bottom');\n },\n },\n];\n\nexport function VerticalAlign({\n attributeName = 'vertical-align',\n}: {\n attributeName?: string;\n}) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack>\n <SelectField\n style={{ width: 120 }}\n label={t('Vertical align')}\n name={`${focusIdx}.attributes.${attributeName}`}\n options={options}\n />\n </Stack>\n );\n }, [attributeName, focusIdx]);\n}\n","import React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'left',\n get label() {\n return t('left');\n },\n },\n {\n value: 'center',\n get label() {\n return t('center');\n },\n },\n {\n value: 'right',\n get label() {\n return t('right');\n },\n },\n];\n\nexport function Align({ inline }: { inline?: boolean }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <RadioGroupField\n label={t('Align')}\n key={`${focusIdx}.attributes.align`}\n options={options}\n name={`${focusIdx}.attributes.align`}\n />\n );\n}\n","import React from 'react';\r\nimport { ColorPickerField } from '../../../components/Form';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function Color({ title = t('Color') }: { title?: string; inline?: boolean }) {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return (\r\n <ColorPickerField\r\n label={title}\r\n name={`${focusIdx}.attributes.color`}\r\n key={`${focusIdx}.attributes.color`}\r\n />\r\n );\r\n}\r\n","import React, { useMemo } from 'react';\nimport { TextField } from '../../../components/Form';\nimport { Stack, UseFieldConfig, useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function Height({\n inline,\n config,\n }: {\n inline?: boolean;\n config?: UseFieldConfig;\n}) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack wrap={false}>\n <Stack.Item fill>\n <TextField\n label={'Height'}\n name={`${focusIdx}.attributes.height`}\n quickchange\n inline={inline}\n config={config}\n />\n </Stack.Item>\n </Stack>\n );\n }, [focusIdx, inline]);\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx, Stack } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'left',\n get label() {\n return t('Left');\n },\n },\n {\n value: 'center',\n get label() {\n return t('Center');\n },\n },\n {\n value: 'right',\n get label() {\n return t('Right');\n },\n },\n];\n\nexport function TextAlign({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack>\n <RadioGroupField\n label={t('Text align')}\n name={name || `${focusIdx}.attributes.text-align`}\n options={options}\n />\n </Stack>\n );\n }, [focusIdx, name]);\n}\n","\r\nimport React, { useMemo } from 'react';\r\nimport { ColorPickerField } from '../../../components/Form';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function ContainerBackgroundColor({\r\n title = t('Container background color'),\r\n}: {\r\n title?: string;\r\n}) {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <ColorPickerField\r\n label={title}\r\n name={`${focusIdx}.attributes.container-background-color`}\r\n />\r\n );\r\n }, [focusIdx, title]);\r\n}\r\n","\nimport React from 'react';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function LetterSpacing({ name }: { name?: string; }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <InputWithUnitField\n label={t('Letter spacing')}\n name={name || `${focusIdx}.attributes.letter-spacing`}\n />\n );\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: '',\n get label() {\n return 'None';\n },\n },\n {\n value: 'underline',\n get label() {\n return 'Underline';\n },\n },\n {\n value: 'overline',\n get label() {\n return 'Overline';\n },\n },\n {\n value: 'line-through',\n get label() {\n return 'Line through';\n },\n },\n {\n value: 'blink',\n get label() {\n return 'Blink';\n },\n },\n {\n value: 'inherit',\n get label() {\n return 'Inherit';\n },\n },\n];\n\nexport function TextDecoration({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={'Text decoration'}\n name={name || `${focusIdx}.attributes.text-decoration`}\n options={options}\n />\n );\n }, [focusIdx, name]);\n}\n","\r\nimport React, { useMemo } from 'react';\r\nimport { NumberField, TextField } from '../../../components/Form';\r\nimport { useFocusIdx, Stack, TextStyle } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function Decoration() {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <Stack\r\n vertical\r\n spacing='extraTight'\r\n >\r\n <TextStyle\r\n variation='strong'\r\n size='medium'\r\n >\r\n Decoration\r\n </TextStyle>\r\n <TextField\r\n label={t('Border radius')}\r\n name={`${focusIdx}.attributes.borderRadius`}\r\n inline\r\n />\r\n <TextField\r\n label={t('Border')}\r\n name={`${focusIdx}.attributes.border`}\r\n inline\r\n />\r\n <NumberField\r\n label={t('Opacity')}\r\n max={1}\r\n min={0}\r\n step={0.1}\r\n name={`${focusIdx}.attributes.opacity`}\r\n inline\r\n />\r\n </Stack>\r\n );\r\n }, [focusIdx]);\r\n}\r\n","\nimport React from 'react';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function LineHeight({ name }: { name?: string; }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <InputWithUnitField\n label={t('Line height')}\n unitOptions='percent'\n name={name || `${focusIdx}.attributes.line-height`}\n />\n );\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'initial',\n get label() {\n return t('None');\n },\n },\n {\n value: 'uppercase',\n get label() {\n return t('uppercase');\n },\n },\n {\n value: 'lowercase',\n get label() {\n return t('lowercase');\n },\n },\n {\n value: 'capitalize',\n get label() {\n return t('capitalize');\n },\n },\n];\n\nexport function TextTransform({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={t('Text transform')}\n name={name || `${focusIdx}.attributes.text-transform`}\n options={options}\n />\n );\n }, [focusIdx, name]);\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx, Stack } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'ltr',\n get label() {\n return 'ltr';\n },\n },\n {\n value: 'rtl',\n get label() {\n return 'rtl';\n },\n },\n];\n\nexport function Direction() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack>\n <RadioGroupField\n label={t('Direction')}\n name={`${focusIdx}.attributes.direction`}\n options={options}\n inline\n />\n </Stack>\n );\n }, [focusIdx]);\n}\n","import { IBlockData, BlockManager, getParentIdx } from '@thanhpv102/easy-email-core';\nimport { get, cloneDeep } from 'lodash';\n\nexport function getContextMergeTags(\n mergeTags: { [key: string]: any },\n context: { [key: string]: any },\n idx: string,\n) {\n const loop = (\n currentIdx: string,\n combineMergeTags: { [key: string]: any },\n ): { [key: string]: any } => {\n const parentBlockData = get(context, currentIdx) as IBlockData | undefined;\n if (!parentBlockData) return combineMergeTags;\n\n const dataSource = parentBlockData.data?.value?.dataSource;\n if (!dataSource) return combineMergeTags;\n\n Object.keys(dataSource).forEach(key => {\n let formatKey: string = dataSource[key];\n\n const loopFormatKey = (currentLoopKeyIdx: string) => {\n const currentParentIdx = getParentIdx(currentLoopKeyIdx);\n if (currentParentIdx) {\n const currentBlockData = get(context, currentParentIdx) as IBlockData;\n\n if (!currentBlockData) return formatKey;\n currentBlockData.data.value.dataSource &&\n Object.keys(currentBlockData.data.value.dataSource).forEach(item => {\n formatKey = formatKey.replace(\n item,\n currentBlockData.data.value.dataSource[item].replace(\n /{{([^}}]+)}}/g,\n '$1',\n ),\n );\n });\n\n loopFormatKey(currentParentIdx);\n }\n };\n loopFormatKey(currentIdx);\n\n const dataSourcePath = formatKey.replace(/{{([^}}]+)}}/g, '$1');\n combineMergeTags = {\n [key]: get(combineMergeTags, dataSourcePath),\n ...combineMergeTags,\n };\n });\n\n const parentIdx = getParentIdx(currentIdx);\n if (!parentIdx) return combineMergeTags;\n return loop(parentIdx, combineMergeTags);\n };\n\n return loop(idx, cloneDeep(mergeTags));\n}\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { Tree, TreeSelect } from 'antd';\nimport { get, isObject } from 'lodash';\nimport { useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { getContextMergeTags } from '@extensions/utils/getContextMergeTags';\n\ninterface TreeNodeData {\n key: string;\n value: string;\n title: string;\n children: TreeNodeData[];\n}\n\ninterface MergeTagObject {\n [key: string]: string | number | boolean | MergeTagObject | MergeTagObject[] | undefined;\n}\n\nexport const MergeTags: React.FC<{\n onChange: (v: string) => void;\n value: string;\n isSelect?: boolean;\n}> = React.memo((props) => {\n const [expandedKeys, setExpandedKeys] = useState<string[]>([]);\n const { focusIdx } = useFocusIdx();\n const {\n mergeTags = {},\n mergeTagGenerate,\n renderMergeTagContent,\n } = useEditorProps();\n const { values } = useBlock();\n\n const contextMergeTags = useMemo(\n () => values && getContextMergeTags(mergeTags, values, focusIdx),\n [mergeTags, values, focusIdx]\n );\n\n const treeOptions = useMemo(() => {\n const treeData: TreeNodeData[] = [];\n const deep = (\n key: string,\n title: string,\n parent: MergeTagObject,\n mapData: TreeNodeData[] = []\n ) => {\n const currentMapData: TreeNodeData = {\n key: key,\n value: key,\n title: title,\n children: [],\n };\n\n mapData.push(currentMapData);\n const current = parent[title];\n if (current && typeof current === 'object' && !Array.isArray(current)) {\n Object.keys(current as Record<string, unknown>).forEach((childKey) =>\n deep(key + '.' + childKey, childKey, current, currentMapData.children)\n );\n }\n };\n\n if (!contextMergeTags) return treeData;\n\n Object.keys(contextMergeTags).forEach((key) =>\n deep(key, key, contextMergeTags, treeData)\n );\n return treeData;\n }, [contextMergeTags]);\n\n const onSelect = useCallback(\n (key: string) => {\n const value = get(contextMergeTags, key);\n if (isObject(value)) {\n setExpandedKeys((keys) => {\n if (keys.includes(key)) {\n return keys.filter((k) => k !== key);\n } else {\n return [...keys, key];\n }\n });\n return;\n }\n return props.onChange(mergeTagGenerate(key));\n },\n [contextMergeTags, props, mergeTagGenerate]\n );\n\n const mergeTagContent = useMemo(\n () =>\n renderMergeTagContent ? (\n renderMergeTagContent({\n onChange: props.onChange,\n isSelect: Boolean(props.isSelect),\n value: props.value,\n })\n ) : (\n <></>\n ),\n [renderMergeTagContent, props.onChange, props.isSelect, props.value]\n );\n\n if (renderMergeTagContent) {\n return <>{mergeTagContent}</>;\n }\n\n return (\n <div style={{ color: '#333' }}>\n {props.isSelect ? (\n <TreeSelect\n value={props.value}\n size='small'\n popupMatchSelectWidth\n placeholder={'Please select'}\n treeData={treeOptions}\n onChange={(val) => onSelect(val)}\n style={{ maxHeight: 400, overflow: 'auto' }}\n />\n ) : (\n <Tree\n expandedKeys={expandedKeys}\n onExpand={(keys) => setExpandedKeys(keys.map(k => String(k)))}\n selectedKeys={[]}\n treeData={treeOptions}\n onSelect={(selectedKeys) => onSelect(String(selectedKeys[0]))}\n style={{\n maxHeight: 400,\n overflow: 'auto',\n }}\n />\n )}\n </div>\n );\n});\n","import React, { useMemo } from 'react';\nimport { useFocusIdx, IconFont } from '@thanhpv102/easy-email-editor';\nimport { LinkOutlined } from '@ant-design/icons';\nimport { SelectField, TextField } from '../../../components/Form';\nimport { Row, Col, Popover, Space, Button } from 'antd';\nimport { MergeTags } from './MergeTags';\nimport { useField } from '@thanhpv102/easy-email-editor';\n\nexport function Link() {\n const { focusIdx } = useFocusIdx();\n const { input } = useField(`${focusIdx}.attributes.href`, {\n parse: (v: string) => v,\n });\n\n return useMemo(() => {\n return (\n <Row>\n <Col span={11}>\n <TextField\n prefix={<LinkOutlined />}\n label={\n (\n <Space>\n <span>{'Href'}&nbsp;&nbsp;&nbsp;</span>\n <Popover\n trigger='click'\n content={\n <MergeTags value={input.value || ''} onChange={input.onChange} />\n }\n >\n <Button\n type='text'\n icon={<IconFont iconName='icon-merge-tags' />}\n />\n </Popover>\n </Space>\n )\n }\n name={`${focusIdx}.attributes.href`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n label={'Target'}\n name={`${focusIdx}.attributes.target`}\n options={[\n {\n value: '',\n label: '_self',\n },\n {\n value: '_blank',\n label: '_blank',\n },\n ]}\n />\n </Col>\n </Row>\n );\n }, [focusIdx, input.value, input.onChange]);\n}\n","import React, { useMemo } from 'react';\nimport { TextField } from '../../../components/Form';\nimport { useFocusIdx, Stack, TextStyle } from '@thanhpv102/easy-email-editor';\n\nexport function Margin() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack vertical spacing='extraTight'>\n <TextStyle size='medium'>{'Margin'}</TextStyle>\n <Stack wrap={false}>\n <Stack.Item fill>\n <TextField\n label={'Top'}\n quickchange\n name={`${focusIdx}.attributes.marginTop`}\n inline\n />\n </Stack.Item>\n <Stack.Item fill>\n <TextField\n label={'Bottom'}\n quickchange\n name={`${focusIdx}.attributes.marginBottom`}\n inline\n />\n </Stack.Item>\n </Stack>\n\n <Stack wrap={false}>\n <Stack.Item fill>\n <TextField\n label={'Left'}\n quickchange\n name={`${focusIdx}.attributes.marginLeft`}\n inline\n />\n </Stack.Item>\n <Stack.Item fill>\n <TextField\n label={'Right'}\n quickchange\n name={`${focusIdx}.attributes.marginRight`}\n inline\n />\n </Stack.Item>\n </Stack>\n </Stack>\n );\n }, [focusIdx]);\n}\n","import React, { useMemo } from 'react';\nimport { ColorPickerField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function BorderColor() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <ColorPickerField\n label={t('Color')}\n name={`${focusIdx}.attributes.border-color`}\n key={`${focusIdx}.attributes.border-color`}\n />\n );\n }, [focusIdx]);\n}\n","\nimport React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { pixelAdapter } from '../adapter';\n\nexport function FontSize() {\n const { focusIdx } = useFocusIdx();\n\n return (\n <InputWithUnitField\n label={'Font size (px)'}\n name={`${focusIdx}.attributes.font-size`}\n config={pixelAdapter}\n autoComplete='off'\n />\n );\n}\n","import React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nexport const borderStyleOptions = [\n {\n value: 'dashed',\n get label() {\n return 'Dashed';\n },\n },\n {\n value: 'dotted',\n get label() {\n return 'Dotted';\n },\n },\n {\n value: 'solid',\n get label() {\n return 'Solid';\n },\n },\n {\n value: 'double',\n get label() {\n return 'double';\n },\n },\n {\n value: 'ridge',\n get label() {\n return 'ridge';\n },\n },\n {\n value: 'groove',\n get label() {\n return 'groove';\n },\n },\n {\n value: 'inset',\n get label() {\n return 'inset';\n },\n },\n {\n value: 'outset',\n get label() {\n return 'outset';\n },\n },\n];\n\nexport function BorderStyle() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={'Style'}\n name={`${focusIdx}.attributes.border-style`}\n key={`${focusIdx}.attributes.border-style`}\n options={borderStyleOptions}\n />\n );\n }, [focusIdx]);\n}\n","\nimport React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'normal',\n get label() {\n return t('Normal');\n },\n },\n {\n value: 'italic',\n get label() {\n return t('Italic');\n },\n },\n];\n\nexport function FontStyle({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <RadioGroupField\n label={t('Font style')}\n name={name || `${focusIdx}.attributes.font-style`}\n options={options}\n />\n );\n}\n","/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport React, { useMemo } from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { Padding } from './Padding';\n\nexport function NavbarLinkPadding({ name }: { name: string; }) {\n return useMemo(() => {\n return (\n <Stack vertical spacing='extraTight'>\n <Padding key={name} />\n </Stack>\n );\n }, [name]);\n}\n","import React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { TextField } from '../../../components/Form';\n\nexport function BorderWidth() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <TextField\n label={'Width'}\n quickchange\n name={`${focusIdx}.attributes.border-width`}\n key={`${focusIdx}.attributes.border-width`}\n />\n );\n }, [focusIdx]);\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'normal',\n get label() {\n return t('Normal');\n },\n },\n {\n value: 'bold',\n get label() {\n return t('Bold');\n },\n },\n {\n value: '100',\n label: '100',\n },\n {\n value: '200',\n label: '200',\n },\n {\n value: '300',\n label: '300',\n },\n {\n value: '400',\n label: '400',\n },\n {\n value: '500',\n label: '500',\n },\n {\n value: '600',\n label: '600',\n },\n {\n value: '700',\n label: '700',\n },\n {\n value: '800',\n label: '800',\n },\n {\n value: '900',\n label: '900',\n },\n];\n\nexport function FontWeight({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={t('Font weight')}\n name={name || `${focusIdx}.attributes.font-weight`}\n options={options}\n />\n );\n }, [focusIdx, name]);\n}\n","import React from 'react';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { VerticalAlign } from '@extensions/AttributePanel/components/attributes/VerticalAlign';\nimport { Border } from '@extensions/AttributePanel/components/attributes/Border';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { BackgroundColor } from '../../attributes';\n\nexport function Column() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <VerticalAlign />\n </Col>\n </Row>\n\n <Padding />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Background')}\n >\n <BackgroundColor />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Border')}\n >\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\n\nexport const ShadowDom: React.FC<React.HTMLProps<HTMLElement>> = (props) => {\n const [root, setRoot] = useState<null | ShadowRoot>(null);\n const [ref, setRef] = useState<null | HTMLDivElement>(null);\n\n useEffect(() => {\n if (ref) {\n const root = ref.attachShadow({ mode: 'open' });\n setRoot(root);\n }\n }, [ref]);\n\n // Extract key and children to avoid React 19 spreading issues\n const { key, children, ...divProps } = props;\n\n return (\n <>\n <div key={key} {...divProps} ref={setRef}>\n {root && ReactDOM.createPortal(children, root as any)}\n </div>\n </>\n );\n};\n","import { Button, Drawer } from 'antd';\nimport React, { Suspense, useEffect, useMemo, useState } from 'react';\nimport { BasicType, IText } from '@thanhpv102/easy-email-core';\nimport { Stack, TextStyle, useBlock, useEditorContext, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { ShadowDom } from '@extensions/components/ShadowDom';\n\nconst CodeMirrorEditorPromise = import(\n '../../../components/Form/CodemirrorEditor'\n);\nconst CodeMirrorEditor = React.lazy(() => CodeMirrorEditorPromise);\n\nexport const HtmlEditor: React.FC<{\n visible: boolean;\n setVisible: (v: boolean) => void;\n}> = (props) => {\n const { visible, setVisible } = props;\n\n const { focusBlock, setValueByIdx } = useBlock();\n const { pageData } = useEditorContext();\n const { focusIdx } = useFocusIdx();\n const [content, setContent] = useState(focusBlock?.data.value.content);\n\n const isTable = focusBlock?.type === BasicType.TABLE;\n\n useEffect(() => {\n setContent(focusBlock?.data.value.content);\n }, [focusBlock?.data.value.content]);\n\n const onClose = () => {\n setVisible(false);\n };\n\n const onSave = () => {\n if (!focusBlock) return;\n focusBlock.data.value.content = content;\n setValueByIdx(focusIdx, { ...focusBlock });\n onClose();\n };\n\n const styles = useMemo(() => {\n if (!focusBlock) return {};\n\n const attributes = focusBlock.attributes as IText['attributes'];\n return {\n color: attributes.color || pageData?.data.value['text-color'],\n fontSize: attributes['font-size'] || pageData?.data.value['font-size'],\n fontFamily:\n attributes['font-family'] || pageData?.data.value['font-family'],\n fontWeight:\n attributes['font-weight'] || pageData?.data.value['font-weight'],\n backgroundColor: attributes['container-background-color'],\n padding: attributes.padding,\n };\n }, [focusBlock, pageData?.data.value]);\n\n return (\n <Drawer\n placement='left'\n title={(\n <Stack distribution='equalSpacing'>\n <TextStyle variation='strong' size='medium'>\n {'Html'}\n </TextStyle>\n <Stack>\n <Button type='primary' onClick={onSave}>\n {'Save'}\n </Button>\n </Stack>\n </Stack>\n )}\n open={visible}\n footer={null}\n styles={{\n header: { display: 'block', lineHeight: '48px' },\n body: { padding: 0, overflow: 'hidden' },\n wrapper: { width: '100vw' },\n }}\n >\n <div style={{ display: 'flex', height: '100%' }}>\n <div style={{ flex: 1, height: '100%' }}>\n <Suspense\n fallback={(\n <div\n style={{\n height: '100%',\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n backgroundColor: '#263238',\n justifyContent: 'center',\n fontSize: 24,\n color: '#fff',\n }}\n >\n {'Editor Loading...'}\n </div>\n )}\n >\n <CodeMirrorEditor value={content} onChange={setContent} />\n </Suspense>\n </div>\n <div\n style={{ flex: 1, height: '100%', overflow: 'auto', marginRight: 10 }}\n >\n <ShadowDom\n style={{\n ...styles,\n width: pageData?.attributes.width || '600px',\n margin: 'auto',\n }}\n >\n {isTable ? (\n <table>\n <tbody dangerouslySetInnerHTML={{ __html: content }} />\n </table>\n ) : (\n <div dangerouslySetInnerHTML={{ __html: content }} />\n )}\n </ShadowDom>\n </div>\n </div>\n </Drawer>\n );\n};\n","import React, { useState } from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { TextDecoration } from '@extensions/AttributePanel/components/attributes/TextDecoration';\nimport { FontWeight } from '@extensions/AttributePanel/components/attributes/FontWeight';\nimport { FontStyle } from '@extensions/AttributePanel/components/attributes/FontStyle';\nimport { FontFamily } from '@extensions/AttributePanel/components/attributes/FontFamily';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { FontSize } from '@extensions/AttributePanel/components/attributes/FontSize';\nimport { Color } from '@extensions/AttributePanel/components/attributes/Color';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { LineHeight } from '@extensions/AttributePanel/components/attributes/LineHeight';\nimport { LetterSpacing } from '@extensions/AttributePanel/components/attributes/LetterSpacing';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Button, Col, Collapse, Row, Space, Tooltip } from 'antd';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { HtmlEditor } from '../../UI/HtmlEditor';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Text() {\n const [visible, setVisible] = useState(false);\n\n return (\n <AttributesPanelWrapper\n extra={(\n <Tooltip title={t('Html mode')}>\n <Button\n onClick={() => setVisible(true)}\n icon={<IconFont iconName=\"icon-html\" />}\n />\n </Tooltip>\n )}\n >\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Height />\n <Padding showResetAll />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Color')}\n >\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ContainerBackgroundColor title={t('Background color')} />\n </Col>\n </Row>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Typography')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontSize />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <LineHeight />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LetterSpacing />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextDecoration />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontWeight />\n </Col>\n </Row>\n\n <Align />\n\n <FontStyle />\n\n <Row>\n <Col span={11} />\n <Col\n offset={1}\n span={11}\n />\n </Row>\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n <HtmlEditor\n visible={visible}\n setVisible={setVisible}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { ColorPickerField, ImageUploaderField, SwitchField, TextField } from '@extensions/components/Form';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { Link } from '@extensions/AttributePanel/components/attributes/Link';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Border } from '@extensions/AttributePanel/components/attributes/Border';\nimport { Stack, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { imageHeightAdapter, pixelAdapter } from '../../adapter';\n\nconst fullWidthOnMobileAdapter = {\n format(obj: boolean | string) {\n return Boolean(obj);\n },\n parse(val: boolean) {\n if (!val) return undefined;\n\n return 'true';\n },\n};\n\nexport function Image() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Setting')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <ImageUploaderField\n label={t('src')}\n labelHidden\n name={`${focusIdx}.attributes.src`}\n helpText={t(\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.',\n )}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n <ColorPickerField\n label={t('Background color')}\n name={`${focusIdx}.attributes.container-background-color`}\n inline\n />\n <SwitchField\n label={t('Full width on mobile')}\n name={`${focusIdx}.attributes.fluid-on-mobile`}\n config={fullWidthOnMobileAdapter}\n />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width config={pixelAdapter} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <Height config={imageHeightAdapter} />\n </Col>\n </Row>\n\n <Padding showResetAll />\n <Row>\n <Col span={24}>\n <Align />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={t('Link')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Link />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Border')}\n >\n <Border />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Row>\n <Col span={11}>\n <TextField\n label={t('title')}\n name={`${focusIdx}.attributes.title`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('alt')}\n name={`${focusIdx}.attributes.alt`}\n />\n </Col>\n </Row>\n <Col span={24}>\n <TextField\n label={t('class name')}\n name={`${focusIdx}.attributes.css-class`}\n />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { BackgroundColor } from '@extensions/AttributePanel/components/attributes/BackgroundColor';\nimport { VerticalAlign } from '@extensions/AttributePanel/components/attributes/VerticalAlign';\nimport { Col, Collapse, Row } from 'antd';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Group() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key=\"0\" header={t('Dimension')}>\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col offset={1} span={11}>\n <VerticalAlign />\n </Col>\n </Row>\n </Collapse.Panel>\n <Collapse.Panel key=\"1\" header={t('Background')}>\n <Row>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n </Collapse.Panel>\n <Collapse.Panel key=\"2\" header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '../../attributes/Padding';\nimport { Border } from '../../attributes/Border';\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { Color } from '../../attributes/Color';\nimport { Link } from '../../attributes/Link';\nimport { Width } from '../../attributes/Width';\nimport { ContainerBackgroundColor } from '../../attributes/ContainerBackgroundColor';\nimport { Align } from '../../attributes/Align';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontStyle } from '../../attributes/FontStyle';\nimport { FontWeight } from '../../attributes/FontWeight';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { TextDecoration } from '../../attributes/TextDecoration';\nimport { LineHeight } from '../../attributes/LineHeight';\nimport { LetterSpacing } from '../../attributes/LetterSpacing';\nimport { Col, Collapse, Popover, Row, Space, Button as AntButton } from 'antd';\nimport { TextField } from '../../../../components/Form';\nimport { IconFont, useEditorProps, useField, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { MergeTags } from '../../attributes';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Button() {\n const { focusIdx } = useFocusIdx();\n const { input } = useField(`${focusIdx}.data.value.content`, {\n parse: (v: string) => v,\n });\n\n const { mergeTags } = useEditorProps();\n\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={'Setting'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <TextField\n label={(\n <Space>\n <span>{'Content'}</span>\n {mergeTags && (\n <Popover\n trigger=\"click\"\n content={(\n <MergeTags\n value={input.value || ''}\n onChange={input.onChange}\n />\n )}\n >\n <AntButton\n type=\"text\"\n icon={<IconFont iconName=\"icon-merge-tags\" />}\n />\n </Popover>\n )}\n </Space>\n )}\n name={`${focusIdx}.data.value.content`}\n />\n <Link />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={'Dimension'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontWeight />\n </Col>\n </Row>\n\n <Padding\n title={'Padding'}\n attributeName=\"padding\"\n showResetAll\n />\n <Padding\n title={'Inner padding'}\n attributeName=\"inner-padding\"\n />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={'Color'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Color title={'Text color'} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <BackgroundColor title={'Button color'} />\n </Col>\n <Col span={11}>\n <ContainerBackgroundColor title={'Background color'} />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={'Typography'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontSize />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontWeight />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LineHeight />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextDecoration />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LetterSpacing />\n </Col>\n </Row>\n <Align />\n\n <FontStyle />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"4\"\n header={'Border'}\n >\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"5\"\n header={'Extra'}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { BorderWidth } from '@extensions/AttributePanel/components/attributes/BorderWidth';\nimport { BorderStyle } from '@extensions/AttributePanel/components/attributes/BorderStyle';\nimport { BorderColor } from '@extensions/AttributePanel/components/attributes/BorderColor';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Divider() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key=\"0\" header={t('Dimension')}>\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width unitOptions=\"percent\" />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n\n <Align />\n <Padding />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel key=\"1\" header={t('Border')}>\n <Stack wrap={false} spacing=\"tight\">\n <div style={{ width: 50 }}>\n <BorderWidth />\n </div>\n <div style={{ width: 100 }}>\n <BorderStyle />\n </div>\n <div style={{ width: 100 }}>\n <BorderColor />\n </div>\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel key=\"2\" header={t('Background')}>\n <Row>\n <Col span={11}>\n <ContainerBackgroundColor title={t('Background')} />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n </Collapse.Panel>\n <Collapse.Panel key=\"3\" header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes//Padding';\nimport { Background } from '@extensions/AttributePanel/components/attributes//Background';\nimport { TextField } from '@extensions/components/Form';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Wrapper() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key=\"0\" header={t('Dimension')}>\n <Stack vertical spacing=\"tight\">\n <Padding />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel key=\"1\" header={t('Background')}>\n <Stack vertical spacing=\"tight\">\n <Background />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel key=\"2\" header={t('Border')}>\n <Stack vertical spacing=\"tight\">\n <TextField\n label={t('Border')}\n name={`${focusIdx}.attributes.border`}\n inline\n />\n <TextField\n label={t('Background border radius')}\n name={`${focusIdx}.attributes.border-radius`}\n inline\n />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel key=\"4\" header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","\nimport React from 'react';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Collapse, Row, Col, Space } from 'antd';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Spacer() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key='0' header={t('Dimension')}>\n <Space orientation='vertical' size='small'>\n <Height />\n <Padding />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel key='1' header={t('Background')}>\n <ContainerBackgroundColor title={t('Background color')} />\n </Collapse.Panel>\n\n <Collapse.Panel key='2' header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React, { useState } from 'react';\r\nimport { IconFont, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { TextAreaField } from '@extensions/components/Form';\r\nimport { AttributesPanelWrapper } from '../../attributes';\r\nimport { Button, Tooltip } from 'antd';\r\nimport { HtmlEditor } from '../../UI/HtmlEditor';\r\n\r\nexport function Raw() {\r\n const { focusIdx } = useFocusIdx();\r\n const [visible, setVisible] = useState(false);\r\n return (\r\n <AttributesPanelWrapper\r\n style={{ padding: 20 }}\r\n extra={(\r\n <Tooltip title={t('Html mode')}>\r\n <Button\r\n onClick={() => setVisible(true)}\r\n icon={<IconFont iconName=\"icon-html\" />}\r\n />\r\n </Tooltip>\r\n )}\r\n >\r\n <TextAreaField\r\n label=\"\"\r\n name={`${focusIdx}.data.value.content`}\r\n rows={5}\r\n />\r\n <HtmlEditor\r\n visible={visible}\r\n setVisible={setVisible}\r\n />\r\n </AttributesPanelWrapper>\r\n );\r\n}\r\n","\nimport React from 'react';\nimport { useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { BackgroundColor } from '@extensions/AttributePanel/components/attributes/BackgroundColor';\nimport { FontFamily } from '@extensions/AttributePanel/components/attributes/FontFamily';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport {\n ImageUploaderField,\n InputWithUnitField,\n RadioGroupField,\n SelectField,\n TextField,\n} from '@extensions/components/Form';\nimport { Collapse, Row, Col, Space } from 'antd';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nconst positionOptions = [\n {\n value: 'left',\n get label() {\n return t('Left');\n },\n },\n {\n value: 'right',\n get label() {\n return t('Right');\n },\n },\n];\n\nconst alignOptions = [\n {\n value: 'top',\n get label() {\n return t('top');\n },\n },\n {\n value: 'middle',\n get label() {\n return t('middle');\n },\n },\n {\n value: 'bottom',\n get label() {\n return t('bottom');\n },\n },\n];\n\nexport function Accordion() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key='0'\n header={t('Setting')}\n >\n <Space orientation='vertical' size='small'>\n <Row>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontFamily />\n </Col>\n </Row>\n\n <Padding />\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.attributes.icon-width`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Icon height')}\n name={`${focusIdx}.attributes.icon-height`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <ImageUploaderField\n label={t('Unwrapped icon')}\n name={`${focusIdx}.attributes.icon-unwrapped-url`}\n //helpText={t('The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.')}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ImageUploaderField\n label={t('Wrapped icon')}\n name={`${focusIdx}.attributes.icon-wrapped-url`}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <RadioGroupField\n label={t('Icon position')}\n name={`${focusIdx}.attributes.icon-position`}\n options={positionOptions}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n style={{ width: 120 }}\n label={t('Icon align')}\n name={`${focusIdx}.attributes.icon-align`}\n options={alignOptions}\n />\n </Col>\n </Row>\n\n <TextField\n label={t('Border')}\n name={`${focusIdx}.attributes.border`}\n />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key='4'\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Border } from '../../attributes/Border';\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { Collapse, Space } from 'antd';\n\nexport function AccordionElement() {\n // const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <Collapse defaultActiveKey={['.$0']} items={[\n {\n key: '0',\n label: t('Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n <Border />\n <BackgroundColor />\n <FontFamily />\n </Space>\n ),\n },\n ]}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '../../attributes/Padding';\n\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { Color } from '../../attributes/Color';\nimport { TextAreaField } from '../../../../components/Form';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontWeight } from '../../attributes/FontWeight';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { Col, Collapse, Row, Space } from 'antd';\n\nexport function AccordionTitle() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <Collapse defaultActiveKey={['.$0']} items={[\n {\n key: '0',\n label: t('Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n <TextAreaField\n label={'Content'}\n name={`${focusIdx}.data.value.content`}\n />\n\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col offset={1} span={11}>\n <BackgroundColor />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontSize />\n </Col>\n <Col offset={1} span={11}>\n <FontFamily />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontWeight />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n\n <Padding title={'Padding'} attributeName=\"padding\" />\n </Space>\n ),\n },\n ]}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nimport { Padding } from '../../attributes/Padding';\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { Color } from '../../attributes/Color';\nimport { TextAreaField } from '../../../../components/Form';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontWeight } from '../../attributes/FontWeight';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { LineHeight } from '../../attributes/LineHeight';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\n\nexport function AccordionText() {\n const { focusIdx } = useFocusIdx();\n\n return (\n <AttributesPanelWrapper>\n <Collapse defaultActiveKey={['.$0']} items={[\n {\n key: '0',\n label: t('Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n <TextAreaField\n label={t('Content')}\n name={`${focusIdx}.data.value.content`}\n autoSize={{ minRows: 5 }}\n />\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col offset={1} span={11}>\n <FontSize />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <LineHeight />\n </Col>\n <Col offset={1} span={11}>\n <FontWeight />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col offset={1} span={11}>\n <BackgroundColor />\n </Col>\n </Row>\n\n <Padding title={t('Padding')} attributeName=\"padding\" />\n </Space>\n ),\n },\n ]}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport {\n ColorPickerField,\n EditTabField,\n ImageUploaderField,\n InputWithUnitField,\n RadioGroupField,\n SelectField,\n TextField,\n} from '@extensions/components/Form';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Stack, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { ICarousel } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { LinkOutlined } from '@ant-design/icons';\n\nconst options = [\n {\n value: 'hidden',\n get label() {\n return t('hidden');\n },\n },\n {\n value: 'visible',\n get label() {\n return t('visible');\n },\n },\n];\n\nexport function Carousel() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <InputWithUnitField\n label={t('Thumbnail width')}\n name={`${focusIdx}.attributes.tb-width`}\n quickchange\n inline\n />\n\n <RadioGroupField\n label={t('Thumbnails')}\n name={`${focusIdx}.attributes.thumbnails`}\n options={options}\n inline\n />\n <Align inline />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Images')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <EditTabField\n tabPlacement=\"top\"\n name={`${focusIdx}.data.value.images`}\n label=\"\"\n labelHidden\n renderItem={(item: unknown, index: number) => (\n <CarouselImage\n item={item as ICarousel['data']['value']['images'][number]}\n index={index}\n />\n )}\n additionItem={{\n src: 'https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg',\n target: '_blank',\n }}\n />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Icon')}\n >\n <Row>\n <Col span={11}>\n <TextField\n label={t('Left icon')}\n name={`${focusIdx}.attributes.left-icon`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Right icon')}\n name={`${focusIdx}.attributes.right-icon`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.attributes.icon-width`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n />\n </Row>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Border')}\n >\n <Row>\n <Col span={11}>\n <ColorPickerField\n label={t('Hovered border')}\n name={`${focusIdx}.attributes.tb-hover-border-color`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ColorPickerField\n label={t('Selected Border')}\n name={`${focusIdx}.attributes.tb-selected-border-color`}\n />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <TextField\n label={t('Border of the thumbnails')}\n name={`${focusIdx}.attributes.tb-border`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Border radius of the thumbnails')}\n name={`${focusIdx}.attributes.tb-border-radius`}\n />\n </Col>\n </Row>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\nfunction CarouselImage({\n index,\n}: {\n item: ICarousel['data']['value']['images'][number];\n index: number;\n}) {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n return (\n <Space orientation=\"vertical\" size=\"small\">\n <ImageUploaderField\n label={t('Image')}\n labelHidden\n name={`${focusIdx}.data.value.images.[${index}].src`}\n helpText={t(\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.',\n )}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n <Row>\n <Col span={11}>\n <TextField\n prefix={<LinkOutlined />}\n label={t('Url')}\n name={`${focusIdx}.data.value.images.[${index}].href`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n label={t('Target')}\n name={`${focusIdx}.data.value.images.[${index}].target`}\n options={[\n {\n value: '',\n label: t('_self'),\n },\n {\n value: '_blank',\n label: t('_blank'),\n },\n ]}\n />\n </Col>\n </Row>\n\n <TextField\n label={t('Title')}\n name={`${focusIdx}.data.value.images.[${index}].title`}\n />\n </Space>\n );\n}\n","import React from 'react';\nimport { BackgroundColor } from '@extensions/AttributePanel/components/attributes/BackgroundColor';\nimport { ImageUploaderField, InputWithUnitField, RadioGroupField, TextField } from '@extensions/components/Form';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { VerticalAlign } from '@extensions/AttributePanel/components/attributes/VerticalAlign';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nconst options = [\n {\n value: 'fluid-height',\n get label() {\n return t('Fluid height');\n },\n },\n {\n value: 'fixed-height',\n get label() {\n return t('Fixed height');\n },\n },\n];\n\nexport function Hero() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <RadioGroupField\n label={t('Mode')}\n name={`${focusIdx}.attributes.mode`}\n key={`${focusIdx}.attributes.mode`}\n options={options}\n />\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <Height />\n </Col>\n </Row>\n\n <Padding />\n <VerticalAlign />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Background')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <ImageUploaderField\n label={t('src')}\n name={`${focusIdx}.attributes.background-url`}\n key={`${focusIdx}.attributes.background-url`}\n helpText={t(\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.',\n )}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Background width')}\n name={`${focusIdx}.attributes.background-width`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Background height')}\n name={`${focusIdx}.attributes.background-height`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextField\n label={t('Background position')}\n name={`${focusIdx}.attributes.background-position`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Border radius')}\n name={`${focusIdx}.attributes.border-radius`}\n unitOptions=\"percent\"\n />\n </Col>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { ColorPickerField, EditTabField, SelectField, TextField } from '@extensions/components/Form';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { LinkOutlined } from '@ant-design/icons';\nimport { NavbarLinkPadding } from '@extensions/AttributePanel/components/attributes/NavbarLinkPadding';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { INavbar } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport {\n FontFamily,\n FontStyle,\n FontWeight,\n LetterSpacing,\n LineHeight,\n TextDecoration,\n TextTransform,\n} from '../../attributes';\nimport { pixelAdapter } from '../../adapter';\n\nexport function Navbar() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Layout')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Align />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={t('Navbar links')}\n >\n <Space\n orientation=\"vertical\"\n style={{ width: '100%' }}\n >\n <EditTabField\n tabPlacement=\"top\"\n name={`${focusIdx}.data.value.links`}\n label={t('Links')}\n labelHidden\n renderItem={(item: unknown, index: number) => (\n <NavbarLink\n item={item as INavbar['data']['value']['links'][number]}\n index={index}\n />\n )}\n additionItem={{\n src: 'https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg',\n target: '_blank',\n content: 'New link',\n color: '#1890ff',\n 'font-size': '13px',\n }}\n />\n <div />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\nfunction NavbarLink({\n index,\n}: {\n item: INavbar['data']['value']['links'][number];\n index: number;\n}) {\n const { focusIdx } = useFocusIdx();\n return (\n <div className=\"NavbarLink\">\n <Space\n orientation=\"vertical\"\n style={{ width: '100%' }}\n >\n <Row>\n <Col span={11}>\n <TextField\n label={t('Content')}\n name={`${focusIdx}.data.value.links.[${index}].content`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ColorPickerField\n label={t('Color')}\n name={`${focusIdx}.data.value.links.[${index}].color`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontFamily name={`${focusIdx}.data.value.links.[${index}].font-family`} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Font size (px)')}\n name={`${focusIdx}.data.value.links.[${index}].font-size`}\n config={pixelAdapter}\n autoComplete=\"off\"\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <LineHeight name={`${focusIdx}.data.value.links.[${index}].line-height`} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LetterSpacing\n name={`${focusIdx}.data.value.links.[${index}].letter-spacing`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextDecoration\n name={`${focusIdx}.data.value.links.[${index}].text-decoration`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontWeight name={`${focusIdx}.data.value.links.[${index}].font-weight`} />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextTransform\n name={`${focusIdx}.data.value.links.[${index}].text-transform`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n />\n </Row>\n <FontStyle name={`${focusIdx}.data.value.links.[${index}].font-style`} />\n <Row>\n <Col span={11}>\n <TextField\n prefix={<LinkOutlined />}\n label={<span>{t('Url')}</span>}\n name={`${focusIdx}.data.value.links.[${index}].href`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n style={{ minWidth: 65 }}\n label={t('Target')}\n name={`${focusIdx}.data.value.links.[${index}].target`}\n options={[\n {\n value: '_blank',\n label: t('_blank'),\n },\n {\n value: '_self',\n label: t('_self'),\n },\n ]}\n />\n </Col>\n </Row>\n <NavbarLinkPadding\n name={`${focusIdx}.data.value.links.[${index}].padding`}\n />\n <div />\n </Space>\n </div>\n );\n}\n","import React, { useMemo } from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport {\n EditGridTabField,\n ImageUploaderField,\n InputWithUnitField,\n RadioGroupField,\n TextField,\n} from '@extensions/components/Form';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { Color } from '@extensions/AttributePanel/components/attributes/Color';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { FontFamily } from '@extensions/AttributePanel/components/attributes/FontFamily';\nimport { FontSize } from '@extensions/AttributePanel/components/attributes/FontSize';\nimport { FontStyle } from '@extensions/AttributePanel/components/attributes/FontStyle';\nimport { FontWeight } from '@extensions/AttributePanel/components/attributes/FontWeight';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { TextDecoration } from '@extensions/AttributePanel/components/attributes/TextDecoration';\nimport { LineHeight } from '@extensions/AttributePanel/components/attributes/LineHeight';\nimport { useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { ISocial } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { LinkOutlined } from '@ant-design/icons';\n\nconst options = [\n {\n value: 'vertical',\n get label() {\n return 'vertical';\n },\n },\n {\n value: 'horizontal',\n get label() {\n return 'horizontal';\n },\n },\n];\n\nexport function Social() {\n const { focusIdx } = useFocusIdx();\n const { focusBlock } = useBlock();\n const value = focusBlock?.data.value as ISocial['data']['value'];\n if (!value) return null;\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={'Setting'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <RadioGroupField\n label={'Mode'}\n name={`${focusIdx}.attributes.mode`}\n options={options}\n />\n\n <Align />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={'Typography'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontSize />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <FontWeight />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LineHeight />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ContainerBackgroundColor title={'Background color'} />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <TextDecoration />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontStyle />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={t('Social item')}\n >\n <EditGridTabField\n tabPlacement=\"top\"\n name={`${focusIdx}.data.value.elements`}\n label=\"\"\n labelHidden\n renderItem={(item, index: number) => (\n <SocialElement\n item={item as ISocial['data']['value']['elements'][number]}\n index={index}\n />\n )}\n />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Dimension')}\n >\n <Space\n orientation=\"vertical\"\n size=\"large\"\n >\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.attributes.icon-size`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Border radius')}\n name={`${focusIdx}.attributes.border-radius`}\n />\n </Col>\n </Row>\n\n <Padding />\n <Padding\n attributeName=\"inner-padding\"\n title={t('Icon padding')}\n />\n <Padding\n attributeName=\"text-padding\"\n title={t('Text padding')}\n />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\nfunction SocialElement({\n index,\n}: {\n item: ISocial['data']['value']['elements'][0];\n index: number;\n}) {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, socialIcons, enableAssetManager } = useEditorProps();\n\n const autoCompleteOptions = useMemo(() => {\n if (!socialIcons) return undefined;\n return socialIcons.map(icon => {\n return {\n label: icon.content,\n value: icon.image,\n };\n });\n }, [socialIcons]);\n\n return (\n <Space orientation=\"vertical\" size=\"small\">\n <ImageUploaderField\n label={t('Image')}\n autoCompleteOptions={autoCompleteOptions}\n labelHidden\n name={`${focusIdx}.data.value.elements.[${index}].src`}\n //helpText={t('The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.')}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n\n <Row>\n <Col span={11}>\n <TextField\n label={t('Content')}\n name={`${focusIdx}.data.value.elements.[${index}].content`}\n quickchange\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n prefix={<LinkOutlined />}\n label={t('Link')}\n name={`${focusIdx}.data.value.elements.[${index}].href`}\n />\n </Col>\n </Row>\n {/* <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.data.value.elements.[${index}].icon-size`}\n />\n </Col>\n <Col offset={1} span={11}>\n <InputWithUnitField\n label={t('Icon height')}\n name={`${focusIdx}.data.value.elements.[${index}].icon-height`}\n />\n </Col>\n </Row> */}\n </Space>\n );\n}\n","import { AttributesPanelWrapper } from '@extensions/AttributePanel';\nimport { Collapse } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { t } from '@thanhpv102/easy-email-core';\nimport { Border } from '../../attributes/Border';\nimport { Color } from '../../attributes/Color';\nimport { ContainerBackgroundColor } from '../../attributes/ContainerBackgroundColor';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontStyle } from '../../attributes/FontStyle';\nimport { Padding } from '../../attributes/Padding';\nimport { TextAlign } from '../../attributes/TextAlign';\nimport { Width } from '../../attributes/Width';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { TextField } from '@extensions/components/Form';\nexport function Table() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Content')}\n >\n <TextField\n label={t('Content')}\n name={`${focusIdx}.data.value.content`}\n type='textarea'\n placeholder=\"Enter HTML table content\"\n />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Dimension')}\n >\n <Stack>\n <Width />\n </Stack>\n <Stack vertical>\n <Padding />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Decoration')}\n >\n <Color />\n <ContainerBackgroundColor />\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"3\"\n header={t('Typography')}\n >\n <Stack>\n <FontFamily />\n <FontSize />\n </Stack>\n <FontStyle />\n <TextAlign />\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\n","import { AttributesPanelWrapper } from '@extensions/AttributePanel';\nimport { Collapse } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { t } from '@thanhpv102/easy-email-core';\nimport { Color } from '../../attributes/Color';\nimport { ContainerBackgroundColor } from '../../attributes/ContainerBackgroundColor';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { FontSize } from '../../attributes/FontSize';\nimport { Padding } from '../../attributes/Padding';\nimport { Width } from '../../attributes/Width';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { ColorPickerField, NumberField, SelectField, TextField } from '@extensions';\nimport { pixelAdapter } from '../../adapter';\n\nexport function AdvancedTable() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Table Settings')}\n >\n <div style={{ fontSize: 12, color: '#666', marginBottom: 8 }}>\n {t('Click on the table to edit cells, right click for add/remove rows and columns')}\n </div>\n <NumberField\n label={t('Cell padding (px)')}\n name={`${focusIdx}.attributes.cellPadding`}\n config={pixelAdapter}\n max={50}\n min={0}\n step={1}\n />\n <ColorPickerField\n label={t('Cell border color')}\n name={`${focusIdx}.attributes.cellBorderColor`}\n key={`${focusIdx}.attributes.cellBorderColor`}\n />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={t('Dimension')}\n >\n <Stack>\n <Width />\n </Stack>\n <Stack vertical>\n <Padding />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={t('Decoration')}\n >\n <Color />\n <ContainerBackgroundColor />\n <TextField\n label={t('Table border')}\n name={`${focusIdx}.attributes.border`}\n />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Typography')}\n >\n <Stack>\n <FontFamily />\n <FontSize />\n </Stack>\n <Stack>\n <SelectField\n label={t('Font style')}\n name={`${focusIdx}.attributes.font-style`}\n options={[\n { value: 'normal', label: t('Normal') },\n { value: 'italic', label: t('Italic') },\n { value: 'oblique', label: t('Oblique') },\n ]}\n />\n <SelectField\n label={t('Text align')}\n name={`${focusIdx}.attributes.text-align`}\n options={[\n { value: 'left', label: t('Left') },\n { value: 'center', label: t('Center') },\n { value: 'right', label: t('Right') },\n ]}\n />\n </Stack>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import { Page } from './Page';\nimport { Section } from './Section';\nimport { Column } from './Column';\nimport { Text } from './Text';\nimport { Image } from './Image';\nimport { Group } from './Group';\nimport { Button } from './Button';\nimport { Divider } from './Divider';\nimport { Wrapper } from './Wrapper';\nimport { Spacer } from './Spacer';\n\nimport { Raw } from './Raw';\nimport { Accordion } from './Accordion';\nimport { AccordionElement } from './AccordionElement';\nimport { AccordionTitle } from './AccordionTitle';\nimport { AccordionText } from './AccordionText';\nimport { Carousel } from './Carousel';\nimport { Hero } from './Hero';\nimport { Navbar } from './Navbar';\nimport { Social } from './Social';\nimport { Table } from './Table';\nimport { BasicType, AdvancedType } from '@thanhpv102/easy-email-core';\nimport { AdvancedTable } from './AdvancedTable';\n\nexport const blocks = {\n [BasicType.PAGE]: Page,\n [BasicType.SECTION]: Section,\n [BasicType.COLUMN]: Column,\n [BasicType.TEXT]: Text,\n [BasicType.IMAGE]: Image,\n [BasicType.GROUP]: Group,\n [BasicType.BUTTON]: Button,\n [BasicType.DIVIDER]: Divider,\n [BasicType.WRAPPER]: Wrapper,\n [BasicType.SPACER]: Spacer,\n [BasicType.RAW]: Raw,\n [BasicType.ACCORDION]: Accordion,\n [BasicType.ACCORDION_ELEMENT]: AccordionElement,\n [BasicType.ACCORDION_TITLE]: AccordionTitle,\n [BasicType.ACCORDION_TEXT]: AccordionText,\n [BasicType.CAROUSEL]: Carousel,\n [BasicType.HERO]: Hero,\n [BasicType.NAVBAR]: Navbar,\n [BasicType.SOCIAL]: Social,\n [BasicType.TABLE]: Table,\n\n [AdvancedType.TEXT]: Text,\n [AdvancedType.IMAGE]: Image,\n [AdvancedType.BUTTON]: Button,\n [AdvancedType.DIVIDER]: Divider,\n [AdvancedType.SPACER]: Spacer,\n [AdvancedType.ACCORDION]: Accordion,\n [AdvancedType.CAROUSEL]: Carousel,\n [AdvancedType.NAVBAR]: Navbar,\n [AdvancedType.SOCIAL]: Social,\n [AdvancedType.TABLE]: AdvancedTable,\n\n [AdvancedType.HERO]: Hero,\n [AdvancedType.WRAPPER]: Wrapper,\n [AdvancedType.SECTION]: Section,\n [AdvancedType.GROUP]: Group,\n [AdvancedType.COLUMN]: Column,\n};\n","import { blocks } from '../components/blocks';\nimport { ReactNode } from 'react';\n\ntype ObjectComponent = { [key: string]: (...args: any) => ReactNode };\n\nexport class BlockAttributeConfigurationManager {\n private static map: ObjectComponent = { ...blocks };\n\n public static add(componentMap: ObjectComponent) {\n Object.keys(componentMap).forEach(name => {\n this.map[name] = componentMap[name];\n });\n }\n\n public static get<T extends ObjectComponent>(name: keyof T): () => React.ReactElement | null {\n return (this.map as any)[name];\n }\n\n public static getMap() {\n return this.map;\n }\n}\n","export const RICH_TEXT_TOOL_BAR = 'Tools';\r\nexport const RICH_TEXT_POPUP_CONTAINER_ID = 'easy-email-rich-text-popup-container';\r\n\r\n","/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport { RICH_TEXT_TOOL_BAR, RICH_TEXT_POPUP_CONTAINER_ID } from '@extensions/constants';\nimport { getShadowRoot } from '@thanhpv102/easy-email-editor';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nexport const SelectionRangeContext = React.createContext<{\n selectionRange: Range | null;\n setSelectionRange: React.Dispatch<React.SetStateAction<Range | null>>;\n}>({\n selectionRange: null,\n setSelectionRange: () => {},\n});\n\nexport const SelectionRangeProvider: React.FC<{\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const [selectionRange, setSelectionRange] = useState<Range | null>(null);\n\n useEffect(() => {\n const getSelectionFromShadowRoot = (shadowRoot: ShadowRoot): Selection | null => {\n // Chrome supports getSelection() directly on ShadowRoot.\n if ('getSelection' in shadowRoot) {\n return (shadowRoot as unknown as Document).getSelection();\n }\n // Firefox: use document.getSelection() but only when the anchor is\n // actually inside the shadow root (avoids stale light-DOM selections).\n const sel = document.getSelection();\n if (sel && sel.rangeCount > 0 && shadowRoot.contains(sel.anchorNode)) {\n return sel;\n }\n return sel;\n };\n\n const applySelection = (shadowRoot: ShadowRoot) => {\n try {\n const selection = getSelectionFromShadowRoot(shadowRoot);\n\n if (!selection || selection.rangeCount === 0) return;\n\n const range = selection.getRangeAt(0);\n if (!range) return;\n\n // Ignore selections whose container is outside the shadow root.\n // This prevents stale light-DOM selections in Firefox from being used.\n if (!shadowRoot.contains(range.commonAncestorContainer)) return;\n\n const toolbar = shadowRoot.getElementById(RICH_TEXT_TOOL_BAR);\n if (toolbar && toolbar.contains(range.commonAncestorContainer)) return;\n const popupContainer = shadowRoot.getElementById(RICH_TEXT_POPUP_CONTAINER_ID);\n if (popupContainer && popupContainer.contains(range.commonAncestorContainer)) return;\n\n // If the range is collapsed (cursor only), make sure the active element\n // is still the contenteditable editor – not a toolbar control or popup\n // input that stole focus and left a stale collapsed range in the editor.\n if (range.collapsed) {\n const activeEl = shadowRoot.activeElement;\n if (activeEl) {\n if (toolbar && toolbar.contains(activeEl)) return;\n if (popupContainer && popupContainer.contains(activeEl)) return;\n }\n }\n\n setSelectionRange(range);\n } catch {}\n };\n\n const shadowRoot = getShadowRoot();\n\n // --- Mouse tracking ---\n // We track clicks to distinguish:\n // single-click drag → read on mouseup (via 0ms timeout)\n // double-click → read via dblclick AFTER Firefox expands word selection\n let isMouseDown = false;\n let pendingDblClickTimer: ReturnType<typeof setTimeout> | null = null;\n // Flag set between mouseup and dblclick to suppress selectionchange during\n // that window (Firefox fires selectionchange with wrong ranges here).\n let suppressSelectionChange = false;\n\n const onMouseDown = (e: Event) => {\n const target = e.target as Node | null;\n const toolbar = shadowRoot.getElementById(RICH_TEXT_TOOL_BAR);\n const popupContainer = shadowRoot.getElementById(RICH_TEXT_POPUP_CONTAINER_ID);\n if ((toolbar && target && toolbar.contains(target)) ||\n (popupContainer && target && popupContainer.contains(target))) {\n return;\n }\n isMouseDown = true;\n suppressSelectionChange = false;\n };\n\n const onMouseUp = (e: Event) => {\n isMouseDown = false;\n // If the click is on the toolbar or a popup container, skip updating the\n // selection – we want to preserve the cursor/selection in the editor.\n const target = e.target as Node | null;\n const toolbar = shadowRoot.getElementById(RICH_TEXT_TOOL_BAR);\n const popupContainer = shadowRoot.getElementById(RICH_TEXT_POPUP_CONTAINER_ID);\n if ((toolbar && target && toolbar.contains(target)) ||\n (popupContainer && target && popupContainer.contains(target))) {\n return;\n }\n // Suppress selectionchange briefly after mouseup in case a dblclick\n // follows – Firefox fires bad intermediate selectionchange events in\n // the gap between mouseup and dblclick.\n suppressSelectionChange = true;\n pendingDblClickTimer = setTimeout(() => {\n pendingDblClickTimer = null;\n suppressSelectionChange = false;\n applySelection(shadowRoot);\n }, 0);\n };\n\n const onDblClick = (e: Event) => {\n // Cancel the mouseup timer – we handle the selection here instead.\n if (pendingDblClickTimer !== null) {\n clearTimeout(pendingDblClickTimer);\n pendingDblClickTimer = null;\n }\n\n // Firefox-specific workaround: when the user double-clicks inside an\n // <a> element that is itself inside a contenteditable, Firefox sometimes\n // selects the text node *before* the <a> rather than the text inside it.\n // Detect this and manually build a correct selection for the <a> content.\n const target = e.target as Node | null;\n const anchorEl = target instanceof HTMLAnchorElement\n ? target\n : (target as Element | null)?.closest?.('a') ?? null;\n\n if (anchorEl && anchorEl.firstChild) {\n try {\n const sel = document.getSelection();\n if (sel) {\n // Check if Firefox gave us a bad selection (anchor outside <a>).\n const isBadSelection =\n sel.rangeCount === 0 ||\n !anchorEl.contains(sel.anchorNode);\n\n if (isBadSelection) {\n suppressSelectionChange = false;\n // Manually select all text inside the <a> element.\n // Prefer setBaseAndExtent (supported in Firefox and Chrome) for\n // selecting nodes inside shadow DOM, as addRange can be unreliable.\n const firstChild = anchorEl.firstChild;\n const lastChild = anchorEl.lastChild ?? firstChild;\n const endOffset =\n lastChild.nodeType === Node.TEXT_NODE\n ? (lastChild as Text).length\n : (lastChild as Element).childNodes.length;\n if (typeof sel.setBaseAndExtent === 'function') {\n sel.setBaseAndExtent(firstChild, 0, lastChild, endOffset);\n } else {\n const newRange = document.createRange();\n newRange.selectNodeContents(anchorEl);\n sel.removeAllRanges();\n sel.addRange(newRange);\n }\n applySelection(shadowRoot);\n return;\n }\n }\n } catch {}\n }\n\n // Use a short delay: Firefox finishes word-boundary expansion of a\n // double-click selection right around the dblclick event, but reading\n // immediately can still catch an intermediate state.\n setTimeout(() => {\n suppressSelectionChange = false;\n applySelection(shadowRoot);\n }, 0);\n };\n\n const onSelectionChange = () => {\n // Suppress during mouse-down or during the mouseup→dblclick window.\n if (isMouseDown || suppressSelectionChange) return;\n applySelection(shadowRoot);\n };\n\n // mousedown / mouseup / dblclick on the shadow root for mouse selections.\n shadowRoot?.addEventListener('mousedown', onMouseDown);\n shadowRoot?.addEventListener('mouseup', onMouseUp);\n shadowRoot?.addEventListener('dblclick', onDblClick);\n\n // selectionchange handles keyboard-driven selections (shift+arrows, etc.)\n document.addEventListener('selectionchange', onSelectionChange);\n shadowRoot?.addEventListener('selectionchange', onSelectionChange);\n\n return () => {\n if (pendingDblClickTimer !== null) clearTimeout(pendingDblClickTimer);\n shadowRoot?.removeEventListener('mousedown', onMouseDown);\n shadowRoot?.removeEventListener('mouseup', onMouseUp);\n shadowRoot?.removeEventListener('dblclick', onDblClick);\n document.removeEventListener('selectionchange', onSelectionChange);\n shadowRoot?.removeEventListener('selectionchange', onSelectionChange);\n };\n }, []);\n\n const value = useMemo(() => {\n return {\n selectionRange,\n setSelectionRange,\n };\n }, [selectionRange]);\n\n return useMemo(() => {\n return (\n <SelectionRangeContext.Provider value={value}>\n {props.children}\n </SelectionRangeContext.Provider>\n );\n }, [props.children, value]);\n};\n","import { DATA_CONTENT_EDITABLE_IDX } from '@thanhpv102/easy-email-editor';\nimport { IBoundaryRect, IBoundingPosition, IOperationData } from './type';\nimport { AdvancedTableBlock } from '@thanhpv102/easy-email-core';\n\nconst getEditorElementClientRect = (target: Element) => {\n const el = target as HTMLElement;\n const r = el.getBoundingClientRect();\n return {\n left: r.left,\n top: r.top,\n width: r.width,\n height: r.height,\n };\n};\n\nconst getBoundaryFromRects = (startRect: any, endRect: any) => {\n let left = Math.min(\n startRect.left,\n endRect.left,\n startRect.left + startRect.width,\n endRect.left + endRect.width,\n );\n\n let right = Math.max(\n startRect.left,\n endRect.left,\n startRect.left + startRect.width,\n endRect.left + endRect.width,\n );\n\n let top = Math.min(\n startRect.top,\n endRect.top,\n startRect.top + startRect.height,\n endRect.top + endRect.height,\n );\n\n let bottom = Math.max(\n startRect.top,\n endRect.top,\n startRect.top + startRect.height,\n endRect.top + endRect.height,\n );\n\n let width = right - left;\n let height = bottom - top;\n\n return { top, bottom, left, right, width, height };\n};\n\nconst ERROR_LIMIT = 2;\n\nconst getCorrectBoundary = (el: Element, currentBoundary: IBoundaryRect) => {\n const tableEl = el.parentElement?.parentElement?.parentElement;\n if (!tableEl) {\n return null;\n }\n let leftTopCell = el;\n let bottomRightCell = el;\n let leftTopRect = getEditorElementClientRect(el);\n let bottomRightRect = leftTopRect;\n\n const tableCells = tableEl.querySelectorAll('td');\n const tableCellRects = [] as any[];\n tableCells.forEach(tableCell => {\n // TODO: reduce calculation: cache table rect, use table rect diff all td rect boundary\n const { left, top, height, width } = getEditorElementClientRect(tableCell);\n tableCellRects.push({ left, top, height, width });\n let isIntersected =\n ((left + ERROR_LIMIT >= currentBoundary.left &&\n left + ERROR_LIMIT <= currentBoundary.right) ||\n (left - ERROR_LIMIT + width >= currentBoundary.left &&\n left - ERROR_LIMIT + width <= currentBoundary.right)) &&\n ((top + ERROR_LIMIT >= currentBoundary.top &&\n top + ERROR_LIMIT <= currentBoundary.bottom) ||\n (top - ERROR_LIMIT + height >= currentBoundary.top &&\n top - ERROR_LIMIT + height <= currentBoundary.bottom));\n if (isIntersected) {\n currentBoundary = getBoundaryFromRects(currentBoundary, {\n left,\n top,\n height,\n width,\n });\n }\n });\n\n tableCells.forEach((tableCell, index) => {\n const { left, top, height, width } = tableCellRects[index];\n let isIntersected =\n ((left + ERROR_LIMIT >= currentBoundary.left &&\n left + ERROR_LIMIT <= currentBoundary.right) ||\n (left - ERROR_LIMIT + width >= currentBoundary.left &&\n left - ERROR_LIMIT + width <= currentBoundary.right)) &&\n ((top + ERROR_LIMIT >= currentBoundary.top &&\n top + ERROR_LIMIT <= currentBoundary.bottom) ||\n (top - ERROR_LIMIT + height >= currentBoundary.top &&\n top - ERROR_LIMIT + height <= currentBoundary.bottom));\n if (!isIntersected) {\n return;\n }\n\n if (top <= leftTopRect.top && left <= leftTopRect.left) {\n leftTopRect = tableCellRects[index];\n leftTopCell = tableCell;\n }\n if (\n top === leftTopRect.top + ERROR_LIMIT ||\n (top === leftTopRect.top && left <= leftTopRect.left)\n ) {\n leftTopRect = tableCellRects[index];\n leftTopCell = tableCell;\n }\n if (\n top + height > bottomRightRect.top + bottomRightRect.height + ERROR_LIMIT ||\n (top + height === bottomRightRect.top + bottomRightRect.height &&\n left + width >= bottomRightRect.left + bottomRightRect.width)\n ) {\n bottomRightRect = tableCellRects[index];\n bottomRightCell = tableCell;\n }\n });\n\n return { leftTopCell, bottomRightCell, boundary: currentBoundary };\n};\n\n// get selected boundary and correct let-top-dom, right-bottom-dom\nexport const getBoundaryRectAndElement = (el1: Element, el2: Element) => {\n const rect1 = getEditorElementClientRect(el1);\n const rect2 = getEditorElementClientRect(el2);\n\n const boundary = getBoundaryFromRects(rect1, rect2);\n\n return getCorrectBoundary(el1, boundary);\n};\n\nexport function setStyle(domNode: any, rules: any) {\n if (typeof rules === 'object') {\n for (let prop in rules) {\n domNode.style[prop] = rules[prop];\n }\n }\n}\n\nexport const getCurrentTable = (target: Element) => {\n let parentNode = target.parentNode;\n while (parentNode) {\n if (parentNode.nodeName === 'TABLE') {\n return parentNode;\n }\n parentNode = parentNode.parentNode;\n }\n return parentNode;\n};\n\nexport const getElementsBoundary = (el1: Element, el2: Element): IBoundingPosition => {\n const rect1 = el1.getBoundingClientRect();\n const rect2 = el2.getBoundingClientRect();\n\n const left = Math.min(rect1.left, rect2.left);\n const right = Math.max(rect1.right, rect2.right);\n const bottom = Math.max(rect1.bottom, rect2.bottom);\n const top = Math.min(rect1.top, rect2.top);\n\n return { left, top, right, bottom };\n};\n\nexport const checkEventInBoundingRect = (\n rect: IBoundingPosition,\n { x, y }: { x: number; y: number },\n) => {\n return x >= rect.left && x <= rect.right && y <= rect.bottom && y >= rect.top;\n};\n\nexport const getCellAttr = (el: Element, attrName: string) => {\n const value = el.getAttribute(attrName);\n\n return Number(value || 0);\n};\n\nconst getCellIndex = (cellElement: Element) => {\n let idxName = cellElement.getAttribute(DATA_CONTENT_EDITABLE_IDX) as string;\n idxName = idxName.split('data.value.tableSource.')[1].split('.content')[0];\n\n return idxName.split('.').map(e => Number(e));\n};\n\nexport const getTdBoundaryIndex = (leftTopCell: Element, bottomRightCell: Element) => {\n const idx1 = getCellIndex(leftTopCell);\n const idx2 = getCellIndex(bottomRightCell);\n\n const top = idx1[0];\n const left = idx1[1];\n const right = idx2[1];\n const bottom = idx2[0];\n\n return { left, top, right, bottom };\n};\n\nexport const getCorrectTableIndexBoundary = (\n tableIndexBoundary: IBoundingPosition,\n tableData: IOperationData[][],\n) => {\n let { left, right, top, bottom } = tableIndexBoundary;\n // set top, bottom index\n tableData.forEach((tr, trIndex) => {\n tr.forEach(td => {\n td.top = trIndex;\n td.bottom = trIndex + (td.rowSpan || 1) - 1;\n });\n });\n // set right ,left index\n const maxTdCount = getMaxTdCount(tableData);\n const mergedCells = [] as [number, number][]; // [trIndex, tdIndex]\n Array.from({ length: maxTdCount }).forEach((_, tdIndex) => {\n tableData.forEach((tr, trIndex) => {\n const mergedCell = mergedCells.find(e => e[0] === trIndex && e[1] === tdIndex);\n if (mergedCell) {\n return;\n }\n const mergedTds = mergedCells.filter(e => e[0] === trIndex && e[1] < tdIndex);\n const _tdIndex = tdIndex - mergedTds.length;\n const td = tr[_tdIndex];\n if (!td) {\n console.error('error case, should fix this error.');\n return;\n }\n const rowSpan = td.rowSpan || 1;\n const colSpan = td.colSpan || 1;\n td.left = tdIndex;\n td.right = tdIndex + colSpan - 1;\n\n if (rowSpan > 1 || colSpan > 1) {\n Array.from({ length: rowSpan }).forEach((_, rowSpanIndex) => {\n Array.from({ length: colSpan }).forEach((_, colSpanIndex) => {\n if (rowSpanIndex === 0 && colSpanIndex === 0) {\n return;\n }\n mergedCells.push([trIndex + rowSpanIndex, tdIndex + colSpanIndex]);\n });\n });\n }\n });\n });\n\n tableIndexBoundary.left = tableData?.[top]?.[left]?.left || 0;\n tableIndexBoundary.right = tableData?.[bottom]?.[right]?.right || 0;\n tableIndexBoundary.bottom = tableData?.[bottom]?.[right]?.bottom || 0;\n tableIndexBoundary.top = tableData?.[top]?.[left]?.top || 0;\n\n return tableIndexBoundary;\n};\n\nexport const getMaxTdCount = (\n tableData: AdvancedTableBlock['data']['value']['tableSource'],\n) => {\n let tdCount = 1;\n tableData.forEach(tr => {\n let _tdCount = tr.reduce((count, td) => count + (td.colSpan || 1), 0);\n if (_tdCount > tdCount) {\n tdCount = _tdCount;\n }\n });\n return tdCount;\n};\n",".easy-email-table-operation-menu {\n background-color: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n font-size: 14px;\n z-index: 100;\n overflow: hidden;\n border-radius: 4px;\n padding: 4px 0;\n\n .easy-email-table-operation-menu-dividing {\n height: 1px;\n background-color: #efefef;\n }\n\n .easy-email-table-operation-color-picker {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: 0 16px 10px;\n background-color: #fff;\n overflow: hidden;\n\n .easy-email-table-operation-color-picker-item {\n width: 20px;\n height: 20px;\n border: 1px solid #595959;\n margin-right: 5px;\n margin-bottom: 5px;\n cursor: pointer;\n }\n }\n\n .easy-email-table-operation-menu-item {\n display: flex;\n align-items: center;\n padding: 10px 16px;\n line-height: 18px;\n background-color: #fff;\n cursor: pointer;\n color: #595959;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover {\n background-color: #efefef;\n }\n\n .easy-email-table-operation-menu-icon {\n margin-right: 8px;\n height: 20px;\n width: 20px;\n font-size: 0;\n }\n }\n\n .easy-email-table-operation-menu-bg-item {\n padding: 10px 16px;\n background-color: #fff;\n color: #595959;\n\n > div:nth-child(2) {\n margin-top: 4px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n\n .arco-input-inner-wrapper {\n box-shadow: none;\n }\n .arco-btn-size-default {\n padding: 0 12px;\n }\n\n .arco-input-group {\n display: flex;\n .arco-input-inner-wrapper {\n flex: 1;\n }\n .arco-input-group-addafter {\n height: 100%;\n width: auto;\n }\n }\n }\n\n &-color {\n height: 28px;\n width: 28px;\n flex-shrink: 0;\n border: 1px solid var(--color-neutral-3, rgb(229, 230, 235));\n border-right: none;\n padding: 4px;\n cursor: pointer;\n position: relative;\n\n > div {\n height: 100%;\n width: 100%;\n border: 1px solid var(--color-neutral-3, rgb(229, 230, 235));\n border-radius: 2px;\n }\n input {\n cursor: pointer;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n left: 0;\n top: 0;\n opacity: 0;\n }\n }\n }\n}\n","import { Input } from 'antd';\nimport React, { useEffect } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { useState } from 'react';\n\ninterface CellBackgroundSelectorProps {\n bgColorHandler: (color: string) => void;\n rootDom: Element;\n}\n\nconst CellBackgroundSelector: React.FC<CellBackgroundSelectorProps> = ({\n bgColorHandler,\n rootDom,\n}) => {\n const [color, setColor] = useState('#ffffff');\n\n useEffect(() => {\n if (!rootDom) {\n return;\n }\n const observer = new ResizeObserver(() => {\n setColor('#ffffff');\n });\n observer.observe(rootDom);\n return () => {\n observer.disconnect();\n };\n }, [rootDom]);\n\n return (\n <div\n onClick={e => e.stopPropagation()}\n className='easy-email-table-operation-menu-bg-item'\n >\n <div>{t('Set Background Color')}</div>\n <div>\n <div className='easy-email-table-operation-menu-bg-item-color'>\n <div style={{ backgroundColor: color }} />\n <input\n type='color'\n value={color}\n onChange={e => setColor(e.target.value)}\n />\n </div>\n <Input.Search\n enterButton={t('Set')}\n onSearch={() => bgColorHandler(color)}\n value={color}\n onKeyDown={e => e.stopPropagation()}\n onChange={e => setColor(e.target.value)}\n />\n </div>\n </div>\n );\n};\n\nconst getCellBackgroundSelectorRoot = (\n bgColorHandler: CellBackgroundSelectorProps['bgColorHandler'],\n rootDom: Element,\n) => {\n const node = document.createElement('div');\n\n const root = createRoot(node);\n root.render(\n <CellBackgroundSelector\n bgColorHandler={bgColorHandler}\n rootDom={rootDom}\n />,\n );\n return node;\n};\n\nexport default getCellBackgroundSelectorRoot;\n","import getCellBackgroundSelectorRoot from './tableCellBgSelector';\nimport TableOperationMenu from './tableOperationMenu';\nimport { IOperationData } from './type';\n\nconst MENU_CONFIG = {\n insertColumnRight: {\n text: 'Insert column right',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M73.142857 336.64h526.628572v43.885714H73.142857zM73.142857 643.657143h526.628572v43.885714H73.142857zM336.457143 117.028571h43.885714v789.942858h-43.885714zM204.8 73.142857h614.4a131.657143 131.657143 0 0 1 131.657143 131.657143v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.84 131.84 0 0 1 204.8 73.142857z m0 43.885714a87.771429 87.771429 0 0 0-87.771429 87.771429v614.4a87.771429 87.771429 0 0 0 87.771429 87.771429h614.4a87.771429 87.771429 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM819.2 73.142857h-219.428571v877.714286h219.428571a131.657143 131.657143 0 0 0 131.657143-131.657143V204.8A131.84 131.84 0 0 0 819.2 73.142857z m44.068571 460.982857h-65.828571v65.828572H753.371429v-65.828572h-65.828572V490.057143h65.828572v-65.828572h44.068571v65.828572h65.828571z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const right = _this.tableIndexBoundary.right;\n\n _this.tableData.forEach(tr => {\n if (right === _this.maxTdCount - 1) {\n tr.push({ content: '-' } as IOperationData);\n return;\n }\n if (tr.length === 0) {\n return tr.push({ content: '-' } as IOperationData);\n }\n for (let index = 0; index < tr.length; index++) {\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n\n if (tdRight === right) {\n tr.splice(index + 1, 0, { content: '-' } as IOperationData);\n break;\n }\n if (tdLeft <= right && tdRight > right && tr[index].colSpan) {\n tr[index].colSpan = (tr[index].colSpan || 1) + 1;\n break;\n }\n // pre cell intersect current cell.\n if (tdLeft > right && tdLeft - 1 === right) {\n tr.splice(index, 0, { content: '-' } as IOperationData);\n break;\n }\n if (tdLeft > right) {\n break;\n }\n }\n });\n _this.changeTableData?.(_this.tableData);\n },\n },\n insertColumnLeft: {\n text: 'Insert column left',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M380.342857 336.457143h526.811429v43.885714H380.342857z m0 307.2h526.811429v43.885714H380.342857zM643.657143 117.028571h43.885714v789.942858h-43.885714zM204.8 73.142857h614.582857A131.474286 131.474286 0 0 1 950.857143 204.8v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.657143 131.657143 0 0 1 204.8 73.142857z m0 43.885714a87.588571 87.588571 0 0 0-87.588571 87.771429v614.4a87.588571 87.588571 0 0 0 87.588571 87.771429h614.582857a87.771429 87.771429 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM204.8 73.142857A131.657143 131.657143 0 0 0 73.142857 204.8v614.4a131.657143 131.657143 0 0 0 131.657143 131.657143h219.428571V73.142857z m131.84 460.8h-65.828571v65.828572h-43.885715v-65.828572h-65.828571v-43.885714h65.828571v-65.828572h43.885715v65.828572h65.828571z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const left = _this.tableIndexBoundary.left;\n _this.tableData.forEach(tr => {\n if (left === 0) {\n tr.unshift({ content: '-' } as IOperationData);\n return;\n }\n if (tr.length === 0) {\n return tr.push({ content: '-' } as IOperationData);\n }\n for (let index = 0; index < tr.length; index++) {\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n if (tdLeft === left) {\n tr.splice(index, 0, { content: '-' } as IOperationData);\n break;\n }\n // pre cell intersect current cell.\n if (tdLeft < left && tdRight >= left && tr[index].colSpan) {\n tr[index].colSpan = (tr[index].colSpan || 1) + 1;\n break;\n }\n // pre cell intersect current cell.\n if (tdLeft > left && tr[index - 1] && (tr[index - 1].right || 0) + 1 === left) {\n tr.splice(index, 0, { content: '-' } as IOperationData);\n break;\n }\n if (tdLeft > left) {\n break;\n }\n }\n });\n _this.changeTableData?.(_this.tableData);\n },\n },\n insertRowUp: {\n text: 'Insert row up',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M73.142857 599.771429h877.714286v43.885714H73.142857zM336.457143 380.342857h43.885714v526.628572h-43.885714z m307.2 0h43.885714v526.628572h-43.885714zM204.8 73.142857h614.4a131.657143 131.657143 0 0 1 131.657143 131.657143v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.657143 131.657143 0 0 1 204.8 73.142857z m0 43.885714a87.771429 87.771429 0 0 0-87.771429 87.771429v614.4a87.588571 87.588571 0 0 0 87.771429 87.771429h614.4a87.588571 87.588571 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM819.2 73.142857H204.8A131.657143 131.657143 0 0 0 73.142857 204.8v219.428571h877.714286v-219.428571A131.657143 131.657143 0 0 0 819.2 73.142857z m-219.428571 197.485714h-65.828572v65.828572h-43.885714v-65.828572h-65.828572v-43.885714h65.828572V160.914286h43.885714v65.828571h65.828572z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const top = _this.tableIndexBoundary.top;\n let maxTdCount = _this.maxTdCount;\n if (_this.tableData[top].length < maxTdCount) {\n // update pre cell row span\n for (let index = top - 1; index > -1; index--) {\n const tr = _this.tableData[index];\n tr.forEach((td) => {\n if (td.bottom && td.bottom >= top) {\n td.rowSpan = (td.rowSpan || 1) + 1;\n maxTdCount -= td.colSpan || 1;\n }\n });\n if (tr.length === maxTdCount) {\n break;\n }\n }\n }\n _this.addRow(top, maxTdCount);\n },\n },\n insertRowDown: {\n text: 'Insert row down',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M204.8 73.142857h614.4a131.657143 131.657143 0 0 1 131.657143 131.657143v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.84 131.84 0 0 1 204.8 73.142857z m0 43.885714a87.771429 87.771429 0 0 0-87.771429 87.771429v614.4a87.771429 87.771429 0 0 0 87.771429 87.771429h614.4a87.771429 87.771429 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM73.142857 336.457143h877.714286v44.068571H73.142857zM336.64 117.028571h43.885714v526.628572h-43.885714z m307.017143 0h44.068571v526.628572H643.657143zM73.142857 599.771429v219.428571a131.657143 131.657143 0 0 0 131.657143 131.657143h614.4a131.657143 131.657143 0 0 0 131.657143-131.657143v-219.428571z m526.628572 197.485714h-65.645715v65.828571H490.057143v-65.828571h-65.828572v-43.885714h65.828572v-65.828572h44.068571v65.828572h65.645715z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n let addCount = _this.maxTdCount;\n const bottom = _this.tableIndexBoundary.bottom;\n\n if (_this.tableData[bottom].length < _this.maxTdCount) {\n // update pre cell row span\n for (let index = bottom - 1; index > -1; index--) {\n const tr = _this.tableData[index];\n if (tr.length === _this.maxTdCount) {\n break;\n }\n tr.forEach((td) => {\n if (td.bottom && td.bottom > bottom) {\n td.rowSpan = (td.rowSpan || 1) + 1;\n addCount -= td.colSpan || 1;\n }\n });\n }\n }\n // If current Cell intersect next row, should add rowSpan and decrease tdCount\n _this.tableData[bottom].forEach(e => {\n if (e.rowSpan && e.rowSpan > 1) {\n e.rowSpan += 1;\n addCount -= e.colSpan || 1;\n }\n });\n\n _this.addRow(bottom + 1, addCount);\n },\n },\n\n splitCell: {\n text: 'Split cell',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.99596 99.038384c-25.470707-25.6-60.121212-39.822222-96.323233-39.822222H194.19798c-36.072727 0-70.723232 14.351515-96.323233 39.822222-25.6 25.6-39.822222 60.121212-39.822222 96.323232v635.474748c0 36.072727 14.351515 70.723232 39.822222 96.323232C123.474747 952.759596 158.125253 967.111111 194.19798 967.111111h635.474747c36.072727 0 70.723232-14.351515 96.323233-39.951515 25.6-25.6 39.951515-60.121212 39.951515-96.323232V195.361616c0-36.072727-14.351515-70.723232-39.951515-96.323232z m-277.850505 5.559596v226.909091H375.725253V104.59798h272.420202zM103.434343 195.361616c0-24.048485 9.567677-47.191919 26.634344-64.129293 17.066667-17.066667 40.080808-26.634343 64.129293-26.634343h136.145454v226.909091H103.434343V195.361616z m90.763637 726.367677c-24.048485 0-47.191919-9.567677-64.129293-26.634344-17.066667-17.066667-26.634343-40.080808-26.634344-64.129292V649.309091h226.909091v272.420202H194.19798z m181.527273 0V649.309091h272.290909v272.420202H375.725253z m544.711111-90.892929c0 24.048485-9.567677 47.191919-26.634344 64.129293-17.066667 17.066667-40.080808 26.634343-64.129293 26.634343H693.527273V649.309091h226.909091v181.527273zM693.527273 331.507071V104.59798h136.145454c24.048485 0 47.191919 9.567677 64.129293 26.634343 17.066667 17.066667 26.634343 40.080808 26.634344 64.129293v136.145455H693.527273z M490.057143 375.725253h43.885714v272.549494h-43.885714z M336.457143 468.114141h351.085714v43.885714H336.457143z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { top, left } = _this.tableIndexBoundary;\n\n const tr = _this.tableData[top];\n const cellIndex = tr.findIndex(td => td.left === left);\n if (cellIndex === -1) return;\n\n const cell = tr[cellIndex];\n const colSpan = cell.colSpan || 1;\n const rowSpan = cell.rowSpan || 1;\n\n if (colSpan === 1 && rowSpan === 1) return;\n\n const newCells: IOperationData[] = [];\n for (let c = 0; c < colSpan; c++) {\n newCells.push({ content: c === 0 ? cell.content : '-' } as IOperationData);\n }\n delete newCells[0].colSpan;\n delete newCells[0].rowSpan;\n\n tr.splice(cellIndex, 1, ...newCells);\n\n if (rowSpan > 1) {\n for (let r = 1; r < rowSpan; r++) {\n const targetRow = _this.tableData[top + r];\n if (!targetRow) continue;\n\n let insertIndex = targetRow.length;\n for (let i = 0; i < targetRow.length; i++) {\n const tdLeft = targetRow[i].left || 0;\n if (tdLeft >= left) {\n insertIndex = i;\n break;\n }\n }\n\n const cellsToInsert: IOperationData[] = [];\n for (let c = 0; c < colSpan; c++) {\n cellsToInsert.push({ content: '-' } as IOperationData);\n }\n targetRow.splice(insertIndex, 0, ...cellsToInsert);\n }\n }\n\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n mergeCells: {\n text: 'Merge selected cells',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.99596 99.038384c-25.470707-25.6-60.121212-39.822222-96.323233-39.822222H194.19798c-36.072727 0-70.723232 14.351515-96.323233 39.822222-25.6 25.6-39.822222 60.121212-39.822222 96.323232v635.474748c0 36.072727 14.351515 70.723232 39.822222 96.323232C123.474747 952.759596 158.125253 967.111111 194.19798 967.111111h635.474747c36.072727 0 70.723232-14.351515 96.323233-39.951515 25.6-25.6 39.951515-60.121212 39.951515-96.323232V195.361616c0-36.072727-14.351515-70.723232-39.951515-96.323232z m-277.850505 5.559596v226.909091H375.725253V104.59798h272.420202zM103.434343 195.361616c0-24.048485 9.567677-47.191919 26.634344-64.129293 17.066667-17.066667 40.080808-26.634343 64.129293-26.634343h136.145454v226.909091H103.434343V195.361616z m90.763637 726.367677c-24.048485 0-47.191919-9.567677-64.129293-26.634344-17.066667-17.066667-26.634343-40.080808-26.634344-64.129292V649.309091h226.909091v272.420202H194.19798z m181.527273 0V649.309091h272.290909v272.420202H375.725253z m544.711111-90.892929c0 24.048485-9.567677 47.191919-26.634344 64.129293-17.066667 17.066667-40.080808 26.634343-64.129293 26.634343H693.527273V649.309091h226.909091v181.527273zM693.527273 331.507071V104.59798h136.145454c24.048485 0 47.191919 9.567677 64.129293 26.634343 17.066667 17.066667 26.634343 40.080808 26.634344 64.129293v136.145455H693.527273z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { top, left, bottom, right } = _this.tableIndexBoundary;\n const leftTopItem = _this.tableData[top].find(\n e => e.left === left,\n ) as IOperationData;\n leftTopItem.rowSpan = bottom - top + 1;\n leftTopItem.colSpan = right - left + 1;\n\n _this.tableData.forEach((tr, trIndex) => {\n if (trIndex >= top && trIndex <= bottom) {\n // merge next cell, should add `<br />`.\n if (bottom > top && trIndex > top && trIndex <= bottom) {\n leftTopItem.content += '<br />';\n }\n const deletedIndex = [] as number[];\n tr.forEach((td, tdIndex) => {\n // current cell\n if (top === trIndex && left === td.left) {\n return;\n }\n // should merged cell\n if (td.left >= left && td.right <= right) {\n leftTopItem.content += ' ' + td.content;\n deletedIndex.push(tdIndex);\n }\n });\n // delete cell\n if (deletedIndex.length > 0) {\n tr.splice(\n deletedIndex[0],\n deletedIndex[deletedIndex.length - 1] - deletedIndex[0] + 1,\n );\n }\n }\n });\n\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n deleteColumn: {\n text: 'Delete selected columns',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.996 99.038c-25.47-25.6-60.121-39.822-96.323-39.822H194.198c-75.12 0.13-136.016 61.026-136.145 136.146v635.345c0 36.073 14.351 70.723 39.822 96.323 25.6 25.73 60.25 40.081 96.323 40.081h635.475c36.072 0 70.723-14.351 96.323-39.951 25.6-25.6 39.951-60.122 39.951-96.324V195.362c0-36.073-14.351-70.724-39.951-96.324z m-365.77 494.287L512 545.228l-48.226 48.097-32.194-31.935 48.355-48.226-48.226-48.097 32.194-32.194L512 480.97l48.097-48.097 32.194 32.194-48.097 48.097 48.226 48.226-32.194 31.935zM103.434 195.362c0-24.049 9.568-47.192 26.635-64.13 17.066-17.066 40.08-26.634 64.129-26.634h136.145v226.91H103.434V195.361z m0 181.656h226.91V649.31h-226.91V377.02z m90.764 544.84c-24.049 0-47.192-9.567-64.13-26.634-17.066-17.066-26.634-40.08-26.634-64.258V694.69h226.91v227.168H194.197z m726.238-90.763c0 24.048-9.438 47.192-26.505 64.259-17.066 17.066-40.21 26.634-64.258 26.505H693.527V694.69h226.91v136.404z m0-181.786H693.527V377.02h226.91v272.29zM693.527 331.507V104.598h136.146c24.048 0 47.192 9.438 64.258 26.505 17.067 17.067 26.635 40.21 26.505 64.259v136.145H693.527z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { left, right } = _this.tableIndexBoundary;\n _this.tableData.forEach(tr => {\n const deleteIds = [] as number[];\n for (let index = 0; index < tr.length; index++) {\n const td = tr[index];\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n const colSpan = td.colSpan || 1;\n if (tdLeft > right) {\n break;\n }\n if (tdLeft >= left && tdRight <= right) {\n deleteIds.push(index);\n }\n // operate one cell\n else if (tdLeft <= left && tdRight >= right) {\n td.colSpan = colSpan - (right - left) - 1;\n }\n // left insert cell\n else if (tdLeft > left && tdRight >= right) {\n td.colSpan = colSpan - (right - tdLeft) - 1;\n }\n // right insert cell\n else if (tdLeft < left && tdRight >= left) {\n td.colSpan = colSpan - (tdRight - left) - 1;\n }\n }\n if (deleteIds.length) {\n tr.splice(deleteIds[0], deleteIds[deleteIds.length - 1] - deleteIds[0] + 1);\n }\n });\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n deleteRow: {\n text: 'Delete selected rows',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.99596 99.038384c-25.470707-25.6-60.121212-39.822222-96.323233-39.822222H194.19798c-36.072727 0-70.723232 14.351515-96.323233 39.822222-25.6 25.6-39.822222 60.121212-39.822222 96.323232v635.474748c0 36.072727 14.351515 70.723232 39.822222 96.323232C123.474747 952.759596 158.125253 967.111111 194.19798 967.111111h635.474747c36.072727 0 70.723232-14.351515 96.323233-39.951515 25.6-25.6 39.951515-60.121212 39.951515-96.323232V195.361616c0-36.072727-14.351515-70.723232-39.951515-96.323232z m-550.270707 5.559596h272.290909v227.167677H375.725253V104.59798z m56.242424 360.468687l31.935353-32.19394 48.09697 48.226263 48.09697-48.226263 32.193939 32.19394-48.09697 48.096969 48.226263 48.226263-32.193939 31.935354-48.226263-48.09697-48.226263 48.09697-31.935353-31.935354 48.226262-48.226263-48.096969-48.096969zM103.434343 195.361616c0-24.048485 9.567677-47.191919 26.634344-64.129293 17.066667-17.066667 40.080808-26.634343 64.129293-26.634343h136.145454v227.167677H103.434343V195.361616z m817.002021 635.733333c0 24.048485-9.567677 47.191919-26.634344 64.258586-17.066667 17.066667-40.080808 26.634343-64.129293 26.634344H194.19798c-24.048485 0-47.191919-9.567677-64.258586-26.634344C112.872727 878.157576 103.434343 855.014141 103.434343 830.836364V694.690909h226.909091v226.909091h45.381819V694.690909h272.290909v226.909091h45.381818V694.690909h226.909091v136.40404z m0-499.329292H693.527273V104.59798h136.145454c24.048485 0 47.191919 9.567677 64.129293 26.634343 17.066667 17.066667 26.634343 40.080808 26.634344 64.129293v136.404041z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { top, bottom } = _this.tableIndexBoundary;\n const deleteCount = bottom - top + 1;\n // pre cell intersect current cell.\n for (let index = bottom - 1; index > -1; index--) {\n const tr = _this.tableData[index];\n tr.forEach((td) => {\n if (td.bottom && td.bottom >= top) {\n const deleteRowSpan = td.bottom >= bottom ? deleteCount : td.bottom - top + 1;\n td.rowSpan = (td.rowSpan || 1) - deleteRowSpan;\n }\n });\n }\n\n // current cell intersect next cell\n for (let index = top; index <= bottom; index++) {\n const tr = _this.tableData[index];\n tr.forEach((td) => {\n const rowSpan = td.rowSpan || 1;\n if (rowSpan - 1 + top > bottom) {\n const nextRowCell = { ...td, rowSpan: rowSpan - (bottom - top + 1) };\n const nextRow = _this.tableData[bottom + 1];\n if (nextRow) {\n const index = Array.from({ length: _this.maxTdCount }).findIndex(\n (_, index) => index === nextRowCell.left,\n );\n if (index > -1) {\n nextRow.splice(index, 0, nextRowCell);\n }\n }\n }\n });\n }\n\n _this.tableData.splice(_this.tableIndexBoundary.top, deleteCount);\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n setCellBg: {\n text: 'Set Background',\n render(tableOperationMenu: TableOperationMenu) {\n const bgColorHandler = this.handler.bind(tableOperationMenu);\n return getCellBackgroundSelectorRoot(\n bgColorHandler,\n tableOperationMenu.domNode!,\n );\n },\n handler(color: string) {\n const _this = this as unknown as TableOperationMenu;\n const { top, bottom, left, right } = _this.tableIndexBoundary;\n _this.tableData.forEach(tr => {\n for (let index = 0; index < tr.length; index++) {\n const td = tr[index];\n const tdTop = tr[index].top || 0;\n const tdBottom = tr[index].bottom || 0;\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n\n if (tdLeft > right) {\n break;\n }\n if (top <= tdTop && bottom >= tdBottom && left <= tdLeft && right >= tdRight) {\n td.backgroundColor = color;\n }\n }\n });\n _this.changeTableData?.(_this.tableData);\n _this.hide();\n },\n },\n};\n\nexport default MENU_CONFIG;\n","import { setStyle, getCorrectTableIndexBoundary, getMaxTdCount } from './util';\nimport styleText from './menu.scss?inline';\nimport { IBoundingPosition, IOperationData } from './type';\nimport MENU_CONFIG from './tableMenuConfig';\n\nconst MENU_HEIGHT = 305;\nconst MENU_WIDTH = 200;\n\nexport default class TableOperationMenu {\n menuItems = MENU_CONFIG;\n domNode: Element | undefined = undefined;\n styleDom?: HTMLStyleElement;\n visible = false;\n splitCellNode: HTMLElement | undefined = undefined;\n splitCellDivider: HTMLElement | undefined = undefined;\n\n changeTableData?: (e: IOperationData[][]) => void;\n tableData = undefined as unknown as IOperationData[][];\n tableIndexBoundary = undefined as unknown as IBoundingPosition;\n maxTdCount = 0;\n\n constructor() {\n this.menuInitial();\n this.mount();\n }\n\n mount() {\n if (this.domNode) {\n document.body.appendChild(this.domNode);\n }\n document.body.addEventListener('click', this.handleBodyClick.bind(this));\n }\n\n destroy() {\n this.domNode?.remove();\n if (this.styleDom) {\n document.head.removeChild(this.styleDom);\n }\n document.body.removeEventListener('click', this.handleBodyClick.bind(this));\n }\n\n handleBodyClick(e: MouseEvent) {\n // Ignore right-clicks — the menu should stay visible after being shown by a right-click\n if (e.button !== 0) return;\n this.hide();\n }\n\n hide() {\n if (!this.visible) {\n return;\n }\n this.visible = false;\n setStyle(this.domNode, {\n display: 'none',\n });\n }\n\n addRow(insertIndex: number, colCount: number) {\n const newRow = Array.from({ length: colCount }).map(() => ({ content: '-' }) as any);\n this.tableData.splice(insertIndex, 0, newRow);\n this.changeTableData?.(this.tableData);\n }\n\n setTableData(tableData: IOperationData[][]) {\n this.tableData = tableData || [];\n this.maxTdCount = getMaxTdCount(this.tableData);\n }\n\n setTableIndexBoundary(tableIndexBoundary: IBoundingPosition) {\n // get correct boundary index and set table-td boundary\n this.tableIndexBoundary = getCorrectTableIndexBoundary(\n tableIndexBoundary,\n this.tableData,\n );\n }\n\n showMenu({ x, y }: { x: number; y: number }) {\n this.visible = true;\n this.updateSplitCellVisibility();\n const maxHeight = window.innerHeight;\n const maxWidth = window.innerWidth;\n if (maxWidth - MENU_WIDTH < x) {\n x -= MENU_WIDTH;\n }\n if (maxHeight - MENU_HEIGHT < y) {\n y -= MENU_HEIGHT;\n }\n setStyle(this.domNode, {\n display: 'block',\n position: 'fixed',\n left: `${x}px`,\n top: `${y}px`,\n 'min-height': '150px',\n width: `${MENU_WIDTH}px`,\n Height: `${MENU_HEIGHT}px`,\n });\n }\n\n updateSplitCellVisibility() {\n if (!this.splitCellNode || !this.splitCellDivider) return;\n const { top, left, bottom, right } = this.tableIndexBoundary || {};\n // Show splitCell only when exactly one merged cell is selected.\n // A merged cell expands the boundary (right > left or bottom > top),\n // so we check that one cell's span exactly covers the whole boundary.\n let isMerged = false;\n if (this.tableData) {\n const tr = this.tableData[top];\n if (tr) {\n const cell = tr.find(td => td.left === left);\n if (cell) {\n const colSpan = cell.colSpan || 1;\n const rowSpan = cell.rowSpan || 1;\n // The cell is the only one selected if its span exactly matches the boundary\n const cellCoversFullBoundary =\n cell.left === left &&\n cell.right === right &&\n cell.top === top &&\n cell.bottom === bottom;\n isMerged = cellCoversFullBoundary && (colSpan > 1 || rowSpan > 1);\n }\n }\n }\n const display = isMerged ? '' : 'none';\n this.splitCellNode.style.display = display;\n this.splitCellDivider.style.display = display;\n }\n\n menuInitial() {\n this.styleDom = document.createElement('style');\n this.styleDom.innerText = styleText;\n document.head.appendChild(this.styleDom);\n\n this.domNode = document.createElement('div');\n this.domNode.classList.add('easy-email-table-operation-menu');\n setStyle(this.domNode, { display: 'none' });\n\n for (let name in this.menuItems) {\n const itemOption = (this.menuItems as any)[name];\n if (itemOption) {\n const itemNode = itemOption.render\n ? itemOption.render(this)\n : this.menuItemCreator(Object.assign({}, itemOption));\n this.domNode.appendChild(itemNode);\n\n if (name === 'splitCell') {\n this.splitCellNode = itemNode as HTMLElement;\n const splitDivider = dividingCreator();\n this.splitCellDivider = splitDivider;\n this.domNode.appendChild(splitDivider);\n }\n\n if (['insertRowDown', 'deleteRow', 'mergeCells'].indexOf(name) > -1) {\n this.domNode.appendChild(dividingCreator());\n }\n }\n }\n\n // create dividing line\n function dividingCreator() {\n const dividing = document.createElement('div');\n dividing.classList.add('easy-email-table-operation-menu-dividing');\n return dividing;\n }\n }\n menuItemCreator({ text, icon, handler }: any) {\n const node = document.createElement('div');\n node.classList.add('easy-email-table-operation-menu-item');\n\n const iconSpan = document.createElement('span');\n iconSpan.classList.add('easy-email-table-operation-menu-icon');\n iconSpan.innerHTML = icon;\n\n const textSpan = document.createElement('span');\n textSpan.classList.add('easy-email-table-operation-menu-text');\n textSpan.innerText = text;\n\n node.appendChild(iconSpan);\n node.appendChild(textSpan);\n node.addEventListener('click', handler.bind(this), false);\n return node;\n }\n}\n","import TableOperationMenu from './tableOperationMenu';\nimport {\n checkEventInBoundingRect,\n setStyle,\n getCurrentTable,\n getElementsBoundary,\n getTdBoundaryIndex,\n getBoundaryRectAndElement,\n} from './util';\nimport { AdvancedTableBlock } from '@thanhpv102/easy-email-core';\nimport { IOperationData } from './type';\n\nexport interface IBorderTool {\n top: HTMLElement;\n bottom: HTMLElement;\n left: HTMLElement;\n right: HTMLElement;\n}\n\nclass TableColumnTool {\n borderTool = {} as IBorderTool;\n dragging = false;\n showBorderTool = false;\n width = 0; // selected section width,will update by mouse move\n height = 0; // selected section height, will update by mouse move\n\n selectedLeftTopCell: Element | undefined = undefined;\n selectedBottomRightCell: Element | undefined = undefined;\n startDom: Element | undefined = undefined;\n endDom: Element | undefined = undefined;\n hoveringTable: ParentNode | null = null;\n root: Element | ShadowRoot | undefined = undefined;\n\n tableMenu?: TableOperationMenu;\n changeTableData?: (e: AdvancedTableBlock['data']['value']['tableSource']) => void;\n tableData: IOperationData[][] = [];\n\n constructor(borderTool: IBorderTool, root: Element | ShadowRoot) {\n if (!borderTool || !root) {\n return;\n }\n this.borderTool = borderTool;\n this.root = root;\n\n this.initTool();\n }\n\n initTool() {\n this.root?.addEventListener('contextmenu', this.handleContextmenu);\n this.root?.addEventListener('mousedown', this.handleMousedown.bind(this));\n document.body.addEventListener('click', this.handleBodyClick, false);\n document.addEventListener('contextmenu', this.handleDocumentContextmenu, false);\n document.addEventListener('keydown', this.hideBorderByKeyDown);\n }\n\n destroy() {\n this.root?.removeEventListener('mousedown', this.handleMousedown.bind(this));\n this.root?.removeEventListener('contextmenu', this.handleContextmenu);\n document.body.removeEventListener('click', this.handleBodyClick, false);\n document.removeEventListener('contextmenu', this.handleDocumentContextmenu, false);\n document.removeEventListener('keydown', this.hideBorderByKeyDown);\n\n this.tableMenu?.destroy();\n }\n\n hideBorder = (e: Event) => {\n if ((e.target as HTMLElement)?.id === 'VisualEditorEditMode') {\n return;\n }\n this.visibleBorder(false);\n };\n\n // Only hide the selection border on left-clicks; right-clicks should not\n // dismiss the selection (they open the context menu instead).\n handleBodyClick = (e: MouseEvent) => {\n if (e.button !== 0) return;\n this.hideBorder(e);\n };\n\n hideBorderByKeyDown = () => {\n this.visibleBorder(false);\n };\n\n hideTableMenu = (e?: Event) => {\n if ((e?.target as HTMLElement)?.id === 'VisualEditorEditMode') {\n return;\n }\n this.tableMenu?.hide();\n };\n\n handleDocumentContextmenu = (e: Event) => {\n // Hide the table menu only when right-clicking outside the editor shadow root.\n // Clicks inside the shadow root are handled by handleContextmenu on this.root,\n // which calls stopImmediatePropagation so this handler won't fire for those.\n const path = e.composedPath ? e.composedPath() : [];\n const insideRoot = path.some(el => el === this.root);\n if (!insideRoot) {\n this.tableMenu?.hide();\n }\n };\n\n visibleBorder = (show = true) => {\n if (this.showBorderTool === show) {\n return;\n }\n if (show) {\n setStyle(this.borderTool.top.parentElement, { display: 'block' });\n } else {\n setStyle(this.borderTool.top.parentElement, { display: 'none' });\n }\n this.showBorderTool = show;\n };\n\n renderBorder = () => {\n this.visibleBorder(true);\n const result = getBoundaryRectAndElement(\n this.startDom as Element,\n this.endDom as Element,\n );\n if (!result) {\n return;\n }\n const { left, top, width, height } = result.boundary;\n this.selectedLeftTopCell = result.leftTopCell;\n this.selectedBottomRightCell = result.bottomRightCell;\n\n setStyle(this.borderTool.top, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left}px`,\n top: `${top}px`,\n width: `${Math.abs(width)}px`,\n height: '2px',\n position: 'fixed',\n 'z-index': 10,\n });\n setStyle(this.borderTool.bottom, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left}px`,\n top: `${top + height}px`,\n width: `${Math.abs(width)}px`,\n height: '2px',\n position: 'fixed',\n 'z-index': 10,\n });\n setStyle(this.borderTool.left, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left}px`,\n top: `${top}px`,\n width: '2px',\n height: `${Math.abs(height)}px`,\n position: 'fixed',\n 'z-index': 10,\n });\n setStyle(this.borderTool.right, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left + width}px`,\n top: `${top}px`,\n width: '2px',\n height: `${Math.abs(height)}px`,\n position: 'fixed',\n 'z-index': 10,\n });\n };\n\n handleContextmenu = (event: Event) => {\n const mouseEvent = event as MouseEvent;\n if (this.showBorderTool) {\n const selectedBoundary = getElementsBoundary(\n this.selectedLeftTopCell as Element,\n this.selectedBottomRightCell as Element,\n );\n if (checkEventInBoundingRect(selectedBoundary, { x: mouseEvent.clientX, y: mouseEvent.clientY })) {\n event.preventDefault();\n event.stopImmediatePropagation();\n\n // Show the table operation menu here (contextmenu is the correct event).\n if (!this.tableMenu) {\n this.tableMenu = new TableOperationMenu();\n }\n this.tableMenu.setTableData(this.tableData);\n this.tableMenu.changeTableData = this.changeTableData;\n this.tableMenu.setTableIndexBoundary(\n getTdBoundaryIndex(\n this.selectedLeftTopCell as Element,\n this.selectedBottomRightCell as Element,\n ),\n );\n this.tableMenu.showMenu({ x: mouseEvent.clientX, y: mouseEvent.clientY });\n return;\n }\n }\n this.hideTableMenu();\n };\n\n handleMousedown(event: Event) {\n const mouseEvent = event as MouseEvent;\n let target: Element = event.target as Element;\n if (mouseEvent.button == 0) {\n // left button click\n while (target && target.parentNode) {\n if (\n (target.nodeName === 'TD' || target.nodeName === 'TH') &&\n target.getAttribute('data-content_editable-type') === 'rich_text'\n ) {\n this.root?.addEventListener('mousemove', this.handleDrag);\n this.root?.addEventListener('mouseup', this.handleMouseup);\n\n this.dragging = true;\n this.startDom = target;\n this.endDom = target;\n this.hoveringTable = getCurrentTable(target);\n\n this.renderBorder();\n return;\n }\n target = target.parentNode as Element;\n if (['TR', 'TABLE', 'BODY'].includes(target.nodeName)) {\n this.visibleBorder(false);\n return;\n }\n }\n } else if (mouseEvent.button == 2) {\n if (this.showBorderTool) {\n const selectedBoundary = getElementsBoundary(\n this.selectedLeftTopCell as Element,\n this.selectedBottomRightCell as Element,\n );\n // If right-clicking inside the selection, keep the border visible.\n // The context menu will be shown in handleContextmenu.\n if (checkEventInBoundingRect(selectedBoundary, { x: mouseEvent.clientX, y: mouseEvent.clientY })) {\n\n return;\n }\n }\n }\n this.visibleBorder(false);\n }\n\n handleDrag = (e: Event) => {\n e.preventDefault();\n\n if (this.dragging) {\n let target = e.target as Element;\n\n while (target && target.parentNode) {\n if (\n (target.nodeName === 'TD' || target.nodeName === 'TH') &&\n target.getAttribute('data-content_editable-type') === 'rich_text'\n ) {\n const hoveringTable = getCurrentTable(target);\n if (this.endDom === target || this.hoveringTable !== hoveringTable) {\n return;\n }\n this.endDom = target;\n this.renderBorder();\n return;\n }\n target = target.parentNode as Element;\n }\n }\n };\n\n handleMouseup = (e: Event) => {\n e.preventDefault();\n\n if (this.dragging) {\n this.dragging = false;\n this.root?.removeEventListener('mousemove', this.handleDrag);\n this.root?.removeEventListener('mouseup', this.handleMouseup);\n }\n };\n}\n\nexport default TableColumnTool;\n","import { cloneDeep } from 'lodash';\nimport React, { useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport TableColumnTool, { IBorderTool } from './tableTool';\nimport { getShadowRoot, useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { IAdvancedTableData, AdvancedType } from '@thanhpv102/easy-email-core';\n\nexport function TableOperation() {\n const shadowRoot = getShadowRoot();\n const { focusIdx } = useFocusIdx();\n const { focusBlock, change } = useBlock();\n const topRef = useRef<HTMLDivElement>(null);\n const bottomRef = useRef<HTMLDivElement>(null);\n const leftRef = useRef<HTMLDivElement>(null);\n const rightRef = useRef<HTMLDivElement>(null);\n const tool = useRef<TableColumnTool | null>(null);\n\n // Only show for AdvancedTable blocks\n const isAdvancedTable = focusBlock?.type === AdvancedType.TABLE;\n\n useEffect(() => {\n if (!isAdvancedTable) return;\n\n // Check if shadowRoot exists before proceeding\n if (!shadowRoot) return;\n // Use the shadow root itself as the container, not looking for a body element\n const targetContainer = shadowRoot;\n if (!targetContainer) {\n console.warn('Shadow DOM not found for TableOperation');\n return;\n }\n // Ensure all refs are available before creating the tool\n const top = topRef.current;\n const bottom = bottomRef.current;\n const left = leftRef.current;\n const right = rightRef.current;\n if (!top || !bottom || !left || !right) {\n return;\n }\n // TypeScript now knows these are non-null HTMLDivElements\n const borderTool: IBorderTool = {\n top: top as HTMLElement,\n bottom: bottom as HTMLElement,\n left: left as HTMLElement,\n right: right as HTMLElement,\n };\n tool.current = new TableColumnTool(borderTool, targetContainer);\n return () => {\n tool.current?.destroy();\n };\n }, [shadowRoot, isAdvancedTable]);\n\n useEffect(() => {\n if (!isAdvancedTable) return;\n\n if (tool.current) {\n tool.current.changeTableData = (data: IAdvancedTableData[][]) => {\n change(`${focusIdx}.data.value.tableSource`, cloneDeep(data));\n };\n tool.current.tableData = cloneDeep(focusBlock?.data?.value?.tableSource || []);\n }\n }, [focusIdx, focusBlock, change, isAdvancedTable]);\n\n // Don't render if shadowRoot is not available or not an AdvancedTable\n if (!shadowRoot || !isAdvancedTable) {\n return null;\n }\n\n return (\n <>\n {createPortal(\n <div>\n <div ref={topRef} />\n <div ref={bottomRef} />\n <div ref={leftRef} />\n <div ref={rightRef} />\n </div>,\n shadowRoot as DocumentFragment,\n )}\n </>\n );\n}\n",":global {\n .ant-select {\n font-size: 12px !important;\n }\n\n .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n font-size: 12px !important;\n }\n\n .ant-select-selection-item {\n font-size: 12px !important;\n line-height: 26px !important;\n }\n\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-radio-group {\n font-size: 12px !important;\n }\n\n .ant-checkbox-group {\n font-size: 12px !important;\n }\n\n .easy-email-overlay {\n font-size: 12px !important;\n }\n\n .easy-email-overlay .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n }\n\n .easy-email-overlay .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n}\n\n.attributePanel {\n :global {\n .arco-form-item {\n margin-bottom: 8px !important;\n }\n\n .ant-form-item-label-content {\n font-size: 12px !important;\n }\n\n .ant-form-item-label > label {\n font-size: 12px !important;\n }\n\n .ant-form-item-label {\n padding: 0 !important;\n }\n\n .arco-form-item-label-content {\n font-size: 12px !important;\n height: 24px !important;\n line-height: 24px !important;\n }\n\n .ant-form-item-explain {\n font-size: 12px !important;\n }\n\n .arco-form-item-message {\n font-size: 12px !important;\n }\n\n .arco-input {\n font-size: 12px !important;\n height: 26px !important;\n padding: 4px 6px !important;\n line-height: 26px !important;\n }\n\n .ant-input {\n font-size: 12px !important;\n height: 26px !important;\n line-height: 26px !important;\n }\n\n input::placeholder {\n font-size: 12px !important;\n }\n\n .ant-input::placeholder {\n font-size: 12px !important;\n }\n\n textarea {\n font-size: 12px !important;\n padding: 6px 6px !important;\n line-height: 1.4 !important;\n }\n\n .arco-select {\n font-size: 12px !important;\n }\n\n .arco-select-view {\n height: 26px !important;\n padding: 4px 6px !important;\n font-size: 12px !important;\n }\n\n .arco-select-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .arco-select-option-content {\n font-size: 12px !important;\n }\n\n .arco-radio {\n font-size: 12px !important;\n }\n\n .arco-radio-label-text {\n font-size: 12px !important;\n }\n\n .arco-checkbox {\n font-size: 12px !important;\n }\n\n .arco-checkbox-label-text {\n font-size: 12px !important;\n }\n\n .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-radio {\n font-size: 12px !important;\n }\n\n .ant-radio-wrapper {\n font-size: 12px !important;\n }\n\n .ant-radio-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n .ant-checkbox {\n font-size: 12px !important;\n }\n\n .ant-checkbox-wrapper {\n font-size: 12px !important;\n }\n\n .ant-checkbox-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n .arco-btn {\n padding: 4px 8px !important;\n font-size: 12px !important;\n height: 28px !important;\n min-width: 50px !important;\n line-height: 28px !important;\n }\n\n .ant-btn {\n padding: 4px 8px !important;\n font-size: 12px !important;\n height: 28px !important;\n line-height: 28px !important;\n }\n\n .ant-btn-sm {\n padding: 4px 8px !important;\n height: 28px !important;\n font-size: 12px !important;\n line-height: 28px !important;\n }\n\n .arco-color-picker-trigger {\n height: 28px !important;\n width: 28px !important;\n }\n\n .ant-collapse-header {\n padding: 10px 16px !important;\n font-size: 13px !important;\n min-height: 32px !important;\n line-height: 32px !important;\n height: 32px !important;\n }\n\n .ant-collapse-header-text {\n font-size: 13px !important;\n line-height: 32px !important;\n }\n\n .ant-collapse-content-box {\n padding: 8px 12px !important;\n }\n\n .ant-collapse-item {\n margin-bottom: 4px !important;\n }\n\n .ant-collapse {\n border: none !important;\n }\n\n .ant-collapse-header > .ant-collapse-title {\n margin-top: -5px;\n }\n\n .ant-collapse-item > .ant-collapse-header {\n padding: 4px 8px !important;\n }\n\n .ant-collapse-item-active > .ant-collapse-header {\n }\n\n .ant-collapse-content {\n }\n\n .arco-checkbox {\n font-size: 11px !important;\n margin-right: 6px !important;\n }\n\n .arco-radio {\n font-size: 11px !important;\n margin-right: 6px !important;\n }\n\n .arco-grid-row {\n margin-bottom: 6px !important;\n }\n\n .arco-space {\n gap: 4px !important;\n }\n\n .ant-space {\n gap: 2px !important;\n }\n\n .ant-row {\n margin-bottom: 4px !important;\n }\n\n .ant-col {\n margin-bottom: 2px !important;\n }\n\n .arco-input-number {\n height: 26px !important;\n font-size: 11px !important;\n }\n\n .arco-input-number-input {\n font-size: 11px !important;\n height: 26px !important;\n padding: 4px 6px !important;\n }\n }\n}\n","import React from 'react';\nimport {\n getShadowRoot,\n TextStyle,\n useBlock,\n useEditorContext,\n useFocusIdx,\n} from '@thanhpv102/easy-email-editor';\nimport { RichTextField } from '../components/Form/RichTextField';\nimport { PresetColorsProvider } from './components/provider/PresetColorsProvider';\nimport ReactDOM from 'react-dom';\nimport { BlockAttributeConfigurationManager } from './utils/BlockAttributeConfigurationManager';\nimport { SelectionRangeProvider } from './components/provider/SelectionRangeProvider';\nimport { TableOperation } from './components/blocks/AdvancedTable/Operation';\nimport styles from './AttributePanel.module.scss';\n\nexport function AttributePanel() {\n const { focusBlock } = useBlock();\n const { initialized } = useEditorContext();\n\n const { focusIdx } = useFocusIdx();\n\n const Com = focusBlock && BlockAttributeConfigurationManager.get(focusBlock.type);\n\n const shadowRoot = getShadowRoot();\n\n if (!initialized) return null;\n\n return (\n <div className={styles.attributePanel}>\n <SelectionRangeProvider>\n <PresetColorsProvider>\n {Com ? (\n <Com />\n ) : (\n <div style={{ marginTop: 200, padding: '0 50px' }}>\n <TextStyle size='extraLarge'>No matching components</TextStyle>\n </div>\n )}\n\n <div style={{ position: 'absolute' }}>\n <RichTextField idx={focusIdx} />\n </div>\n <TableOperation />\n <>\n {shadowRoot &&\n ReactDOM.createPortal(\n <style>\n {`\n .email-block [contentEditable=\"true\"],\n .email-block [contentEditable=\"true\"] * {\n outline: none;\n cursor: text;\n }\n `}\n </style>,\n shadowRoot as DocumentFragment,\n )}\n </>\n </PresetColorsProvider>\n </SelectionRangeProvider>\n </div>\n );\n}\n","import React, { useCallback } from 'react';\r\nimport { MergeTags as MergeTagsOptions } from '@extensions/AttributePanel';\r\nimport { ToolItem } from '../ToolItem';\r\nimport { IconFont } from '@thanhpv102/easy-email-editor';\r\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\r\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\r\n\r\nexport interface MergeTagsProps {\r\n execCommand: (cmd: string, value: string) => void;\r\n}\r\n\r\nexport function MergeTags(props: MergeTagsProps) {\r\n const { execCommand } = props;\r\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\r\n\r\n const onChange = useCallback(\r\n (val: string) => {\r\n execCommand('insertHTML', val);\r\n close();\r\n },\r\n [execCommand, close],\r\n );\r\n\r\n return (\r\n <>\r\n <span ref={setTriggerRef}>\r\n <ToolItem\r\n title={t('Merge tag')}\r\n icon={<IconFont iconName=\"icon-merge-tags\" />}\r\n onClick={handleTriggerClick}\r\n />\r\n </span>\r\n <RichTextPortalPopup\r\n open={open}\r\n rect={rect}\r\n containerRef={setPopupContainerRef}\r\n placement=\"bottom\"\r\n >\r\n <MergeTagsOptions value=\"\" onChange={onChange} />\r\n </RichTextPortalPopup>\r\n </>\r\n );\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport { useCallback, useContext } from 'react';\nimport { SelectionRangeContext } from '@extensions/AttributePanel/components/provider/SelectionRangeProvider';\nimport { getShadowRoot } from '@thanhpv102/easy-email-editor';\n\n/** Get the active Selection, preferring the ShadowRoot's own getSelection (Chrome)\n * and falling back to document.getSelection() (Firefox). */\nfunction getActiveSelection(shadowRoot: ShadowRoot): Selection | null {\n if ('getSelection' in shadowRoot) {\n return (shadowRoot as unknown as Document).getSelection();\n }\n return document.getSelection();\n}\n\nexport function useSelectionRange() {\n const { selectionRange, setSelectionRange } = useContext(\n SelectionRangeContext\n );\n\n const restoreRange = useCallback((range: Range) => {\n const shadowRoot = getShadowRoot();\n const selection = getActiveSelection(shadowRoot);\n if (!selection) return;\n // setBaseAndExtent is the most reliable way to set a selection that spans\n // nodes inside a Shadow DOM in Firefox.\n if (typeof selection.setBaseAndExtent === 'function') {\n selection.setBaseAndExtent(\n range.startContainer,\n range.startOffset,\n range.endContainer,\n range.endOffset,\n );\n } else {\n selection.removeAllRanges();\n const newRange = document.createRange();\n newRange.setStart(range.startContainer, range.startOffset);\n newRange.setEnd(range.endContainer, range.endOffset);\n selection.addRange(newRange);\n }\n }, []);\n\n const setRangeByElement = useCallback(\n (element: ChildNode) => {\n const shadowRoot = getShadowRoot();\n const selection = getActiveSelection(shadowRoot);\n if (!selection) return;\n\n const newRange = document.createRange();\n newRange.selectNode(element);\n setSelectionRange(newRange);\n\n if (typeof selection.setBaseAndExtent === 'function') {\n selection.setBaseAndExtent(\n newRange.startContainer,\n newRange.startOffset,\n newRange.endContainer,\n newRange.endOffset,\n );\n } else {\n selection.removeAllRanges();\n selection.addRange(newRange);\n }\n },\n [setSelectionRange]\n );\n\n return {\n selectionRange,\n setSelectionRange,\n restoreRange,\n setRangeByElement,\n };\n}\n","/**\n * Returns the Element at the given range position.\n * Works for both collapsed ranges (cursor) and non-collapsed (selection).\n * For a collapsed range the startContainer is used; for a non-collapsed range\n * the commonAncestorContainer is used (matching previous behaviour).\n */\nexport function getElementAtRange(range: Range): Element | null {\n const node = range.collapsed\n ? range.startContainer\n : range.commonAncestorContainer;\n\n if (node instanceof Element) return node;\n if (node.parentElement) return node.parentElement;\n return null;\n}\n\n","import { ColorPicker } from '@extensions/components/Form/ColorPicker';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo } from 'react';\nimport { ToolItem } from '../../ToolItem';\nimport { getElementAtRange } from '../../../utils/getElementAtRange';\n\nexport function IconBgColor({ selectionRange, execCommand }: {\n selectionRange: Range | null;\n execCommand: (cmd: string, val?: string) => void;\n}) {\n\n const color = useMemo(() => {\n if (!selectionRange) return undefined;\n const el = getElementAtRange(selectionRange);\n if (!el) return undefined;\n return getComputedStyle(el).backgroundColor;\n }, [selectionRange]);\n\n return (\n <ColorPicker\n label=\"\"\n showInput={false}\n onChange={(color) => execCommand('hiliteColor', color)}\n inRichTextBar\n >\n <ToolItem\n icon={(\n <div style={{ position: 'relative' }}>\n <IconFont size={12} iconName=\"icon-bg-color\" style={{ position: 'relative', top: '-1px' }} />\n <div style={{\n borderBottom: `2px solid ${color}`,\n position: 'absolute',\n width: '130%',\n left: '-15%',\n top: 16,\n }}\n />\n </div>\n )}\n title={t('Background color')}\n />\n </ColorPicker>\n );\n}\n","import { ColorPicker } from '@extensions/components/Form/ColorPicker';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo } from 'react';\nimport { ToolItem } from '../../ToolItem';\nimport { getElementAtRange } from '../../../utils/getElementAtRange';\n\nexport function IconFontColor({ selectionRange, execCommand }: {\n selectionRange: Range | null;\n execCommand: (cmd: string, val?: string) => void;\n}) {\n\n const color = useMemo(() => {\n if (!selectionRange) return undefined;\n const el = getElementAtRange(selectionRange);\n if (!el) return undefined;\n return getComputedStyle(el).color;\n }, [selectionRange]);\n\n return (\n <ColorPicker\n label=\"\"\n onChange={(color) => execCommand('foreColor', color)}\n showInput={false}\n inRichTextBar\n >\n <ToolItem\n icon={(\n <div style={{ position: 'relative' }}>\n <IconFont size={12} iconName=\"icon-font-color\" style={{ position: 'relative', top: '-1px' }} />\n <div style={{\n borderBottom: `2px solid ${color}`,\n position: 'absolute',\n width: '130%',\n left: '-15%',\n top: 16,\n }}\n />\n </div>\n )}\n title={t('Text color')}\n />\n </ColorPicker>\n );\n}\n","\r\nimport { IconFont, useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { useAddToCollection } from '@extensions/hooks/useAddToCollection';\r\nimport { getParentIdx } from '@thanhpv102/easy-email-core';\r\nimport React from 'react';\r\nimport { ToolItem } from './ToolItem';\r\n\r\nexport function BasicTools(props: { getPopupContainer?: () => HTMLElement }) {\r\n const { copyBlock, removeBlock } = useBlock();\r\n const { focusIdx, setFocusIdx } = useFocusIdx();\r\n const { modal, setModalVisible } = useAddToCollection();\r\n const { onAddCollection } = useEditorProps();\r\n\r\n const handleAddToCollection = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n setModalVisible(true);\r\n };\r\n\r\n const handleCopy = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n copyBlock(focusIdx);\r\n };\r\n\r\n const handleDelete = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n removeBlock(focusIdx);\r\n };\r\n\r\n const handleSelectParent = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n setFocusIdx(getParentIdx(focusIdx)!);\r\n };\r\n\r\n return (\r\n <div style={{ marginRight: 40 }}>\r\n <span style={{ position: 'relative', marginRight: 10, color: '#fff', fontFamily: '-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI' }}>Text</span>\r\n <ToolItem\r\n onClick={handleSelectParent}\r\n title={'Select parent block'}\r\n icon={<IconFont iconName='icon-back-parent' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n <ToolItem\r\n onClick={handleCopy}\r\n title={'Copy'}\r\n icon={<IconFont iconName='icon-copy' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n {\r\n onAddCollection && (\r\n <ToolItem\r\n onClick={handleAddToCollection}\r\n title={'Add to collection'}\r\n icon={<IconFont iconName='icon-collection' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n )\r\n }\r\n <ToolItem\r\n onClick={handleDelete}\r\n title={'Delete'}\r\n icon={<IconFont iconName='icon-delete' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n {modal}\r\n </div>\r\n );\r\n}\r\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getAnchorElement(\n node: Node | null,\n): HTMLAnchorElement | null {\n if (!node) return null;\n if (node instanceof HTMLAnchorElement) {\n return node;\n }\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n\n return getAnchorElement(node.parentNode);\n}\n\nfunction getLinkNode(\n currentRange: Range | null | undefined,\n): HTMLAnchorElement | null {\n let linkNode: HTMLAnchorElement | null = null;\n if (!currentRange) return null;\n linkNode = getAnchorElement(currentRange.commonAncestorContainer);\n return linkNode;\n}\n\nexport function Unlink(props: LinkProps) {\n const { onChange } = props;\n const linkNode = useMemo(() => {\n return getLinkNode(props.currentRange);\n\n }, [props.currentRange]);\n\n const onUnlink = useCallback(() => {\n if (linkNode?.parentNode) {\n linkNode?.replaceWith(...linkNode.childNodes);\n onChange();\n }\n }, [linkNode, onChange]);\n\n return (\n <ToolItem title={t('Unlink')} icon={<IconFont iconName=\"icon-unlink\" />} onClick={onUnlink} getPopupContainer={props.getPopupContainer} />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getStrikeThroughNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'strike') return node;\n return getStrikeThroughNode(node.parentNode);\n}\n\nexport function StrikeThrough(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getStrikeThroughNode(props.currentRange?.commonAncestorContainer);\n\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Strikethrough')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-strikethrough\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getUnderlineNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'u') return node;\n return getUnderlineNode(node.parentNode);\n}\n\nexport function Underline(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getUnderlineNode(props.currentRange?.commonAncestorContainer);\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Underline')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-underline\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getItalicNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'i') return node;\n return getItalicNode(node.parentNode);\n}\n\nexport function Italic(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getItalicNode(props.currentRange?.commonAncestorContainer);\n\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Italic')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-italic\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getBoldNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'b') return node;\n return getBoldNode(node.parentNode);\n}\n\nexport function Bold(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getBoldNode(props.currentRange?.commonAncestorContainer);\n\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Bold')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-bold\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import React, { useCallback } from 'react';\n\nimport { ToolItem } from '../ToolItem';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\n\nconst list = [\n { value: '1', label: '12px' },\n { value: '2', label: '13px' },\n { value: '3', label: '16px' },\n { value: '4', label: '18px' },\n { value: '5', label: '24px' },\n { value: '6', label: '32px' },\n { value: '7', label: '48px' },\n];\n\nexport interface FontSizeProps {\n execCommand: (cmd: string, value: string) => void;\n}\n\nexport function FontSize(props: FontSizeProps) {\n const { execCommand } = props;\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\n\n const onChange = useCallback(\n (val: string) => {\n execCommand('fontSize', val);\n close();\n },\n [execCommand, close],\n );\n\n return (\n <>\n <span ref={setTriggerRef}>\n <ToolItem\n title={t('Font size')}\n icon={<IconFont iconName=\"icon-font-color\" />}\n onClick={handleTriggerClick}\n />\n </span>\n <RichTextPortalPopup\n open={open}\n rect={rect}\n containerRef={setPopupContainerRef}\n placement=\"bottom\"\n >\n <ul\n style={{\n listStyle: 'none',\n margin: 0,\n padding: '4px 0',\n minWidth: 80,\n maxHeight: 350,\n overflowY: 'auto',\n }}\n >\n {list.map(item => (\n <li\n key={item.value}\n onClick={() => onChange(item.value)}\n style={{\n padding: '5px 12px',\n cursor: 'pointer',\n lineHeight: '22px',\n }}\n onMouseEnter={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'var(--color-font-item-background, #f5f5f5)';\n }}\n onMouseLeave={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'transparent';\n }}\n >\n {item.label}\n </li>\n ))}\n </ul>\n </RichTextPortalPopup>\n </>\n );\n}\n","import React, { useCallback, useRef } from 'react';\nimport { ToolItem } from '../ToolItem';\nimport { getLinkNode, Link, LinkParams } from '../Link';\nimport {\n AvailableTools,\n getShadowRoot,\n IconFont,\n MergeTagBadge,\n useEditorProps,\n useFocusBlockLayout,\n} from '@thanhpv102/easy-email-editor';\nimport { FontFamily } from '../FontFamily';\nimport { MergeTags } from '../MergeTags';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\nimport { IconBgColor } from './IconBgColor';\nimport { IconFontColor } from './IconFontColor';\nimport { BasicTools } from '../BasicTools';\nimport { Unlink } from '../Unlink';\nimport { StrikeThrough } from '../StrikeThrough';\nimport { Underline } from '../Underline';\nimport { Italic } from '../Italic';\nimport { Bold } from '../Bold';\nimport { FontSize } from '../FontSize';\nimport { RICH_TEXT_TOOL_BAR } from '@extensions/constants';\n\nexport interface ToolsProps {\n onChange: (content: string) => void;\n}\n\nexport function Tools(props: ToolsProps) {\n const { mergeTags, enabledMergeTagsBadge, toolbar } = useEditorProps();\n const { focusBlockNode } = useFocusBlockLayout();\n const { selectionRange, restoreRange, setRangeByElement } = useSelectionRange();\n const { onChange } = props;\n\n // Keep a ref so execCommand always uses the latest range, even from inside popups\n const selectionRangeRef = useRef<Range | null>(selectionRange);\n selectionRangeRef.current = selectionRange;\n\n // Keep a ref to focusBlockNode so execCommand always uses the latest value\n const focusBlockNodeRef = useRef<Element | null | undefined>(focusBlockNode);\n focusBlockNodeRef.current = focusBlockNode;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const execCommand = useCallback(\n (cmd: string, val?: string | LinkParams) => {\n const range = selectionRangeRef.current;\n if (!range && cmd in needCheckRangeCommand) {\n console.error(t('No selectionRange'));\n return;\n }\n if (range?.commonAncestorContainer && !focusBlockNodeRef.current?.contains(range?.commonAncestorContainer) && cmd in needCheckRangeCommand) {\n console.error(t('Not commonAncestorContainer'));\n return;\n }\n\n if (range) {\n restoreRange(range);\n }\n const uuid = (+new Date()).toString();\n if (cmd === 'createLink') {\n const linkData = val as LinkParams;\n const target = linkData.blank ? '_blank' : '';\n let link: HTMLAnchorElement | null;\n if (linkData.linkNode) {\n link = linkData.linkNode;\n } else {\n document.execCommand(cmd, false, uuid);\n link = getShadowRoot().querySelector(`a[href=\"${uuid}\"`);\n }\n\n if (link) {\n if (target) {\n link.setAttribute('target', target);\n }\n link.style.color = 'inherit';\n link.style.textDecoration = linkData.underline ? 'underline' : 'none';\n link.setAttribute('href', linkData.link.trim());\n }\n } else if (cmd === 'insertHTML') {\n let newContent = val as string;\n if (enabledMergeTagsBadge) {\n newContent = MergeTagBadge.transform(newContent, uuid);\n }\n\n document.execCommand(cmd, false, newContent);\n const insertMergeTagEle = getShadowRoot().getElementById(uuid);\n if (insertMergeTagEle) {\n insertMergeTagEle.focus();\n setRangeByElement(insertMergeTagEle);\n }\n } else if (cmd === 'foreColor') {\n document.execCommand(cmd, false, val as string);\n let linkNode: HTMLAnchorElement | null = getLinkNode(range);\n if (linkNode) {\n linkNode.style.color = 'inherit';\n }\n } else {\n document.execCommand(cmd, false, val as string);\n }\n\n const contenteditableElement = getShadowRoot().activeElement;\n if (contenteditableElement?.getAttribute('contenteditable') === 'true') {\n const html = getShadowRoot().activeElement?.innerHTML || '';\n onChange(html);\n }\n },\n [\n enabledMergeTagsBadge,\n onChange,\n restoreRange,\n setRangeByElement,\n ],\n );\n\n const execCommandWithRange = useCallback(\n (cmd: string, val?: string) => {\n document.execCommand(cmd, false, val);\n const contenteditableElement = getShadowRoot().activeElement;\n if (contenteditableElement?.getAttribute('contenteditable') === 'true') {\n const html = getShadowRoot().activeElement?.innerHTML || '';\n onChange(html);\n }\n },\n [onChange],\n );\n\n const needCheckRangeCommand = [\n AvailableTools.MergeTags,\n AvailableTools.FontFamily,\n AvailableTools.FontSize,\n AvailableTools.IconFontColor,\n AvailableTools.IconBgColor,\n 'createLink',\n 'justifyLeft',\n 'justifyCenter',\n 'justifyRight',\n 'insertOrderedList',\n 'insertUnorderedList',\n 'insertHorizontalRule',\n ]\n\n const enabledTools = toolbar?.tools ?? [\n AvailableTools.MergeTags,\n AvailableTools.FontFamily,\n AvailableTools.FontSize,\n AvailableTools.Bold,\n AvailableTools.Italic,\n AvailableTools.StrikeThrough,\n AvailableTools.Underline,\n AvailableTools.IconFontColor,\n AvailableTools.IconBgColor,\n AvailableTools.Link,\n AvailableTools.Justify,\n AvailableTools.Lists,\n AvailableTools.HorizontalRule,\n AvailableTools.RemoveFormat,\n ];\n\n const tools = enabledTools.flatMap(tool => {\n switch (tool) {\n case AvailableTools.MergeTags:\n if (!mergeTags) return [];\n return [\n <MergeTags\n key={tool}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.FontFamily:\n return [\n <FontFamily\n key={tool}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.FontSize:\n return [\n <FontSize\n key={tool}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.Bold:\n return [\n <Bold\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('bold')}\n />,\n ];\n case AvailableTools.Italic:\n return [\n <Italic\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('italic')}\n />,\n ];\n case AvailableTools.StrikeThrough:\n return [\n <StrikeThrough\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('strikeThrough')}\n />,\n ];\n case AvailableTools.Underline:\n return [\n <Underline\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('underline')}\n />,\n ];\n case AvailableTools.IconFontColor:\n return [\n <IconFontColor\n key={tool}\n selectionRange={selectionRange}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.IconBgColor:\n return [\n <IconBgColor\n key={tool}\n selectionRange={selectionRange}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.Link:\n return [\n <Link\n key={`${tool}-link`}\n currentRange={selectionRange}\n onChange={values => execCommand('createLink', values)}\n />,\n <Unlink\n key={`${tool}-unlink`}\n currentRange={selectionRange}\n onChange={() => execCommand('')}\n />,\n ];\n case AvailableTools.Justify:\n return [\n <ToolItem\n key={`${tool}-justify-left`}\n onClick={() => execCommand('justifyLeft')}\n icon={<IconFont iconName=\"icon-align-left\" />}\n title={'Align left'}\n />,\n <ToolItem\n key={`${tool}-justify-center`}\n onClick={() => execCommand('justifyCenter')}\n icon={<IconFont iconName=\"icon-align-center\" />}\n title={'Align center'}\n />,\n <ToolItem\n key={`${tool}-justify-right`}\n onClick={() => execCommand('justifyRight')}\n icon={<IconFont iconName=\"icon-align-right\" />}\n title={'Align right'}\n />,\n ];\n case AvailableTools.Lists:\n return [\n <ToolItem\n key={`${tool}-ordered-list`}\n onClick={() => execCommand('insertOrderedList')}\n icon={<IconFont iconName=\"icon-list-ol\" />}\n title={'Orderlist'}\n />,\n <ToolItem\n key={`${tool}-unordered-list`}\n onClick={() => execCommand('insertUnorderedList')}\n icon={<IconFont iconName=\"icon-list-ul\" />}\n title={'Unorderlist'}\n />,\n ];\n case AvailableTools.HorizontalRule:\n return [\n <ToolItem\n key={tool}\n onClick={() => execCommand('insertHorizontalRule')}\n icon={<IconFont iconName=\"icon-line\" />}\n title={'Line'}\n />,\n ];\n case AvailableTools.RemoveFormat:\n return [\n <ToolItem\n key={tool}\n onClick={() => execCommand('removeFormat')}\n icon={<IconFont iconName=\"icon-close\" />}\n title={'Remove format'}\n />,\n ];\n default:\n console.error('Not existing tool', tool);\n throw new Error(`Not existing tool ${tool}`);\n }\n });\n\n return (\n <div\n id={RICH_TEXT_TOOL_BAR}\n style={{ display: 'flex', flexWrap: 'nowrap' }}\n >\n <>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <BasicTools />\n {tools.map((tool, index) => {\n return (\n <React.Fragment key={index}>\n {tool}\n <div\n className=\"easy-email-extensions-divider\"\n />\n </React.Fragment>\n );\n })}\n </div>\n {toolbar?.suffix?.(execCommand)}\n </>\n </div>\n );\n}\n",".easy-email-extensions-emailToolItem {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n outline: none;\n font-weight: 400;\n appearance: none;\n cursor: pointer !important;\n white-space: nowrap;\n transition: all 0.1s linear;\n box-sizing: border-box;\n border-radius: 2px;\n border: none;\n background-color: transparent;\n color: #fff;\n width: 28px;\n height: 27px;\n &:hover {\n background-color: rgba(242, 243, 245, 1);\n color: rgb(78, 89, 105);\n }\n}\n.easy-email-extensions-emailToolItem-active {\n background-color: rgba(242, 243, 245, 1);\n color: rgb(78, 89, 105);\n}\n\n.easy-email-extensions-divider {\n position: relative;\n display: inline-flex;\n width: 1px;\n height: 16px;\n background-color: rgba(128, 128, 128, 0.9);\n}\n","import React from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { getPluginElement, RICH_TEXT_BAR_ID, useEditorContext } from '@thanhpv102/easy-email-editor';\r\nimport { Tools } from './components/Tools';\r\nimport styleText from './shadow-dom.scss?inline';\r\nimport { RICH_TEXT_POPUP_CONTAINER_ID } from '@extensions/constants';\r\n\r\nexport { RICH_TEXT_POPUP_CONTAINER_ID };\r\n\r\nexport function RichTextToolBar(props: { onChange: (s: string) => void; }) {\r\n const { initialized } = useEditorContext();\r\n const root = initialized && getPluginElement();\r\n\r\n if (!root) return null;\r\n\r\n return (\r\n <>\r\n {createPortal(\r\n <>\r\n <style dangerouslySetInnerHTML={{ __html: styleText }} />\r\n <div\r\n id={RICH_TEXT_BAR_ID}\r\n style={{\r\n transform: 'translate(0,0)',\r\n padding: '4px 8px',\r\n boxSizing: 'border-box',\r\n position: 'absolute',\r\n left: 8,\r\n top: 0,\r\n zIndex: 100,\r\n width: 'calc(100% - 16px)',\r\n }}\r\n >\r\n <div\r\n style={{\r\n position: 'absolute',\r\n backgroundColor: '#41444d',\r\n height: '100%',\r\n width: '100%',\r\n left: 0,\r\n top: 0,\r\n }}\r\n />\r\n\r\n <Tools onChange={props.onChange} />\r\n </div>\r\n <div\r\n id={RICH_TEXT_POPUP_CONTAINER_ID}\r\n style={{\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: 0,\r\n height: 0,\r\n zIndex: 10000,\r\n overflow: 'visible',\r\n }}\r\n />\r\n </>,\r\n root\r\n )}\r\n </>\r\n );\r\n}\r\n","import {\n useEditorProps,\n MergeTagBadge,\n getEditorRoot,\n getShadowRoot,\n FIXED_CONTAINER_ID,\n RICH_TEXT_BAR_ID,\n DATA_CONTENT_EDITABLE_IDX,\n CONTENT_EDITABLE_CLASS_NAME,\n DATA_CONTENT_EDITABLE_TYPE,\n ContentEditableType,\n} from '@thanhpv102/easy-email-editor';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { InlineText, InlineTextProps } from '../InlineTextField';\nimport { RichTextToolBar } from '../RichTextToolBar';\nimport { Field, FieldRenderProps } from '@thanhpv102/easy-email-editor';\nimport { debounce } from 'lodash';\n\nexport type FieldInputProps = FieldRenderProps['input'];\n\nexport const RichTextField = (\n props: Omit<InlineTextProps, 'onChange' | 'mutators'>\n) => {\n const [contentEditableName, setContentEditableName] = useState('');\n const [contentEditableType, setContentEditableType] = useState<string | null>(\n CONTENT_EDITABLE_CLASS_NAME\n );\n\n useEffect(() => {\n const onClick = (e: MouseEvent) => {\n if (getEditorRoot()?.contains(e.target as Node)) {\n return;\n }\n const fixedContainer = document.getElementById(FIXED_CONTAINER_ID);\n if (fixedContainer?.contains(e.target as Node)) {\n return;\n }\n setContentEditableName('');\n };\n\n window.addEventListener('click', onClick);\n return () => {\n window.removeEventListener('click', onClick);\n };\n }, []);\n\n useEffect(() => {\n const root = getShadowRoot();\n if (!root) return;\n const onClick = (e: Event) => {\n const target = e.target as HTMLElement;\n\n const fixedContainer = document.getElementById(FIXED_CONTAINER_ID);\n const richTextBar = root.getElementById(RICH_TEXT_BAR_ID);\n if (fixedContainer?.contains(target) || richTextBar?.contains(target)) {\n return;\n }\n const activeElement = getShadowRoot().activeElement;\n if (!activeElement) {\n setContentEditableName('');\n } else {\n const idxName = activeElement.getAttribute(DATA_CONTENT_EDITABLE_IDX);\n const type = activeElement.getAttribute(DATA_CONTENT_EDITABLE_TYPE);\n setContentEditableType(type);\n if (idxName) {\n setContentEditableName(idxName);\n } else {\n setContentEditableName('');\n }\n }\n };\n\n root.addEventListener('click', onClick);\n return () => {\n root.removeEventListener('click', onClick);\n };\n }, []);\n\n if (!contentEditableName) return null;\n\n return (\n <>\n <Field name={contentEditableName} parse={(v) => v}>\n {({ input }) => (\n <FieldWrapper\n {...props}\n contentEditableType={contentEditableType}\n input={input}\n />\n )}\n </Field>\n </>\n );\n};\n\nfunction FieldWrapper(\n props: Omit<InlineTextProps, 'onChange'> & {\n input: FieldInputProps;\n contentEditableType: string | null;\n }\n) {\n const { input, contentEditableType, ...rest } = props;\n const { mergeTagGenerate, enabledMergeTagsBadge } = useEditorProps();\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const debounceCallbackChange = useCallback(\n debounce((val: string) => {\n if (enabledMergeTagsBadge) {\n input.onChange(MergeTagBadge.revert(val, mergeTagGenerate));\n } else {\n input.onChange(val);\n }\n\n input.onBlur();\n }, 200),\n [input]\n );\n\n return (\n <>\n {contentEditableType === ContentEditableType.RichText && (\n <RichTextToolBar onChange={debounceCallbackChange} />\n )}\n <InlineText {...rest} onChange={debounceCallbackChange} />\n </>\n );\n}\n","import {\n Input as AntdInput,\n InputNumber,\n InputNumberProps,\n Slider,\n Switch,\n SwitchProps,\n TreeSelect,\n TreeSelectProps,\n} from 'antd';\nimport type { SliderSingleProps } from 'antd/es/slider';\nimport type { TextAreaProps } from 'antd/es/input';\nimport type { SearchProps as InputSearchProps } from 'antd/es/input/Search';\nimport { ImageUploader, ImageUploaderProps } from './ImageUploader';\nimport { Select, SelectProps } from './Select';\nimport { RadioGroup, RadioGroupProps } from './RadioGroup';\nimport enhancer, { EnhancerProps } from './enhancer';\nimport { Input, InputProps } from './Input';\nimport { InputWithUnit, InputWithUnitProps } from './InputWithUnit';\nimport { CheckBoxGroup, CheckboxGroupProps } from './CheckBoxGroup';\nimport { EditTab, EditTabProps } from './EditTab';\nimport { EditGridTab, EditGridTabProps } from './EditGridTab';\nimport { AutoComplete, AutoCompleteProps } from './AutoComplete';\nimport { ColorPickerField } from './ColorPickerField';\n\nexport { RichTextField } from './RichTextField';\n\nexport const TextField = enhancer<InputProps>(Input, value => value);\n\nexport const InputWithUnitField = enhancer<InputWithUnitProps>(\n InputWithUnit,\n value => value,\n);\n\nexport const SearchField = enhancer<InputSearchProps>(AntdInput.Search, val => val);\n\nexport const TextAreaField = enhancer<TextAreaProps>(AntdInput.TextArea, val => val);\n\nexport const NumberField: React.FC<EnhancerProps & Omit<InputNumberProps, 'value' | 'onChange' | 'mutators'>> = enhancer<InputNumberProps>(InputNumber, e => e);\n\nexport const SliderField = enhancer<SliderSingleProps>(Slider, e => e);\n\nexport const ImageUploaderField = enhancer<ImageUploaderProps>(ImageUploader, url => url);\n\nexport const SelectField = enhancer<SelectProps>(Select, e => e);\n\nexport const TreeSelectField: React.FC<EnhancerProps & Omit<TreeSelectProps, 'value' | 'onChange' | 'mutators'>> = enhancer<TreeSelectProps>(TreeSelect, e => e);\n\nexport const AutoCompleteField = enhancer<AutoCompleteProps>(AutoComplete, e => e);\n\nexport const RadioGroupField = enhancer<RadioGroupProps>(RadioGroup, value => value);\n\nexport const SwitchField = enhancer<SwitchProps>(Switch, e => e);\n\nexport const CheckboxField = enhancer<CheckboxGroupProps>(CheckBoxGroup, e => e);\n\nexport const EditTabField = enhancer<EditTabProps>(EditTab, (e: unknown[]) => e);\nexport const EditGridTabField = enhancer<EditGridTabProps>(EditGridTab, (e: unknown[]) => e);\n\nexport { ColorPickerField };\n\nexport { enhancer };\n","import { Modal } from 'antd';\nimport { Form, Stack, useBlock, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { ImageUploaderField, TextAreaField, TextField } from '../Form';\n\nexport const AddToCollection: React.FC<{\n visible: boolean;\n setVisible: (v: boolean) => void;\n}> = ({ visible, setVisible }) => {\n const { focusBlock: focusBlockData } = useBlock();\n const { onAddCollection, onUploadImage, enableAssetManager } = useEditorProps();\n\n const onSubmit = (values: {\n label: string;\n helpText: string;\n thumbnail: string;\n }) => {\n if (!values.label) return;\n const uuid = uuidv4();\n onAddCollection?.({\n label: values.label,\n helpText: values.helpText,\n data: focusBlockData!,\n thumbnail: values.thumbnail,\n id: uuid,\n });\n setVisible(false);\n };\n\n return (\n <Form\n initialValues={{ label: '', helpText: '', thumbnail: '' }}\n onSubmit={onSubmit}\n >\n {({ handleSubmit }) => (\n <Modal\n mask={{ closable: false }}\n style={{ zIndex: 2000 }}\n open={visible}\n title={'Add to collection'}\n onOk={() => handleSubmit()}\n onCancel={() => setVisible(false)}\n >\n <Stack vertical>\n <Stack.Item />\n <TextField\n label={'Title'}\n name=\"label\"\n validate={(val: string) => {\n if (!val) return 'Title required!';\n return undefined;\n }}\n />\n <TextAreaField label={'Description'} name=\"helpText\" />\n <ImageUploaderField\n label={'Thumbnail'}\n name={'thumbnail'}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n validate={(val: string) => {\n if (!val) return 'Thumbnail required!';\n return undefined;\n }}\n />\n </Stack>\n </Modal>\n )}\n </Form>\n );\n};\n","import { AddToCollection } from '@extensions/components/AddToCollection';\nimport React, { useMemo, useState } from 'react';\n\nexport function useAddToCollection() {\n const [modalVisible, setModalVisible] = useState(false);\n const modal = useMemo(() => <AddToCollection visible={modalVisible} setVisible={setModalVisible} />, [modalVisible]);\n\n return {\n modal,\n modalVisible,\n setModalVisible,\n };\n}","\nimport React, { useRef } from 'react';\nimport { IconFont, TextStyle, scrollBlockEleIntoView, useBlock, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport { getIndexByIdx, getSiblingIdx } from '@thanhpv102/easy-email-core';\nimport styles from './index.module.scss';\nimport { IBlockDataWithId } from '../../../BlockLayer';\nimport { useAddToCollection } from '@extensions/hooks/useAddToCollection';\n\nexport function ContextMenu({\n moveBlock,\n copyBlock,\n removeBlock,\n contextMenuData,\n onClose,\n}: {\n onClose: (ev?: React.MouseEvent) => void;\n moveBlock: ReturnType<typeof useBlock>['moveBlock'];\n copyBlock: ReturnType<typeof useBlock>['copyBlock'];\n removeBlock: ReturnType<typeof useBlock>['removeBlock'];\n contextMenuData: {\n blockData: IBlockDataWithId;\n left: number;\n top: number;\n };\n}) {\n const { blockData, left, top } = contextMenuData;\n const idx = blockData.id;\n const { modal, modalVisible, setModalVisible } = useAddToCollection();\n const props = useEditorProps();\n const ref = useRef<HTMLDivElement>(null);\n\n const handleMoveUp = () => {\n moveBlock(idx, getSiblingIdx(idx, -1));\n scrollBlockEleIntoView({\n idx: getSiblingIdx(idx, -1),\n });\n onClose();\n };\n\n const handleMoveDown = () => {\n moveBlock(idx, getSiblingIdx(idx, 1));\n scrollBlockEleIntoView({\n idx: getSiblingIdx(idx, 1),\n });\n onClose();\n };\n\n const handleCopy: React.MouseEventHandler<HTMLDivElement> = (ev) => {\n copyBlock(idx);\n scrollBlockEleIntoView({\n idx: getSiblingIdx(idx, 1),\n });\n onClose();\n };\n\n const handleAddToCollection = () => {\n setModalVisible(true);\n };\n\n const handleDelete = () => {\n removeBlock(idx);\n onClose();\n };\n\n const isFirst = getIndexByIdx(idx) === 0;\n\n return (\n <div ref={ref} style={{ visibility: modalVisible ? 'hidden' : undefined }}>\n <div\n style={{\n left: left,\n top: top,\n }}\n className={styles.wrap}\n onClick={(e) => e.stopPropagation()}\n >\n {!isFirst && (\n <div className={styles.listItem} onClick={handleMoveUp}>\n <IconFont iconName='icon-top' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Move up'}</TextStyle>\n </div>\n )}\n <div className={styles.listItem} onClick={handleMoveDown}>\n <IconFont iconName='icon-bottom' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Move down'}</TextStyle>\n </div>\n <div className={styles.listItem} onClick={handleCopy}>\n <IconFont iconName='icon-copy' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Copy'}</TextStyle>\n </div>\n {props.onAddCollection && (\n <div className={styles.listItem} onClick={handleAddToCollection}>\n <IconFont iconName='icon-start' style={{ marginRight: 10 }} />{' '}\n <TextStyle>Add to collection</TextStyle>\n </div>\n )}\n <div className={styles.listItem} onClick={handleDelete}>\n <IconFont iconName='icon-delete' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Delete'}</TextStyle>\n </div>\n </div>\n <div\n className={styles.contextmenuMark}\n onClick={onClose}\n onContextMenu={(e) => {\n e.preventDefault();\n onClose(e);\n }}\n />\n {modal}\n </div>\n );\n}\n","import { getParentIdx, getIndexByIdx, BlockManager, getNodeIdxFromClassName } from '@thanhpv102/easy-email-core';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport {\r\n getBlockNodeByChildEle,\r\n getDirectionPosition,\r\n useEditorContext,\r\n useDataTransfer,\r\n useHoverIdx,\r\n useRefState,\r\n} from '@thanhpv102/easy-email-editor';\r\nimport { debounce, get } from 'lodash';\r\nimport { IBlockDataWithId } from '..';\r\nimport { BlockTreeProps } from '../components/BlockTree';\r\n\r\nexport function useAvatarWrapperDrop() {\r\n const [blockLayerRef, setBlockLayerRef] = useState<HTMLElement | null>(null);\r\n\r\n const { setHoverIdx, setDirection } = useHoverIdx();\r\n const { dataTransfer, setDataTransfer } = useDataTransfer();\r\n const {\r\n formState: { values },\r\n } = useEditorContext();\r\n\r\n const valuesRef = useRefState(values);\r\n const dataTransferRef = useRefState(dataTransfer);\r\n\r\n function isKeyObject(o: any): o is {\r\n key: string;\r\n } {\r\n return o.key !== undefined;\r\n }\r\n\r\n const removeHightLightClassName = useCallback(() => {\r\n if (!blockLayerRef) return;\r\n blockLayerRef\r\n .querySelectorAll(\r\n '.arco-tree-node-title-gap-top, .arco-tree-node-title-gap-bottom, .arco-tree-node-title-highlight'\r\n )\r\n .forEach((item) => {\r\n item.classList.remove(\r\n 'arco-tree-node-title-gap-top',\r\n 'arco-tree-node-title-gap-bottom',\r\n 'arco-tree-node-title-highlight'\r\n );\r\n });\r\n }, [blockLayerRef]);\r\n\r\n const allowDrop: BlockTreeProps<IBlockDataWithId>['allowDrop'] = useCallback(\r\n (params) => {\r\n const { dragNode, dropNode, dropPosition } = params;\r\n let dragType;\r\n if (isKeyObject(dragNode)) {\r\n const blockData = get(valuesRef.current, dragNode.key);\r\n if (!blockData) return false;\r\n dragType = blockData.type;\r\n } else {\r\n dragType = dragNode.type;\r\n }\r\n const dragBlock = BlockManager.getBlockByType(dragType);\r\n if (!dragBlock) return false;\r\n\r\n if (dropPosition === 0) {\r\n if (\r\n BlockManager.getAutoCompletePath(\r\n dragBlock.type,\r\n dropNode.dataRef.type\r\n ) &&\r\n dropNode.dataRef.children.length === 0\r\n ) {\r\n return {\r\n position: 0,\r\n key: dropNode.key,\r\n };\r\n } else if (\r\n dropNode.parent &&\r\n dragBlock.validParentType.includes(dropNode.parent.type)\r\n ) {\r\n // drop to next sibling\r\n return {\r\n position: -1,\r\n key: dropNode.key,\r\n };\r\n }\r\n } else {\r\n if (\r\n dropNode.parent &&\r\n dragBlock.validParentType.includes(dropNode.parent.type)\r\n ) {\r\n return {\r\n position: dropPosition,\r\n key: dropNode.key,\r\n };\r\n }\r\n }\r\n setDirection('');\r\n setHoverIdx('');\r\n return false;\r\n },\r\n [setDirection, setHoverIdx, valuesRef]\r\n );\r\n\r\n useEffect(() => {\r\n if (blockLayerRef) {\r\n const onDragOver = debounce((ev: DragEvent) => {\r\n if (!dataTransferRef.current) return;\r\n\r\n const blockNode = getBlockNodeByChildEle(ev.target as HTMLDivElement);\r\n if (!blockNode || !ev.target) return;\r\n\r\n const directionPosition = getDirectionPosition(ev, 5);\r\n const treeNodeEle = blockNode.parentNode?.parentNode\r\n ?.parentNode as HTMLElement;\r\n\r\n if (!treeNodeEle) return;\r\n\r\n removeHightLightClassName();\r\n\r\n const dropIdx = getNodeIdxFromClassName(blockNode.classList)!;\r\n if (!dropIdx) return;\r\n const dropParentIdx = getParentIdx(dropIdx);\r\n\r\n const dropBlockData = get(valuesRef.current, dropIdx);\r\n const dropParentBlockData = dropParentIdx\r\n ? get(valuesRef.current, dropParentIdx)\r\n : null;\r\n\r\n let dropPosition = 0;\r\n if (\r\n directionPosition.vertical.direction === 'top' &&\r\n directionPosition.vertical.isEdge\r\n ) {\r\n dropPosition = -1;\r\n } else if (\r\n directionPosition.vertical.direction === 'bottom' &&\r\n directionPosition.vertical.isEdge\r\n ) {\r\n dropPosition = 1;\r\n }\r\n const dropResult = allowDrop({\r\n dragNode: {\r\n type: dataTransferRef.current.type,\r\n },\r\n dropNode: {\r\n dataRef: dropBlockData,\r\n key: dropIdx,\r\n parent: dropParentBlockData,\r\n },\r\n dropPosition,\r\n });\r\n if (!dropResult) return;\r\n\r\n const node = document.querySelector(\r\n `[data-tree-idx=\"${dropResult.key}\"]`\r\n )?.parentNode?.parentNode;\r\n if (node instanceof HTMLElement) {\r\n removeHightLightClassName();\r\n node.classList.add('arco-tree-node-title-gap-bottom');\r\n }\r\n setDirection(getDirectionFormDropPosition(dropResult.position));\r\n setHoverIdx(dropResult.key);\r\n\r\n if (dropResult.position === -1) {\r\n treeNodeEle.classList.add('arco-tree-node-title-gap-top');\r\n setDataTransfer((dataTransfer: any) => {\r\n return {\r\n ...dataTransfer,\r\n parentIdx: dropParentIdx,\r\n positionIndex: getIndexByIdx(dropIdx),\r\n };\r\n });\r\n } else if (dropResult.position === 1) {\r\n setDataTransfer((dataTransfer: any) => {\r\n return {\r\n ...dataTransfer,\r\n parentIdx: dropParentIdx,\r\n positionIndex: getIndexByIdx(dropIdx) + 1,\r\n };\r\n });\r\n treeNodeEle.classList.add('arco-tree-node-title-gap-bottom');\r\n } else {\r\n treeNodeEle.classList.add('arco-tree-node-title-highlight');\r\n setDataTransfer((dataTransfer: any) => {\r\n return {\r\n ...dataTransfer,\r\n parentIdx: dropIdx,\r\n positionIndex: 0,\r\n };\r\n });\r\n }\r\n });\r\n\r\n const onDragend = (ev: DragEvent) => {\r\n removeHightLightClassName();\r\n };\r\n\r\n const onDrop = (ev: DragEvent) => {\r\n setTimeout(() => {\r\n removeHightLightClassName();\r\n }, 0);\r\n };\r\n\r\n blockLayerRef.addEventListener('dragover', onDragOver);\r\n blockLayerRef.addEventListener('drop', onDrop);\r\n blockLayerRef.addEventListener('dragleave', onDragend);\r\n\r\n return () => {\r\n blockLayerRef.removeEventListener('dragover', onDragOver);\r\n blockLayerRef.removeEventListener('drop', onDrop);\r\n blockLayerRef.removeEventListener('dragleave', onDragend);\r\n };\r\n }\r\n }, [\r\n blockLayerRef,\r\n dataTransferRef,\r\n valuesRef,\r\n removeHightLightClassName,\r\n allowDrop,\r\n setDirection,\r\n setHoverIdx,\r\n setDataTransfer,\r\n ]);\r\n\r\n return {\r\n setBlockLayerRef,\r\n blockLayerRef,\r\n allowDrop,\r\n removeHightLightClassName,\r\n };\r\n}\r\n\r\nexport function getDirectionFormDropPosition(position: number) {\r\n if (position === -1) return 'top';\r\n if (position === 1) return 'bottom';\r\n return '';\r\n}\r\n","import { BasicType, AdvancedType } from '@thanhpv102/easy-email-core';\nimport { get } from 'lodash';\n\nlet iconsMap = {\n [BasicType.TEXT]: 'icon-text',\n [BasicType.SECTION]: 'icon-section',\n [BasicType.COLUMN]: 'icon-column',\n [BasicType.DIVIDER]: 'icon-divider',\n [BasicType.IMAGE]: 'icon-img',\n [BasicType.BUTTON]: 'icon-button',\n [BasicType.GROUP]: 'icon-group',\n [BasicType.PAGE]: 'icon-page',\n [BasicType.WRAPPER]: 'icon-wrapper',\n [BasicType.NAVBAR]: 'icon-navbar',\n [BasicType.HERO]: 'icon-hero',\n [BasicType.SPACER]: 'icon-spacing',\n [BasicType.SOCIAL]: 'icon-social',\n [BasicType.CAROUSEL]: 'icon-carousel',\n [BasicType.ACCORDION]: 'icon-accordion',\n\n [AdvancedType.TEXT]: 'icon-text',\n [AdvancedType.DIVIDER]: 'icon-divider',\n [AdvancedType.IMAGE]: 'icon-img',\n [AdvancedType.BUTTON]: 'icon-button',\n [AdvancedType.NAVBAR]: 'icon-navbar',\n [AdvancedType.SPACER]: 'icon-spacing',\n [AdvancedType.SOCIAL]: 'icon-social',\n [AdvancedType.CAROUSEL]: 'icon-carousel',\n [AdvancedType.ACCORDION]: 'icon-accordion',\n\n [AdvancedType.WRAPPER]: 'icon-wrapper',\n [AdvancedType.SECTION]: 'icon-section',\n [AdvancedType.COLUMN]: 'icon-column',\n [AdvancedType.GROUP]: 'icon-group',\n [AdvancedType.HERO]: 'icon-hero',\n};\n\nexport function getIconNameByBlockType(type: string) {\n return get(iconsMap, type) || 'icon-number';\n}\n\nexport function setIconsMap(map: Record<string, string>) {\n iconsMap = {...iconsMap, ...map};\n}\n","import { BlockManager, IBlockData, BasicType } from '@thanhpv102/easy-email-core';\r\n\r\nconst tempEle = document.createElement('div');\r\nexport function getBlockTitle(\r\n blockData: IBlockData,\r\n isFromContent = true\r\n): string {\r\n if (blockData.title) return blockData.title;\r\n\r\n if (\r\n isFromContent &&\r\n (blockData.type === BasicType.TEXT.toString() || blockData.type === BasicType.BUTTON.toString())\r\n ) {\r\n tempEle.innerHTML = blockData.data.value.content;\r\n return tempEle.innerText;\r\n }\r\n\r\n const blockName = BlockManager.getBlockByType(blockData.type)?.name || '';\r\n return blockName;\r\n}\r\n","import React, { useCallback, useMemo, useState, useRef } from 'react';\nimport {\n DATA_ATTRIBUTE_DROP_CONTAINER,\n IconFont,\n scrollBlockEleIntoView,\n TextStyle,\n useBlock,\n useEditorContext,\n useFocusIdx,\n useHoverIdx,\n useRefState,\n} from '@thanhpv102/easy-email-editor';\nimport {\n BasicType,\n BlockManager,\n getChildIdx,\n getIndexByIdx,\n getNodeIdxClassName,\n getPageIdx,\n getParentIdx,\n IBlockData,\n} from '@thanhpv102/easy-email-core';\nimport styles from './index.module.scss';\nimport { cloneDeep, get, isString, isEqual } from 'lodash';\nimport { EyeIcon } from './components/EyeIcon';\nimport { BlockTree, BlockTreeProps } from './components/BlockTree';\nimport { ContextMenu } from './components/ContextMenu';\nimport { classnames } from '@extensions/utils/classnames';\nimport { getDirectionFormDropPosition, useAvatarWrapperDrop } from './hooks/useAvatarWrapperDrop';\nimport { getIconNameByBlockType } from '@extensions/utils/getIconNameByBlockType';\nimport { Space } from 'antd';\nimport { getBlockTitle } from '@extensions/utils/getBlockTitle';\n\nexport interface IBlockDataWithId extends IBlockData {\n id: string;\n icon?: React.ReactElement;\n parent: IBlockDataWithId | null;\n children: IBlockDataWithId[];\n className?: string;\n}\nexport interface BlockLayerProps {\n renderTitle?: (block: IBlockDataWithId) => React.ReactNode;\n}\n\nexport function BlockLayer(props: BlockLayerProps) {\n const { pageData } = useEditorContext();\n const { renderTitle: propsRenderTitle } = props;\n const { focusIdx, setFocusIdx } = useFocusIdx();\n const { setHoverIdx, setIsDragging, setDirection } = useHoverIdx();\n const { moveBlock, setValueByIdx, copyBlock, removeBlock, values } = useBlock();\n\n const { setBlockLayerRef, allowDrop, removeHightLightClassName } =\n useAvatarWrapperDrop();\n\n const valueRef = useRefState(values);\n\n const [contextMenuData, setContextMenuData] = useState<{\n blockData: IBlockDataWithId;\n left: number;\n top: number;\n } | null>(null);\n\n const onToggleVisible = useCallback(\n ({ id }: IBlockDataWithId, e: React.MouseEvent) => {\n e.stopPropagation();\n const blockData = get(valueRef.current, id) as IBlockData | null;\n\n if (blockData) {\n blockData.data.hidden = !Boolean(blockData.data.hidden);\n setValueByIdx(id, blockData);\n }\n },\n [setValueByIdx, valueRef],\n );\n\n const renderTitle = useCallback(\n (data: IBlockDataWithId) => {\n const isPage = data.type === BasicType.PAGE.toString();\n const title = propsRenderTitle ? propsRenderTitle(data) : getBlockTitle(data);\n return (\n <div\n data-tree-idx={data.id}\n className={classnames(\n styles.title,\n !isPage && getNodeIdxClassName(data.id),\n !isPage && 'email-block',\n )}\n >\n <Space\n align='center'\n size='small'\n >\n <IconFont\n iconName={getIconNameByBlockType(data.type)}\n style={{ fontSize: 12, color: '#999' }}\n />\n <div\n title={isString(title) ? title : ''}\n style={{\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n width: '5em',\n textOverflow: 'ellipsis',\n }}\n >\n <TextStyle size='smallest'>{title}</TextStyle>\n </div>\n </Space>\n <div className={styles.eyeIcon}>\n <EyeIcon\n blockData={data}\n onToggleVisible={onToggleVisible}\n />\n </div>\n </div>\n );\n },\n [onToggleVisible, propsRenderTitle],\n );\n\n const treeData = useMemo(() => {\n const copyData = cloneDeep(pageData) as IBlockDataWithId;\n const loop = (\n item: IBlockDataWithId,\n id: string,\n parent: IBlockDataWithId | null,\n ) => {\n item.id = id;\n item.parent = parent;\n item.children.map((child, index) => loop(child, getChildIdx(id, index), item));\n };\n\n loop(copyData, getPageIdx(), null);\n\n return [copyData];\n }, [pageData]);\n\n const onSelect = useCallback(\n (selectedId: string) => {\n setFocusIdx(selectedId);\n setTimeout(() => {\n scrollBlockEleIntoView({ idx: selectedId });\n }, 50);\n },\n [setFocusIdx],\n );\n\n const onContextMenu = useCallback(\n (blockData: IBlockDataWithId, ev: React.MouseEvent) => {\n ev.preventDefault();\n setContextMenuData({ blockData, left: ev.clientX, top: ev.clientY });\n },\n [],\n );\n\n const onCloseContextMenu = useCallback(() => {\n setContextMenuData(null);\n }, []);\n\n const onMouseEnter = useCallback(\n (id: string) => {\n setHoverIdx(id);\n },\n [setHoverIdx],\n );\n\n const onMouseLeave = useCallback(() => {\n setHoverIdx('');\n }, [setHoverIdx]);\n\n const onDragStart = useCallback(() => {\n setIsDragging(true);\n }, [setIsDragging]);\n\n const onDragEnd = useCallback(() => {\n setIsDragging(false);\n }, [setIsDragging]);\n\n const onDrop: BlockTreeProps<IBlockDataWithId>['onDrop'] = useCallback(\n params => {\n const { dragNode, dropNode, dropPosition } = params;\n const dragBlock = BlockManager.getBlockByType(dragNode.dataRef.type);\n if (!dragBlock) return false;\n const dropIndex = getIndexByIdx(dropNode.key);\n\n if (dropPosition === 0) {\n if (\n dragBlock.validParentType.includes(dropNode.dataRef.type) &&\n dropNode.dataRef.children.length === 0\n ) {\n moveBlock(dragNode.key, getChildIdx(dropNode.key, 0));\n } else if (\n dropNode.parent &&\n dragBlock.validParentType.includes(dropNode.parent.type)\n ) {\n // drop to parent\n moveBlock(dragNode.key, getChildIdx(dropNode.parentKey, dropIndex));\n }\n } else {\n moveBlock(\n dragNode.key,\n getChildIdx(dropNode.parentKey, dropPosition > 0 ? dropIndex + 1 : dropIndex),\n );\n }\n },\n [moveBlock],\n );\n\n const lastDropResultRef = useRef<ReturnType<typeof allowDrop>>(false);\n\n const blockTreeAllowDrop: BlockTreeProps<IBlockDataWithId>['allowDrop'] = useCallback(\n (data) => {\n const dropResult = allowDrop(data);\n if (isEqual(lastDropResultRef.current, dropResult)) {\n return dropResult;\n }\n lastDropResultRef.current = dropResult;\n if (dropResult) {\n setIsDragging(true); // Auto-set isDragging when drag is valid\n const node = document.querySelector(`[data-tree-idx=\"${dropResult.key}\"]`)\n ?.parentNode?.parentNode;\n if (node instanceof HTMLElement) {\n removeHightLightClassName();\n node.classList.add('arco-tree-node-title-gap-bottom');\n }\n setDirection(getDirectionFormDropPosition(dropResult.position));\n setHoverIdx(dropResult.key);\n } else {\n setIsDragging(false); // Clear isDragging when drag is invalid\n }\n\n return dropResult;\n },\n [allowDrop, removeHightLightClassName, setDirection, setHoverIdx, setIsDragging],\n );\n\n const selectedKeys = useMemo(() => {\n if (!focusIdx) return [];\n\n return [focusIdx];\n }, [focusIdx]);\n\n const expandedKeys = useMemo(() => {\n if (!focusIdx) return [];\n let currentIdx = getParentIdx(focusIdx);\n const keys: string[] = [];\n while (currentIdx) {\n keys.push(currentIdx);\n currentIdx = getParentIdx(currentIdx);\n }\n return keys;\n }, [focusIdx]);\n\n return (\n <div\n ref={setBlockLayerRef}\n id='BlockLayerManager'\n {...{\n [DATA_ATTRIBUTE_DROP_CONTAINER]: 'true',\n }}\n >\n <BlockTree<IBlockDataWithId>\n selectedKeys={selectedKeys}\n expandedKeys={expandedKeys}\n defaultExpandAll\n treeData={treeData}\n renderTitle={renderTitle}\n allowDrop={blockTreeAllowDrop}\n onContextMenu={onContextMenu}\n onDrop={onDrop}\n onDragStart={onDragStart}\n onDragEnd={onDragEnd}\n onSelect={onSelect}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n />\n {contextMenuData && (\n <ContextMenu\n onClose={onCloseContextMenu}\n moveBlock={moveBlock}\n copyBlock={copyBlock}\n removeBlock={removeBlock}\n contextMenuData={contextMenuData}\n />\n )}\n </div>\n );\n}\n",".BlocksPanel {\n img {\n max-width: 100%;\n }\n\n :global {\n .ant-tooltip {\n z-index: 10000 !important;\n }\n\n .ant-tooltip-inner {\n z-index: 10000 !important;\n }\n }\n}\n.blockItem {\n text-align: center;\n padding: 3px 12px;\n border-radius: 15px;\n min-width: 60px;\n}\n\n.closeBtn {\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n &:hover {\n background-color: #f7f8f8;\n }\n}\n","import { IBlockData } from '@thanhpv102/easy-email-core';\n\nexport interface BlockMarketCategory {\n name: string;\n title: string;\n blocks: {\n type: string;\n title: string;\n description?: React.ReactNode;\n thumbnail?: string;\n payload?: IBlockData;\n component: () => React.ReactElement | null;\n }[];\n}\n\nexport class BlockMarketManager {\n private static category: BlockMarketCategory[] = [];\n private static subscriptHandles: Array<(category: BlockMarketCategory[]) => void> = [];\n\n public static subscribe(fn: (category: BlockMarketCategory[]) => void) {\n return this.subscriptHandles.push(fn);\n }\n\n public static unsubscribe(fn: (category: BlockMarketCategory[]) => void) {\n return this.subscriptHandles = this.subscriptHandles.filter(item => item === fn);\n }\n\n public static notify() {\n this.subscriptHandles.forEach(fn => fn(this.category));\n }\n\n public static getCategory(name: string) {\n return this.category.find((item) => item.name === name);\n }\n\n public static getCategories() {\n return this.category;\n }\n\n public static addCategories(list: BlockMarketCategory[]) {\n list.forEach(item => {\n const index = this.category.findIndex((c) => c.name === item.name);\n if (index !== -1) {\n this.category.splice(index, 1);\n }\n\n this.category.push(item);\n });\n this.notify();\n }\n\n public static addCategory(\n name: string,\n title: string,\n blocks: {\n type: string;\n title: string;\n description?: React.ReactNode;\n component: () => React.ReactElement | null;\n }[]\n ) {\n const index = this.category.findIndex((item) => item.name === name);\n if (index !== -1) {\n this.category.splice(index, 1);\n }\n\n this.category.push({\n name,\n title,\n blocks,\n });\n\n this.notify();\n }\n\n public static removeCategories(list: BlockMarketCategory[]) {\n list.forEach(item => {\n this.category = this.category.filter((c) => c.name !== item.name);\n });\n this.notify();\n }\n\n public static removeCategory(name: string) {\n this.category = this.category.filter((item) => item.name !== name);\n this.notify();\n }\n}\n",".mask {\n width: 270px;\n display:flex;\n justify-content: flex-end;\n align-items: center;\n cursor: default;\n position: relative;\n transition: all .3s;\n pointer-events: auto;\n}\n.drag {\n background-color: rgba(0,0,0,0.65);\n}","import { IconFont, BlockAvatarWrapper } from '@thanhpv102/easy-email-editor';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { BlockType } from '@thanhpv102/easy-email-core';\nimport styles from './index.module.scss';\n\nexport const BlockMaskWrapper: React.FC<{\n type: BlockType | string;\n payload: any;\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const ref = useRef<HTMLDivElement>(null);\n const dragRef = useRef<HTMLDivElement>(null);\n const { type, payload } = props;\n\n const onMouseDown = useCallback(() => {\n if (ref.current) {\n ref.current.classList.add(styles.drag);\n }\n }, []);\n\n const onMaskMouseDown: React.MouseEventHandler<HTMLDivElement> = useCallback(ev => {\n if (!dragRef.current || !dragRef.current.contains(ev.target as HTMLElement)) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n }, []);\n\n useEffect(() => {\n const mouseup = () => {\n if (ref.current) {\n ref.current.classList.remove(styles.drag);\n }\n };\n document.addEventListener('mouseup', mouseup);\n return () => {\n document.removeEventListener('mouseup', mouseup);\n };\n }, []);\n\n return (\n <div style={{ position: 'relative' }}>\n {props.children}\n <div\n className={styles.wrapper}\n style={{\n position: 'absolute',\n height: '100%',\n transform: 'translate(32px)',\n top: 0,\n right: 0,\n display: 'flex',\n justifyContent: 'flex-end',\n }}\n >\n <BlockAvatarWrapper\n type={type}\n payload={payload}\n >\n <div\n ref={ref}\n className={styles.mask}\n onMouseDown={onMaskMouseDown}\n >\n <div\n ref={dragRef}\n style={{\n position: 'relative',\n zIndex: 10,\n }}\n onMouseDown={onMouseDown}\n >\n <IconFont\n iconName='icon-drag'\n style={{ fontSize: 25, lineHeight: '25px', cursor: 'grab' }}\n />\n </div>\n </div>\n </BlockAvatarWrapper>\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\n\nconst fontList = [48, 32, 27, 24, 18, 16, 14];\n\nexport function TextBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {fontList.map((item, index) => {\n return (\n <Stack.Item fill key={index}>\n <BlockMaskWrapper\n type={AdvancedType.TEXT}\n payload={{\n attributes: {\n 'font-size': item + 'px',\n padding: '0px 0px 0px 0px'\n },\n data: {\n value: {\n content: item + 'px',\n },\n },\n }}\n >\n <div style={{ fontSize: item, width: '100%', paddingLeft: 20 }}>\n {item}px\n </div>\n </BlockMaskWrapper>\n </Stack.Item>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React, { useEffect, useState } from 'react';\n\ninterface IPictureProps\n extends React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLImageElement>,\n HTMLElement\n > {\n src: string;\n className?: string;\n}\n\nconst skeletonKeyframes = `\n@keyframes easy-email-skeleton-shimmer {\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n}\n`;\n\nlet skeletonStyleInjected = false;\nfunction injectSkeletonStyle() {\n if (skeletonStyleInjected) return;\n skeletonStyleInjected = true;\n const style = document.createElement('style');\n style.textContent = skeletonKeyframes;\n document.head.appendChild(style);\n}\n\nexport function Picture(props: IPictureProps) {\n const [url, setUrl] = useState(props.src);\n const [loaded, setLoaded] = useState(false);\n\n useEffect(() => {\n injectSkeletonStyle();\n }, []);\n\n useEffect(() => {\n setUrl(props.src);\n setLoaded(false);\n }, [props.src]);\n\n const { width, height, borderRadius, padding, ...restStyle } = props.style || {};\n\n return (\n <picture\n {...{ ...props }}\n {...{\n src: undefined,\n style: {\n display: 'inline-block',\n width: width,\n height: height,\n borderRadius: borderRadius,\n padding: padding,\n overflow: borderRadius ? 'hidden' : undefined,\n position: 'relative',\n ...restStyle,\n },\n }}\n >\n {!loaded && (\n <span\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n background: 'linear-gradient(70deg, var(--color-loading-gray-1, #2a2a2a) 25%, var(--color-loading-gray-2, #5a5a5a) 50%, var(--color-loading-gray-1, #2a2a2a) 75%)',\n backgroundSize: '800px 100%',\n animation: 'easy-email-skeleton-shimmer 1.4s infinite linear',\n borderRadius: borderRadius,\n display: 'block',\n zIndex: 1,\n }}\n />\n )}\n <source\n srcSet={url}\n />\n <img\n style={{\n width: width || '100%',\n height: height || '100%',\n maxWidth: '100%',\n maxHeight: '100%',\n display: 'block',\n opacity: loaded ? 1 : 0,\n transition: 'opacity 0.2s ease',\n }}\n src={url}\n alt=''\n onLoad={() => setLoaded(true)}\n />\n </picture>\n );\n}\n","import { ImageManager } from '@thanhpv102/easy-email-core';\n\nconst defaultImagesMap = {\n IMAGE_08:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0046b247-3647-491f-afe1-cb0dd2a3c21c-ef84b752-f827-4546-89bf-6b63dfb67a4d.png',\n IMAGE_09:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/be34fb18-32ad-441c-84d8-3c0e9ba9f742-ad2ea5ff-5d0b-446b-bd7d-8e2ab5afdd16.png',\n IMAGE_10:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/6a1e6292-469e-452a-bbae-44e4b5ff7463-05e543b6-c951-44ce-ae27-ca1282c77f52.png',\n IMAGE_11:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/39b25f35-7ca9-4264-8502-41f430f89cf5-bcdc91c2-da3c-4fef-99c0-62b77c5a0f1f.png',\n IMAGE_12:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/eaa83007-f6f5-47d9-acbe-bb98065eaf20-b7c46090-73bd-4d4b-bd31-2368f7b4064f.png',\n IMAGE_13:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9dec87bb-0a6d-429f-ac23-0ee636e6428d-219dee7e-85bb-4fba-9bf3-e98762e80409.png',\n IMAGE_14:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/d285da5e-b0c0-4895-84ac-42f83b4d603b-64042d20-be6a-45de-819c-8312f778a38d.png',\n IMAGE_15:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f69f48af-5b15-40aa-91c4-81d601d1357b-083dc99d-02a6-40d9-ae28-0662bd078b5d.png',\n IMAGE_16:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9cce6b16-5a98-4ddb-b1a1-6cec2cf56891-c3acb856-8ab8-4cfb-93f9-2a0747678b8b.png',\n IMAGE_17:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/d9795c1d-fa32-4adb-ab25-30b7cfe87936-df21314f-6f05-4550-80b3-9ab1107e8fbe.png',\n IMAGE_18:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/82f6f893-43ed-4f3d-9a17-4740bda844de-3318b36c-199d-46fe-96b8-38d1f17ef0c1.png',\n IMAGE_19:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f1ece227-e050-4751-b064-aaeeabd5bfde-d459e9a2-b192-417b-8a77-2297b29e814e.png',\n IMAGE_20:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/585b48f6-ee7c-4d1a-8619-4d2edea09be6-07113335-5d19-464a-adef-2be50682ce72.png',\n IMAGE_21:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9755d667-289e-405c-b84a-adf5db91ea4d-c03c409b-dd9b-40e9-840a-6a64e1df594e.png',\n IMAGE_22:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/7487ce49-cd69-4651-8da3-807c54357258-defaaf0a-1756-4b83-9a94-51dcdbfeb84f.png',\n IMAGE_23:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/c3463b9e-baff-41c8-95ee-01c5a79259bd-8062ab05-baa5-45d2-9959-4935d4ff2005.png',\n IMAGE_24:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/1f45e84a-5c84-45ce-9d27-df6ffb55bcdd-cbf126f4-b372-4ea9-a354-0dc27be4ce2f.png',\n IMAGE_25:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/6b8b234e-2306-48f9-90ed-056c13201a83-492073c3-258f-4f1b-91fa-4a8ae723aa2c.png',\n IMAGE_26:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/aa50c2c9-8e3b-4af2-b029-337ec549ec10-baacd015-2e3f-4326-b3ab-bde84a7c456b.png',\n IMAGE_27:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9e935e54-a97e-4fbb-a2fb-73e351a35eed-479ef4d1-9460-48b2-934d-84d77044b98d.png',\n IMAGE_28:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/799564d8-3082-4fdc-86ed-8c4b3510934f-3f8ccbaa-7b6b-49b7-a836-21fa88f996fc.png',\n IMAGE_29:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/af34a548-c339-4a9e-85fe-11bf90c083eb-46fef91d-7307-4e91-aae0-460da1c48629.png',\n IMAGE_30:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/84014a93-429c-479c-b9ed-0c568f58a288-ca76cdf2-92d3-4552-bc95-3a8dd4c9cd0b.png',\n IMAGE_31:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/dd1584fb-cb60-42c9-80c7-5545e16130ca-226ba72b-ce9e-4948-ad0d-347381fb96c5.png',\n IMAGE_32:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/76e3d8e2-697d-484c-a989-715bd234b575-37bde239-2e2d-450a-8e93-d62c39cb94a3.png',\n IMAGE_33:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/898b791e-c8fc-4bc5-bf1e-47a0351284ce-fdee9617-9848-49e7-82b6-36095f417a3e.png',\n IMAGE_34:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/49662d27-6e14-4e75-a942-946f0af25a51-e9aa2ead-98e4-4f70-8073-7b5aaafaa367.png',\n IMAGE_35:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/d2905fb1-9fc1-49c0-90b0-806877c38cd2-f2e05655-4e6c-41b0-a028-990448a716dc.png',\n IMAGE_36:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9c3e9949-1be7-42b5-ad48-44f0e1c89c2e-2ee3cbac-e45e-414d-96ad-9dae3621cf14.png',\n IMAGE_37:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/1865e3a6-a762-4bd9-9644-96ae6b27a83a-176a20c7-5768-400c-b2eb-701500cee17c.png',\n IMAGE_38:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/2a6d82e2-d1f6-4e30-ae05-1afe3cd03e70-22d186b0-c2f1-4aee-b33b-869cae26412e.png',\n IMAGE_39:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9f97bda2-82d6-47e7-80c1-40be94d5491f-88233d55-8715-43cd-9232-246440e33cd6.png',\n IMAGE_40:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/b8f00c77-12b0-4e61-a85e-96918c0035dc-b8344b64-8e79-424d-a974-8e13e6b1e7f8.png',\n IMAGE_41:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/5fc6be85-0205-4ca9-bb9a-eb9335f94af2-2d41c4bb-2c00-4fe7-8b32-067e92df3ab3.png',\n IMAGE_42:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f6c9c054-f35a-4af7-957f-c7a6209972eb-7e3b42bf-8d97-466d-8662-8d3b1786e8b8.png',\n IMAGE_43:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/80e108b0-3d70-442a-93c1-3fcc091253c6-3dc61b44-6072-413a-ae28-a551577b7677.png',\n IMAGE_44:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/14b9e878-7208-48f4-94d0-51161b79010a-fb55ae68-a7ce-4bae-830d-331d368f0f32.png',\n IMAGE_45:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/b42f3cd8-01fc-4650-a32d-b584b05e78c3-5e408f98-e9e6-43de-97af-91b2732760df.png',\n IMAGE_46:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e737972a-d884-440b-96d3-66f703dd110b-9f1d0d18-fb45-4a54-a2d0-65bc5b168f8a.png',\n IMAGE_47:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0e3ae071-247a-4e69-8b60-8009477180b9-197205c2-2ae7-420f-94aa-78440226beaa.png',\n IMAGE_48:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0ec46619-4dd0-4293-88fb-14656ac7d33c-0936deed-a88c-4e3d-90bf-4fe67b295659.png',\n IMAGE_49:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/01830aec-d044-4d2a-9519-aac2901f4760-776602f7-021b-4142-a2d0-446aca5e0418.png',\n IMAGE_50:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9f1cee25-f9b4-4539-b4ea-3109584c0a54-0692c4fb-46ce-452c-8573-fcce74852cba.png',\n IMAGE_51:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e138143f-7071-44bc-8470-7d56850e527c-f515254e-67b8-4b68-b86f-7993e960d893.png',\n IMAGE_52:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/ac75b655-b57d-40b9-a201-8163eeb6a579-1f894e6f-18ac-42c4-9227-7488433586bc.png',\n IMAGE_53:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/3c505a1b-575a-40fb-83c1-6c4a11a6d478-9e466e35-af9e-406a-b4cc-b86f9d0b0419.png',\n IMAGE_54:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/7f98eeec-9422-48b5-9b57-939a24418b92-a6346a63-b393-49c2-9911-ee1a9a1ffd02.png',\n IMAGE_55:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/a7f5ae44-418b-40e1-b8a5-8162cf8bbd87-156cc8dd-3a19-4638-8c26-e28783e50952.png',\n IMAGE_56:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/efdeeced-1eb7-465f-8370-a3b000634ba2-0a4d1794-6ca7-44fa-a1c6-04e3bde8eb56.png',\n IMAGE_57:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/425c6017-2c30-41d7-8930-08300492c6d4-a0859ca3-5213-484c-9170-2d51329407cc.png',\n IMAGE_58:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/858ea699-cf65-469d-bd9e-70adea729bb4-c4e7a711-27b6-4865-9b32-516c41cebddf.png',\n IMAGE_59:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/06ca521d-9728-4de6-a709-1b75a828bfc3-2a9b1224-3d71-43b8-b52f-e7cdcdc9107b.png',\n IMAGE_60:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/199eacfa-daf8-4dd1-a356-225a265a88a4-e8432435-a2bb-4ec2-a3e9-ee1757d8b44b.png',\n IMAGE_61:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f43b67dc-cc30-4533-b2ca-4689292aab4d-40bc844d-5362-451f-a839-69e86f7a3113.png',\n IMAGE_62:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/318e911c-a57b-4768-9c79-0e49c2953e7a-dbe0eb3c-0b4b-495a-a469-a15b46c5a0cc.png',\n IMAGE_63:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/ed70ddb1-1344-4245-ab1e-beae36ed44b4-21a80cb3-a928-4857-973b-98992fdec74f.png',\n IMAGE_64:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/fb7dd6fa-12c1-41e1-8744-91d0f861ec57-0fee9bda-2381-4c54-a24d-bd644384b9aa.png',\n IMAGE_65:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/7bf8c363-17bd-472d-8cca-96f5d4b64292-9ab34957-15d3-4068-8e83-cc283d8e400d.png',\n IMAGE_66:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0330a1e9-e814-4be8-83f0-ee1dbabf44a0-6e35a585-92ec-4570-875b-866b59927583.png',\n IMAGE_67:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/a7deb6bc-db2b-4273-bf25-002bb148bf5a-ed5e9b17-15a9-4e0f-9874-c3219d48b2b4.png',\n IMAGE_68:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/52c50319-e3a9-401b-9057-bd6531870f10-aa79ec5d-76d2-4d48-a99e-2ccd9d9c285b.png',\n IMAGE_69:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9994cef3-6205-4013-8993-b037d067df64-f5d03db4-6bb4-4af4-b35a-0b6d512eaff4.png',\n IMAGE_70:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e5dd7a7e-70d7-483f-80cc-0c5b41107101-75dcedc7-4a34-4d03-97ee-bf32163afa0a.png',\n IMAGE_71:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/53277265-8e54-43d0-b9d0-d34cd1639861-adb7a48a-8382-43a1-ad59-7c84764a3b21.png',\n IMAGE_72:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/table3x3-border_none.png',\n IMAGE_73:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/table4x4-header.png',\n};\n\nImageManager.add(defaultImagesMap);\n\nexport function getImg(name: keyof typeof defaultImagesMap) {\n return ImageManager.get(name);\n}\n\n","import React from 'react';\nimport { AdvancedType, IImage, RecursivePartial } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\n\nconst imageList = [\n {\n attributes: {\n src: getImg('IMAGE_45'),\n padding: '10px 25px 10px 25px',\n 'padding-left': '0px',\n 'padding-right': '0px',\n 'padding-top': '0px',\n 'padding-bottom': '0px'\n }\n },\n {\n attributes: {\n src: getImg('IMAGE_44'),\n padding: '10px 25px 10px 25px',\n 'padding-left': '25px',\n 'padding-right': '25px',\n 'padding-top': '0px',\n 'padding-bottom': '0px',\n 'border-radius': '15px'\n },\n },\n {\n attributes: {\n src: getImg('IMAGE_43'),\n padding: '10px 25px 10px 25px',\n 'padding-left': '25px',\n 'padding-right': '25px',\n 'padding-top': '0px',\n 'padding-bottom': '0px',\n 'border-radius': '999px',\n width: '200px',\n height: '200px'\n },\n }\n];\n\nexport function ImageBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {imageList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.IMAGE}\n payload={\n {\n attributes: item.attributes,\n } as RecursivePartial<IImage>\n }\n >\n <div\n style={{\n position: 'relative',\n display: 'flex',\n justifyContent: 'center',\n }}\n >\n <Picture\n src={item.attributes.src}\n style={{\n width: item.attributes.width,\n height: item.attributes.height,\n minWidth: item.attributes.width ? item.attributes.width : 250,\n minHeight: 100,\n borderRadius: item.attributes['border-radius']\n }}\n />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { Stack, TextStyle } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType, ISpacer, RecursivePartial } from '@thanhpv102/easy-email-core';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\n\nconst spacerList = [10, 15, 20, 30, 50, 60, 100];\n\nexport function SpacerBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {spacerList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.SPACER}\n payload={\n {\n attributes: {\n height: item + 'px',\n },\n } as RecursivePartial<ISpacer>\n }\n >\n <Stack alignment='center'>\n <Stack.Item fill>\n\n <div\n style={{\n marginBottom: 20,\n backgroundColor: '#efeeea',\n position: 'relative',\n height: item,\n boxShadow: ' 3px 3px 3px rgb(0 0 0 / 0.2)',\n }}\n />\n\n </Stack.Item>\n <TextStyle>{item} px</TextStyle>\n </Stack>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { Stack, TextStyle } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType, IDivider, RecursivePartial } from '@thanhpv102/easy-email-core';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\n\nconst dividerList = [\n {\n 'border-width': '2px',\n 'border-style': 'solid',\n 'border-color': 'lightgrey',\n },\n {\n 'border-width': '2px',\n 'border-style': 'dashed',\n 'border-color': 'lightgrey',\n },\n {\n 'border-width': '2px',\n 'border-style': 'dotted',\n 'border-color': 'lightgrey',\n },\n];\n\nexport function DividerBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n <Stack.Item />\n <Stack.Item />\n {dividerList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.DIVIDER}\n payload={\n {\n attributes: { ...item, padding: '10px 0px' },\n } as RecursivePartial<IDivider>\n }\n >\n <Stack alignment='center'>\n <Stack.Item fill>\n\n <div\n style={{\n backgroundColor: '#fff',\n padding: '10px 0px 10px 0px',\n }}\n >\n <div\n style={{\n borderTopWidth: item['border-width'],\n borderTopStyle: item['border-style'] as any,\n borderTopColor: item['border-color'],\n\n boxSizing: 'content-box',\n }}\n />\n </div>\n\n </Stack.Item>\n <TextStyle>{item['border-style']}</TextStyle>\n </Stack>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function HeroBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {heroList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.HERO}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 100 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst heroList = [\n {\n thumbnail: getImg('IMAGE_30'),\n payload: {\n type: AdvancedType.HERO,\n data: {\n value: {},\n },\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '100px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_31'),\n },\n children: [\n {\n type: 'text',\n data: {\n value: {\n content: 'We Serve Healthy &amp; Delicious Foods',\n },\n },\n attributes: {\n 'font-size': '45px',\n padding: '10px 25px 10px 25px',\n 'line-height': '45px',\n align: 'center',\n color: '#ffffff',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content:\n 'A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.<br>',\n },\n },\n attributes: {\n 'font-size': '14px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n children: [],\n },\n {\n type: 'button',\n data: {\n value: {\n content: 'Get Your Order Here!',\n },\n },\n attributes: {\n align: 'center',\n 'background-color': '#f3a333',\n color: '#ffffff',\n 'font-size': '13px',\n 'font-weight': 'normal',\n 'border-radius': '30px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_32'),\n payload: {\n type: AdvancedType.HERO,\n data: {\n value: {\n content:\n 'WINTER\\n \\n \\n WINTER IS COMING\\n \\n\\n\\n \\n A small river named Duden flows by their place and supplies it with the necessary regelialia.\\n \\n\\n \\n Read more',\n },\n },\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '0px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_33'),\n 'padding-bottom': '100px',\n },\n children: [\n {\n type: 'button',\n data: {\n value: {\n content: 'WINTER',\n },\n },\n attributes: {\n 'font-size': '24px',\n padding: '10px 25px 10px 25px',\n 'line-height': '45px',\n align: 'center',\n color: '#ffffff',\n border: '2px solid #ffffff',\n 'font-weight': '500',\n 'background-color': 'transparent',\n 'inner-padding': '10px 15px 4px 15px',\n 'font-family': '\\'Josefin Sans\\', sans-serif',\n 'border-radius': '0px',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: '\\n WINTER IS COMING\\n ',\n },\n },\n attributes: {\n align: 'center',\n 'background-color': '#414141',\n color: '#ffffff',\n 'font-size': '30px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '54px',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n },\n children: [],\n },\n {\n type: 'text',\n attributes: {\n 'font-size': '16px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content:\n '\\n A small river named Duden flows by their place and supplies it with the necessary regelialia.\\n ',\n },\n },\n children: [],\n },\n {\n type: 'button',\n attributes: {\n 'border-radius': '30px',\n 'font-weight': '500',\n 'background-color': '#448ef6',\n padding: '30px 25px 10px 25px',\n },\n data: {\n value: {\n content: 'Read more',\n },\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_34'),\n payload: {\n type: AdvancedType.HERO,\n data: {\n value: {\n content:\n 'WINTER\\n \\n \\n WINTER IS COMING\\n \\n\\n\\n \\n A small river named Duden flows by their place and supplies it with the necessary regelialia.\\n \\n\\n \\n Read more',\n },\n },\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '0px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_35'),\n 'padding-bottom': '100px',\n },\n children: [\n {\n type: 'text',\n data: {\n value: {\n content: 'Up to 50% off Selected<div>&nbsp;Womens Items</div>',\n },\n },\n attributes: {\n align: 'center',\n 'background-color': '#414141',\n color: '#ffffff',\n 'font-size': '30px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '80px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '1.4',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n 'font-family': '\"Playfair Display\", sans-serif',\n },\n children: [],\n },\n {\n type: 'text',\n attributes: {\n 'font-size': '16px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content:\n 'A small river named Duden flows by their place and supplies it with the necessary regelialia.',\n },\n },\n children: [],\n },\n {\n type: 'button',\n attributes: {\n 'border-radius': '5px',\n 'font-weight': '500',\n 'background-color': '#ffc0d0',\n padding: '30px 25px 10px 25px',\n },\n data: {\n value: {\n content: 'Start Shoping',\n },\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_36'),\n payload: {\n type: AdvancedType.HERO,\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '100px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_38'),\n },\n data: {\n value: {\n content:\n 'We We Create Modern Website\\n \\n \\n\\n \\n A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.',\n },\n },\n children: [\n {\n type: 'text',\n attributes: {\n 'font-size': '30px',\n padding: '10px 25px 10px 25px',\n 'line-height': '54px',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content: 'We We Create Modern Website',\n },\n },\n children: [],\n },\n {\n type: 'text',\n attributes: {\n 'font-size': '16px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content:\n 'A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.',\n },\n },\n children: [],\n },\n {\n type: 'image',\n attributes: {\n width: '60px',\n 'padding-top': '30px',\n src: getImg('IMAGE_37'),\n target: '_blank',\n href: 'https://github.com/thanhpv-102/easy-email-editor/blob/master/demo/public/',\n },\n data: {\n value: {\n content: '',\n },\n },\n children: [],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType, IButton, RecursivePartial } from '@thanhpv102/easy-email-core';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst buttonList = [\n {\n thumbnail: getImg('IMAGE_11'),\n payload: {\n attributes: {\n align: 'center',\n 'background-color': '#8ccaca',\n color: '#ffffff',\n 'font-size': '12px',\n 'font-weight': 'normal',\n 'border-radius': '0px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n },\n data: {\n value: {\n content: 'READ MORE',\n },\n },\n },\n },\n {\n thumbnail: getImg('IMAGE_12'),\n payload: {\n attributes: {\n align: 'center',\n 'background-color': 'transparent',\n color: '#000000',\n 'font-size': '12px',\n 'font-weight': 'normal',\n 'border-radius': '0px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: '2px solid #000',\n 'text-align': 'center',\n href: '#',\n },\n data: {\n value: {\n content: 'READ MORE',\n },\n },\n children: [],\n },\n },\n {\n thumbnail: getImg('IMAGE_13'),\n payload: {\n attributes: {\n align: 'center',\n 'background-color': 'transparent',\n color: '#ffffff',\n 'font-size': '12px',\n 'font-weight': 'normal',\n 'border-radius': '0px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: '2px dashed #ffffff',\n 'text-align': 'center',\n href: '#',\n 'container-background-color': '#97c0f0',\n },\n data: {\n value: {\n content: 'Let\\'s Go',\n },\n },\n children: [],\n },\n },\n];\n\nexport function ButtonBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {buttonList.map((item, index) => {\n return (\n <Stack key={index} alignment='center'>\n <Stack.Item fill>\n <BlockMaskWrapper\n type={AdvancedType.BUTTON}\n payload={\n {\n ...item.payload,\n } as RecursivePartial<IButton>\n }\n >\n <div style={{ position: 'relative', overflow: 'hidden' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 50 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n </Stack.Item>\n </Stack>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_08'),\n payload: {\n type: AdvancedType.ACCORDION,\n data: {\n value: {},\n },\n attributes: {\n 'icon-height': '32px',\n 'icon-width': '32px',\n 'icon-align': 'middle',\n 'icon-position': 'right',\n 'icon-unwrapped-url': getImg('IMAGE_09'),\n 'icon-wrapped-url': getImg('IMAGE_10'),\n padding: '10px 25px 10px 25px',\n border: '1px solid #d9d9d9',\n },\n children: [\n {\n type: 'accordion-element',\n data: {\n value: {},\n },\n attributes: {\n 'icon-align': 'middle',\n 'icon-height': '32px',\n 'icon-width': '32px',\n 'icon-position': 'right',\n padding: '10px 25px 10px 25px',\n },\n children: [\n {\n type: 'accordion-title',\n data: {\n value: {\n content: 'Why use an accordion?',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n },\n children: [],\n },\n {\n type: 'accordion-text',\n data: {\n value: {\n content:\n '<span style=\"line-height:20px\">\\n Because emails with a lot of content are most of the time a very bad experience on mobile, mj-accordion comes handy when you want to deliver a lot of information in a concise way.\\n </span>',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n 'line-height': '1',\n },\n children: [],\n },\n ],\n },\n {\n type: 'accordion-element',\n data: {\n value: {},\n },\n attributes: {\n 'icon-align': 'middle',\n 'icon-height': '32px',\n 'icon-width': '32px',\n 'icon-position': 'right',\n padding: '10px 25px 10px 25px',\n },\n children: [\n {\n type: 'accordion-title',\n data: {\n value: {\n content: 'How it works',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n },\n children: [],\n },\n {\n type: 'accordion-text',\n data: {\n value: {\n content:\n '<span style=\"line-height:20px\">\\n Content is stacked into tabs and users can expand them at will. If responsive styles are not supported (mostly on desktop clients), tabs are then expanded and your content is readable at once.\\n </span>',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n 'line-height': '1',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n];\n\nexport function AccordionBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.ACCORDION}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 100 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_14'),\n payload: {\n type: AdvancedType.CAROUSEL,\n data: {\n value: {\n images: [\n {\n src: getImg('IMAGE_15'),\n target: '_blank',\n },\n {\n src: getImg('IMAGE_16'),\n target: '_blank',\n },\n {\n src: getImg('IMAGE_17'),\n target: '_blank',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n 'left-icon': getImg('IMAGE_18'),\n 'right-icon': getImg('IMAGE_19'),\n 'icon-width': '44px',\n thumbnails: 'visible',\n },\n children: [],\n },\n },\n];\n\nexport function CarouselBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.CAROUSEL}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 100 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_46'),\n payload: {\n type: AdvancedType.NAVBAR,\n data: {\n value: {\n links: [\n {\n href: '/gettings-started-onboard',\n content: 'HOME',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/try-it-live',\n content: 'NEW',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/templates',\n content: 'WOMEN',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/components',\n content: 'KIDS',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/components',\n content: 'BLOG',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n 'base-url': 'https://mjml.io',\n },\n children: [],\n },\n },\n];\n\nexport function NavbarBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.NAVBAR}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 50 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_52'),\n payload: {\n type: AdvancedType.SOCIAL,\n data: {\n value: {\n elements: [\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_53'),\n content: 'Facebook',\n },\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_54'),\n content: 'Google',\n },\n {\n href: '',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_55'),\n content: 'Twitter',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n color: '#333333',\n mode: 'horizontal',\n 'font-size': '13px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '4px 4px 4px 4px',\n 'line-height': '22px',\n 'text-padding': '4px 4px 4px 0px',\n 'icon-padding': '0px',\n 'icon-size': '20px',\n },\n children: [],\n },\n },\n {\n thumbnail: getImg('IMAGE_71'),\n payload: {\n type: AdvancedType.SOCIAL,\n data: {\n value: {\n elements: [\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_53'),\n content: '',\n },\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_54'),\n content: '',\n },\n {\n href: '',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_55'),\n content: '',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n color: '#333333',\n mode: 'horizontal',\n 'font-size': '13px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '4px 4px 4px 4px',\n 'line-height': '22px',\n 'text-padding': '4px 4px 4px 0px',\n 'icon-padding': '0px',\n 'icon-size': '20px',\n },\n children: [],\n },\n },\n];\n\nexport function SocialBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.SOCIAL}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 30 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType, BasicType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function WrapperBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.WRAPPER}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 80 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_56'),\n payload: {},\n },\n {\n thumbnail: getImg('IMAGE_57'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {},\n },\n attributes: {\n padding: '50px 30px',\n border: '1px solid #aaaaaa',\n direction: 'ltr',\n 'text-align': 'center',\n 'background-color': '#ffffff',\n },\n children: [\n {\n type: BasicType.GROUP,\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n padding: '20px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n 'border-top': '1px solid #aaaaaa',\n 'border-left': '1px solid #aaaaaa',\n 'border-right': '1px solid #aaaaaa',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0',\n src: getImg('IMAGE_58'),\n },\n children: [],\n },\n ],\n },\n ],\n },\n {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n padding: '20px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n 'border-left': '1px solid #aaaaaa',\n 'border-right': '1px solid #aaaaaa',\n 'border-bottom': '1px solid #aaaaaa',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: '1px solid #dddddd',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'text',\n data: {\n value: {\n content: 'First line of text',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '20px',\n 'line-height': 1,\n align: 'left',\n },\n children: [],\n },\n {\n type: 'divider',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n 'border-width': '1px',\n 'border-style': 'dashed',\n 'border-color': 'lightgrey',\n padding: '0 20px',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Second line of text',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '20px',\n 'line-height': 1,\n align: 'left',\n },\n children: [],\n },\n ],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function SectionBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.SECTION}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_47'),\n payload: {},\n },\n {\n thumbnail: getImg('IMAGE_48'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_49'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n ],\n\n },\n },\n {\n thumbnail: getImg('IMAGE_50'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_51'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function GroupBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.GROUP}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_22'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n },\n },\n {\n thumbnail: getImg('IMAGE_23'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 5px 0px 10px',\n src: getImg('IMAGE_24'),\n width: '',\n },\n children: [],\n },\n ],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 10px 0px 5px',\n src: getImg('IMAGE_25'),\n width: '',\n },\n children: [],\n },\n ],\n },\n ],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_26'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n 'background-color': '#ffffff',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 5px 0px 5px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_29'),\n width: '',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Office Room\\nPrinting',\n },\n },\n attributes: {\n 'font-size': '18px',\n padding: '10px 5px 10px 5px',\n 'line-height': 1,\n align: 'center',\n },\n children: [],\n },\n ],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 5px 0px 5px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_27'),\n width: '',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Workplace\\nDesign<div><br></div>',\n },\n },\n attributes: {\n 'font-size': '18px',\n padding: '10px 5px 10px 5px',\n 'line-height': 1,\n align: 'center',\n },\n children: [],\n },\n ],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 5px 0px 5px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_28'),\n width: '',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Modern Design\\nBranding',\n },\n },\n attributes: {\n 'font-size': '18px',\n padding: '10px 5px 10px 5px',\n 'line-height': 1,\n align: 'center',\n },\n children: [],\n },\n ],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function ColumnBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.COLUMN}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_20'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'column',\n data: {\n value: {},\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n border: 'none',\n 'vertical-align': 'top',\n 'background-color': '#ffffff',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_21'),\n width: '150px',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Business Key to Success',\n },\n },\n attributes: {\n 'font-size': '20px',\n padding: '10px 0px 10px 0px',\n 'line-height': '1.7',\n align: 'center',\n 'font-family': '\"Nunito Sans\", sans-serif',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'POSTED ON FEB 18, 2019 FOOD',\n },\n },\n attributes: {\n 'font-size': '15px',\n padding: '0px 0px 10px 0px',\n 'line-height': '1.7',\n align: 'center',\n color: '#9b9b9b',\n 'font-family': '\"Nunito Sans\", sans-serif',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content:\n 'Far far away, behind the word mountains, far from the countries',\n },\n },\n attributes: {\n 'font-size': '15px',\n padding: '0px 0px 0px 0px',\n 'line-height': '1.7',\n align: 'center',\n color: '#9b9b9b',\n 'font-family': '\"Nunito Sans\", sans-serif',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst tableList = [\n {\n txtName: 'Table 3x3',\n thumbnail: getImg('IMAGE_72'),\n payload: {\n type: AdvancedType.TABLE,\n data: {\n value: {\n tableSource: [\n [{ content: 'header1' }, { content: 'header2' }, { content: 'header3' }],\n [{ content: 'body1-1' }, { content: 'body1-2' }, { content: 'body1-3' }],\n [{ content: 'body2-1' }, { content: 'body2-2' }, { content: 'body2-3' }],\n ],\n },\n },\n attributes: {\n cellBorderColor: null,\n cellPadding: '8px',\n 'text-align': 'center',\n },\n children: [],\n },\n },\n {\n txtName: 'Table 4x4',\n thumbnail: getImg('IMAGE_73'),\n payload: {\n type: AdvancedType.TABLE,\n data: {\n value: {\n tableSource: [\n [{\n content: '<font color=\"#ffffff\">header1</font>',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n backgroundColor: '#62a0ea',\n },\n {\n content: '<font color=\"#ffffff\">header2</font>',\n top: 0,\n bottom: 0,\n left: 1,\n right: 1,\n backgroundColor: '#62a0ea',\n },\n {\n content: '<font color=\"#ffffff\">header3</font>',\n top: 0,\n bottom: 0,\n left: 2,\n right: 2,\n backgroundColor: '#62a0ea',\n },\n {\n content: '<font color=\"#ffffff\">header4</font>',\n top: 0,\n bottom: 0,\n left: 3,\n right: 3,\n backgroundColor: '#62a0ea',\n }],\n [{ content: 'body1-1' }, { content: 'body1-2' }, { content: 'body1-3' }, { content: 'body1-4' }],\n [{ content: 'body2-1' }, { content: 'body2-2' }, { content: 'body2-3' }, { content: 'body2-4' }],\n [{ content: 'body3-1' }, { content: 'body3-2' }, { content: 'body3-3' }, { content: 'body3-4' }],\n ],\n },\n },\n attributes: {\n cellBorderColor: '#9b9b9b',\n cellPadding: '8px',\n 'text-align': 'left',\n },\n children: [],\n },\n },\n];\n\nexport function TableBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {tableList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.TABLE}\n payload={item.payload}\n >\n\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack, TextStyle } from '@thanhpv102/easy-email-editor';\n\nimport { TextBlockItem } from './TextBlockItem';\nimport { ImageBlockItem } from './ImageBlockItem';\nimport { SpacerBlockItem } from './SpacerBlockItem';\nimport { DividerBlockItem } from './DividerBlockItem';\nimport { HeroBlockItem } from './HeroBlockItem';\nimport { ButtonBlockItem } from './ButtonBlockItem';\nimport { AccordionBlockItem } from './AccordionBlockItem';\nimport { CarouselBlockItem } from './CarouselBlockItem';\nimport { NavbarBlockItem } from './NavbarBlockItem';\nimport { SocialBlockItem } from './SocialBlockItem';\nimport { WrapperBlockItem } from './WrapperBlockItem';\nimport { SectionBlockItem } from './SectionBlockItem';\nimport { GroupBlockItem } from './GroupBlockItem';\nimport { ColumnBlockItem } from './ColumnBlockItem';\nimport { TableBlockItem } from '@extensions/ShortcutToolbar/components/BlocksPanel/presetTemplate/TableBlockItem';\n\nexport const defaultCategories = [\n {\n get title() {\n return 'Content';\n },\n name: 'CONTENT',\n blocks: [\n {\n type: AdvancedType.TEXT,\n get title() {\n return 'Text';\n },\n get description() {\n return 'This block allows you to display text in your email';\n },\n component: TextBlockItem,\n },\n {\n type: AdvancedType.IMAGE,\n get title() {\n return 'Image';\n },\n get description() {\n return (\n <Stack\n vertical\n spacing=\"none\"\n >\n <TextStyle>\n {'Displays a responsive image in your email. It is similar to the HTML \\'&lt;img/&gt;\\' tag. Note that if no width is provided, the image will use the parent column width.'}\n </TextStyle>\n </Stack>\n );\n },\n component: ImageBlockItem,\n },\n {\n type: AdvancedType.TABLE,\n get title() {\n return 'Table';\n },\n get description() {\n return 'Displays a table.';\n },\n component: TableBlockItem,\n },\n {\n type: AdvancedType.BUTTON,\n get title() {\n return 'Button';\n },\n get description() {\n return 'Displays a customizable button.';\n },\n component: ButtonBlockItem,\n },\n {\n type: AdvancedType.HERO,\n get title() {\n return 'Hero';\n },\n get description() {\n return 'This block displays a hero image. It behaves like an \\'section\\' with a single \\'column\\'.';\n },\n component: HeroBlockItem,\n },\n {\n type: AdvancedType.NAVBAR,\n get title() {\n return 'Navbar';\n },\n get description() {\n return 'Displays a menu for navigation with an optional hamburger mode for mobile devices.';\n },\n component: NavbarBlockItem,\n },\n {\n type: AdvancedType.SPACER,\n get title() {\n return 'Spacer';\n },\n get description() {\n return 'Displays a blank space.';\n },\n component: SpacerBlockItem,\n },\n {\n type: AdvancedType.DIVIDER,\n get title() {\n return 'Divider';\n },\n get description() {\n return 'Displays a horizontal divider that can be customized like a HTML border.';\n },\n component: DividerBlockItem,\n },\n {\n type: AdvancedType.ACCORDION,\n get title() {\n return 'Accordion';\n },\n get description() {\n return 'Accordion is an interactive component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce.';\n },\n component: AccordionBlockItem,\n },\n {\n type: AdvancedType.CAROUSEL,\n get title() {\n return 'Carousel';\n },\n get description() {\n return 'This block displays a gallery of images or \\'carousel\\'. Readers can interact by hovering and clicking on thumbnails depending on the email client they use.';\n },\n component: CarouselBlockItem,\n },\n {\n type: AdvancedType.SOCIAL,\n get title() {\n return 'Social';\n },\n get description() {\n return 'Displays calls-to-action for various social networks with their associated logo.';\n },\n component: SocialBlockItem,\n },\n ],\n },\n {\n get title() {\n return 'Layout';\n },\n name: 'LAYOUT',\n blocks: [\n {\n type: AdvancedType.WRAPPER,\n get title() {\n return 'Wrapper';\n },\n get description() {\n return 'Wrapper enables to wrap multiple sections together. It\"s especially useful to achieve nested layouts with shared border or background images across sections.';\n },\n component: WrapperBlockItem,\n },\n {\n type: AdvancedType.SECTION,\n get title() {\n return 'Section';\n },\n get description() {\n return (\n <Stack\n vertical\n spacing=\"none\"\n >\n <TextStyle>\n {'Sections are intended to be used as rows within your email. They will be used to structure the layout.'}\n </TextStyle>\n <TextStyle>\n {'Sections cannot nest in sections. Columns can nest in sections; all content must be in a column.'}\n </TextStyle>\n </Stack>\n );\n },\n component: SectionBlockItem,\n },\n {\n type: AdvancedType.GROUP,\n get title() {\n return 'Group';\n },\n get description() {\n return 'Group allows you to prevent columns from stacking on mobile. To do so, wrap the columns inside a group block, so they\"ll stay side by side on mobile.';\n },\n component: GroupBlockItem,\n },\n {\n type: AdvancedType.COLUMN,\n get title() {\n return 'Column';\n },\n get description() {\n return (\n <Stack\n vertical\n spacing=\"none\"\n >\n <TextStyle>\n {'Columns enable you to horizontally organize the content within your sections. They must be located under \"Section\" block in order to be considered by the engine. To be responsive, columns are expressed in terms of percentage.'}\n </TextStyle>\n <TextStyle>\n {'Every single column has to contain something because they are responsive containers, and will be vertically stacked on a mobile view.'}\n </TextStyle>\n </Stack>\n );\n },\n component: ColumnBlockItem,\n },\n ],\n },\n];\n","import { Card, Tabs } from 'antd';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport styles from './index.module.scss';\nimport { createPortal } from 'react-dom';\nimport { IconFont, Stack, useHoverIdx } from '@thanhpv102/easy-email-editor';\nimport { BlockMarketCategory, BlockMarketManager } from '../../utils/BlockMarketManager';\nimport { defaultCategories } from './presetTemplate';\nimport { Help } from '@extensions/AttributePanel/components/UI/Help';\nimport { getIconNameByBlockType } from '@extensions/utils/getIconNameByBlockType';\n\nBlockMarketManager.addCategories(defaultCategories);\n\nexport const BlocksPanel: React.FC<{\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const { isDragging } = useHoverIdx();\n const [visible, setVisible] = useState(false);\n const [categories, setCategories] = useState<BlockMarketCategory[]>(\n BlockMarketManager.getCategories(),\n );\n\n useEffect(() => {\n if (!isDragging) {\n setVisible(false);\n }\n }, [isDragging]);\n\n useEffect(() => {\n const onChange = (c: BlockMarketCategory[]) => {\n setCategories(c);\n };\n BlockMarketManager.subscribe(onChange);\n return () => {\n BlockMarketManager.subscribe(onChange);\n };\n }, []);\n\n const toggleVisible = useCallback(() => {\n setVisible(v => !v);\n }, []);\n\n const filterCategories = useMemo(() => {\n return categories.filter(item => item.blocks.length > 0);\n }, [categories]);\n\n return useMemo(\n () => (\n <div\n style={{ position: 'relative' }}\n >\n <div onClick={toggleVisible}>{props.children}</div>\n\n <>\n {visible &&\n createPortal(\n <div\n className={styles.BlocksPanel}\n style={{\n pointerEvents: isDragging ? 'none' : undefined,\n position: 'fixed',\n width: isDragging ? 0 : 650,\n backgroundColor: 'var(--color-bg-2)',\n zIndex: 9999,\n left: 60,\n top: 0,\n maxHeight: '85vh',\n transition: 'width .5s',\n boxShadow:\n '0 1px 5px 0 rgb(0 0 0 / 12%), 0 2px 10px 0 rgb(0 0 0 / 8%), 0 1px 20px 0 rgb(0 0 0 / 8%)',\n }}\n >\n <Card\n styles={{ body: { padding: 0 } }}\n title='Drag block'\n extra={\n (\n <div className={styles.closeBtn}>\n <IconFont\n iconName='icon-close'\n onClick={toggleVisible}\n />\n </div>\n )\n }\n >\n <Tabs\n tabPlacement='start'\n size='large'\n items={filterCategories.map((category, index) => ({\n key: category.title,\n label: (\n <div\n style={{\n paddingTop: index === 0 ? 5 : undefined,\n paddingBottom: 10,\n }}\n >\n {category.title}\n </div>\n ),\n children: (\n <div\n style={{\n padding: 0,\n overflow: 'auto',\n height: 550,\n }}\n >\n <BlockPanelItem category={category} />\n </div>\n ),\n }))}\n />\n </Card>\n </div>,\n document.body,\n )}\n </>\n </div>\n ),\n [filterCategories, isDragging, props.children, toggleVisible, visible],\n );\n};\n\nconst BlockPanelItem: React.FC<{\n category: BlockMarketCategory;\n}> = React.memo(props => {\n return (\n <Tabs\n tabPlacement='start'\n style={{ '--ant-tabs-vertical-item-padding': '2px 20px', paddingTop: 15, fontSize: 10 } as React.CSSProperties}\n items={props.category.blocks.map((block) => ({\n key: block.title,\n label: (\n <Stack\n alignment='center'\n spacing='extraTight'\n >\n <IconFont\n iconName={getIconNameByBlockType(block.type)}\n style={{ fontSize: 16 }}\n />\n <div className={styles.blockItem}>{block.title}</div>\n {block.description && <Help title={block.description} />}\n </Stack>\n ),\n children: (\n <div\n className='small-scrollbar'\n style={{\n maxHeight: '100%',\n overflow: 'auto',\n paddingRight: 10,\n overflowX: 'hidden',\n padding: '24px 48px 24px 24px',\n height: 500,\n }}\n >\n {block.component && <block.component />}\n </div>\n ),\n }))}\n />\n );\n});\n","import { IconFont, BlockAvatarWrapper } from '@thanhpv102/easy-email-editor';\r\nimport { Button } from 'antd';\r\nimport { getIconNameByBlockType } from '@extensions';\r\nimport React from 'react';\r\nimport { BlockManager, IBlockData, RecursivePartial } from '@thanhpv102/easy-email-core';\r\n\r\nexport interface DragIconProps<T extends IBlockData> {\r\n type: string;\r\n payload?: RecursivePartial<T>;\r\n color: string;\r\n}\r\n\r\nexport function DragIcon<T extends IBlockData = any>(props: DragIconProps<T>) {\r\n const block = BlockManager.getBlockByType(props.type);\r\n return (\r\n <BlockAvatarWrapper type={props.type} payload={props.payload}>\r\n <Button\r\n type='text'\r\n title={block?.name}\r\n style={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n padding: 0,\r\n width: '100%',\r\n height: '100%',\r\n }}\r\n icon={(\r\n <IconFont\r\n iconName={getIconNameByBlockType(props.type)}\r\n style={{\r\n fontSize: 16,\r\n textAlign: 'center',\r\n cursor: 'move',\r\n color: props.color,\r\n }}\r\n />\r\n )}\r\n />\r\n </BlockAvatarWrapper>\r\n );\r\n}\r\n","/* eslint-disable react/jsx-wrap-multilines */\n\nimport { AdvancedType, IButton, IImage } from '@thanhpv102/easy-email-core';\nimport { IconFont, Stack } from '@thanhpv102/easy-email-editor';\nimport React, { useRef } from 'react';\nimport { BlocksPanel } from './components/BlocksPanel';\nimport { DragIcon } from './components/DragIcon';\n\nexport function ShortcutToolbar() {\n const blocksPanelRef = useRef<HTMLDivElement>(null);\n\n return (\n <Stack vertical alignment='center' distribution='center'>\n <BlocksPanel>\n <div ref={blocksPanelRef} />\n </BlocksPanel>\n <DragIcon type={AdvancedType.TEXT} color='rgb(110, 215, 135)' payload={{ attributes: { padding: '0px 25px 0px 25px', 'align': 'center' } }} />\n <DragIcon<IImage> payload={{ attributes: { padding: '0px 0px 0px 0px' } }} type={AdvancedType.IMAGE} color='rgb(250, 208, 97)' />\n <DragIcon<IButton> type={AdvancedType.BUTTON} color='rgb(238,144,172)' />\n <DragIcon type={AdvancedType.SOCIAL} color='rgb(111,206,236) ' />\n <DragIcon type={AdvancedType.NAVBAR} color='rgb(191,24,84)' />\n <DragIcon type={AdvancedType.DIVIDER} color='rgb(71,67,239)' />\n <DragIcon type={AdvancedType.SPACER} color='#ccc' />\n <DragIcon type={AdvancedType.TABLE} color='#ddd' />\n <DragIcon\n color='rgb(24,201,137)'\n payload={{\n children: [\n {\n type: AdvancedType.COLUMN,\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: AdvancedType.COLUMN,\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n }}\n type={AdvancedType.SECTION}\n />\n\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 30,\n height: 30,\n borderRadius: '50%',\n cursor: 'pointer',\n color: 'var(--color-text-2)',\n boxShadow: '0 0 12px -3px var(--color-text-2)',\n }}\n onClick={() => blocksPanelRef.current?.click()}\n >\n <IconFont\n iconName='icon-more'\n style={{\n fontSize: 18,\n margin: 0,\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n lineHeight: 1,\n verticalAlign: 'middle',\n height: '1em',\n }}\n />\n </div>\n </Stack>\n );\n}\n","import mjml from 'mjml-browser';\nimport { IBlockData, BlockType, BasicType, BlockManager } from '@thanhpv102/easy-email-core';\nimport { MjmlToJson } from './MjmlToJson';\n\nconst domParser = new DOMParser();\nexport function parseXMLtoBlock(text: string) {\n const dom = domParser.parseFromString(text, 'text/xml');\n const root = dom.firstChild as Element;\n if (!(dom.firstChild instanceof Element)) {\n throw new Error('Invalid content');\n }\n if (root.tagName === 'mjml') {\n const { json } = mjml(text, {\n validationLevel: 'soft',\n });\n const parseValue = MjmlToJson(json);\n return parseValue;\n }\n\n const transform = (node: Element): IBlockData => {\n if (node.tagName === 'parsererror') {\n throw new Error('Invalid content');\n }\n const attributes: IBlockData['attributes'] = {};\n node.getAttributeNames().forEach((name) => {\n attributes[name] = node.getAttribute(name);\n });\n const type = node.tagName.replace('mj-', '');\n\n if (!BlockManager.getBlockByType(type)) {\n if (!node.parentElement || node.parentElement.tagName !== 'mj-text')\n throw new Error('Invalid content');\n }\n\n const block: IBlockData = {\n type: type as BlockType,\n attributes: attributes,\n data: {\n value: {\n content: node.textContent?.trim(),\n },\n },\n children: [...node.children]\n .filter((item) => item instanceof Element)\n .map(transform as any),\n };\n\n switch (type) {\n case BasicType.TEXT:\n block.data.value.content = node.innerHTML;\n block.children = [];\n }\n\n return block;\n };\n\n return transform(root);\n}\n","import { BlockManager,IPage, BasicType, IBlockData } from '@thanhpv102/easy-email-core';\nimport { identity, isString, pickBy } from 'lodash';\nimport { parseXMLtoBlock } from './parseXMLtoBlock';\n\nexport function MjmlToJson(data: MjmlBlockItem | string): IPage {\n if (isString(data)) return parseXMLtoBlock(data);\n\n const transform = (item: IChildrenItem): IBlockData => {\n const attributes = item.attributes as any;\n\n switch (item.tagName) {\n case 'mjml':\n const body = item.children?.find((item) => item.tagName === 'mj-body')!;\n const head = item.children?.find((item) => item.tagName === 'mj-head');\n const metaData = getMetaDataFromMjml(head);\n\n const fonts =\n head?.children\n ?.filter((child) => child.tagName === 'mj-font')\n .map((child) => ({\n name: child.attributes.name,\n href: child.attributes.href,\n })) || [];\n\n const mjAttributes =\n head?.children?.find((item) => item.tagName === 'mj-attributes')\n ?.children || [];\n\n const headStyles = head?.children\n ?.filter((item) => item.tagName === 'mj-style')\n .map((item) => ({ content: item.content, inline: item.inline }));\n\n const headAttributes = [\n ...new Set(\n mjAttributes\n .filter((item) => {\n const isFontFamily =\n item.tagName === 'mj-all' &&\n item.attributes['font-family'] === metaData['font-family'];\n const isTextColor =\n item.tagName === 'mj-text' &&\n item.attributes['color'] === metaData['text-color'];\n const isContentColor =\n ['mj-wrapper', 'mj-section'].includes(item.tagName) &&\n item.attributes['background-color'] ===\n metaData['content-background-color'];\n return !isFontFamily && !isTextColor && !isContentColor;\n })\n .map(\n (item) =>\n `<${item.tagName} ${Object.keys(item.attributes)\n .map((key) => `${key}=\"${item.attributes[key]}\"`)\n .join(' ')} />`\n )\n ),\n ].join('\\n');\n\n const breakpoint = head?.children?.find(\n (item) => item.tagName === 'mj-breakpoint'\n );\n\n return BlockManager.getBlockByType<IPage>(BasicType.PAGE)!.create({\n attributes: body.attributes,\n children: body.children?.map(transform),\n data: {\n value: {\n headAttributes: headAttributes,\n headStyles: headStyles,\n fonts,\n breakpoint: breakpoint?.attributes.width,\n ...metaData,\n },\n },\n });\n\n default:\n const tag = item.tagName.replace('mj-', '').toLowerCase();\n\n const block = BlockManager.getBlockByType(tag as any);\n if (!block) {\n throw new Error(`${tag} block no found `);\n }\n const payload: IBlockData<any> = {\n type: block.type,\n attributes: attributes,\n data: {\n value: {},\n },\n children: [],\n };\n\n if (item.content) {\n payload.data.value.content = item.content;\n }\n\n if (block.type === BasicType.CAROUSEL) {\n payload.data.value.images =\n item.children?.map((child) => {\n return child.attributes;\n }) || [];\n payload.children = [];\n } else if (block.type === BasicType.NAVBAR) {\n payload.data.value.links =\n item.children?.map((child) => {\n const navbarLinkData = {\n // default config\n color: '#1890ff',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px',\n\n ...child.attributes,\n content: child.content,\n };\n formatPadding(navbarLinkData, 'padding');\n return navbarLinkData;\n }) || [];\n payload.children = [];\n } else if (block.type === BasicType.SOCIAL) {\n payload.data.value.elements =\n item.children?.map((child) => {\n return {\n ...child.attributes,\n content: child.content,\n };\n }) || [];\n payload.children = [];\n } else if (item.children) {\n payload.children = item.children.map(transform);\n }\n\n const blockData = block.create(payload);\n\n // format padding\n formatPadding(blockData.attributes, 'padding');\n formatPadding(blockData.attributes, 'inner-padding');\n return blockData;\n }\n };\n\n return transform(data);\n}\n\nexport function getMetaDataFromMjml(data?: IChildrenItem): {\n [key: string]: any;\n} {\n const mjmlHtmlAttributes = data?.children\n ?.filter((item) => item.tagName === 'mj-html-attributes')\n .map((item) => item.children)\n .flat()\n .filter((item) => item && item.attributes.class === 'easy-email')\n .reduce((obj: { [key: string]: any; }, item) => {\n if (!item) return obj;\n const name = item.attributes['attribute-name'];\n const isMultipleAttributes = Boolean(\n item.attributes['multiple-attributes']\n );\n obj[name] = isMultipleAttributes\n ? pickBy(\n {\n ...item.attributes,\n 'attribute-name': undefined,\n 'multiple-attributes': undefined,\n class: undefined,\n },\n identity\n )\n : item.attributes[name];\n return obj;\n }, {});\n\n return pickBy(mjmlHtmlAttributes, identity);\n}\n\nfunction formatPadding(\n attributes: IBlockData['attributes'],\n attributeName: 'padding' | 'inner-padding'\n) {\n const ele = document.createElement('div');\n Object.keys(attributes).forEach((key: string) => {\n if (new RegExp(`^${attributeName}`).test(key)) {\n const formatKey = new RegExp(`^${attributeName}(.*)`).exec(key)?.[0];\n\n if (formatKey) {\n ele.style[formatKey as any] = attributes[key];\n delete attributes[key];\n }\n }\n });\n const newPadding = [\n ele.style.paddingTop,\n ele.style.paddingRight,\n ele.style.paddingBottom,\n ele.style.paddingLeft,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (newPadding) {\n attributes[attributeName] = newPadding;\n }\n}\n",".customTextArea {\n font-size: 12px !important;\n line-height: 1.5 !important;\n padding: 8px 8px !important;\n\n &[readonly] {\n color: var(--color-text-2);\n &:hover {\n border-color: var(--color-neutral-3);\n }\n &:focus {\n border-color: var(--color-neutral-3);\n background-color: transparent;\n box-shadow: none;\n }\n }\n}\n\n.collapsePanel {\n border: none !important;\n :global {\n .ant-collapse-item {\n border-top: none !important;\n border-right: none !important;\n border-left: none !important;\n }\n\n .ant-collapse-header {\n padding: 8px 16px !important;\n min-height: 32px !important;\n font-size: 12px !important;\n }\n\n .ant-collapse-content-box {\n padding: 8px 12px !important;\n }\n }\n}\n\n","import { Collapse, Input, App } from 'antd';\nimport { BasicType, BlockManager, getPageIdx, getParentByIdx, IBlockData, JsonToMjml } from '@thanhpv102/easy-email-core';\nimport { useBlock, useEditorContext, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { cloneDeep } from 'lodash';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { MjmlToJson } from '@extensions/utils/MjmlToJson';\nimport styles from './index.module.scss';\n\nexport function SourceCodePanel({ jsonReadOnly, mjmlReadOnly }: { jsonReadOnly: boolean; mjmlReadOnly: boolean }) {\n const { setValueByIdx, focusBlock, values } = useBlock();\n const { focusIdx } = useFocusIdx();\n const { message } = App.useApp();\n\n const [mjmlText, setMjmlText] = useState('');\n const { pageData } = useEditorContext();\n const { mergeTags } = useEditorProps();\n\n const code = useMemo(() => {\n if (!focusBlock) return '';\n return JSON.stringify(focusBlock, null, 2) || '';\n }, [focusBlock]);\n\n const onChangeCode = useCallback(\n (event: React.FocusEvent<HTMLTextAreaElement>) => {\n if (!jsonReadOnly) {\n try {\n const parseValue = JSON.parse(event.target.value) as IBlockData;\n\n const block = BlockManager.getBlockByType(parseValue.type);\n if (!block) {\n throw new Error(t('Invalid content'));\n }\n if (\n !parseValue.data ||\n !parseValue.data.value ||\n !parseValue.attributes ||\n !Array.isArray(parseValue.children)\n ) {\n throw new Error(t('Invalid content'));\n }\n setValueByIdx(focusIdx, parseValue);\n } catch (error: unknown) {\n const errorMessage = error instanceof Error ? error.message : String(error);\n message.error(errorMessage);\n }\n }\n },\n [focusIdx, setValueByIdx, jsonReadOnly, message],\n );\n\n const onMjmlChange = useCallback(\n (event: React.FocusEvent<HTMLTextAreaElement>) => {\n if (!mjmlReadOnly) {\n try {\n const parseValue = MjmlToJson(event.target.value);\n if (parseValue.type !== BasicType.PAGE as string) {\n const parentBlock = values && getParentByIdx(values, focusIdx)!;\n const parseBlock = BlockManager.getBlockByType(parseValue.type);\n\n if (!parseBlock?.validParentType.includes(parentBlock?.type || '')) {\n throw new Error(t('Invalid content'));\n }\n } else if (focusIdx !== getPageIdx()) {\n throw new Error(t('Invalid content'));\n }\n\n setValueByIdx(focusIdx, parseValue);\n } catch {\n message.error(t('Invalid content'));\n }\n }\n },\n [focusIdx, setValueByIdx, values, mjmlReadOnly, message],\n );\n\n const onChangeMjmlText = useCallback((event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setMjmlText(event.target.value);\n }, []);\n\n useEffect(() => {\n if (focusBlock) {\n setMjmlText(\n JsonToMjml({\n idx: focusIdx,\n data: focusBlock,\n context: pageData,\n mode: 'production',\n dataSource: cloneDeep(mergeTags),\n }),\n );\n }\n }, [focusBlock, focusIdx, pageData, mergeTags]);\n\n if (!focusBlock) return null;\n\n const collapseItems = [\n {\n key: 'json',\n label: t('Json source'),\n children: (\n <Input.TextArea\n key={code}\n defaultValue={code}\n autoSize={{ maxRows: 25 }}\n onBlur={onChangeCode}\n readOnly={jsonReadOnly}\n className={styles.customTextArea}\n />\n ),\n },\n {\n key: 'mjml',\n label: t('MJML source'),\n children: (\n <Input.TextArea\n key={code}\n value={mjmlText}\n autoSize={{ maxRows: 25 }}\n onChange={onChangeMjmlText}\n onBlur={onMjmlChange}\n readOnly={mjmlReadOnly}\n className={styles.customTextArea}\n />\n ),\n },\n ];\n\n return (\n <Collapse className={styles.collapsePanel} items={collapseItems} />\n );\n}\n","import React from 'react';\nimport { BasicType, getParentIdx, getSiblingIdx } from '@thanhpv102/easy-email-core';\nimport { useBlock, useFocusIdx, useEditorProps, isTextBlock } from '@thanhpv102/easy-email-editor';\nimport { classnames } from '@extensions/utils/classnames';\nimport { useAddToCollection } from '@extensions/hooks/useAddToCollection';\nimport { getBlockTitle } from '@extensions/utils/getBlockTitle';\n\nexport function Toolbar() {\n const { moveBlock, copyBlock, removeBlock, focusBlock } = useBlock();\n const { focusIdx, setFocusIdx } = useFocusIdx();\n const { modal, setModalVisible } = useAddToCollection();\n const props = useEditorProps();\n\n const isPage = focusBlock?.type === BasicType.PAGE.toString();\n const isText = isTextBlock(focusBlock?.type);\n\n const handleMoveUp = () => {\n moveBlock(focusIdx, getSiblingIdx(focusIdx, -1));\n };\n\n const handleMoveDown = () => {\n moveBlock(focusIdx, getSiblingIdx(focusIdx, 1));\n };\n\n const handleAddToCollection = () => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n setModalVisible(true);\n };\n\n const handleCopy: React.MouseEventHandler<HTMLDivElement> = (ev) => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n copyBlock(focusIdx);\n };\n\n const handleDelete = () => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n removeBlock(focusIdx);\n };\n\n const handleSelectParent = () => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n setFocusIdx(getParentIdx(focusIdx)!);\n };\n\n if (isText) return null;\n return (\n <>\n <div\n id='easy-email-extensions-InteractivePrompt-Toolbar'\n style={{\n height: 0,\n\n zIndex: 100,\n }}\n >\n <div\n style={{\n fontSize: 14,\n lineHeight: '22px',\n pointerEvents: 'auto',\n color: '#ffffff',\n transform: 'translateY(-100%)',\n display: 'inline-flex',\n // justifyContent: 'space-between',\n }}\n >\n <div\n style={{\n color: '#ffffff',\n backgroundColor: 'var(--selected-color)',\n height: '22px',\n\n display: 'inline-flex',\n padding: '1px 5px',\n boxSizing: 'border-box',\n whiteSpace: 'nowrap',\n maxWidth: 300,\n overflow: 'hidden',\n }}\n >\n {focusBlock && getBlockTitle(focusBlock, false)}\n </div>\n <div\n onClick={(e) => {\n e.stopPropagation();\n }}\n onMouseDown={(ev) => {\n ev.preventDefault();\n }}\n style={{\n display: isPage ? 'none' : 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n pointerEvents: 'auto',\n }}\n >\n <ToolItem\n width={12}\n iconName='icon-back-parent'\n onClick={handleSelectParent}\n />\n <ToolItem iconName='icon-copy' onClick={handleCopy} />\n {props.onAddCollection && (\n <ToolItem\n iconName='icon-collection'\n onClick={handleAddToCollection}\n />\n )}\n <ToolItem iconName='icon-delete' onClick={handleDelete} />\n </div>\n </div>\n </div>\n {modal}\n </>\n );\n}\n\nfunction ToolItem(props: {\n iconName: string;\n onClick: React.MouseEventHandler<HTMLDivElement>;\n width?: number;\n}) {\n return (\n <div\n onClick={props.onClick}\n style={{\n color: '#ffffff',\n backgroundColor: 'var(--selected-color)',\n height: 22,\n fontSize: props.width || 14,\n lineHeight: '22px',\n width: 22,\n display: 'flex',\n pointerEvents: 'auto',\n cursor: 'pointer',\n justifyContent: 'center',\n }}\n className={classnames('iconfont', props.iconName)}\n />\n );\n}\n","import React from 'react';\n\nimport { BasicType } from '@thanhpv102/easy-email-core';\nimport { createPortal } from 'react-dom';\nimport { IconFont, useBlock, useFocusIdx, BlockAvatarWrapper, useFocusBlockLayout } from '@thanhpv102/easy-email-editor';\nimport { Toolbar } from './Toolbar';\n\nexport function FocusTooltip() {\n const { focusBlock } = useBlock();\n const { focusIdx } = useFocusIdx();\n const { focusBlockNode, focusBlockPortalNode } = useFocusBlockLayout();\n const isPage = focusBlock?.type === BasicType.PAGE.toString();\n\n if (!focusBlockNode || !focusBlockPortalNode || !focusBlock) return null;\n\n return (\n <>\n {createPortal(\n <div\n id='easy-email-extensions-InteractivePrompt-FocusTooltip'\n style={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n left: 0,\n top: 0,\n zIndex: 1,\n }}\n >\n <style>\n {`\n .email-block {\n position: relative;\n }\n\n `}\n </style>\n <div\n style={{\n position: 'absolute',\n zIndex: 9999,\n right: 0,\n top: '50%',\n display: isPage ? 'none' : undefined,\n }}\n >\n <BlockAvatarWrapper\n idx={focusIdx}\n type={focusBlock.type}\n action='move'\n >\n <div\n style={\n {\n position: 'absolute',\n backgroundColor: 'var(--selected-color)',\n color: '#ffffff',\n height: '28px',\n width: '28px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '50%',\n cursor: 'grab',\n pointerEvents: 'auto',\n WebkitUserDrag: 'element',\n } as any\n }\n >\n <IconFont\n iconName='icon-move'\n style={{ color: '#fff', cursor: 'grab' }}\n />\n </div>\n </BlockAvatarWrapper>\n </div>\n\n {/* outline */}\n <div\n style={{\n position: 'absolute',\n fontSize: 14,\n zIndex: 2,\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n outlineOffset: '-2px',\n outline: '2px solid var(--selected-color)',\n }}\n />\n <div\n style={{\n position: 'absolute',\n fontSize: 14,\n zIndex: 3,\n left: 0,\n top: 0,\n width: '0%',\n height: '100%',\n }}\n >\n <Toolbar />\n </div>\n </div>,\n\n focusBlockPortalNode as Element\n )}\n </>\n );\n}\n","import { getBlockNodeByIdx } from '@thanhpv102/easy-email-editor';\n\nexport function awaitForElement<T extends HTMLElement>(idx: string) {\n\n let promiseObj: { cancel: () => void; promise: Promise<T>; } = {\n cancel: () => { },\n promise: Promise.resolve() as any\n };\n promiseObj.promise = new Promise<T>((resolve) => {\n const ele = getBlockNodeByIdx(idx) as T;\n if (ele) {\n resolve(ele);\n return;\n }\n\n const timer = setInterval(() => {\n const ele = getBlockNodeByIdx(idx) as T;\n\n if (ele) {\n resolve(ele);\n clearInterval(timer);\n }\n }, 50) as any;\n\n promiseObj.cancel = () => {\n clearInterval(timer);\n };\n });\n\n return promiseObj;\n\n}","\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getNodeTypeFromClassName, BlockManager } from '@thanhpv102/easy-email-core';\nimport { createPortal } from 'react-dom';\nimport { getEditorRoot, useEditorContext, useFocusIdx, useHoverIdx, useLazyState, getValidPortalNode } from '@thanhpv102/easy-email-editor';\nimport { awaitForElement } from '@extensions/utils/awaitForElement';\n\nexport function HoverTooltip() {\n const { hoverIdx, direction, isDragging } = useHoverIdx();\n const lazyHoverIdx = useLazyState(hoverIdx, 60);\n const effectiveHoverIdx = isDragging ? hoverIdx : lazyHoverIdx;\n const { focusIdx } = useFocusIdx();\n const [isTop, setIsTop] = useState(false);\n const { initialized } = useEditorContext();\n\n const [blockNode, setBlockNode] = useState<HTMLDivElement | null>(null);\n const [portalNode, setPortalNode] = useState<HTMLDivElement | null>(null);\n const rootRef = useRef<DOMRect | null>(null);\n\n useEffect(() => {\n if (initialized) {\n rootRef.current = getEditorRoot()!.getBoundingClientRect();\n }\n }, [initialized]);\n\n useEffect(() => {\n const rootBounds = rootRef.current;\n if (!initialized) return;\n\n if (effectiveHoverIdx) {\n const promiseObj = awaitForElement<HTMLDivElement>(effectiveHoverIdx);\n promiseObj.promise.then(blockNode => {\n if (rootBounds) {\n const { top } = blockNode.getBoundingClientRect();\n setIsTop(rootBounds.top === top);\n }\n\n setBlockNode(blockNode);\n setPortalNode(getValidPortalNode(blockNode) as HTMLDivElement);\n }).catch(() => {\n // Element not found, ignore\n });\n\n return () => {\n promiseObj.cancel();\n };\n } else {\n setBlockNode(null);\n setPortalNode(null);\n }\n }, [effectiveHoverIdx, initialized]);\n\n const block = useMemo(() => {\n return blockNode\n ? BlockManager.getBlockByType(getNodeTypeFromClassName(blockNode.classList)!)\n : null;\n }, [blockNode]);\n\n // When dragging, always show tooltip even if it's the focused block\n if (!isDragging && focusIdx === hoverIdx) return null;\n if (!block || !blockNode || !portalNode) return null;\n\n\n return (\n <>\n {createPortal(\n <div\n id='easy-email-extensions-InteractivePrompt-HoverTooltip'\n style={{\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: 0,\n left: 0,\n zIndex: 2,\n pointerEvents: 'none',\n }}\n >\n <TipNode\n type={isDragging ? 'drag' : 'hover'}\n lineWidth={1}\n title={block.name}\n direction={isTop && direction === 'top' ? 'noEnoughTop' : direction}\n isDragging={isDragging}\n />\n </div>,\n portalNode,\n )}\n </>\n );\n}\n\ninterface TipNodeProps {\n title: string;\n direction?: string;\n isDragging?: boolean;\n lineWidth: number;\n type: 'drag' | 'hover';\n}\n\nfunction TipNode(props: TipNodeProps) {\n const { direction = 'none', title, lineWidth, type } = props;\n\n const dragTitle = useMemo(() => {\n if (direction === 'top' || direction === 'noEnoughTop') {\n return `${'Insert before'} ${title}`;\n } else if (direction === 'bottom') {\n return `${'Insert after'} ${title}`;\n } else if (direction === 'right' || direction === 'left') {\n return 'Drag here';\n }\n return `${'Drag to'} ${title}`;\n }, [direction, title]);\n\n const color = useMemo(() => {\n return 'var(--hover-color, #1890ff)';\n }, []);\n\n return (\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n fontSize: 14,\n zIndex: 1,\n color: '#000',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n textAlign: 'left',\n }}\n >\n <style>\n {`\n .email-block {\n position: relative;\n }\n\n `}\n </style>\n {/* outline */}\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n outlineOffset: `-${lineWidth}px`,\n outline: `${lineWidth}px solid ${color}`,\n }}\n >\n {type === 'hover' && (\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n }}\n >\n <div\n style={{\n backgroundColor: color,\n color: '#ffffff',\n height: '22px',\n lineHeight: '22px',\n display: 'inline-flex',\n padding: '1px 5px',\n boxSizing: 'border-box',\n whiteSpace: 'nowrap',\n fontFamily: 'sans-serif',\n transform: 'translateY(-100%)',\n }}\n >\n {title}\n </div>\n </div>\n )}\n </div>\n\n {/* drag direction tip */}\n {props.isDragging && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n ...(directionImage[direction] || directionImage.none),\n }}\n >\n <div\n style={{\n position: 'absolute',\n color: '#ffffff',\n backgroundColor: color,\n lineHeight: '22px',\n display: 'inline-flex',\n maxWidth: '100%',\n textAlign: 'center',\n whiteSpace: 'nowrap',\n padding: '1px 5px',\n\n ...(positionStyleMap[direction] || positionStyleMap.none),\n }}\n >\n {dragTitle}\n </div>\n </div>\n )}\n </div>\n );\n}\n\nconst positionStyleMap: Record<string, React.CSSProperties> = {\n noEnoughTop: {\n top: '0%',\n left: '50%',\n padding: '1px 5px',\n transform: 'translate(-50%, 0%)',\n },\n top: {\n top: '0%',\n left: '50%',\n padding: '1px 5px',\n transform: 'translate(-50%, -50%)',\n },\n bottom: {\n top: '100%',\n left: '50%',\n padding: '1px 5px',\n transform: 'translate(-50%, -50%)',\n },\n left: {\n top: '50%',\n left: '0%',\n padding: '5px 1px',\n writingMode: 'vertical-lr',\n transform: 'translate(0, -50%)',\n },\n right: {\n top: '50%',\n right: '0%',\n padding: '5px 1px',\n writingMode: 'vertical-lr',\n transform: 'translate(0, -50%)',\n },\n none: {\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n },\n};\n\nconst directionImage: Record<string, React.CSSProperties> = {\n top: {\n backgroundImage: `linear-gradient(\n to bottom,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n bottom: {\n backgroundImage: `linear-gradient(\n to top,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n left: {\n backgroundImage: `linear-gradient(\n to right,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n right: {\n backgroundImage: `linear-gradient(\n to left,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n none: {},\n};\n","import React from 'react';\r\nimport { FocusTooltip } from './components/FocusTooltip';\r\nimport { HoverTooltip } from './components/HoverTooltip';\r\n\r\nexport function InteractivePrompt() {\r\n return (\r\n <>\r\n <HoverTooltip />\r\n <FocusTooltip />\r\n\r\n </>\r\n );\r\n}\r\n",".SimpleLayout {\n :global {\n .arco-layout-sider-children {\n overflow-x: hidden;\n .arco-tabs-content {\n padding: 0;\n }\n }\n .arco-collapse-item-content-expanded {\n overflow: visible;\n }\n }\n *::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 8px !important;\n }\n\n *::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n}\n\n.rightSide {\n width: 450px !important;\n min-width: 350px !important;\n max-width: 450px !important;\n :global {\n .arco-tabs-header {\n }\n .arco-btn {\n padding: 4px 12px !important;\n font-size: 12px !important;\n height: 28px !important;\n }\n .arco-input {\n font-size: 12px !important;\n height: 28px !important;\n padding: 4px 8px !important;\n }\n .arco-select {\n font-size: 12px !important;\n }\n .arco-select-view {\n height: 28px !important;\n }\n .arco-form-item-label {\n font-size: 12px !important;\n }\n .arco-form-item-content {\n font-size: 12px !important;\n }\n textarea {\n font-size: 12px !important;\n padding: 4px 8px !important;\n }\n }\n}\n\n.customScrollBar {\n overflow: scroll;\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 8px !important;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n\n :global {\n .arco-tabs-content {\n padding: 0;\n }\n }\n}\n.layoutTabs {\n margin: 0;\n}\n\n.customScrollBarV2 {\n overflow: scroll;\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 8px !important;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n}\n","function _interopRequireDefault(e) {\n return e && e.__esModule ? e : {\n \"default\": e\n };\n}\nmodule.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst locale = {\n // Options\n items_per_page: '/ page',\n jump_to: 'Go to',\n jump_to_confirm: 'confirm',\n page: 'Page',\n // Pagination\n prev_page: 'Previous Page',\n next_page: 'Next Page',\n prev_5: 'Previous 5 Pages',\n next_5: 'Next 5 Pages',\n prev_3: 'Previous 3 Pages',\n next_3: 'Next 3 Pages',\n page_size: 'Page Size'\n};\nvar _default = exports.default = locale;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.commonLocale = void 0;\nvar commonLocale = exports.commonLocale = {\n yearFormat: 'YYYY',\n dayFormat: 'D',\n cellMeridiemFormat: 'A',\n monthBeforeYear: true\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _common = require(\"./common\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : String(i); }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nvar locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {\n locale: 'en_US',\n today: 'Today',\n now: 'Now',\n backToToday: 'Back to today',\n ok: 'OK',\n clear: 'Clear',\n week: 'Week',\n month: 'Month',\n year: 'Year',\n timeSelect: 'select time',\n dateSelect: 'select date',\n weekSelect: 'Choose a week',\n monthSelect: 'Choose a month',\n yearSelect: 'Choose a year',\n decadeSelect: 'Choose a decade',\n previousMonth: 'Previous month (PageUp)',\n nextMonth: 'Next month (PageDown)',\n previousYear: 'Last year (Control + left)',\n nextYear: 'Next year (Control + right)',\n previousDecade: 'Last decade',\n nextDecade: 'Next decade',\n previousCentury: 'Last century',\n nextCentury: 'Next century'\n});\nvar _default = exports.default = locale;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst locale = {\n placeholder: 'Select time',\n rangePlaceholder: ['Start time', 'End time']\n};\nvar _default = exports.default = locale;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _en_US = _interopRequireDefault(require(\"@rc-component/picker/locale/en_US\"));\nvar _en_US2 = _interopRequireDefault(require(\"../../time-picker/locale/en_US\"));\n// Merge into a locale object\nconst locale = {\n lang: {\n placeholder: 'Select date',\n yearPlaceholder: 'Select year',\n quarterPlaceholder: 'Select quarter',\n monthPlaceholder: 'Select month',\n weekPlaceholder: 'Select week',\n rangePlaceholder: ['Start date', 'End date'],\n rangeYearPlaceholder: ['Start year', 'End year'],\n rangeQuarterPlaceholder: ['Start quarter', 'End quarter'],\n rangeMonthPlaceholder: ['Start month', 'End month'],\n rangeWeekPlaceholder: ['Start week', 'End week'],\n ..._en_US.default\n },\n timePickerLocale: {\n ..._en_US2.default\n }\n};\n// All settings at:\n// https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json\nvar _default = exports.default = locale;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _en_US = _interopRequireDefault(require(\"../../date-picker/locale/en_US\"));\nvar _default = exports.default = _en_US.default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _en_US = _interopRequireDefault(require(\"@rc-component/pagination/lib/locale/en_US\"));\nvar _en_US2 = _interopRequireDefault(require(\"../calendar/locale/en_US\"));\nvar _en_US3 = _interopRequireDefault(require(\"../date-picker/locale/en_US\"));\nvar _en_US4 = _interopRequireDefault(require(\"../time-picker/locale/en_US\"));\nconst typeTemplate = '${label} is not a valid ${type}';\nconst localeValues = {\n locale: 'en',\n Pagination: _en_US.default,\n DatePicker: _en_US3.default,\n TimePicker: _en_US4.default,\n Calendar: _en_US2.default,\n global: {\n placeholder: 'Please select',\n close: 'Close',\n sortable: 'sortable'\n },\n Table: {\n filterTitle: 'Filter menu',\n filterConfirm: 'OK',\n filterReset: 'Reset',\n filterEmptyText: 'No filters',\n filterCheckAll: 'Select all items',\n filterSearchPlaceholder: 'Search in filters',\n emptyText: 'No data',\n selectAll: 'Select current page',\n selectInvert: 'Invert current page',\n selectNone: 'Clear all data',\n selectionAll: 'Select all data',\n sortTitle: 'Sort',\n expand: 'Expand row',\n collapse: 'Collapse row',\n triggerDesc: 'Click to sort descending',\n triggerAsc: 'Click to sort ascending',\n cancelSort: 'Click to cancel sorting'\n },\n Tour: {\n Next: 'Next',\n Previous: 'Previous',\n Finish: 'Finish'\n },\n Modal: {\n okText: 'OK',\n cancelText: 'Cancel',\n justOkText: 'OK'\n },\n Popconfirm: {\n okText: 'OK',\n cancelText: 'Cancel'\n },\n Transfer: {\n titles: ['', ''],\n searchPlaceholder: 'Search here',\n itemUnit: 'item',\n itemsUnit: 'items',\n remove: 'Remove',\n selectCurrent: 'Select current page',\n removeCurrent: 'Remove current page',\n selectAll: 'Select all data',\n deselectAll: 'Deselect all data',\n removeAll: 'Remove all data',\n selectInvert: 'Invert current page'\n },\n Upload: {\n uploading: 'Uploading...',\n removeFile: 'Remove file',\n uploadError: 'Upload error',\n previewFile: 'Preview file',\n downloadFile: 'Download file'\n },\n Empty: {\n description: 'No data'\n },\n Icon: {\n icon: 'icon'\n },\n Text: {\n edit: 'Edit',\n copy: 'Copy',\n copied: 'Copied',\n expand: 'Expand',\n collapse: 'Collapse'\n },\n Form: {\n optional: '(optional)',\n defaultValidateMessages: {\n default: 'Field validation error for ${label}',\n required: 'Please enter ${label}',\n enum: '${label} must be one of [${enum}]',\n whitespace: '${label} cannot be a blank character',\n date: {\n format: '${label} date format is invalid',\n parse: '${label} cannot be converted to a date',\n invalid: '${label} is an invalid date'\n },\n types: {\n string: typeTemplate,\n method: typeTemplate,\n array: typeTemplate,\n object: typeTemplate,\n number: typeTemplate,\n date: typeTemplate,\n boolean: typeTemplate,\n integer: typeTemplate,\n float: typeTemplate,\n regexp: typeTemplate,\n email: typeTemplate,\n url: typeTemplate,\n hex: typeTemplate\n },\n string: {\n len: '${label} must be ${len} characters',\n min: '${label} must be at least ${min} characters',\n max: '${label} must be up to ${max} characters',\n range: '${label} must be between ${min}-${max} characters'\n },\n number: {\n len: '${label} must be equal to ${len}',\n min: '${label} must be minimum ${min}',\n max: '${label} must be maximum ${max}',\n range: '${label} must be between ${min}-${max}'\n },\n array: {\n len: 'Must be ${len} ${label}',\n min: 'At least ${min} ${label}',\n max: 'At most ${max} ${label}',\n range: 'The amount of ${label} must be between ${min}-${max}'\n },\n pattern: {\n mismatch: '${label} does not match the pattern ${pattern}'\n }\n }\n },\n QRCode: {\n expired: 'QR code expired',\n refresh: 'Refresh',\n scanned: 'Scanned'\n },\n ColorPicker: {\n presetEmpty: 'Empty',\n transparent: 'Transparent',\n singleColor: 'Single',\n gradientColor: 'Gradient'\n }\n};\nvar _default = exports.default = localeValues;","module.exports = require('../lib/locale/en_US');",".easy-email-merge-tag {\n font-size: inherit;\n outline: 1px solid rgb(78 89 105) !important;\n outline-offset: 0px;\n padding: 0px 8px;\n border-radius: 4px;\n cursor: default !important;\n transition: all 0.1s linear;\n border: none;\n font-weight: inherit;\n font-style: inherit;\n outline-color: rgb(0 160 172) !important;\n color: inherit;\n background-color: rgb(235 249 252);\n}\n\n.easy-email-merge-tag:hover:not(.easy-email-merge-tag-focus) {\n // outline-color: rgb(201 205 212) !important;\n // color: rgb(78 89 105);\n // background-color: rgb(229 230 235);\n}\n\n.easy-email-merge-tag-focus {\n // outline-color: rgb(0 160 172) !important;\n // color: rgb(78 89 105);\n // background-color: rgb(235 249 252);\n}\n\n.easy-email-merge-tag-popover {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translate(-50%, -100%);\n}\n\n.easy-email-merge-tag-popover {\n line-height: 1.3;\n background-color: #fff;\n width: 360px;\n border: 1px solid rgb(229 230 235);\n border-radius: 8px;\n position: absolute;\n top: calc(100% + 20px);\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n padding: 20px;\n font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,\n Roboto, Helvetica Neue, sans-serif;\n h3 {\n margin: 0;\n font-size: 12px;\n color: rgb(32, 34, 35);\n text-transform: uppercase;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .easy-email-merge-tag-popover-desc {\n font-size: 14px;\n color: rgb(109, 113, 117);\n }\n .easy-email-merge-tag-popover-desc-label {\n font-weight: 400;\n line-height: 15px;\n border: 1px solid rgb(109, 113, 117);\n border-radius: 4px;\n text-transform: none;\n letter-spacing: normal;\n position: relative;\n display: flex;\n align-items: center;\n color: rgb(32 34 35);\n cursor: text;\n font-size: 14px;\n }\n input {\n text-transform: none;\n letter-spacing: normal;\n position: relative;\n z-index: 20;\n display: block;\n flex: 1 1;\n width: 100%;\n min-width: 0;\n min-height: 25px;\n margin: 0;\n padding: 5px 12px;\n background: none;\n border: 1px solid transparent;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n appearance: none;\n caret-color: rgb(32 34 35);\n color: rgb(32 34 35);\n &:focus {\n outline: none;\n }\n }\n .easy-email-merge-tag-popover-desc-label-count {\n color: rgb(109, 113, 117);\n z-index: 20;\n margin: 0 12px 0 3.5px;\n pointer-events: none;\n text-align: right;\n }\n .easy-email-merge-tag-popover-desc-label-button {\n font-size: 14px;\n text-align: right;\n margin-top: 10px;\n font-weight: normal;\n margin-bottom: 5px;\n button {\n color: var(--selected-color);\n padding: 4px 8px;\n border-radius: 4px;\n transition: all 0.1s linear;\n cursor: pointer;\n outline: none;\n background-color: transparent;\n border: 1px solid transparent;\n &:focus {\n color: var(--selected-color);\n background-color: rgb(242 243 245);\n }\n &:hover {\n color: var(--selected-color);\n background-color: rgb(242 243 245);\n }\n }\n }\n\n .easy-email-merge-tag-popover-container {\n position: relative;\n z-index: 2;\n }\n}\n","\nimport {\n useEditorContext,\n useEditorProps,\n getShadowRoot,\n getBlockNodeByChildEle,\n IconFont,\n useRefState,\n getEditorRoot,\n} from '@thanhpv102/easy-email-editor';\nimport { get } from 'lodash';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport stylesText from './MergeTagBadge.scss?inline';\nimport { classnames } from '@extensions/utils/classnames';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nconst removeAllActiveBadge = () => {\n getShadowRoot()\n .querySelectorAll('.easy-email-merge-tag')\n .forEach((item) => {\n item.classList.remove('easy-email-merge-tag-focus');\n });\n\n const popoverNode = getShadowRoot().querySelectorAll(\n '.easy-email-merge-tag-popover'\n );\n if (popoverNode) {\n }\n};\n\nexport function MergeTagBadgePrompt() {\n const { initialized } = useEditorContext();\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const { onChangeMergeTag, mergeTags } = useEditorProps();\n const [text, setText] = useState('');\n const { setRangeByElement } = useSelectionRange();\n\n const root = initialized && getShadowRoot();\n const [target, setTarget] = React.useState<HTMLElement | null>(null);\n const targetRef = useRefState(target);\n\n const textContainer = getBlockNodeByChildEle(target);\n\n const focusMergeTag = useCallback((ele: HTMLElement) => {\n if (!ele) return;\n\n setRangeByElement(ele);\n }, [setRangeByElement]);\n\n useEffect(() => {\n\n const onBlur = (ev: MouseEvent) => {\n if (ev.target === getEditorRoot()) {\n return;\n }\n setTarget(null);\n };\n window.addEventListener('click', onBlur);\n return () => {\n window.removeEventListener('click', onBlur);\n };\n }, [targetRef, popoverRef]);\n\n const onClose = useCallback(() => {\n let ele = targetRef.current;\n\n setTimeout(() => {\n if (!ele) return;\n focusMergeTag(ele);\n }, 100);\n\n setTarget(null);\n }, [focusMergeTag, targetRef]);\n\n useEffect(() => {\n if (!root) return;\n const onClick: EventListenerOrEventListenerObject = (e) => {\n removeAllActiveBadge();\n const target = e.target;\n if (\n target instanceof HTMLInputElement &&\n target.classList.contains('easy-email-merge-tag')\n ) {\n target.classList.add('easy-email-merge-tag-focus');\n const namePath = target.value;\n if (!onChangeMergeTag) {\n focusMergeTag(target);\n return;\n }\n setText(get(mergeTags, namePath, ''));\n setTarget(target);\n\n } else {\n if (popoverRef.current?.contains(e.target as any)) return;\n setTarget(null);\n\n }\n };\n\n root.addEventListener('click', onClick);\n return () => {\n root.removeEventListener('click', onClick);\n };\n }, [focusMergeTag, mergeTags, onChangeMergeTag, root]);\n\n const onChange: React.ChangeEventHandler<HTMLInputElement> = useCallback((ev) => {\n setText(ev.target.value);\n }, []);\n\n const onSave = useCallback(() => {\n if (!(target instanceof HTMLInputElement)) return;\n onChangeMergeTag?.(target.value, text);\n onClose();\n }, [onChangeMergeTag, onClose, target, text]);\n\n const onClick: React.MouseEventHandler<HTMLDivElement> = useCallback((ev) => {\n ev.stopPropagation();\n }, []);\n\n useEffect(() => {\n const onKeyDown = (e: KeyboardEvent) => {\n\n if (e.code?.toLocaleLowerCase() === 'escape') {\n onClose();\n }\n\n };\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, [onClose, onSave]);\n\n return (\n <>\n\n {root && createPortal(<style>{stylesText}</style>, root as any)}\n {textContainer && createPortal(\n <div ref={popoverRef} onClick={onClick} className={classnames('easy-email-merge-tag-popover')}>\n <div className='easy-email-merge-tag-popover-container'>\n <h3>\n <span>{'Default value'}</span>\n <IconFont style={{ color: 'rgb(92, 95, 98)' }} iconName='icon-close' onClick={onClose} />\n </h3>\n <div className={'easy-email-merge-tag-popover-desc'}>\n <p>\n {'If a personalized text value isn\\\"t available, then a default value is shown.'}\n </p>\n <div className='easy-email-merge-tag-popover-desc-label'>\n <input autoFocus value={text} onChange={onChange} type=\"text\" autoComplete='off' maxLength={40} />\n <div className='easy-email-merge-tag-popover-desc-label-count'>\n {text.length}/40\n </div>\n </div>\n <div className='easy-email-merge-tag-popover-desc-label-button'>\n <button onClick={onSave}>{'Save'}</button>\n </div>\n </div>\n </div>\n\n </div>, textContainer)}\n </>\n );\n}\n","/* eslint-disable react/jsx-wrap-multilines */\nimport React, { useCallback, useRef, useState } from 'react';\nimport { Modal, Tabs, Form, Switch, Button, Typography, Popconfirm, Divider } from 'antd';\nimport { PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { useEditorConfig, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport './styles.css';\n\nconst { Text } = Typography;\n\n// ─── General Tab ─────────────────────────────────────────────────────────────\n\nfunction GeneralTab() {\n const { runtimeConfig, setRuntimeConfig } = useEditorConfig();\n const { dashed: propDashed = true } = useEditorProps();\n const currentDashed = runtimeConfig.dashed !== undefined ? runtimeConfig.dashed : propDashed;\n\n return (\n <Form layout='vertical' style={{ padding: '16px 0' }}>\n <Form.Item\n label='Dashed border (show dashed outline around blocks)'\n help='Enable or disable dashed borders on email blocks'\n >\n <Switch\n checked={currentDashed}\n onChange={val => setRuntimeConfig({ dashed: val })}\n checkedChildren='On'\n unCheckedChildren='Off'\n />\n </Form.Item>\n </Form>\n );\n}\n\n// ─── Merge Tags Tab ──────────────────────────────────────────────────────────\n\ninterface FlatMergeTag {\n id: string;\n path: string;\n value: string;\n}\n\nfunction flattenMergeTags(obj: Record<string, unknown>, prefix = ''): FlatMergeTag[] {\n const result: FlatMergeTag[] = [];\n for (const key of Object.keys(obj)) {\n const path = prefix ? `${prefix}.${key}` : key;\n const val = obj[key];\n if (val !== null && typeof val === 'object' && !Array.isArray(val)) {\n result.push(...flattenMergeTags(val as Record<string, unknown>, path));\n } else {\n result.push({ id: path, path, value: String(val ?? '') });\n }\n }\n return result;\n}\n\nfunction buildMergeTagsFromFlat(flat: FlatMergeTag[]): Record<string, unknown> {\n const result: Record<string, unknown> = {};\n for (const item of flat) {\n const parts = item.path.split('.');\n let cur = result;\n for (let i = 0; i < parts.length - 1; i++) {\n const part = parts[i];\n if (!cur[part] || typeof cur[part] !== 'object') cur[part] = {};\n cur = cur[part] as Record<string, unknown>;\n }\n cur[parts[parts.length - 1]] = item.value;\n }\n return result;\n}\n\ninterface MergeTagRowProps {\n row: FlatMergeTag;\n onCommit: (id: string, field: 'path' | 'value', val: string) => void;\n onDelete: (id: string) => void;\n}\n\n// Each row owns its own input state → typing never re-renders the parent list\nfunction MergeTagRow({ row, onCommit, onDelete }: MergeTagRowProps) {\n const pathRef = useRef<HTMLInputElement>(null);\n const valueRef = useRef<HTMLInputElement>(null);\n\n return (\n <div className=\"config-row\">\n <input\n className=\"config-input-field ant-input ant-input-outlined css-var-root ant-input-css-var\"\n ref={pathRef}\n defaultValue={row.path}\n placeholder='e.g. user.name'\n onBlur={e => onCommit(row.id, 'path', e.target.value)}\n />\n <input\n className=\"config-input-field ant-input ant-input-outlined css-var-root ant-input-css-var\"\n ref={valueRef}\n defaultValue={row.value}\n placeholder='Preview value'\n onBlur={e => onCommit(row.id, 'value', e.target.value)}\n />\n <Popconfirm title='Delete this tag?' onConfirm={() => onDelete(row.id)}>\n <Button type='text' danger size='small' icon={<DeleteOutlined />} className=\"config-btn-delete\" />\n </Popconfirm>\n </div>\n );\n}\n\nfunction MergeTagsTab() {\n const { runtimeConfig, setRuntimeConfig } = useEditorConfig();\n const { mergeTags: propMergeTags } = useEditorProps();\n\n const initialMergeTags =\n runtimeConfig.mergeTags !== undefined\n ? runtimeConfig.mergeTags\n : ((propMergeTags as Record<string, unknown>) ?? {});\n\n const [rows, setRows] = useState<FlatMergeTag[]>(() =>\n flattenMergeTags(initialMergeTags as Record<string, unknown>),\n );\n const rowsRef = useRef(rows);\n rowsRef.current = rows;\n\n const syncToContext = useCallback(\n (nextRows: FlatMergeTag[]) => {\n setRuntimeConfig({ mergeTags: buildMergeTagsFromFlat(nextRows) });\n },\n [setRuntimeConfig],\n );\n\n // Called onBlur from each row — only updates the specific field, no re-render of list\n const handleCommit = useCallback(\n (id: string, field: 'path' | 'value', val: string) => {\n const nextRows = rowsRef.current.map(r => {\n if (r.id !== id) return r;\n return field === 'path' ? { ...r, path: val, id: val } : { ...r, value: val };\n });\n rowsRef.current = nextRows;\n // Update rows state only to keep rowsRef consistent for add/delete, but\n // use functional update to avoid triggering unnecessary re-renders when value unchanged\n setRows(prev => {\n const changed = prev.some(r => {\n if (r.id !== id) return false;\n return field === 'path' ? r.path !== val : r.value !== val;\n });\n if (!changed) return prev;\n return prev.map(r => {\n if (r.id !== id) return r;\n return field === 'path' ? { ...r, path: val, id: val } : { ...r, value: val };\n });\n });\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleDelete = useCallback(\n (id: string) => {\n const nextRows = rowsRef.current.filter(r => r.id !== id);\n setRows(nextRows);\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleAdd = useCallback(() => {\n const ts = Date.now();\n const newRow: FlatMergeTag = { id: `new.key.${ts}`, path: `new.key.${ts}`, value: '' };\n const nextRows = [...rowsRef.current, newRow];\n setRows(nextRows);\n syncToContext(nextRows);\n }, [syncToContext]);\n\n return (\n <div style={{ padding: '16px 0' }}>\n <Text type='secondary' className=\"config-description\">\n Define merge tag preview values. Use dot notation for nested keys (e.g.{' '}\n <span className=\"config-code\">user.name</span>).\n </Text>\n <div className=\"config-row-label\">\n <span className=\"config-row-label-text\">Path (dot notation)</span>\n <span className=\"config-row-label-text\">Value</span>\n <div style={{ width: 32 }} />\n </div>\n <Divider className=\"config-divider\" />\n {rows.map(row => (\n <MergeTagRow key={row.id} row={row} onCommit={handleCommit} onDelete={handleDelete} />\n ))}\n <Button icon={<PlusOutlined />} onClick={handleAdd} size='small' className=\"config-btn-add\">\n Add merge tag\n </Button>\n </div>\n );\n}\n\n// ─── Social Icons Tab ─────────────────────────────────────────────────────────\n\ninterface SocialIconRow {\n id: string;\n content: string;\n image: string;\n}\n\ninterface SocialIconRowProps {\n row: SocialIconRow;\n onCommit: (id: string, field: 'content' | 'image', val: string) => void;\n onDelete: (id: string) => void;\n}\n\nfunction SocialIconRowItem({ row, onCommit, onDelete }: SocialIconRowProps) {\n const [imgSrc, setImgSrc] = useState(row.image);\n\n return (\n <div className=\"config-row\">\n <input\n className=\"config-input-field\"\n defaultValue={row.content}\n placeholder='e.g. Facebook'\n onBlur={e => onCommit(row.id, 'content', e.target.value)}\n />\n <div style={{ flex: 1, display: 'flex', gap: 6, alignItems: 'center' }}>\n <input\n className=\"config-input-field\"\n defaultValue={row.image}\n placeholder='https://...'\n onBlur={e => {\n onCommit(row.id, 'image', e.target.value);\n setImgSrc(e.target.value);\n }}\n style={{ flex: 1 }}\n />\n {imgSrc && (\n <img src={imgSrc} alt='' className=\"config-image-preview\" />\n )}\n </div>\n <Popconfirm title='Delete this icon?' onConfirm={() => onDelete(row.id)}>\n <Button type='text' danger size='small' icon={<DeleteOutlined />} className=\"config-btn-delete\" />\n </Popconfirm>\n </div>\n );\n}\n\nfunction SocialIconsTab() {\n const { runtimeConfig, setRuntimeConfig } = useEditorConfig();\n const { socialIcons: propSocialIcons } = useEditorProps();\n\n const currentIcons =\n runtimeConfig.socialIcons !== undefined ? runtimeConfig.socialIcons : (propSocialIcons ?? []);\n\n const [rows, setRows] = useState<SocialIconRow[]>(() =>\n currentIcons.map((icon, i) => ({ ...icon, id: `icon-${i}` })),\n );\n const rowsRef = useRef(rows);\n rowsRef.current = rows;\n\n const syncToContext = useCallback(\n (nextRows: SocialIconRow[]) => {\n setRuntimeConfig({ socialIcons: nextRows.map(({ content, image }) => ({ content, image })) });\n },\n [setRuntimeConfig],\n );\n\n const handleCommit = useCallback(\n (id: string, field: 'content' | 'image', val: string) => {\n const nextRows = rowsRef.current.map(r => (r.id === id ? { ...r, [field]: val } : r));\n rowsRef.current = nextRows;\n setRows(prev => {\n const changed = prev.some(r => r.id === id && r[field] !== val);\n if (!changed) return prev;\n return prev.map(r => (r.id === id ? { ...r, [field]: val } : r));\n });\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleDelete = useCallback(\n (id: string) => {\n const nextRows = rowsRef.current.filter(r => r.id !== id);\n setRows(nextRows);\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleAdd = useCallback(() => {\n const newRow: SocialIconRow = { id: `icon-new-${Date.now()}`, content: '', image: '' };\n const nextRows = [...rowsRef.current, newRow];\n setRows(nextRows);\n syncToContext(nextRows);\n }, [syncToContext]);\n\n return (\n <div style={{ padding: '16px 0' }}>\n <Text type='secondary' className=\"config-description\">\n Define custom social icons available in the social block.\n </Text>\n <div className=\"config-row-label\">\n <span className=\"config-row-label-text\">Name / Label</span>\n <span className=\"config-row-label-text\">Image URL</span>\n <div style={{ width: 32 }} />\n </div>\n <Divider className=\"config-divider\" />\n {rows.map(row => (\n <SocialIconRowItem key={row.id} row={row} onCommit={handleCommit} onDelete={handleDelete} />\n ))}\n <Button icon={<PlusOutlined />} onClick={handleAdd} size='small' className=\"config-btn-add\">\n Add social icon\n </Button>\n </div>\n );\n}\n\n// ─── Main Popup ───────────────────────────────────────────────────────────────\n\nexport function ConfigurationPopup() {\n const { isConfigOpen, closeConfig } = useEditorConfig();\n\n return (\n <div className=\"config-popup-container\">\n <Modal\n open={isConfigOpen}\n onCancel={closeConfig}\n title='Editor Configuration'\n footer={(\n <Button type='primary' onClick={closeConfig}>\n Done\n </Button>\n )}\n width={680}\n >\n <Tabs\n defaultActiveKey='general'\n items={[\n {\n key: 'general',\n label: 'General',\n children: <GeneralTab />,\n },\n {\n key: 'merge-tags',\n label: 'Merge Tags',\n children: <MergeTagsTab />,\n },\n {\n key: 'social-icons',\n label: 'Social Icons',\n children: <SocialIconsTab />,\n },\n ]}\n />\n </Modal>\n </div>\n );\n}\n","import { ShortcutToolbar } from '../ShortcutToolbar';\nimport { Button, Card, ConfigProvider, Layout, Tabs, App } from 'antd';\nimport { useEditorProps } from '@thanhpv102/easy-email-editor';\nimport React, { useState } from 'react';\nimport { SourceCodePanel } from '../SourceCodePanel';\nimport { AttributePanel } from '../AttributePanel';\nimport { BlockLayer, BlockLayerProps } from '../BlockLayer';\nimport { InteractivePrompt } from '../InteractivePrompt';\nimport styles from './index.module.scss';\nimport enUS from 'antd/locale/en_US';\nimport { MergeTagBadgePrompt } from '@extensions/MergeTagBadgePrompt';\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\nimport { ConfigurationPopup } from '../ConfigurationPopup';\n\nexport const SimpleLayout: React.FC<\n {\n showSourceCode?: boolean;\n jsonReadOnly?: boolean;\n mjmlReadOnly?: boolean;\n defaultShowLayer?: boolean;\n children: React.ReactNode | React.ReactElement;\n } & BlockLayerProps\n> = props => {\n const { height: containerHeight } = useEditorProps();\n const { showSourceCode = true, defaultShowLayer = true, jsonReadOnly = true, mjmlReadOnly = true } = props;\n const [collapsed, setCollapsed] = useState(!defaultShowLayer);\n return (\n <ConfigProvider locale={enUS}>\n <App>\n <Layout\n className={styles.SimpleLayout}\n style={{\n display: 'flex',\n width: '100%',\n overflow: 'hidden',\n minWidth: 1400,\n }}\n >\n <Layout.Sider\n style={{ paddingRight: 0 }}\n collapsed={collapsed}\n collapsible\n trigger={null}\n breakpoint=\"xl\"\n collapsedWidth={60}\n width={350}\n >\n <Card\n styles={{ body: { padding: 0 } }}\n style={{ border: 'none' }}\n >\n <Card.Grid style={{ width: 60, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-start', padding: '12px 0' }}>\n <ShortcutToolbar />\n <Button\n style={{\n marginTop: 30,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n icon={collapsed ? <RightOutlined /> : <LeftOutlined />}\n shape=\"round\"\n onClick={() => setCollapsed(v => !v)}\n />\n </Card.Grid>\n <Card.Grid\n className={styles.customScrollBar}\n style={{\n flex: 1,\n padding: '0 5px',\n border: 'none',\n height: containerHeight,\n overflowY: 'auto',\n overflowX: 'hidden',\n width: '100%',\n }}\n >\n <Card\n title={'Layout'}\n style={{ border: 'none', width: '100%' }}\n styles={{ header: { height: 50 }, body: { width: '100%', padding: '0 5px' } }}\n >\n {!collapsed && <BlockLayer renderTitle={props.renderTitle} />}\n </Card>\n </Card.Grid>\n </Card>\n </Layout.Sider>\n\n <Layout style={{ height: containerHeight }}>{props.children}</Layout>\n\n <Layout.Sider\n style={{\n height: containerHeight,\n width: 450,\n }}\n className={styles.rightSide}\n >\n <Card\n size=\"small\"\n id=\"rightSide\"\n style={{\n maxHeight: '100%',\n height: '100%',\n borderLeft: 'none',\n borderRadius: 0,\n }}\n styles={{ body: { padding: 0 } }}\n className={styles.customScrollBarV2}\n >\n <Tabs\n className={styles.layoutTabs}\n items={[\n {\n key: 'configuration',\n label: (\n <div style={{ height: 28, lineHeight: '28px', marginLeft: 12, paddingRight: 12, fontSize: 12 }}>\n {'Configuration'}\n </div>\n ),\n children: <AttributePanel />,\n },\n ...(showSourceCode ? [{\n key: 'source-code',\n label: (\n <div style={{ height: 28, lineHeight: '28px', fontSize: 12 }}>\n {'Source code'}\n </div>\n ),\n children: <SourceCodePanel jsonReadOnly={jsonReadOnly} mjmlReadOnly={mjmlReadOnly} />,\n destroyOnHidden: true,\n }] : [])\n ]}\n />\n </Card>\n </Layout.Sider>\n\n <InteractivePrompt />\n <MergeTagBadgePrompt />\n <ConfigurationPopup />\n </Layout>\n </App>\n </ConfigProvider>\n );\n};\n",".StandardLayout {\n :global {\n .arco-layout-sider-children {\n overflow-x: hidden;\n .arco-tabs-content {\n padding: 0;\n }\n }\n .arco-collapse-item-content-expanded {\n overflow: visible;\n }\n .easy-email-editor-tabWrapper {\n padding: 5px;\n }\n }\n}\n",".layoutItem {\r\n :global {\r\n .arco-collapse-item-header {\r\n background-color: #fff !important;\r\n border-color: transparent !important;\r\n }\r\n }\r\n}\r\n\r\n.blockItem {\r\n margin-bottom: 20px;\r\n box-shadow: rgb(55 63 71 / 4%) 0px 0px 0px 1px, rgb(55 63 71 / 8%) 0px 4px 4px 0px,\r\n rgb(55 63 71 / 8%) 0px 8px 24px 0px;\r\n border: 2px solid transparent;\r\n border-radius: 4px;\r\n margin-right: 15px;\r\n &:hover {\r\n box-shadow: 0px 0px 2px 2px rgb(var(--primary-4, #1890ff)) !important;\r\n }\r\n .blockItemContainer {\r\n width: 96px;\r\n height: 96px;\r\n padding: 10px;\r\n text-align: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n.blockItem:nth-child(3n + 1) {\r\n margin-left: 15px;\r\n}\r\n.blockItem:nth-child(3n + 0) {\r\n margin-right: 0;\r\n}\r\n","import { BlockLayerProps } from '@extensions/BlockLayer';\r\nimport { isEqual, omit } from 'lodash';\r\nimport React, { useContext, useMemo, useRef } from 'react';\r\n\r\nexport interface ExtensionProps extends BlockLayerProps {\r\n children?: React.ReactNode | React.ReactElement;\r\n categories: Array<\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<{\r\n type: string;\r\n payload?: any;\r\n title?: string | undefined;\r\n }>;\r\n displayType?: 'grid';\r\n }\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<{\r\n payload?: any;\r\n title?: string | undefined;\r\n }>;\r\n displayType: 'column';\r\n }\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<{\r\n payload?: any;\r\n }>;\r\n displayType: 'widget';\r\n }\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<React.ReactNode>;\r\n displayType: 'custom';\r\n }\r\n >;\r\n showSourceCode?: boolean;\r\n jsonReadOnly?: boolean;\r\n mjmlReadOnly?: boolean;\r\n compact?: boolean;\r\n showBlockLayer?: boolean;\r\n}\r\n\r\nexport const ExtensionContext = React.createContext<ExtensionProps>({\r\n categories: [],\r\n});\r\n\r\nexport const ExtensionProvider: React.FC<ExtensionProps> = props => {\r\n const value = omit(props, 'children');\r\n const valueRef = useRef(value);\r\n\r\n const cacheValue = useMemo(() => {\r\n if (!isEqual(value, valueRef)) {\r\n valueRef.current = value;\r\n }\r\n return valueRef.current;\r\n }, [value, valueRef]);\r\n\r\n return (\r\n <ExtensionContext.Provider value={cacheValue}>\r\n {props.children}\r\n </ExtensionContext.Provider>\r\n );\r\n};\r\n\r\nexport function useExtensionProps() {\r\n return useContext(ExtensionContext);\r\n}\r\n","import { Collapse, Row, Space, Typography } from 'antd';\nimport { AdvancedType, BlockManager, IBlockData } from '@thanhpv102/easy-email-core';\nimport { BlockAvatarWrapper, IconFont } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo, useState } from 'react';\nimport { CaretRightOutlined, CaretUpOutlined } from '@ant-design/icons';\nimport { getIconNameByBlockType } from '@extensions/utils/getIconNameByBlockType';\nimport styles from './index.module.scss';\nimport { useExtensionProps } from '@extensions/components/Providers/ExtensionProvider';\n\nexport function Blocks() {\n const { categories } = useExtensionProps();\n\n const defaultActiveKey = useMemo(\n () => [\n ...categories.filter((item) => item.active).map((item) => item.label),\n ],\n [categories]\n );\n const collapseItems = categories.map((cat, index) => {\n let panelChildren: React.ReactNode;\n\n if (cat.displayType === 'column') {\n panelChildren = (\n <>\n <Space orientation='vertical'>\n <div />\n </Space>\n {cat.blocks.map((item) => (\n <LayoutItem\n key={item.title}\n title={item.title || ''}\n columns={item.payload}\n />\n ))}\n <Space orientation='vertical'>\n <div />\n </Space>\n </>\n );\n } else if (cat.displayType === 'custom') {\n panelChildren = (\n <Row>\n {cat.blocks.map((item, blockIndex) => {\n if (\n typeof item === 'object' &&\n item !== null &&\n !React.isValidElement(item) &&\n 'type' in item &&\n 'children' in item\n ) {\n const customBlock = item as {\n type: string;\n payload?: any;\n title?: string;\n children: React.ReactNode;\n canDragAndDrop?: boolean;\n };\n const canDragAndDrop = customBlock.canDragAndDrop !== false;\n const blockContent = (\n <div className={styles.blockItemContainer}>\n {customBlock.children}\n </div>\n );\n return (\n <div key={blockIndex} className={styles.blockItem}>\n {canDragAndDrop ? (\n <BlockAvatarWrapper\n type={customBlock.type}\n payload={customBlock.payload}\n >\n {blockContent}\n </BlockAvatarWrapper>\n ) : (\n <div style={{ cursor: 'not-allowed', opacity: 0.6 }}>\n {blockContent}\n </div>\n )}\n </div>\n );\n }\n return <React.Fragment key={blockIndex}>{item}</React.Fragment>;\n })}\n </Row>\n );\n } else {\n panelChildren = (\n <Row>\n {cat.blocks.map((item, index) => {\n return <BlockItem key={index} {...(item as any)} />;\n })}\n </Row>\n );\n }\n\n return {\n key: index,\n label: cat.label,\n extra: cat.label,\n style: cat.displayType === 'column'\n ? { padding: '0px 20px' }\n : { padding: 0, paddingBottom: 0, paddingTop: 20 },\n children: panelChildren,\n };\n });\n\n return (\n <Collapse\n defaultActiveKey={defaultActiveKey}\n style={{ paddingBottom: 30, minHeight: '100%' }}\n items={collapseItems}\n />\n );\n}\n\nfunction BlockItem({\n type,\n payload,\n title,\n filterType,\n}: {\n type: string;\n payload?: Partial<IBlockData>;\n title?: string;\n filterType: string | undefined;\n}) {\n const block = BlockManager.getBlockByType(type);\n\n return (\n <div className={styles.blockItem}>\n <BlockAvatarWrapper type={type} payload={payload}>\n <div className={styles.blockItemContainer}>\n <IconFont\n style={{ fontSize: 20 }}\n iconName={getIconNameByBlockType(type)}\n />\n <Typography.Text style={{ marginTop: 10 }}>\n {title || block?.name}\n </Typography.Text>\n </div>\n </BlockAvatarWrapper>\n </div>\n );\n}\n\nfunction LayoutItem({\n columns,\n title,\n}: {\n columns: string[][];\n title: string;\n}) {\n const [visible, setVisible] = useState(false);\n\n return (\n <div>\n <p\n onClick={() => setVisible((v) => !v)}\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n cursor: 'pointer',\n }}\n >\n <span>{title}</span>\n {columns.length > 1 && (\n <span>{!visible ? <CaretRightOutlined /> : <CaretUpOutlined />}</span>\n )}\n </p>\n {columns.map((item, index) => {\n const hide = !visible && index !== 0;\n const payload = {\n type: AdvancedType.SECTION,\n attributes: {},\n children: item.map((col) => ({\n type: AdvancedType.COLUMN,\n attributes: {\n width: col,\n },\n data: {\n value: {},\n },\n children: [],\n })),\n };\n\n return (\n <div\n key={index}\n style={{\n height: hide ? 0 : undefined,\n overflow: 'hidden',\n marginBottom: hide ? 0 : 20,\n }}\n >\n <BlockAvatarWrapper type={AdvancedType.SECTION} payload={payload}>\n <div\n style={{\n border: '1px solid rgb(229, 229, 229)',\n width: '100%',\n padding: 10,\n }}\n >\n <div\n style={{\n height: 16,\n border: '1px solid rgb(85, 85, 85)',\n borderRadius: 3,\n display: 'flex',\n }}\n >\n {item.map((column, index) => {\n return (\n <div\n key={index}\n style={{\n borderRight:\n index === item.length - 1\n ? undefined\n : '1px solid rgb(85, 85, 85)',\n height: '100%',\n width: column,\n }}\n />\n );\n })}\n </div>\n </div>\n </BlockAvatarWrapper>\n </div>\n );\n })}\n </div>\n );\n}\n","import React from 'react';\r\nimport 'overlayscrollbars/overlayscrollbars.css';\r\nimport { OverlayScrollbarsComponent } from 'overlayscrollbars-react';\r\n\r\nexport const FullHeightOverlayScrollbars: React.FC<{\r\n children: React.ReactNode | React.ReactElement;\r\n height: string | number;\r\n}> = props => {\r\n return (\r\n <OverlayScrollbarsComponent options={{ scrollbars: { autoHide: 'scroll' } }}>\r\n <div style={{ height: props.height }}>{props.children}</div>\r\n </OverlayScrollbarsComponent>\r\n );\r\n};\r\n",".largeTabsHeader {\r\n :global {\r\n .arco-tabs-header {\r\n width: 100%;\r\n display: flex;\r\n .arco-tabs-header-title {\r\n flex: 1;\r\n margin: 0px !important;\r\n padding: 0 !important;\r\n height: 60px;\r\n line-height: 60px;\r\n .arco-tabs-header-title-text {\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",".largeTabsHeader {\r\n :global {\r\n .arco-tabs-header {\r\n width: 100%;\r\n display: flex;\r\n .arco-tabs-header-title {\r\n flex: 1;\r\n margin: 0px !important;\r\n padding: 0 !important;\r\n height: 60px;\r\n line-height: 60px;\r\n .arco-tabs-header-title-text {\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Tabs } from 'antd';\r\nimport { LeftOutlined } from '@ant-design/icons';\r\nimport { AttributePanel } from '@extensions/AttributePanel';\r\nimport { SourceCodePanel } from '@extensions/SourceCodePanel';\r\nimport { FullHeightOverlayScrollbars } from '@extensions/components/FullHeightOverlayScrollbars';\r\nimport styles from './index.module.scss';\r\n\r\nexport interface ConfigurationPanelProps {\r\n showSourceCode: boolean;\r\n jsonReadOnly: boolean;\r\n mjmlReadOnly: boolean;\r\n height: string;\r\n onBack?: () => void;\r\n compact?: boolean;\r\n}\r\n\r\nexport function ConfigurationPanel({\r\n showSourceCode,\r\n height,\r\n onBack,\r\n compact,\r\n jsonReadOnly,\r\n mjmlReadOnly,\r\n }: ConfigurationPanelProps) {\r\n const [inited, setInited] = useState(false);\r\n\r\n useEffect(() => {\r\n // Tabs 在 drawer 里面有bug\r\n let timer = setTimeout(() => {\r\n setInited(true);\r\n }, 100);\r\n return () => {\r\n clearTimeout(timer);\r\n };\r\n }, []);\r\n\r\n if (!inited) return null;\r\n\r\n return (\r\n <>\r\n {showSourceCode ? (\r\n <Tabs\r\n className={styles.tabs}\r\n renderTabBar={(props, DefaultTabBar) =>\r\n !compact ? (\r\n <div\r\n className={styles.largeTabsHeader}\r\n style={{ display: 'flex', alignItems: 'center' }}\r\n >\r\n <div\r\n style={{ padding: 10, cursor: 'pointer' }}\r\n onClick={onBack}\r\n >\r\n <LeftOutlined style={{ fontSize: 16 }} />\r\n </div>\r\n <DefaultTabBar {...props} style={{ flex: 1 }} />\r\n </div>\r\n ) : (\r\n <div\r\n className={styles.largeTabsHeader}\r\n style={{ display: 'flex', alignItems: 'center' }}\r\n >\r\n <DefaultTabBar {...props} style={{ flex: 1 }} />\r\n </div>\r\n )\r\n }\r\n items={[\r\n {\r\n key: 'configuration',\r\n label: (\r\n <div style={{ height: 40, lineHeight: '40px' }}>{'Configuration'}</div>\r\n ),\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <AttributePanel />\r\n </FullHeightOverlayScrollbars>\r\n ),\r\n },\r\n {\r\n key: 'source-code',\r\n label: (\r\n <div style={{ height: 40, lineHeight: '40px' }}>{'Source code'}</div>\r\n ),\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <SourceCodePanel jsonReadOnly={jsonReadOnly} mjmlReadOnly={mjmlReadOnly} />\r\n </FullHeightOverlayScrollbars>\r\n ),\r\n destroyOnHidden: true,\r\n },\r\n ]}\r\n />\r\n ) : (\r\n <AttributePanel />\r\n )}\r\n </>\r\n );\r\n}\r\n","import { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { Drawer } from 'antd';\r\nimport { ConfigurationPanel } from '@extensions/ConfigurationPanel';\r\nimport React, { useCallback, useMemo, useRef } from 'react';\r\n\r\nexport function ConfigurationDrawer({\r\n height,\r\n compact,\r\n showSourceCode,\r\n jsonReadOnly,\r\n mjmlReadOnly,\r\n}: {\r\n height: string;\r\n compact: boolean;\r\n showSourceCode: boolean;\r\n jsonReadOnly: boolean;\r\n mjmlReadOnly: boolean;\r\n}) {\r\n const refWrapper = useRef(null);\r\n const { focusIdx, setFocusIdx } = useFocusIdx();\r\n\r\n const onClose = useCallback(() => {\r\n setFocusIdx('');\r\n }, [setFocusIdx]);\r\n\r\n const visible = Boolean(focusIdx);\r\n return useMemo(() => {\r\n return (\r\n <>\r\n <div\r\n ref={refWrapper}\r\n style={{\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n zIndex: visible ? 1 : -1,\r\n pointerEvents: visible ? 'auto' : 'none',\r\n }}\r\n />\r\n {refWrapper.current && (\r\n <Drawer\r\n title={null}\r\n closable={false}\r\n placement='right'\r\n styles={{ body: { padding: 0 }, wrapper: { width: '100%' } }}\r\n open\r\n getContainer={() => refWrapper.current || document.body}\r\n footer={null}\r\n onClose={onClose}\r\n >\r\n <ConfigurationPanel\r\n compact={compact}\r\n showSourceCode={showSourceCode}\r\n height={height}\r\n onBack={onClose}\r\n jsonReadOnly={jsonReadOnly}\r\n mjmlReadOnly={mjmlReadOnly}\r\n />\r\n </Drawer>\r\n )}\r\n </>\r\n );\r\n }, [visible, onClose, compact, showSourceCode, height, jsonReadOnly, mjmlReadOnly]);\r\n}\r\n","import { Layout, Tabs } from 'antd';\r\nimport { useEditorProps } from '@thanhpv102/easy-email-editor';\r\nimport React from 'react';\r\nimport { Blocks } from './Blocks';\r\nimport { BlockLayer } from '@extensions/BlockLayer';\r\nimport { FullHeightOverlayScrollbars } from '@extensions/components/FullHeightOverlayScrollbars';\r\nimport styles from './index.module.scss';\r\nimport { ConfigurationDrawer } from './ConfigurationDrawer';\r\nimport { useExtensionProps } from '@extensions/components/Providers/ExtensionProvider';\r\n\r\nexport function EditPanel({\r\n showSourceCode,\r\n jsonReadOnly,\r\n mjmlReadOnly,\r\n }: {\r\n showSourceCode: boolean;\r\n jsonReadOnly: boolean;\r\n mjmlReadOnly: boolean;\r\n}) {\r\n const { height } = useEditorProps();\r\n const { compact = true, showBlockLayer = true } = useExtensionProps();\r\n\r\n return (\r\n <Layout.Sider\r\n className={styles.blocksPanel}\r\n style={{ paddingRight: 0, minWidth: 360 }}\r\n // collapsed={collapsed}\r\n collapsible\r\n trigger={null}\r\n breakpoint=\"xl\"\r\n collapsedWidth={60}\r\n width={360}\r\n >\r\n <Tabs\r\n defaultActiveKey='2'\r\n style={{ width: '100%', padding: 0 }}\r\n renderTabBar={(props, DefaultTabBar) => (\r\n <div className={styles.largeTabsHeader}>\r\n <DefaultTabBar {...props} />\r\n </div>\r\n )}\r\n items={[\r\n {\r\n key: '2',\r\n label: 'Block',\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <Blocks />\r\n </FullHeightOverlayScrollbars>\r\n )\r\n },\r\n ...(showBlockLayer ? [{\r\n key: '1',\r\n label: 'Layer',\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <div style={{ padding: 20 }}>\r\n <BlockLayer />\r\n </div>\r\n </FullHeightOverlayScrollbars>\r\n )\r\n }] : [])\r\n ]}\r\n />\r\n {!compact && (\r\n <ConfigurationDrawer\r\n height={height}\r\n showSourceCode={showSourceCode}\r\n compact={Boolean(compact)}\r\n jsonReadOnly={jsonReadOnly}\r\n mjmlReadOnly={mjmlReadOnly}\r\n />\r\n )}\r\n </Layout.Sider>\r\n );\r\n}\r\n","import { App, Card, ConfigProvider, Layout } from 'antd';\nimport { useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React, { useEffect } from 'react';\nimport { InteractivePrompt } from '../InteractivePrompt';\nimport styles from './index.module.scss';\nimport enUS from 'antd/locale/en_US';\nimport { MergeTagBadgePrompt } from '@extensions/MergeTagBadgePrompt';\nimport { EditPanel } from '../EditPanel';\nimport { ConfigurationPanel } from '@extensions/ConfigurationPanel';\nimport { ExtensionProps, ExtensionProvider } from '@extensions/components/Providers/ExtensionProvider';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { ConfigurationPopup } from '../ConfigurationPopup';\n\nconst defaultCategories: ExtensionProps['categories'] = [\n {\n get label() {\n return 'Content';\n },\n active: true,\n blocks: [\n {\n type: AdvancedType.TEXT,\n },\n {\n type: AdvancedType.IMAGE,\n payload: { attributes: { padding: '0px 0px 0px 0px' } },\n },\n {\n type: AdvancedType.BUTTON,\n },\n {\n type: AdvancedType.SOCIAL,\n },\n {\n type: AdvancedType.DIVIDER,\n },\n {\n type: AdvancedType.SPACER,\n },\n {\n type: AdvancedType.HERO,\n },\n {\n type: AdvancedType.WRAPPER,\n },\n ],\n },\n {\n get label() {\n return 'Layout';\n },\n active: true,\n displayType: 'column',\n blocks: [\n {\n get title() {\n return '2 columns';\n },\n payload: [\n ['50%', '50%'],\n ['33%', '67%'],\n ['67%', '33%'],\n ['25%', '75%'],\n ['75%', '25%'],\n ],\n },\n {\n get title() {\n return '3 columns';\n },\n payload: [\n ['33.33%', '33.33%', '33.33%'],\n ['25%', '25%', '50%'],\n ['50%', '25%', '25%'],\n ],\n },\n {\n get title() {\n return '4 columns';\n },\n payload: [['25%', '25%', '25%', '25%']],\n },\n ],\n },\n];\n\nexport const StandardLayout: React.FC<ExtensionProps> = props => {\n const { height: containerHeight } = useEditorProps();\n const {\n showSourceCode = true,\n compact = true,\n categories = defaultCategories,\n jsonReadOnly = false,\n mjmlReadOnly = true,\n } = props;\n\n const { setFocusIdx } = useFocusIdx();\n\n useEffect(() => {\n if (!compact) {\n setFocusIdx('');\n }\n }, [compact, setFocusIdx]);\n\n return (\n <ExtensionProvider\n {...props}\n categories={categories}\n >\n <ConfigProvider locale={enUS}>\n <App>\n <Card\n style={{ padding: 0 }}\n styles={{\n body: {\n padding: 0,\n height: containerHeight,\n overflow: 'hidden',\n },\n }}\n >\n <Layout\n className={styles.StandardLayout}\n style={{\n display: 'flex',\n width: '100%',\n overflow: 'hidden',\n }}\n >\n {compact && (\n <EditPanel\n showSourceCode={showSourceCode}\n jsonReadOnly={jsonReadOnly}\n mjmlReadOnly={mjmlReadOnly}\n />\n )}\n <Layout style={{ height: containerHeight, flex: 1 }}>{props.children}</Layout>\n {!compact && (\n <EditPanel\n showSourceCode={showSourceCode}\n jsonReadOnly={jsonReadOnly}\n mjmlReadOnly={mjmlReadOnly}\n />\n )}\n {compact ? (\n <Layout.Sider\n style={{\n height: containerHeight,\n minWidth: 300,\n maxWidth: 350,\n width: 350,\n }}\n >\n <ConfigurationPanel\n compact={compact}\n height={containerHeight}\n showSourceCode={showSourceCode}\n jsonReadOnly={jsonReadOnly}\n mjmlReadOnly={mjmlReadOnly}\n />\n </Layout.Sider>\n ) : (\n <Layout.Sider style={{ width: 0, overflow: 'hidden' }} />\n )}\n </Layout>\n </Card>\n\n <InteractivePrompt />\n <MergeTagBadgePrompt />\n <ConfigurationPopup />\n </App>\n </ConfigProvider>\n </ExtensionProvider>\n );\n};\n"],"x_google_ignoreList":[171,172,173,174,175,176,177,178,179],"mappings":"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F,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;AAGa,CAAgB;AAEjC,SAAgB,OAAO,GAAqC;CAC1D,OAAO,aAAa,IAAI,CAAI;AAC9B;;;ACrIA,IAAM,YAAY;CAChB,EACE,YAAY;EACV,KAAK,OAAO,UAAU;EACtB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;CACpB,EACF;CACA,EACE,YAAY;EACV,KAAK,OAAO,UAAU;EACtB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,iBAAiB;CACnB,EACF;CACA,EACE,YAAY;EACV,KAAK,OAAO,UAAU;EACtB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,OAAO;EACP,QAAQ;CACV,EACF;AACF;AAEA,SAAgB,iBAAiB;CAC/B,OACE,oBAAC,MAAM,MAAP;EAAY,MAAA;YACV,oBAAC,OAAD;GAAO,UAAA;aACJ,UAAU,KAAK,GAAM,MAElB,oBAAC,kBAAD;IAEE,MAAM,aAAa;IACnB,SACE,EACE,YAAY,EAAK,WACnB;cAGF,qBAAC,OAAD;KACE,OAAO;MACL,UAAU;MACV,SAAS;MACT,gBAAgB;KAClB;eALF,CAOE,oBAAC,SAAD;MACE,KAAK,EAAK,WAAW;MACrB,OAAO;OACL,OAAO,EAAK,WAAW;OACvB,QAAQ,EAAK,WAAW;OACxB,UAAU,EAAK,WAAW,QAAQ,EAAK,WAAW,QAAQ;OAC1D,WAAW;OACX,cAAc,EAAK,WAAW;MAChC;KACD,CAAA,GACD,oBAAC,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MAAM,EACJ,OAAO,EACL,SAAS,uBACX,EACF;KACA,YAAY;MACV,OAAO;MACP,oBAAoB;MACpB,OAAO;MACP,aAAa;MACb,eAAe;MACf,iBAAiB;MACjB,SAAS;MACT,iBAAiB;MACjB,eAAe;MACf,QAAQ;MACR,kBAAkB;MAClB,QAAQ;MACR,cAAc;MACd,MAAM;KACR;KACA,UAAU,CAAC;IACb;GACF;EACF;CACF;CACA;EACE,WAAW,OAAO,UAAU;EAC5B,SAAS;GACP,MAAM,aAAa;GACnB,MAAM,EACJ,OAAO,EACL,SACE,mNACJ,EACF;GACA,YAAY;IACV,oBAAoB;IACpB,uBAAuB;IACvB,MAAM;IACN,SAAS;IACT,kBAAkB;IAClB,kBAAkB,OAAO,UAAU;IACnC,kBAAkB;GACpB;GACA,UAAU;IACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,SACX,EACF;KACA,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;MACP,QAAQ;MACR,eAAe;MACf,oBAAoB;MACpB,iBAAiB;MACjB,eAAe;MACf,iBAAiB;KACnB;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,qCACX,EACF;KACA,YAAY;MACV,OAAO;MACP,oBAAoB;MACpB,OAAO;MACP,aAAa;MACb,eAAe;MACf,iBAAiB;MACjB,SAAS;MACT,iBAAiB;MACjB,eAAe;MACf,QAAQ;MACR,kBAAkB;MAClB,QAAQ;MACR,cAAc;MACd,MAAM;KACR;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL,SACE,kHACJ,EACF;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,iBAAiB;MACjB,eAAe;MACf,oBAAoB;MACpB,SAAS;KACX;KACA,MAAM,EACJ,OAAO,EACL,SAAS,YACX,EACF;KACA,UAAU,CAAC;IACb;GACF;EACF;CACF;CACA;EACE,WAAW,OAAO,UAAU;EAC5B,SAAS;GACP,MAAM,aAAa;GACnB,MAAM,EACJ,OAAO,EACL,SACE,mNACJ,EACF;GACA,YAAY;IACV,oBAAoB;IACpB,uBAAuB;IACvB,MAAM;IACN,SAAS;IACT,kBAAkB;IAClB,kBAAkB,OAAO,UAAU;IACnC,kBAAkB;GACpB;GACA,UAAU;IACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,sDACX,EACF;KACA,YAAY;MACV,OAAO;MACP,oBAAoB;MACpB,OAAO;MACP,aAAa;MACb,eAAe;MACf,iBAAiB;MACjB,SAAS;MACT,iBAAiB;MACjB,eAAe;MACf,QAAQ;MACR,kBAAkB;MAClB,QAAQ;MACR,cAAc;MACd,MAAM;MACN,eAAe;KACjB;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL,SACE,gGACJ,EACF;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,iBAAiB;MACjB,eAAe;MACf,oBAAoB;MACpB,SAAS;KACX;KACA,MAAM,EACJ,OAAO,EACL,SAAS,gBACX,EACF;KACA,UAAU,CAAC;IACb;GACF;EACF;CACF;CACA;EACE,WAAW,OAAO,UAAU;EAC5B,SAAS;GACP,MAAM,aAAa;GACnB,YAAY;IACV,oBAAoB;IACpB,uBAAuB;IACvB,MAAM;IACN,SAAS;IACT,kBAAkB;IAClB,kBAAkB,OAAO,UAAU;GACrC;GACA,MAAM,EACJ,OAAO,EACL,SACE,oQACJ,EACF;GACA,UAAU;IACR;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL,SAAS,8BACX,EACF;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL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T,KAAK,OAAO,UAAU;OACtB,OAAO;MACT;MACA,UAAU,CAAC;KACb,CACF;IACF,CACF;GACF,CACF;EACF;CACF;CACA;EACE,WAAW,OAAO,UAAU;EAC5B,SAAS;GACP,MAAM;GACN,MAAM,EACJ,OAAO,EACL,QAAQ,GACV,EACF;GACA,YAAY;IACV,kBAAkB;IAClB,WAAW;IACX,oBAAoB;GACtB;GACA,UAAU,CACR;IACE,MAAM;IACN,MAAM,EACJ,OAAO,CAAC,EACV;IACA,YAAY;KACV,kBAAkB;KAClB,WAAW;IACb;IACA,UAAU;KACR;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,SAAS;OACT,QAAQ;OACR,kBAAkB;MACpB;MACA,UAAU,CACR;OACE,MAAM;OACN,MAAM,EACJ,OAAO,CAAC,EACV;OACA,YAAY;QACV,OAAO;QACP,QAAQ;QACR,SAAS;QACT,KAAK,OAAO,UAAU;QACtB,OAAO;OACT;OACA,UAAU,CAAC;MACb,GACA;OACE,MAAM;OACN,MAAM,EACJ,OAAO,EACL,SAAS,wBACX,EACF;OACA,YAAY;QACV,aAAa;QACb,SAAS;QACT,eAAe;QACf,OAAO;OACT;OACA,UAAU,CAAC;MACb,CACF;KACF;KACA;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,SAAS;OACT,QAAQ;OACR,kBAAkB;MACpB;MACA,UAAU,CACR;OACE,MAAM;OACN,MAAM,EACJ,OAAO,CAAC,EACV;OACA,YAAY;QACV,OAAO;QACP,QAAQ;QACR,SAAS;QACT,KAAK,OAAO,UAAU;QACtB,OAAO;OACT;OACA,UAAU,CAAC;MACb,GACA;OACE,MAAM;OACN,MAAM,EACJ,OAAO,EACL,SAAS,mCACX,EACF;OACA,YAAY;QACV,aAAa;QACb,SAAS;QACT,eAAe;QACf,OAAO;OACT;OACA,UAAU,CAAC;MACb,CACF;KACF;KACA;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,SAAS;OACT,QAAQ;OACR,kBAAkB;MACpB;MACA,UAAU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"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../src/BlockLayer/index.module.scss","../src/BlockLayer/components/EyeIcon/index.tsx","../src/BlockLayer/components/BlockTree/transparentImage.ts","../src/BlockLayer/components/BlockTree/index.tsx","../src/BlockLayer/components/ContextMenu/index.module.scss","../src/components/Form/ImageUploader/index.module.scss","../src/AttributePanel/utils/PromiseEach.ts","../src/AttributePanel/utils/Uploader.ts","../src/AttributePanel/utils/classnames.ts","../src/AttributePanel/utils/previewLoadImage.ts","../src/components/Form/ImageUploader/index.tsx","../src/components/Form/Select.tsx","../src/components/Form/RadioGroup.tsx","../src/components/Form/enhancer.tsx","../src/components/Form/Input.tsx","../src/components/Form/InputWithUnit.tsx","../src/components/Form/CheckBoxGroup.tsx","../src/utils/classnames.ts","../src/components/Form/index.module.scss","../src/components/Form/EditTab.tsx","../src/components/Form/EditGridTab.tsx","../src/components/Form/AutoComplete.tsx","../src/AttributePanel/utils/InputNumberAdapter.tsx","../src/AttributePanel/components/adapter/pixel.adapter.ts","../src/AttributePanel/components/adapter/color.adapter.ts","../src/AttributePanel/components/adapter/image-height.adapter.ts","../src/AttributePanel/utils/getImg.ts","../src/AttributePanel/components/provider/PresetColorsProvider/index.tsx","../src/components/Form/ColorPicker/ColorPickerContent.tsx","../src/components/Form/RichTextToolBar/hooks/useRichTextPopupOpen.ts","../src/components/Form/RichTextToolBar/components/RichTextPortalPopup/index.tsx","../src/components/Form/ColorPicker/index.tsx","../src/components/Form/ColorPickerField/index.tsx","../src/components/Form/InlineTextField/index.tsx","../src/components/Form/RichTextToolBar/components/ToolItem/index.tsx","../src/components/Form/RichTextToolBar/components/Link/index.tsx","../src/hooks/useFontFamily.tsx","../src/components/Form/RichTextToolBar/components/FontFamily/index.tsx","../src/AttributePanel/components/UI/Help/index.module.scss","../src/AttributePanel/components/UI/Help/index.tsx","../src/components/Form/AddFont.tsx","../src/AttributePanel/components/attributes/AttributesPanelWrapper/index.tsx","../src/AttributePanel/components/attributes/FontFamily.tsx","../src/AttributePanel/components/blocks/Page/index.tsx","../src/AttributePanel/components/attributes/Padding.tsx","../src/AttributePanel/components/attributes/BackgroundColor.tsx","../src/AttributePanel/components/attributes/Background.tsx","../src/AttributePanel/components/attributes/Border.tsx","../src/AttributePanel/components/attributes/ClassName.tsx","../src/AttributePanel/components/attributes/Iteration.tsx","../src/AttributePanel/components/attributes/Condition.tsx","../src/AttributePanel/components/attributes/CollapseWrapper/index.tsx","../src/AttributePanel/components/blocks/Section/index.tsx","../src/AttributePanel/components/attributes/Width.tsx","../src/AttributePanel/components/attributes/VerticalAlign.tsx","../src/AttributePanel/components/attributes/Align.tsx","../src/AttributePanel/components/attributes/Color.tsx","../src/AttributePanel/components/attributes/Height.tsx","../src/AttributePanel/components/attributes/TextAlign.tsx","../src/AttributePanel/components/attributes/ContainerBackgroundColor.tsx","../src/AttributePanel/components/attributes/LetterSpacing.tsx","../src/AttributePanel/components/attributes/TextDecoration.tsx","../src/AttributePanel/components/attributes/Decoration.tsx","../src/AttributePanel/components/attributes/LineHeight.tsx","../src/AttributePanel/components/attributes/TextTransform.tsx","../src/AttributePanel/components/attributes/Direction.tsx","../src/utils/getContextMergeTags.ts","../src/AttributePanel/components/attributes/MergeTags.tsx","../src/AttributePanel/components/attributes/Link.tsx","../src/AttributePanel/components/attributes/Margin.tsx","../src/AttributePanel/components/attributes/BorderColor.tsx","../src/AttributePanel/components/attributes/FontSize.tsx","../src/AttributePanel/components/attributes/BorderStyle.tsx","../src/AttributePanel/components/attributes/FontStyle.tsx","../src/AttributePanel/components/attributes/NavbarLinkPadding.tsx","../src/AttributePanel/components/attributes/BorderWidth.tsx","../src/AttributePanel/components/attributes/FontWeight.tsx","../src/AttributePanel/components/blocks/Column/index.tsx","../src/components/ShadowDom/index.tsx","../src/AttributePanel/components/UI/HtmlEditor.tsx","../src/AttributePanel/components/blocks/Text/index.tsx","../src/AttributePanel/components/blocks/Image/index.tsx","../src/AttributePanel/components/blocks/Group/index.tsx","../src/AttributePanel/components/blocks/Button/index.tsx","../src/AttributePanel/components/blocks/Divider/index.tsx","../src/AttributePanel/components/blocks/Wrapper/index.tsx","../src/AttributePanel/components/blocks/Spacer/index.tsx","../src/AttributePanel/components/blocks/Raw/index.tsx","../src/AttributePanel/components/blocks/Accordion/index.tsx","../src/AttributePanel/components/blocks/AccordionElement/index.tsx","../src/AttributePanel/components/blocks/AccordionTitle/index.tsx","../src/AttributePanel/components/blocks/AccordionText/index.tsx","../src/AttributePanel/components/blocks/Carousel/index.tsx","../src/AttributePanel/components/blocks/Hero/index.tsx","../src/AttributePanel/components/blocks/Navbar/index.tsx","../src/AttributePanel/components/blocks/Social/index.tsx","../src/AttributePanel/components/blocks/Table/index.tsx","../src/AttributePanel/components/blocks/AdvancedTable/index.tsx","../src/AttributePanel/components/blocks/index.ts","../src/AttributePanel/utils/BlockAttributeConfigurationManager.ts","../src/constants.ts","../src/AttributePanel/components/provider/SelectionRangeProvider/index.tsx","../src/AttributePanel/components/blocks/AdvancedTable/Operation/util.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/menu.scss?inline","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableCellBgSelector.tsx","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableMenuConfig.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableOperationMenu.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/tableTool.ts","../src/AttributePanel/components/blocks/AdvancedTable/Operation/index.tsx","../src/AttributePanel/AttributePanel.module.scss","../src/AttributePanel/AttributePanel.tsx","../src/components/Form/RichTextToolBar/components/MergeTags/index.tsx","../src/AttributePanel/hooks/useSelectionRange.ts","../src/components/Form/RichTextToolBar/utils/getElementAtRange.ts","../src/components/Form/RichTextToolBar/components/Tools/IconBgColor/index.tsx","../src/components/Form/RichTextToolBar/components/Tools/IconFontColor/index.tsx","../src/components/Form/RichTextToolBar/components/BasicTools.tsx","../src/components/Form/RichTextToolBar/components/Unlink/index.tsx","../src/components/Form/RichTextToolBar/components/StrikeThrough/index.tsx","../src/components/Form/RichTextToolBar/components/Underline/index.tsx","../src/components/Form/RichTextToolBar/components/Italic/index.tsx","../src/components/Form/RichTextToolBar/components/Bold/index.tsx","../src/components/Form/RichTextToolBar/components/FontSize/index.tsx","../src/components/Form/RichTextToolBar/components/Tools/Tools.tsx","../src/components/Form/RichTextToolBar/shadow-dom.scss?inline","../src/components/Form/RichTextToolBar/RichTextToolBar.tsx","../src/components/Form/RichTextField/index.tsx","../src/components/Form/index.tsx","../src/components/AddToCollection/index.tsx","../src/hooks/useAddToCollection.tsx","../src/BlockLayer/components/ContextMenu/index.tsx","../src/BlockLayer/hooks/useAvatarWrapperDrop.ts","../src/utils/getIconNameByBlockType.ts","../src/utils/getBlockTitle.ts","../src/BlockLayer/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/index.module.scss","../src/ShortcutToolbar/utils/BlockMarketManager.ts","../src/ShortcutToolbar/components/BlockMaskWrapper/index.module.scss","../src/ShortcutToolbar/components/BlockMaskWrapper/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/TextBlockItem/index.tsx","../src/ShortcutToolbar/components/Picture/index.tsx","../src/ShortcutToolbar/utils/getImg.ts","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/ImageBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/SpacerBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/DividerBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/HeroBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/ButtonBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/AccordionBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/CarouselBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/NavbarBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/SocialBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/WrapperBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/SectionBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/GroupBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/ColumnBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/TableBlockItem/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/presetTemplate/index.tsx","../src/ShortcutToolbar/components/BlocksPanel/index.tsx","../src/ShortcutToolbar/components/DragIcon/index.tsx","../src/ShortcutToolbar/ShortcutToolbar.tsx","../src/utils/parseXMLtoBlock.ts","../src/utils/MjmlToJson.ts","../src/SourceCodePanel/index.module.scss","../src/SourceCodePanel/index.tsx","../src/InteractivePrompt/components/Toolbar.tsx","../src/InteractivePrompt/components/FocusTooltip.tsx","../src/utils/awaitForElement.ts","../src/InteractivePrompt/components/HoverTooltip.tsx","../src/InteractivePrompt/index.tsx","../src/SimpleLayout/index.module.scss","../../../node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/interopRequireDefault.js","../../../node_modules/.pnpm/@rc-component+pagination@1.2.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@rc-component/pagination/lib/locale/en_US.js","../../../node_modules/.pnpm/@rc-component+picker@1.9.0_dayjs@1.11.19_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@rc-component/picker/lib/locale/common.js","../../../node_modules/.pnpm/@rc-component+picker@1.9.0_dayjs@1.11.19_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@rc-component/picker/lib/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/time-picker/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/date-picker/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/calendar/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/lib/locale/en_US.js","../../../node_modules/.pnpm/antd@6.3.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/antd/locale/en_US.js","../src/MergeTagBadgePrompt/MergeTagBadge.scss?inline","../src/MergeTagBadgePrompt/index.tsx","../src/ConfigurationPopup/index.tsx","../src/SimpleLayout/SimpleLayout.tsx","../src/StandardLayout/index.module.scss","../src/EditPanel/Blocks/index.module.scss","../src/components/Providers/ExtensionProvider.tsx","../src/EditPanel/Blocks/index.tsx","../src/components/FullHeightOverlayScrollbars/index.tsx","../src/EditPanel/index.module.scss","../src/ConfigurationPanel/index.module.scss","../src/ConfigurationPanel/index.tsx","../src/EditPanel/ConfigurationDrawer/index.tsx","../src/EditPanel/index.tsx","../src/StandardLayout/StandardLayout.tsx"],"sourcesContent":[".title {\n display: flex;\n flex: 1;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n :global {\n .icon-eye {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 30px;\n opacity: 0;\n font-size: 14px;\n color: rgb(var(--primary-6)) !important;\n }\n .icon-eye-invisible {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 14px;\n right: 30px;\n opacity: 1 !important;\n color: rgb(var(--primary-6)) !important;\n }\n }\n}\n:global(#BlockLayerManager) {\n width: 100%;\n}\n:global(#BlockLayerManager .arco-tree) {\n width: 100%;\n}\n:global(#BlockLayerManager .arco-tree-node-expanded) {\n overflow: hidden;\n}\n\n:global(#BlockLayerManager .arco-tree-node-selected .arco-tree-node-title) {\n background-color: rgb(var(--primary-1));\n}\n:global(#BlockLayerManager .arco-tree-node-title:hover .icon-eye) {\n opacity: 1;\n}\n:global(#BlockLayerManager .arco-tree-node-indent-block) {\n width: 8px;\n}\n:global(#BlockLayerManager .arco-tree-node-drag-icon) {\n cursor: grab;\n}\n","import { IconFont } from '@thanhpv102/easy-email-editor';\nimport { BasicType } from '@thanhpv102/easy-email-core';\nimport React from 'react';\nimport { IBlockDataWithId } from '../..';\n\nexport function EyeIcon({\n blockData,\n hidden,\n onToggleVisible,\n}: {\n blockData: IBlockDataWithId;\n hidden?: boolean;\n onToggleVisible: (blockData: IBlockDataWithId, ev: React.MouseEvent) => void;\n}) {\n if (hidden)\n return (\n <div style={{ visibility: 'hidden' }}>\n <IconFont iconName='icon-eye' />\n </div>\n );\n if (blockData.type === BasicType.PAGE.toString()) return null;\n\n return blockData.data.hidden ? (\n <IconFont\n onClick={(ev) => onToggleVisible(blockData, ev)}\n iconName='icon-eye-invisible'\n />\n ) : (\n <IconFont\n onClick={(ev) => onToggleVisible(blockData, ev)}\n iconName='icon-eye'\n />\n );\n}\n","export const transparentImage =\r\n 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==';\r\n","import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Tree } from 'antd';\nimport type { DataNode, TreeProps, EventDataNode } from 'antd/es/tree';\nimport { debounce } from 'lodash';\nimport { transparentImage } from './transparentImage';\n\ninterface TreeNode<T> {\n id: string;\n children?: T[];\n}\n\n// Extended data node interface to include our custom properties\ninterface ExtendedDataNode extends DataNode {\n dataRef?: unknown;\n parent?: unknown;\n parentKey?: string;\n}\n\nexport interface BlockTreeProps<T extends TreeNode<T>> {\n treeData: T[];\n selectedKeys?: string[];\n expandedKeys?: string[];\n onSelect: (selectedId: string) => void;\n onContextMenu?: (nodeData: T, ev: React.MouseEvent) => void;\n onDragStart?: () => void;\n onDragEnd?: () => void;\n onMouseLeave?: () => void;\n onMouseEnter?: (id: string) => void;\n renderTitle: (data: T) => React.ReactNode;\n defaultExpandAll?: boolean;\n allowDrop: (o: {\n dragNode: { type: string } | { key: string };\n dropNode: { dataRef: T; parent: T; key: string };\n dropPosition: number;\n }) =>\n | false\n | {\n key: string;\n position: number;\n };\n\n onDrop: (o: {\n dragNode: { dataRef: T; parent: T; key: string; parentKey: string };\n dropNode: { dataRef: T; parent: T; key: string; parentKey: string };\n dropPosition: number;\n }) => void;\n}\n\nconst img = new Image();\nimg.width = 0;\nimg.height = 0;\nimg.src = transparentImage;\n\n// Transform TreeNode data to DataNode format for antd Tree\nconst transformTreeData = <T extends TreeNode<T> & { parent?: unknown }>(data: T[] | undefined, parentKey?: string): DataNode[] => {\n if (!data || !Array.isArray(data) || data.length === 0) {\n return [];\n }\n\n return data\n .filter((item): item is T => {\n const isValid = Boolean(item && item.id);\n if (!isValid) {\n console.error('[BlockTree] Filtering out item without id:', item);\n }\n return isValid;\n })\n .map((item) => {\n const hasChildren = Array.isArray(item.children) && item.children.length > 0;\n\n const node: ExtendedDataNode = {\n key: item.id,\n title: item.id, // This will be overridden by titleRender\n children: hasChildren ? transformTreeData(item.children as T[], item.id) : undefined,\n dataRef: item as unknown, // Store original data for callbacks\n parentKey: parentKey, // Store parent key for proper tree navigation\n parent: item.parent, // Extract parent from the original data item\n };\n return node;\n });\n};\n\nexport function BlockTree<T extends TreeNode<T>>(props: BlockTreeProps<T>) {\n const [blockTreeRef, setBlockTreeRef] = useState<HTMLElement | null>(null);\n const dragNode = useRef<{\n dataRef: T;\n parent: T;\n key: string;\n parentKey: string;\n } | null>(null);\n\n const { treeData, allowDrop, onContextMenu, selectedKeys } = props;\n const treeDataRef = useRef(treeData);\n const {\n onDragStart: propsDragStart,\n onDrop: propsDrop,\n renderTitle: propsRenderTitle,\n onDragEnd: propsDragEnd,\n onSelect: propsSelect,\n } = props;\n\n const [expandedKeys, setExpandedKeys] = useState<string[]>([]);\n\n const onExpand = useCallback(\n (keys: React.Key[]) => {\n setExpandedKeys(keys.map(key => String(key)));\n },\n [setExpandedKeys]\n );\n\n useEffect(() => {\n if (props.defaultExpandAll) {\n const keys: string[] = [];\n const loop = (data: T) => {\n keys.push(data.id);\n data.children?.forEach(loop);\n };\n treeDataRef.current.forEach(loop);\n setExpandedKeys(keys);\n }\n }, [props.defaultExpandAll]);\n\n useEffect(() => {\n setExpandedKeys((keys) =>\n props.expandedKeys ? [...keys, ...props.expandedKeys] : keys\n );\n }, [props.expandedKeys]);\n\n const onDragStart = useCallback(\n (info: { event: React.DragEvent; node: EventDataNode<DataNode> }) => {\n const { event: e, node } = info;\n e.dataTransfer.dropEffect = 'none';\n // e.dataTransfer.setDragImage(img, 0, 0);\n const extendedNode = node as unknown as ExtendedDataNode;\n const dragNodeData = extendedNode.dataRef as T;\n dragNode.current = {\n dataRef: dragNodeData,\n parent: extendedNode.parent as T,\n key: node.key as string,\n parentKey: extendedNode.parentKey as string,\n };\n propsDragStart?.();\n },\n [propsDragStart]\n );\n\n const onDragMove = useCallback(\n (option: { dragNode: EventDataNode<DataNode>; dropNode: EventDataNode<DataNode>; dropPosition: number }) => {\n if (!dragNode.current) return false;\n const extendedDropNode = option.dropNode as unknown as ExtendedDataNode;\n const dropData = extendedDropNode.dataRef as T;\n const dropId = option.dropNode.key;\n const currentDropData: Parameters<BlockTreeProps<T>['allowDrop']>[0] = {\n dragNode: { key: dragNode.current.key },\n dropNode: {\n dataRef: dropData,\n parent: extendedDropNode.parent as T,\n key: dropId as string,\n },\n dropPosition: option.dropPosition,\n };\n const isAllowDrop = allowDrop(currentDropData);\n\n return Boolean(isAllowDrop);\n },\n [allowDrop]\n );\n\n // Wrapper to match antd Tree's allowDrop signature\n const allowDropWrapper = useCallback(\n (options: unknown) => {\n const typedOptions = options as { dragNode: DataNode; dropNode: DataNode; dropPosition: number };\n // Convert to our expected format\n const convertedOptions = {\n dragNode: typedOptions.dragNode as unknown as EventDataNode<DataNode>,\n dropNode: typedOptions.dropNode as unknown as EventDataNode<DataNode>,\n dropPosition: typedOptions.dropPosition,\n };\n return onDragMove(convertedOptions);\n },\n [onDragMove]\n );\n\n const onDrop = useCallback(\n (info: {\n event: React.DragEvent;\n node: EventDataNode<DataNode>;\n dragNode: EventDataNode<DataNode>;\n dragNodesKeys: React.Key[];\n dropPosition: number;\n dropToGap: boolean;\n }) => {\n const { node: dropNode, dropPosition, event: e } = info;\n e.dataTransfer.dropEffect = 'move';\n if (!dragNode.current || !dropNode) return;\n\n const extendedDropNode = dropNode as unknown as ExtendedDataNode;\n const dropData = extendedDropNode.dataRef as T;\n const currentDropData: Parameters<BlockTreeProps<T>['onDrop']>[0] = {\n dragNode: dragNode.current,\n dropNode: {\n dataRef: dropData,\n parent: extendedDropNode.parent as T,\n key: dropNode.key as string,\n parentKey: extendedDropNode.parentKey as string,\n },\n dropPosition,\n };\n propsDrop(currentDropData);\n },\n [propsDrop]\n );\n\n const titleRender = useCallback(\n (nodeData: DataNode & { dataRef?: T }) => {\n return (\n <div\n style={{ display: 'inline-flex', width: '100%' }}\n onContextMenu={(ev) => onContextMenu && onContextMenu(nodeData.dataRef as T, ev)}\n >\n {propsRenderTitle(nodeData.dataRef as T)}\n </div>\n );\n },\n [onContextMenu, propsRenderTitle]\n );\n\n const onDragEnd = useCallback(() => {\n dragNode.current = null;\n propsDragEnd?.();\n }, [propsDragEnd]);\n\n const onSelect = useCallback(\n (selectedKeys: React.Key[]) => {\n propsSelect(selectedKeys[0] as string);\n },\n [propsSelect]\n );\n\n useEffect(() => {\n if (blockTreeRef) {\n blockTreeRef.addEventListener('dragover', (e) => {\n if (e.dataTransfer) {\n e.dataTransfer.dropEffect = 'move';\n }\n });\n }\n }, [blockTreeRef]);\n\n const transformedTreeData = useMemo(() => transformTreeData(treeData), [treeData]);\n\n return useMemo(\n () => (\n <div ref={setBlockTreeRef} onMouseLeave={props.onMouseLeave}>\n <CacheTree\n selectedKeys={selectedKeys}\n expandedKeys={expandedKeys}\n onExpand={onExpand}\n draggable\n treeData={transformedTreeData}\n blockNode\n onDragEnd={onDragEnd}\n onDragStart={onDragStart}\n onDrop={onDrop}\n allowDrop={allowDropWrapper}\n onSelect={onSelect}\n titleRender={titleRender}\n />\n </div>\n ),\n [\n transformedTreeData,\n props.onMouseLeave,\n expandedKeys,\n selectedKeys,\n onExpand,\n onDragEnd,\n onDragStart,\n onDrop,\n allowDropWrapper,\n onSelect,\n titleRender,\n ]\n );\n}\n\nconst cacheTreeDebounceCallback = debounce(\n (data: TreeProps, setCacheProps: (s: TreeProps) => void) => {\n setCacheProps(data);\n },\n 300\n);\n\nfunction CacheTree(props: TreeProps) {\n const [cacheProps, setCacheProps] = useState(props);\n const lastProps = useRef(props);\n\n useEffect(() => {\n if (lastProps.current.treeData !== props.treeData) {\n lastProps.current = props;\n cacheTreeDebounceCallback(props, setCacheProps);\n } else {\n lastProps.current = props;\n setCacheProps(props);\n }\n }, [props]);\n\n useEffect(() => {\n return () => {\n cacheTreeDebounceCallback.cancel();\n };\n }, []);\n\n return useMemo(() => <Tree {...cacheProps} />, [cacheProps]);\n}\n",".wrap {\n position: fixed;\n left: 500px;\n top: 200px;\n z-index: 9999;\n background-color: var(--color-neutral-2);\n box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n overflow: hidden;\n font-family: 'Lato', sans-serif;\n font-weight: 500;\n\n .listItem {\n padding: 5px 15px;\n display: flex;\n flex-wrap: nowrap;\n cursor: default !important;\n &:hover {\n background-color: var(--color-menu-dark-hover);\n }\n }\n}\n\n.contextmenuMark {\n position: fixed;\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 9998;\n}\n",".container {\n display: flex;\n flex-wrap: wrap;\n}\n.error {\n border-color: #ff4d4f !important;\n}\n.item {\n margin: 0 8px 8px 0;\n border-radius: 4px;\n border: 1px solid #d9d9d9;\n padding: 8px;\n width: 104px;\n height: 104px;\n\n .info {\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n &::before {\n content: \" \";\n position: absolute;\n z-index: 1;\n background-color: rgba(0, 0, 0, .5);\n -webkit-transition: all .3s;\n transition: all .3s;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n img {\n width: 100%;\n border: 1px solid #f2f2f2;\n transition: all .3s;\n }\n\n .btn-wrap {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 10;\n white-space: nowrap;\n -webkit-transition: all .3s;\n transition: all .3s;\n opacity: 0;\n\n a {\n color: #eee;\n margin: 0 4px;\n\n &:hover {\n color: #fff;\n }\n }\n }\n\n &:hover {\n &::before {\n opacity: 1;\n }\n\n .btn-wrap {\n opacity: 1;\n }\n }\n }\n}\n\n.upload {\n margin: 0 8px 8px 0;\n border: 1px dotted;\n width: 104px;\n height: 104px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n cursor: pointer;\n}\n.wrap {\n .urlInput {\n display: flex;\n align-items: center;\n }\n}\n\n.uploadText {\n font-size: 12px;\n font-weight: 500;\n color: #6b6e71;\n margin-top: 8px;\n text-align: center;\n letter-spacing: 0.5px;\n}\n","export function PromiseEach(promiseLikes: PromiseLike<any>[]) {\n const datas: Array<any> = [];\n let count = 0;\n return new Promise((resolve) => {\n promiseLikes.forEach(async (promiseLike) => {\n try {\n const data = await promiseLike;\n datas.push(data);\n } catch (error) {\n datas.push(error);\n }\n finally {\n count++;\n if (count === promiseLikes.length) {\n resolve(true);\n }\n }\n });\n });\n}\n","import { uniqueId } from 'lodash';\nimport { PromiseEach } from './PromiseEach';\n\ninterface Options {\n limit?: number;\n accept?: string;\n minSize?: number;\n maxSize?: number;\n autoUpload?: boolean;\n}\ninterface UploaderOption extends Options {\n limit: number;\n}\n\nexport type UploadItem = {\n idx: string;\n url: string;\n status: 'pending' | 'done' | 'error';\n};\n\nexport type UploaderEventMap = {\n start: (data: UploadItem[]) => void;\n progress: (data: UploadItem[]) => void;\n end: (data: UploadItem[]) => void;\n};\n\ntype UploaderEventMapHandle = {\n [K in keyof UploaderEventMap]: UploaderEventMap[K][];\n};\n\nexport type UploaderServer = (file: File) => Promise<string>;\n\nexport class Uploader {\n private options: UploaderOption;\n private el: HTMLInputElement;\n private uploadServer: UploaderServer;\n private handler: UploaderEventMapHandle = {\n start: [],\n progress: [],\n end: [],\n };\n\n constructor(uploadServer: UploaderServer, options: Options) {\n this.options = {\n limit: 1,\n autoUpload: true,\n ...options,\n };\n this.uploadServer = uploadServer;\n this.el = this.createInput();\n }\n\n private createInput() {\n Array.from(document.querySelectorAll('.uploader-form-input')).forEach(\n (el) => {\n el && document.body.removeChild(el);\n }\n );\n const el = document.createElement('input');\n el.className = 'uploader-form-input';\n el.type = 'file';\n el.style.display = 'block';\n el.style.opacity = '0';\n el.style.width = '0';\n el.style.height = '0';\n el.style.position = 'absolute';\n el.style.top = '0';\n el.style.left = '0';\n el.style.overflow = 'hidden';\n el.multiple = this.options.limit > 1;\n if (this.options.accept) {\n el.accept = this.options.accept;\n }\n return el;\n }\n\n public async uploadFiles(files: File[]) {\n const results = files.map((file) => ({ file }));\n const uploadList: UploadItem[] = results.map((item) => ({\n url: '',\n status: 'pending',\n idx: `uploader-${uniqueId()}`,\n }));\n\n // 开始上传\n this.handler.start.map((fn) => fn(uploadList));\n\n await PromiseEach(\n results.map(async (file, index) => {\n try {\n const url = await this.uploadFile(file);\n uploadList[index].url = url;\n uploadList[index].status = 'done';\n } catch (error) {\n uploadList[index].status = 'error';\n } finally {\n this.handler.progress.map((fn) => fn(uploadList));\n }\n })\n );\n\n // 上传完成\n this.handler.end.map((fn) => fn(uploadList));\n }\n\n private async uploadFile(result: { file: File }) {\n return this.uploadServer(result.file);\n }\n\n private checkFile(files: File[]) {\n const typeError = this.checkTypes(files);\n if (typeError) {\n throw new Error(typeError);\n }\n\n const sizeError = this.checkSize(files);\n if (sizeError) {\n throw new Error(sizeError);\n }\n }\n\n private checkTypes(files: File[]) {\n const accept = this.options.accept;\n if (accept) {\n let fileType = '';\n if (accept.indexOf('image') !== -1) {\n fileType = 'image';\n } else if (accept.indexOf('video') !== -1) {\n fileType = 'video';\n }\n for (const file of files) {\n if (file.type.indexOf(fileType) !== 0) {\n return '上传文件类型错误!';\n }\n }\n }\n return null;\n }\n\n private checkSize(files: File[]) {\n const options = this.options;\n for (const file of files) {\n if (options.minSize && file.size < options.minSize) {\n return `上传文件不能小于 ${options.minSize}`;\n }\n if (options.maxSize && file.size > options.maxSize) {\n return `上传文件不能小于 ${options.maxSize}`;\n }\n }\n return null;\n }\n\n public chooseFile() {\n const el = this.el;\n document.body.appendChild(el);\n el.click();\n\n el.onchange = async (e: any) => {\n let files = e.target.files || [];\n files = Array.prototype.slice.call(files);\n if (files.length === 0) {\n return;\n }\n this.checkFile(files);\n if (this.options.autoUpload) {\n this.uploadFiles(files);\n }\n el.onchange = null;\n el.parentNode && el.parentNode.removeChild(el);\n };\n }\n\n public on<K extends keyof UploaderEventMap>(\n event: K,\n fn: UploaderEventMap[K]\n ) {\n // UploaderEventMapHandle[K] === UploaderEventMap[K][]\n const handler = this.handler[event] as UploaderEventMap[K][];\n handler.push(fn);\n }\n\n public off<K extends keyof UploaderEventMap>(\n event: K,\n fn: UploaderEventMap[K]\n ) {\n const handles = this.handler[event] as UploaderEventMap[K][];\n this.handler[event] = handles.filter(\n (item) => item !== fn\n ) as UploaderEventMapHandle[K];\n }\n}\n","\nexport function classnames(...rest: any[]) {\n return rest.filter(item => typeof item === 'string').join(' ');\n}","\nexport function previewLoadImage(url: string): Promise<HTMLImageElement> {\n return new Promise((resolve) => {\n const img = new Image();\n img.setAttribute('crossOrigin', 'Anonymous');\n img.src = url;\n img.onload = () => resolve(img);\n img.onerror = () => resolve(img);\n });\n}\n","import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { Button, Dropdown, Input, App, Modal, Popover, Row, Spin } from 'antd';\nimport { DeleteOutlined, EyeOutlined, FileImageOutlined, MailOutlined, PlusOutlined } from '@ant-design/icons';\nimport styles from './index.module.scss';\nimport { Uploader, UploaderServer } from '@extensions/AttributePanel/utils/Uploader';\nimport { classnames } from '@extensions/AttributePanel/utils/classnames';\nimport { previewLoadImage } from '@extensions/AttributePanel/utils/previewLoadImage';\nimport { MergeTags } from '@extensions';\nimport { IconFont, useEditorProps } from '@thanhpv102/easy-email-editor';\n\nexport interface ImageUploaderProps {\n onChange: (val: string) => void;\n value: string;\n label: string;\n uploadHandler?: UploaderServer;\n enableSelectFromLibrary?: boolean;\n autoCompleteOptions?: Array<{ value: string; label: React.ReactNode; }>;\n}\n\nexport function ImageUploader(props: ImageUploaderProps) {\n const { mergeTags, onSelectAssetManager, toggleAssetManager } = useEditorProps();\n const { message } = App.useApp();\n const [isUploading, setIsUploading] = useState(false);\n const [preview, setPreview] = useState(false);\n const uploadHandlerRef = useRef<UploaderServer | null | undefined>(\n props.uploadHandler,\n );\n\n const enableSelectFromLibrary = props.enableSelectFromLibrary ?? false;\n\n const onChange = props.onChange;\n\n // Khi chọn ảnh từ AssetManager, gọi trực tiếp callback nếu có\n const handleSelectAssetManager = useCallback(async () => {\n if (onSelectAssetManager) {\n const result = await onSelectAssetManager();\n if (typeof result === 'string' && result) {\n props.onChange(result);\n await previewLoadImage(result);\n }\n } else {\n toggleAssetManager?.(true);\n }\n }, [onSelectAssetManager, toggleAssetManager, props]);\n\n const onUpload = useCallback(() => {\n if (isUploading) {\n return message.warning(t('Uploading...'));\n }\n if (!uploadHandlerRef.current) return;\n\n const uploader = new Uploader(uploadHandlerRef.current, {\n limit: 1,\n accept: 'image/*',\n });\n\n uploader.on('start', () => {\n setIsUploading(true);\n\n uploader.on('end', (data) => {\n const url = data[0]?.url;\n if (url) {\n onChange(url);\n }\n setIsUploading(false);\n });\n });\n\n uploader.chooseFile();\n }, [isUploading, onChange, message]);\n\n const onPaste = useCallback(\n async (e: React.ClipboardEvent<HTMLInputElement>) => {\n if (!uploadHandlerRef.current) return;\n const clipboardData = e.clipboardData;\n\n for (let i = 0; i < clipboardData.items.length; i++) {\n const item = clipboardData.items[i];\n if (item.kind == 'file') {\n const blob = item.getAsFile();\n\n if (!blob || blob.size === 0) {\n return;\n }\n try {\n setIsUploading(true);\n const picture = await uploadHandlerRef.current(blob);\n await previewLoadImage(picture);\n props.onChange(picture);\n setIsUploading(false);\n } catch (error: unknown) {\n const errorMessage = error instanceof Error ? error.message :\n (typeof error === 'string' ? error : t('Upload failed'));\n message.error(errorMessage);\n setIsUploading(false);\n }\n }\n }\n },\n [props, message],\n );\n\n const onRemove = useCallback(() => {\n props.onChange('');\n }, [props]);\n\n const content = useMemo(() => {\n if (isUploading) {\n return (\n <div className={styles['item']}>\n <div className={classnames(styles['info'])}>\n <Spin />\n <div className={styles['btn-wrap']} />\n </div>\n </div>\n );\n }\n\n if (!props.value) {\n if (enableSelectFromLibrary) {\n return (\n <div className={styles['upload']} onClick={handleSelectAssetManager}>\n <FileImageOutlined />\n <div className={styles['uploadText']}>Select from Library</div>\n </div>\n );\n } else {\n return (\n <div className={styles['upload']} onClick={onUpload}>\n <PlusOutlined />\n <div>Upload</div>\n </div>\n );\n }\n }\n\n return (\n <div className={styles['item']}>\n <div className={classnames(styles['info'])}>\n <img src={props.value} alt={t('Uploaded image')} />\n <div className={styles['btn-wrap']}>\n <a title={t('Preview')} onClick={() => setPreview(true)}>\n <EyeOutlined />\n </a>\n <a title={t('Remove')} onClick={() => onRemove()}>\n <DeleteOutlined />\n </a>\n </div>\n </div>\n </div>\n );\n }, [isUploading, onRemove, onUpload, props.value, enableSelectFromLibrary, handleSelectAssetManager, toggleAssetManager]);\n\n const onInputChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange(e.target.value);\n },\n [onChange]\n );\n\n if (!props.uploadHandler) {\n return <Input value={props.value} onChange={onInputChange} />;\n }\n\n return (\n <div className={styles.wrap}>\n <div className={styles['container']}>\n {content}\n <Row style={{ width: '100%' }}>\n {mergeTags && (\n <Popover\n trigger=\"click\"\n content={<MergeTags value={props.value} onChange={onChange} />}\n >\n <Button icon={<IconFont iconName=\"icon-merge-tags\" />} />\n </Popover>\n )}\n <Input\n style={{ flex: 1 }}\n onPaste={onPaste}\n value={props.value}\n onChange={onInputChange}\n disabled={isUploading}\n />\n {props.autoCompleteOptions && (\n <Dropdown\n placement=\"bottomRight\"\n menu={{\n items: props.autoCompleteOptions.map((item, index) => ({\n key: index.toString(),\n label: (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <img\n src={item.value}\n alt={`Option ${index + 1}`}\n style={{ width: 20, height: 20 }}\n />\n &emsp;<span>{item.label}</span>\n </div>\n ),\n })),\n onClick: ({ key }) => {\n if (!props.autoCompleteOptions) return;\n onChange(props.autoCompleteOptions[+key]?.value);\n },\n }}\n >\n <Button icon={<MailOutlined />} />\n </Dropdown>\n )}\n </Row>\n </div>\n <Modal open={preview} footer={null} onCancel={() => setPreview(false)}>\n <img alt={t('Preview')} style={{ width: '100%' }} src={props.value} />\n </Modal>\n </div>\n );\n}\n","import { Select as AntSelect, SelectProps as AntSelectProps } from 'antd';\nimport { merge } from 'lodash';\nimport React from 'react';\n\nexport interface SelectProps extends AntSelectProps {\n options: Array<{ value: string; label: React.ReactNode; }>;\n onChange?: (val: string) => void;\n value: string;\n}\n\nexport function Select(props: SelectProps) {\n return (\n <AntSelect\n {...props}\n classNames={{\n popup: {\n root: 'easy-email-overlay',\n },\n }}\n style={merge({ width: '100%' }, props.style)}\n value={props.value}\n onChange={props.onChange}\n >\n {props.options.map((item, index) => (\n <AntSelect.Option key={index} value={item.value}>\n {item.label}\n </AntSelect.Option>\n ))}\n </AntSelect>\n );\n}\n","import { Radio } from 'antd';\nimport type { RadioGroupProps as AntdRadioGroupProps } from 'antd';\nimport { merge } from 'lodash';\nimport React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nexport interface RadioGroupProps extends Omit<AntdRadioGroupProps, 'onChange' | 'value' | 'options'> {\n options: Array<{ value: string; label: React.ReactNode }>;\n onChange?: (value: string) => void;\n value?: string;\n type?: 'radio' | 'button';\n vertical?: boolean;\n}\n\nexport function RadioGroup(props: RadioGroupProps) {\n const { vertical, options, onChange, value, style, ...rest } = props;\n\n return (\n <Radio.Group\n {...rest}\n style={merge({ width: '100%' }, style)}\n value={value}\n onChange={(e) => onChange?.(String(e.target.value))}\n >\n <Stack vertical={vertical} spacing='extraTight'>\n {options.map((item, index) => (\n <Radio key={index} value={item.value}>\n {item.label}\n </Radio>\n ))}\n </Stack>\n </Radio.Group>\n );\n}\n","import { Field, UseFieldConfig } from '@thanhpv102/easy-email-editor';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useRefState } from '@thanhpv102/easy-email-editor';\nimport { debounce } from 'lodash';\nimport { Form, FormItemProps } from 'antd';\n\nexport interface EnhancerProps {\n name: string;\n onChangeAdapter?: (value: any) => any;\n validate?: (value: any) => string | undefined | Promise<string | undefined>;\n config?: UseFieldConfig;\n changeOnBlur?: boolean;\n formItem?: FormItemProps;\n label?: FormItemProps['label'];\n inline?: boolean;\n equalSpacing?: boolean;\n required?: boolean;\n autoComplete?: 'on' | 'off';\n style?: React.CSSProperties;\n helpText?: React.ReactNode;\n debounceTime?: number;\n labelHidden?: boolean;\n}\n\nconst parse = (v: any) => v;\nexport default function enhancer<P extends { onChange?: (...rest: any) => any }>(\n Component: React.FC<any>,\n changeAdapter: (args: Parameters<NonNullable<P['onChange']>>) => any,\n option?: { debounceTime: number },\n) {\n return (props: EnhancerProps & Omit<P, 'value' | 'onChange' | 'mutators'>) => {\n const {\n name,\n validate,\n onChangeAdapter,\n changeOnBlur,\n inline,\n equalSpacing,\n formItem,\n label,\n required,\n style,\n helpText,\n autoComplete,\n labelHidden,\n ...rest\n } = props;\n\n const debounceTime = props.debounceTime || option?.debounceTime || 300;\n\n const config = useMemo(() => {\n return {\n ...props.config,\n validate: validate,\n parse: props.config?.parse || parse,\n };\n }, [props.config, validate]);\n\n const [currentValue, setCurrentValue] = useState<any>(undefined);\n const currentValueRef = useRefState(currentValue);\n const isFocusedRef = useRef(false);\n\n const layoutStyle = useMemo((): FormItemProps => {\n if (equalSpacing) {\n return {\n labelCol: {\n span: 11,\n style: {\n textAlign: 'left',\n paddingRight: 0,\n },\n },\n wrapperCol: {\n span: 11,\n offset: 1,\n style: {\n textAlign: 'right',\n },\n },\n };\n }\n if (inline) {\n return {\n labelCol: {\n span: 7,\n style: {\n textAlign: 'right',\n paddingRight: 0,\n },\n },\n wrapperCol: {\n span: 16,\n offset: 1,\n style: {},\n },\n };\n }\n\n return {\n labelCol: {\n span: 24,\n style: {\n paddingRight: 0,\n },\n },\n wrapperCol: {\n span: 24,\n },\n };\n }, [equalSpacing, inline]);\n\n return useMemo(() => {\n return (\n <Field\n name={name}\n {...config}\n >\n {({ input: { onBlur, onChange, value }, meta }) => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n\n const debounceCallbackChange = useCallback(\n debounce(\n val => {\n onChange(val);\n onBlur();\n },\n debounceTime,\n {\n // maxWait: 500,\n },\n ),\n [onChange, onBlur],\n );\n\n const onFieldChange: P['onChange'] = useCallback(\n (e: any) => {\n const adapted = onChangeAdapter\n ? onChangeAdapter(changeAdapter(e))\n : changeAdapter(e);\n\n // If the adapter returned a synthetic/native Event, extract its value\n // so we never show [object Object] in the input.\n let newVal: any;\n if (\n adapted !== null &&\n typeof adapted === 'object' &&\n !Array.isArray(adapted) &&\n 'target' in adapted &&\n (adapted as { target: unknown }).target !== null\n ) {\n const rawVal = (adapted as { target: { value: unknown } }).target.value;\n newVal = rawVal == null ? '' : String(rawVal);\n } else if (Array.isArray(adapted) || (adapted !== null && typeof adapted === 'object')) {\n newVal = adapted;\n } else if (typeof adapted === 'boolean') {\n // Keep boolean values as-is (for Switch, Checkbox, etc.)\n newVal = adapted;\n } else {\n newVal = adapted == null ? '' : String(adapted);\n }\n\n setCurrentValue(newVal);\n if (!changeOnBlur) {\n debounceCallbackChange(newVal);\n }\n },\n [debounceCallbackChange],\n );\n\n const onFieldBlur = useCallback(() => {\n isFocusedRef.current = false;\n if (changeOnBlur) {\n onChange(currentValueRef.current);\n onBlur();\n }\n }, [onBlur, onChange]);\n\n const onFieldFocus = useCallback(() => {\n isFocusedRef.current = true;\n }, []);\n\n useEffect(() => {\n // Only sync form value → input when the input is not focused.\n // While focused the user is typing; overwriting currentValue would\n // cause visible glitches and lost keystrokes.\n if (!isFocusedRef.current) {\n if (Array.isArray(value) || (value !== null && typeof value === 'object')) {\n setCurrentValue(value);\n } else if (typeof value === 'boolean') {\n // Keep boolean values as-is (for Switch, Checkbox, etc.)\n setCurrentValue(value);\n } else {\n setCurrentValue(value == null ? '' : String(value));\n }\n }\n }, [value]);\n\n return (\n <Form.Item\n style={{\n ...style,\n margin: '0px',\n }}\n rules={required ? [{ required: true }] : undefined}\n {...layoutStyle}\n {...formItem}\n label={labelHidden ? undefined : label || formItem?.label}\n labelAlign='left'\n validateStatus={meta.touched && meta.error ? 'error' : undefined}\n help={meta.touched && meta.error ? meta.error : helpText}\n >\n <Component\n autoComplete={autoComplete}\n {...rest}\n name={name}\n checked={currentValue}\n value={currentValue}\n onChange={onFieldChange}\n onBlur={onFieldBlur}\n onFocus={onFieldFocus}\n />\n </Form.Item>\n );\n }}\n </Field>\n );\n }, [\n autoComplete,\n changeOnBlur,\n config,\n currentValue,\n currentValueRef,\n debounceTime,\n formItem,\n helpText,\n label,\n labelHidden,\n layoutStyle,\n name,\n onChangeAdapter,\n required,\n rest,\n style,\n ]);\n };\n}\n","import { Input as AntInput, InputProps as AntInputProps } from 'antd';\nimport React, { useCallback } from 'react';\n\nexport interface InputProps extends Omit<AntInputProps, 'onChange'> {\n quickchange?: boolean;\n value: string;\n onChange: (val: string) => void;\n}\n\nexport function Input(props: InputProps) {\n const {\n quickchange,\n value = '',\n onKeyDown: onPropsKeyDown,\n onChange: propsOnChange,\n } = props;\n\n const onChange = useCallback(\n (val: string) => {\n propsOnChange(val);\n },\n [propsOnChange]\n );\n\n const onKeyDown = useCallback(\n (ev: React.KeyboardEvent<HTMLInputElement>) => {\n if (onPropsKeyDown) {\n onPropsKeyDown?.(ev);\n }\n\n if (quickchange) {\n let step = 0;\n if (ev.key === 'ArrowUp') {\n step = 1;\n }\n if (ev.key === 'ArrowDown') {\n step = -1;\n }\n\n if (step) {\n if (/^\\d+/.test(value)) {\n ev.preventDefault();\n onChange(\n String(value).replace(/^(\\d+)/, (_, match) => {\n return (Number(match) + step).toString();\n })\n );\n }\n }\n }\n },\n [onPropsKeyDown, quickchange, value, onChange]\n );\n\n return (\n <AntInput\n {...{ ...props, quickchange: undefined }}\n onChange={(e) => onChange(e.target.value)}\n onKeyDown={onKeyDown}\n />\n );\n}\n","import React from 'react';\r\nimport { Input } from 'antd';\r\nimport type { InputProps } from 'antd';\r\n\r\nexport interface InputWithUnitProps extends Omit<InputProps, 'onChange'> {\r\n value: string;\r\n onChange: (val: string) => void;\r\n unitOptions?: Array<{ value: string; label: string; }> | 'default' | 'percent';\r\n quickchange?: boolean;\r\n}\r\n\r\nexport function InputWithUnit(props: InputWithUnitProps) {\r\n const {\r\n value = '',\r\n onKeyDown,\r\n onChange,\r\n unitOptions: _unitOptions,\r\n quickchange: _quickchange,\r\n ...restProps\r\n } = props;\r\n\r\n // Handle input change\r\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n onChange(e.target.value);\r\n };\r\n\r\n return (\r\n <Input\r\n value={value}\r\n onChange={handleChange}\r\n onKeyDown={onKeyDown}\r\n {...restProps}\r\n />\r\n );\r\n}\r\n","import { merge } from 'lodash';\nimport React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { Checkbox } from 'antd';\nimport type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/checkbox';\n\nexport interface CheckboxGroupProps extends Omit<AntdCheckboxGroupProps, 'onChange' | 'value'> {\n options: Array<{ value: string; label: React.ReactNode; }>;\n onChange?: (values: string[]) => void;\n value?: string[];\n style?: Partial<React.CSSProperties>;\n checkboxStyle?: Partial<React.CSSProperties>;\n vertical?: boolean;\n}\n\nexport function CheckBoxGroup(props: CheckboxGroupProps) {\n const { vertical = false, ...rest } = props;\n return (\n <Checkbox.Group\n style={merge({ width: '100%' }, rest.style)}\n value={rest.value}\n onChange={rest.onChange}\n >\n <Stack vertical={vertical} spacing=\"extraTight\">\n {rest.options.map((item, index) => (\n <Checkbox style={rest.checkboxStyle} key={index} value={item.value}>\n {item.label}\n </Checkbox>\n ))}\n </Stack>\n </Checkbox.Group>\n );\n}\n","export function classnames(...rest: any[]) {\n return rest.filter((item) => typeof item === 'string').join(' ');\n}\n",".helperText {\n color: rgba(109, 113, 117, 1);\n font-weight: 400;\n line-height: 1.3;\n text-transform: none;\n letter-spacing: normal;\n}\n\n.label-hidden {\n position: absolute !important;\n top: 0;\n clip: rect(1px, 1px, 1px, 1px) !important;\n overflow: hidden !important;\n height: 1px !important;\n width: 1px !important;\n padding: 0 !important;\n border: 0 !important;\n}\n\n.editTab {\n :global {\n .arco-tabs-content {\n border: none;\n }\n .arco-tabs-header-nav {\n padding-right: 15px;\n }\n }\n}\n\n.inputWithUnit {\n :global {\n .arco-select-view {\n padding: 0px 5px !important;\n text-align: center;\n .arco-select-view-value {\n overflow: visible;\n }\n }\n }\n}\n\n.inputWithUnitSelectOption {\n padding: 0px 5px !important;\n text-align: center !important;\n}\n\n.colorPicker {\n :global(.sketch-picker .flexbox-fix:nth-child(3)) {\n display: none !important;\n }\n}\n\n// Global styles cho Antd Select/Radio/Checkbox dropdown\n:global {\n .ant-select {\n font-size: 12px !important;\n }\n\n .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n font-size: 12px !important;\n }\n\n .ant-select-selection-item {\n font-size: 12px !important;\n line-height: 26px !important;\n }\n\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-radio-group {\n font-size: 12px !important;\n }\n\n .ant-checkbox-group {\n font-size: 12px !important;\n }\n\n .easy-email-overlay {\n font-size: 12px !important;\n }\n\n .easy-email-overlay .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n }\n\n .easy-email-overlay .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n}\n\n:global(.attributePanel) {\n :global {\n .arco-input-wrapper {\n padding: 4px 6px !important;\n }\n\n .arco-input {\n font-size: 12px !important;\n height: 26px !important;\n line-height: 26px !important;\n }\n\n .ant-input {\n font-size: 12px !important;\n height: 26px !important;\n line-height: 26px !important;\n }\n\n input::placeholder {\n font-size: 12px !important;\n }\n\n .ant-input::placeholder {\n font-size: 12px !important;\n }\n\n .arco-form-item-label-content {\n font-size: 12px !important;\n }\n\n .ant-form-item-label-content {\n font-size: 12px !important;\n }\n\n .ant-form-item-label > label {\n font-size: 12px !important;\n }\n\n // Thu nhỏ help text\n .ant-form-item-explain {\n font-size: 12px !important;\n }\n\n .arco-form-item-message {\n font-size: 12px !important;\n }\n\n .ant-form-item-label {\n padding: 0 !important;\n }\n\n textarea {\n font-size: 12px !important;\n line-height: 1.4 !important;\n }\n\n .arco-select {\n font-size: 12px !important;\n }\n\n .arco-select-view {\n height: 26px !important;\n padding: 4px 6px !important;\n font-size: 12px !important;\n }\n\n // Antd select option\n .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n // Antd select dropdown\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n // Antd radio\n .ant-radio {\n font-size: 12px !important;\n }\n\n .ant-radio-wrapper {\n font-size: 12px !important;\n }\n\n .ant-radio-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n // Antd checkbox\n .ant-checkbox {\n font-size: 12px !important;\n }\n\n .ant-checkbox-wrapper {\n font-size: 12px !important;\n }\n\n .ant-checkbox-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n .arco-color-picker-trigger {\n width: 28px !important;\n height: 28px !important;\n }\n\n .arco-btn {\n padding: 4px 8px !important;\n height: 28px !important;\n font-size: 12px !important;\n }\n\n .ant-btn {\n padding: 4px 8px !important;\n font-size: 12px !important;\n height: 28px !important;\n }\n\n .ant-btn-sm {\n padding: 4px 8px !important;\n height: 28px !important;\n font-size: 12px !important;\n }\n }\n}\n","import { Tabs } from 'antd';\nimport type { TabsProps } from 'antd';\nimport { classnames } from '@extensions/utils/classnames';\nimport React, { useState } from 'react';\nimport styles from './index.module.scss';\n\nexport interface EditTabProps<T = unknown>\n extends Omit<TabsProps, 'onChange' | 'items' | 'type' | 'activeKey' | 'onEdit'> {\n value: Array<T>;\n renderItem: (item: T, index: number) => React.ReactNode;\n onChange: (vals: Array<T>) => void;\n additionItem: T;\n label: string;\n}\n\nexport function EditTab<T = unknown>(props: EditTabProps<T>) {\n const { value, additionItem, label, renderItem, onChange, tabPlacement, ...restProps } = props;\n const [activeKey, setActiveKey] = useState('0');\n\n const onEdit = (targetKey: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => {\n if (action === 'add') {\n const newKey = value.length.toString();\n setActiveKey(newKey);\n onChange([...value, additionItem]);\n } else if (action === 'remove' && typeof targetKey === 'string') {\n const removeIndex = parseInt(targetKey, 10);\n if (removeIndex < parseInt(activeKey, 10)) {\n setActiveKey((parseInt(activeKey, 10) - 1).toString());\n }\n if (removeIndex === parseInt(activeKey, 10)) {\n setActiveKey(removeIndex > 0 ? (removeIndex - 1).toString() : '0');\n }\n onChange(value.filter((_, index) => index !== removeIndex));\n }\n };\n\n const items = (Array.isArray(value) ? value : []).map((item, index) => ({\n key: index.toString(),\n label: `${label || 'Tab'} ${index + 1}`,\n children: (\n <div style={{ paddingLeft: 12 }}>\n {renderItem(item, index)}\n </div>\n ),\n }));\n\n return (\n <Tabs\n {...restProps}\n className={classnames(styles.editTab)}\n style={{ border: 'none' }}\n type=\"editable-card\"\n activeKey={activeKey}\n tabPlacement={tabPlacement}\n items={items}\n onEdit={onEdit}\n onChange={setActiveKey}\n />\n );\n}\n","import { Card, Space, TabsProps, Typography } from 'antd';\nimport { CloseOutlined, PlusOutlined } from '@ant-design/icons';\nimport { cloneDeep } from 'lodash';\nimport React from 'react';\n\n\nexport interface EditGridTabProps<T = unknown>\n extends Omit<TabsProps, 'onChange'> {\n value: Array<T>;\n renderItem: (item: T, index: number) => React.ReactNode;\n onChange: (vals: Array<T>) => unknown;\n additionItem?: T;\n label: string;\n}\nexport function EditGridTab<T = unknown>(props: EditGridTabProps<T>) {\n const { value, additionItem } = props;\n\n const onAdd = (index: number) => {\n let newItem = additionItem || cloneDeep(value[index]);\n value.splice(index + 1, 0, newItem);\n props.onChange([...value]);\n };\n\n const onDelete = (index: number) => {\n props.onChange(value.filter((_, vIndex) => Number(index) !== vIndex));\n };\n return (\n <Card\n variant=\"borderless\"\n >\n {(Array.isArray(value) ? value : []).map((item, index) => (\n <Card.Grid style={{ width: '100%' }} key={index}>\n <Card title={(\n <Space>\n <Typography.Text>\n {'Item'} {index + 1}\n </Typography.Text>\n\n </Space>\n )} extra={(\n <Space size=\"large\">\n <PlusOutlined style={{ color: '#000', cursor: 'pointer' }} onClick={() => onAdd(index)} />\n <CloseOutlined style={{ color: '#000', cursor: 'pointer' }} onClick={() => onDelete(index)} />\n </Space>\n )}\n >\n {props.renderItem(item, index)}\n </Card>\n </Card.Grid>\n ))}\n </Card>\n );\n\n}\n","import React, { useMemo } from 'react';\r\nimport { AutoComplete as AntdAutoComplete } from 'antd';\r\nimport type { AutoCompleteProps as AntdAutoCompleteProps } from 'antd';\r\nimport { isString } from 'lodash';\r\n\r\nexport interface AutoCompleteProps\r\n extends Omit<AntdAutoCompleteProps, 'onChange' | 'options'> {\r\n quickchange?: boolean;\r\n value: string;\r\n options: Array<{ value: string | number; label: string | number }>;\r\n onChange: (val: string) => void;\r\n showSearch?: boolean;\r\n}\r\n\r\nexport function AutoComplete(props: AutoCompleteProps) {\r\n const options = useMemo(() => {\r\n const selectedValue = (props.value || '').toLowerCase();\r\n return props.options\r\n .filter(item => {\r\n return (\r\n (isString(item.value) && item.value.toLowerCase().startsWith(selectedValue)) ||\r\n (isString(item.label) && item.label.toLowerCase().startsWith(selectedValue))\r\n );\r\n })\r\n .map(item => ({\r\n value: String(item.value),\r\n label: String(item.label)\r\n }));\r\n }, [props.options, props.value]);\r\n\r\n return (\r\n <AntdAutoComplete\r\n {...props}\r\n options={options}\r\n onChange={props.onChange}\r\n />\r\n );\r\n}\r\n","export function isNumber(num: any): num is number {\n if (typeof num !== 'string' && typeof num !== 'number') return false;\n return new RegExp('^(\\\\-|\\\\+)?\\\\d+(\\\\.\\\\d+)?$').test(num.toString());\n}\n\nexport function InputNumberAdapter(val: string | number) {\n return isNumber(Number(val)) ? Number(val) : val;\n}\n","import { isNumber } from '@extensions/AttributePanel/utils/InputNumberAdapter';\nimport { isString } from 'lodash';\n\nexport const pixelAdapter = {\n format(val: string) {\n if (!isString(val) && !val) return '';\n val = val.toString();\n if (/^\\d+px$/.test(val.trim())) return val.trim().replace('px', '');\n return val.trim();\n },\n parse(val: string | number) {\n if (!isString(val) && !isNumber(val)) return undefined;\n val = val.toString().trim();\n if (!val) return undefined;\n if (/^\\d+$/.test(val)) return val + 'px';\n return val;\n },\n};\n","import { isString } from 'lodash';\nimport Color from 'color';\n\nexport const colorAdapter = {\n format(val: string) {\n if (!isString(val) && !val) return '';\n val = val.toString();\n if (val.length === 7 && val.startsWith('#')) return val.replace('#', '');\n return val;\n },\n parse(val: string) {\n if (!isString(val)) return undefined;\n val = val.toString().trim();\n if (!val) return undefined;\n try {\n if (val.length === 6 && Color(`#${val}`).hex()) return `#${val}`;\n } catch (error) {\n console.error('err colorAdapter', val, error);\n }\n return val;\n },\n};\n","import { isNumber } from '@extensions/AttributePanel/utils/InputNumberAdapter';\nimport { isString } from 'lodash';\n\nexport const imageHeightAdapter = {\n format(val: string) {\n if (!isString(val) && !val) return '';\n val = val.toString();\n if (val === 'auto') return undefined;\n\n if (/^\\d+px$/.test(val.trim())) return val.trim().replace('px', '');\n return val.trim();\n },\n parse(val: string | number) {\n if (!isString(val) && !isNumber(val)) return undefined;\n val = val.toString().trim();\n if (!val) return undefined;\n if (/^\\d+$/.test(val)) return val + 'px';\n return val;\n },\n};\n","import { ImageManager } from '@thanhpv102/easy-email-core';\n\nconst defaultImagesMap = {\n IMAGE_59:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/06ca521d-9728-4de6-a709-1b75a828bfc3-2a9b1224-3d71-43b8-b52f-e7cdcdc9107b.png',\n AttributePanel_01:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e22f78f2-aa76-408d-ba94-c95c7abe1908-image.png',\n AttributePanel_02:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/3e952a6e-2506-470e-b395-3e0d995157c5.png',\n AttributePanel_03:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/Fi_vI4vyLhTM-Tp6ivq4dR_ieGHk.png',\n};\n\nImageManager.add(defaultImagesMap);\n\nexport function getImg(name: keyof typeof defaultImagesMap) {\n return ImageManager.get(name);\n}\n","import React, { useCallback, useMemo, useRef } from 'react';\nimport { useLocalStorage } from 'react-use';\nimport { debounce } from 'lodash';\nimport { useRefState } from '@thanhpv102/easy-email-editor';\n\nconst defaultPresetColor: string[] = [\n '#000000',\n '#FFFFFF',\n '#9b9b9b',\n '#d0021b',\n '#4a90e2',\n '#7ed321',\n '#bd10e0',\n '#f8e71c',\n];\n\nconst CURRENT_COLORS_KEY = 'CURRENT_COLORS_KEY';\nconst MAX_RECORD_SIZE = 20;\n\nexport const PresetColorsContext = React.createContext<{\n colors: string[];\n addCurrentColor: (color: string) => void;\n}>({\n colors: [],\n addCurrentColor: () => {},\n});\n\nexport const PresetColorsProvider: React.FC<{\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const [currentColors, setCurrentColors] = useLocalStorage<string[]>(\n CURRENT_COLORS_KEY,\n defaultPresetColor,\n );\n const currentColorsRef = useRefState(currentColors);\n\n const colorDivRef = useRef(document.createElement('div'));\n\n const addCurrentColor = useCallback(\n debounce((newColor: string) => {\n colorDivRef.current.style.color = '';\n colorDivRef.current.style.color = newColor;\n if (colorDivRef.current.style.color) {\n if (currentColorsRef.current!.includes(newColor)) return;\n const newColors = [...new Set([...currentColorsRef.current!, newColor])]\n .filter(Boolean)\n .slice(-MAX_RECORD_SIZE);\n\n setCurrentColors(newColors);\n }\n }, 500),\n [currentColorsRef, setCurrentColors],\n );\n\n const value = useMemo(() => {\n return {\n colors: currentColors!,\n addCurrentColor,\n };\n }, [addCurrentColor, currentColors]);\n\n return useMemo(() => {\n return (\n <PresetColorsContext.Provider value={value}>\n {props.children}\n </PresetColorsContext.Provider>\n );\n }, [props.children, value]);\n};\n","import { Button, Space } from 'antd';\r\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\r\n\r\nimport styles from '../index.module.scss';\r\nimport Color from 'color';\r\nimport { PresetColorsContext } from '@extensions/AttributePanel/components/provider/PresetColorsProvider';\r\n\r\nexport interface ColorPickerContentProps {\r\n onChange: (val: string) => void;\r\n value: string;\r\n}\r\n\r\nconst transparentColor = 'rgba(0,0,0,0)';\r\n\r\nexport function ColorPickerContent(props: ColorPickerContentProps) {\r\n const { colors: presetColors } = useContext(PresetColorsContext);\r\n\r\n const { onChange } = props;\r\n const [color, setColor] = useState(props.value);\r\n\r\n useEffect(() => {\r\n setColor(props.value);\r\n }, [props.value]);\r\n\r\n const presetColorList = useMemo(() => {\r\n return [...presetColors.filter(item => item !== transparentColor).slice(-14)];\r\n }, [presetColors]);\r\n\r\n let adapterColor = color;\r\n\r\n try {\r\n if (Color(color).hex()) {\r\n adapterColor = Color(color).hex();\r\n }\r\n } catch (_) {}\r\n\r\n // input[type=color] requires exactly #rrggbb format\r\n const inputColorValue = /^#[0-9a-fA-F]{6}$/.test(adapterColor) ? adapterColor : '#000000';\r\n\r\n return (\r\n <div\r\n className={styles.colorPicker}\r\n style={{ width: 202, paddingTop: 12, paddingBottom: 12 }}\r\n >\r\n <div style={{ padding: '0px 16px' }}>\r\n <Space\r\n wrap\r\n size='small'\r\n >\r\n {presetColorList.map(item => {\r\n return (\r\n <div\r\n title={item}\r\n onClick={() => onChange(item)}\r\n key={item}\r\n style={{\r\n border: '1px solid var(--color-neutral-3, rgb(229, 230, 235))',\r\n display: 'inline-block',\r\n height: 20,\r\n width: 20,\r\n boxSizing: 'border-box',\r\n padding: 4,\r\n borderRadius: 3,\r\n backgroundColor: item,\r\n position: 'relative',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n );\r\n })}\r\n </Space>\r\n </div>\r\n <div\r\n style={{\r\n padding: '6px 6px 0px 6px',\r\n backgroundColor: 'var(--color-bg-popup)'\r\n }}\r\n >\r\n <Button\r\n type='text'\r\n size='small'\r\n style={{\r\n fontSize: 12,\r\n width: '100%',\r\n textAlign: 'left',\r\n paddingLeft: 10,\r\n position: 'relative',\r\n }}\r\n >\r\n <span style={{ color: 'var(--ant-color-text, #ddddd)'}}>{t('Picker...')}</span>\r\n <input\r\n style={{\r\n position: 'absolute',\r\n width: '100%',\r\n height: '100%',\r\n zIndex: 1,\r\n left: 0,\r\n top: 0,\r\n opacity: 0,\r\n cursor: 'pointer'\r\n }}\r\n type='color'\r\n value={inputColorValue}\r\n onChange={e => onChange(e.target.value)}\r\n onMouseDown={e => e.stopPropagation()}\r\n />\r\n </Button>\r\n </div>\r\n <style>\r\n {`\r\n .form-alpha-picker {\r\n outline: 1px solid rgb(204, 204, 204, 0.6);\r\n }\r\n `}\r\n </style>\r\n </div>\r\n );\r\n}\r\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface PopupRect {\n triggerLeft: number;\n triggerTop: number;\n triggerWidth: number;\n triggerHeight: number;\n}\n\n/**\n * Popup open/position manager for toolbar buttons inside a Shadow DOM.\n *\n * Uses a portal-based approach:\n * - We compute getBoundingClientRect() of the trigger button and expose it.\n * - Callers render a fixed-position portal div in document.body at that rect.\n * - No antd getPopupContainer tricks needed — popup is outside the shadow DOM.\n */\nexport function useRichTextPopupOpen() {\n const [open, setOpen] = useState(false);\n const [rect, setRect] = useState<PopupRect | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popupContainerRef = useRef<HTMLElement | null>(null);\n // Keep open state accessible inside the persistent listener without re-registering\n const openRef = useRef(false);\n openRef.current = open;\n\n // Persistent mousedown listener — always registered, checks openRef internally.\n useEffect(() => {\n const onMouseDown = (e: MouseEvent) => {\n if (!openRef.current) return;\n\n // composedPath() gives the real path through shadow DOM boundaries,\n // unlike e.target which is retargeted at shadow root level.\n // Note: path may include non-Node entries (e.g. Window) — guard with instanceof.\n const path = e.composedPath ? e.composedPath() : [e.target as Node];\n const isNode = (el: EventTarget): el is Node => el instanceof Node;\n\n // Click inside the popup portal?\n const popup = popupContainerRef.current;\n if (popup && path.some(el => isNode(el) && (el === popup || popup.contains(el)))) return;\n\n // Click inside the shadow host that contains the trigger (toolbar)?\n const rootNode = triggerRef.current?.getRootNode();\n if (rootNode instanceof ShadowRoot) {\n const host = rootNode.host;\n if (path.some(el => isNode(el) && (el === host || host.contains(el)))) return;\n } else if (triggerRef.current) {\n const trigger = triggerRef.current;\n if (path.some(el => isNode(el) && (el === trigger || trigger.contains(el)))) return;\n }\n\n setOpen(false);\n };\n\n // Use capture so we get the event before any stopPropagation in the tree.\n document.addEventListener('mousedown', onMouseDown, true);\n return () => document.removeEventListener('mousedown', onMouseDown, true);\n }, []); // empty deps — register once, use refs for live values\n\n /** Call this from the trigger button's onClick. */\n const handleTriggerClick = useCallback(() => {\n setOpen(prev => {\n if (!prev && triggerRef.current) {\n const r = triggerRef.current.getBoundingClientRect();\n setRect({\n triggerLeft: r.left,\n triggerTop: r.top,\n triggerWidth: r.width,\n triggerHeight: r.height,\n });\n }\n return !prev;\n });\n }, []);\n\n const close = useCallback(() => setOpen(false), []);\n\n /** Ref for the wrapper span around the button (used for getBoundingClientRect). */\n const setTriggerRef = useCallback((el: HTMLElement | null) => {\n triggerRef.current = el;\n }, []);\n\n /** Ref for the portal popup container div. */\n const setPopupContainerRef = useCallback((el: HTMLElement | null) => {\n popupContainerRef.current = el;\n }, []);\n\n /** @deprecated kept for API compat */\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const onOpenChange = useCallback((_open: boolean) => {}, []);\n /** @deprecated kept for API compat */\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const setPopupRef = useCallback((_el: HTMLElement | null) => {}, []);\n /** @deprecated kept for API compat */\n const getPopupContainer = useCallback((): HTMLElement => document.body, []);\n\n return {\n open,\n setOpen,\n rect,\n close,\n handleTriggerClick,\n setTriggerRef,\n setPopupContainerRef,\n // Legacy compat\n onOpenChange,\n setPopupRef,\n getPopupContainer,\n };\n}\n","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport type { PopupRect } from '../../hooks/useRichTextPopupOpen';\n\n// This ID is defined in easy-email-editor and is whitelisted in MjmlDomRender's\n// click-outside handler, so clicks inside our popup won't trigger setIsTextFocus(false).\nconst FIXED_CONTAINER_ID = 'FIXED_CONTAINER_ID';\n\ninterface RichTextPortalPopupProps {\n open: boolean;\n rect: PopupRect | null | undefined;\n children: React.ReactNode;\n containerRef?: (el: HTMLElement | null) => void;\n /** 'bottom' places popup below trigger; 'top' places it above. Default: 'bottom' */\n placement?: 'bottom' | 'top';\n}\n\n/**\n * Renders children into a fixed-position portal inside FIXED_CONTAINER_ID,\n * positioned relative to the trigger button rect.\n * Using FIXED_CONTAINER_ID keeps us in the whitelist of MjmlDomRender's\n * click handler so the RichText toolbar stays visible while the popup is open.\n */\nexport function RichTextPortalPopup({\n open,\n rect,\n children,\n containerRef,\n placement = 'bottom',\n}: RichTextPortalPopupProps) {\n if (!open || !rect) return null;\n\n const container = document.getElementById(FIXED_CONTAINER_ID) ?? document.body;\n\n const GAP = 4;\n const style: React.CSSProperties = {\n position: 'fixed',\n zIndex: 10000,\n left: rect.triggerLeft,\n ...(placement === 'bottom'\n ? { top: rect.triggerTop + rect.triggerHeight + GAP }\n : { bottom: window.innerHeight - rect.triggerTop + GAP }),\n backgroundColor: 'var(--color-bg-popup)',\n borderRadius: 8,\n border: '1px solid var(--color-border)',\n };\n\n return createPortal(\n <div ref={containerRef} style={style}>\n {children}\n </div>,\n container,\n );\n}\n","import { Input, Popover, PopoverProps } from 'antd';\r\nimport React, { useCallback, useContext, useMemo, useState } from 'react';\r\n\r\nimport { getImg } from '@extensions/AttributePanel/utils/getImg';\r\nimport Color from 'color';\r\nimport { PresetColorsContext } from '@extensions/AttributePanel/components/provider/PresetColorsProvider';\r\nimport { ColorPickerContent } from './ColorPickerContent';\r\nimport { useRichTextPopupOpen } from '../RichTextToolBar/hooks/useRichTextPopupOpen';\r\nimport { RichTextPortalPopup } from '../RichTextToolBar/components/RichTextPortalPopup';\r\n\r\nexport interface ColorPickerProps extends PopoverProps {\r\n onChange?: (val: string) => void;\r\n value?: string;\r\n label: string;\r\n children?: React.ReactNode;\r\n showInput?: boolean;\r\n fixed?: boolean;\r\n /** Pass true when used inside the RichText toolbar so popup open state is managed correctly */\r\n inRichTextBar?: boolean;\r\n}\r\n\r\nconst getCollapseItemEle = (node: HTMLElement | null): HTMLElement => {\r\n if (!node) return document.body;\r\n if (node.classList.contains('arco-collapse-item')) {\r\n return node;\r\n }\r\n return getCollapseItemEle(node.parentElement);\r\n};\r\nconst transparentColor = 'rgba(0,0,0,0)';\r\n\r\nexport function ColorPicker(props: ColorPickerProps) {\r\n const { addCurrentColor } = useContext(PresetColorsContext);\r\n const [refEle, setRefEle] = useState<HTMLElement | null>(null);\r\n\r\n const { value = '', onChange, children, showInput = true, inRichTextBar } = props;\r\n\r\n const richTextPopup = useRichTextPopupOpen();\r\n\r\n const onInputChange = useCallback(\r\n (value: string) => {\r\n onChange?.(value);\r\n addCurrentColor(value);\r\n },\r\n [addCurrentColor, onChange],\r\n );\r\n\r\n const onInputEventChange = useCallback(\r\n (event: React.ChangeEvent<HTMLInputElement>) => {\r\n onInputChange(event.target.value);\r\n },\r\n [onInputChange],\r\n );\r\n\r\n const getPopupContainer = useCallback(() => {\r\n return getCollapseItemEle(refEle);\r\n }, [refEle]);\r\n\r\n const inputColor = useMemo(() => {\r\n if (props.value?.startsWith('#') && props.value?.length === 7)\r\n return props.value?.replace('#', '');\r\n return props.value;\r\n }, [props.value]);\r\n\r\n const adapterColor = useMemo(() => {\r\n try {\r\n if (value.length === 6 && Color(`#${value}`).hex()) return `#${value}`;\r\n } catch {\r\n console.error('err adapterColor', value);\r\n }\r\n return value;\r\n }, [value]);\r\n\r\n // Strip inRichTextBar (our custom prop) before spreading onto antd Popover\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n const { inRichTextBar: _inRichTextBar, ...popoverProps } = props;\r\n\r\n // When inside the rich text toolbar, render a portal popup instead of antd Popover\r\n if (inRichTextBar) {\r\n const colorContent = (\r\n <ColorPickerContent\r\n value={adapterColor}\r\n onChange={(c) => {\r\n onInputChange(c);\r\n // Do NOT close the popup here — clicking a color swatch or using\r\n // the native picker should keep the popup open so the user can\r\n // pick another color or dismiss by clicking outside.\r\n }}\r\n />\r\n );\r\n\r\n return (\r\n <>\r\n <span\r\n ref={richTextPopup.setTriggerRef}\r\n onClick={richTextPopup.handleTriggerClick}\r\n style={{ display: 'inline-flex' }}\r\n >\r\n {children}\r\n </span>\r\n <RichTextPortalPopup\r\n open={richTextPopup.open}\r\n rect={richTextPopup.rect}\r\n containerRef={richTextPopup.setPopupContainerRef}\r\n placement=\"bottom\"\r\n >\r\n {colorContent}\r\n </RichTextPortalPopup>\r\n </>\r\n );\r\n }\r\n\r\n return (\r\n <div style={{ flex: 1, display: 'flex' }}>\r\n <Popover\r\n title={popoverProps.label}\r\n trigger=\"click\"\r\n className=\"color-picker-popup\"\r\n content={(\r\n <ColorPickerContent\r\n value={adapterColor}\r\n onChange={onInputChange}\r\n />\r\n )}\r\n getPopupContainer={getPopupContainer}\r\n {...popoverProps}\r\n >\r\n {children ? (\r\n <span style={{ display: 'inline-flex' }}>\r\n {children}\r\n </span>\r\n ) : (\r\n <div\r\n ref={setRefEle}\r\n style={{\r\n display: 'inline-block',\r\n height: 26,\r\n width: 26,\r\n boxSizing: 'border-box',\r\n padding: 4,\r\n border: '1px solid var(--color-neutral-3, rgb(229, 230, 235))',\r\n borderRadius: showInput ? undefined : 4,\r\n fontSize: 0,\r\n borderRight: showInput ? 'none' : undefined,\r\n position: 'relative',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {props.value ? (\r\n <span\r\n style={{\r\n position: 'relative',\r\n display: 'block',\r\n border: '1px solid var(--color-neutral-3, rgb(229, 230, 235))',\r\n borderRadius: 2,\r\n width: '100%',\r\n height: '100%',\r\n textAlign: 'center',\r\n backgroundColor: adapterColor,\r\n }}\r\n />\r\n ) : (\r\n <img\r\n alt=\"Color picker icon\"\r\n style={{\r\n maxWidth: '100%',\r\n maxHeight: '100%',\r\n filter: 'invert( 0.78 ) drop-shadow(0 0px 0 rgb(0 0 0 / 45%))',\r\n }}\r\n src={getImg('AttributePanel_02')}\r\n />\r\n )}\r\n <style>\r\n {`\r\n [title=\"${transparentColor}\"] {\r\n background-image: url(\"https://res.cloudinary.com/flashmail/image/upload/v1656944736/cl4vlvzcm05911zsaor6aktl0/ce7qm7lxs5jm47ggabha.png\") !important\r\n }\r\n\r\n `}\r\n </style>\r\n </div>\r\n )}\r\n </Popover>\r\n {showInput && (\r\n <Input\r\n value={inputColor}\r\n style={{ outline: 'none', flex: 1, borderRadius: 0 }}\r\n onChange={onInputEventChange}\r\n />\r\n )}\r\n </div>\r\n );\r\n}\r\n","import { colorAdapter } from '@extensions/AttributePanel/components/adapter';\r\nimport React, { ComponentProps } from 'react';\r\nimport { ColorPicker, ColorPickerProps } from '../ColorPicker';\r\nimport enhancer from '../enhancer';\r\n\r\nconst ColorPickerFieldSource = enhancer<ColorPickerProps>(ColorPicker, e => e, {\r\n debounceTime: 1,\r\n});\r\n\r\nexport const ColorPickerField = (\r\n props: ComponentProps<typeof ColorPickerFieldSource>,\r\n) => {\r\n return (\r\n <ColorPickerFieldSource\r\n config={colorAdapter}\r\n {...props}\r\n />\r\n );\r\n};\r\n","import React, { useEffect } from 'react';\nimport { ContentEditableType, DATA_CONTENT_EDITABLE_TYPE, getShadowRoot } from '@thanhpv102/easy-email-editor';\nimport { useField, useForm } from '@thanhpv102/easy-email-editor';\n\nexport interface InlineTextProps {\n idx: string;\n children?: React.ReactNode;\n onChange: (content: string) => void;\n}\n\nexport function InlineText({ idx, onChange, children }: InlineTextProps) {\n const {\n mutators: { setFieldTouched },\n } = useForm();\n\n useField(idx); // setFieldTouched will be work while register field,\n\n useEffect(() => {\n const shadowRoot = getShadowRoot();\n\n const onPaste = (e: ClipboardEvent) => {\n if (!(e.target instanceof Element) || !e.target.getAttribute('contenteditable')) return;\n e.preventDefault();\n\n const text = e.clipboardData?.getData('text/plain') || '';\n document.execCommand('insertHTML', false, text);\n const contentEditableType = e.target.getAttribute(DATA_CONTENT_EDITABLE_TYPE);\n if (contentEditableType === ContentEditableType.RichText) {\n onChange(e.target.innerHTML || '');\n } else if (contentEditableType === ContentEditableType.Text) {\n onChange(e.target.textContent?.trim() || '');\n }\n };\n\n const onInput = (e: Event) => {\n if (e.target instanceof Element && e.target.getAttribute('contenteditable')) {\n\n const contentEditableType = e.target.getAttribute(DATA_CONTENT_EDITABLE_TYPE);\n if (contentEditableType === ContentEditableType.RichText) {\n onChange(e.target.innerHTML || '');\n } else if (contentEditableType === ContentEditableType.Text) {\n onChange(e.target.textContent?.trim() || '');\n }\n }\n };\n\n shadowRoot.addEventListener('paste', onPaste as any, true);\n shadowRoot.addEventListener('input', onInput);\n\n return () => {\n shadowRoot.removeEventListener('paste', onPaste as any, true);\n shadowRoot.removeEventListener('input', onInput);\n };\n }, [onChange, setFieldTouched]);\n\n return <>{children}</>;\n}\n","import { classnames } from '@extensions/utils/classnames';\nimport React, { useCallback, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst FIXED_CONTAINER_ID = 'FIXED_CONTAINER_ID';\n\ninterface TooltipState {\n visible: boolean;\n left: number;\n top: number;\n}\n\nfunction SimpleTooltip({ title, children }: { title: string; children: React.ReactElement }) {\n const [tip, setTip] = useState<TooltipState>({ visible: false, left: 0, top: 0 });\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const show = useCallback((e: React.MouseEvent) => {\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n if (timerRef.current) clearTimeout(timerRef.current);\n timerRef.current = setTimeout(() => {\n setTip({ visible: true, left: rect.left + rect.width / 2, top: rect.bottom + 6 });\n }, 400);\n }, []);\n\n const hide = useCallback(() => {\n if (timerRef.current) clearTimeout(timerRef.current);\n setTip(prev => ({ ...prev, visible: false }));\n }, []);\n\n const container = document.getElementById(FIXED_CONTAINER_ID) ?? document.body;\n\n return (\n <>\n {React.cloneElement(children, { onMouseEnter: show, onMouseLeave: hide } as React.HTMLAttributes<HTMLElement>)}\n {tip.visible && createPortal(\n <div style={{\n position: 'fixed',\n left: tip.left,\n top: tip.top,\n transform: 'translateX(-50%)',\n backgroundColor: 'rgba(0,0,0,0.75)',\n color: '#fff',\n padding: '4px 8px',\n borderRadius: 4,\n fontSize: 12,\n whiteSpace: 'nowrap',\n pointerEvents: 'none',\n zIndex: 99999,\n }}>\n {title}\n </div>,\n container,\n )}\n </>\n );\n}\n\nexport const ToolItem: React.FC<{\n title?: string;\n icon: React.ReactNode;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n trigger?: string;\n style?: React.CSSProperties;\n isActive?: boolean;\n getPopupContainer?: () => HTMLElement;\n}> = props => {\n const btn = (\n <button\n tabIndex={-1}\n className={classnames('easy-email-extensions-emailToolItem', props.isActive && 'easy-email-extensions-emailToolItem-active')}\n onClick={props.onClick}\n style={props.style}\n >\n {props.icon}\n </button>\n );\n\n if (!props.title) {\n return btn;\n }\n\n return <SimpleTooltip title={props.title}>{btn}</SimpleTooltip>;\n};\n","import { Col, Row, Space } from 'antd';\nimport type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { Form, IconFont, Stack, TextStyle } from '@thanhpv102/easy-email-editor';\nimport { SearchField, SwitchField } from '@extensions/components/Form';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\n\nexport interface LinkParams {\n link: string;\n blank: boolean;\n underline: boolean;\n linkNode: HTMLAnchorElement | null;\n}\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: (val: LinkParams) => void;\n}\n\nfunction getAnchorElement(\n node: Node | null,\n): HTMLAnchorElement | null {\n if (!node) return null;\n if (node instanceof HTMLAnchorElement) {\n return node;\n }\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n\n return getAnchorElement(node.parentNode);\n}\n\nexport function getLinkNode(\n currentRange: Range | null | undefined,\n): HTMLAnchorElement | null {\n let linkNode: HTMLAnchorElement | null = null;\n if (!currentRange) return null;\n linkNode = getAnchorElement(currentRange.startContainer);\n return linkNode;\n}\n\nexport function Link(props: LinkProps) {\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\n\n // Compute live values from current selection\n const liveValues = useMemo((): LinkParams => {\n let link = '';\n let blank = true;\n let underline = true;\n let linkNode: HTMLAnchorElement | null = getLinkNode(props.currentRange);\n if (linkNode) {\n link = linkNode.getAttribute('href') || '';\n blank = linkNode.getAttribute('target') === '_blank';\n underline = linkNode.style.textDecoration === 'underline';\n }\n return { link, blank, underline, linkNode };\n }, [props.currentRange]);\n\n // Freeze initial values when popup opens — don't let selection changes remount the Form\n const frozenValuesRef = useRef<LinkParams>(liveValues);\n if (!open) {\n // Only update frozen values when popup is closed (i.e. on next open)\n frozenValuesRef.current = liveValues;\n }\n const initialValues = frozenValuesRef.current;\n\n const onSubmit = useCallback(\n (values: LinkParams) => {\n props.onChange(values);\n close();\n },\n [props, close],\n );\n\n return (\n <>\n <span ref={setTriggerRef}>\n <ToolItem\n isActive={Boolean(initialValues.link)}\n title={t('Link')}\n icon={<IconFont iconName=\"icon-link\" />}\n onClick={handleTriggerClick}\n />\n </span>\n <RichTextPortalPopup\n open={open}\n rect={rect}\n containerRef={setPopupContainerRef}\n placement=\"bottom\"\n >\n <Form\n key={initialValues.link}\n initialValues={initialValues}\n onSubmit={onSubmit}\n >\n {({ handleSubmit }) => (\n <div style={{\n color: 'var(--ant-color-text)',\n backgroundColor: 'var(--ant-color-bg-container)',\n padding: '8px 12px',\n minWidth: 260\n }}>\n <Stack vertical spacing=\"none\">\n <SearchField\n size=\"small\"\n name=\"link\"\n key=\"link\"\n label={t('Link')}\n labelHidden\n placeholder={t('https://www.example.com')}\n onSearch={() => handleSubmit()}\n />\n </Stack>\n <Row>\n <Col span={12}>\n <Space align=\"center\" size=\"small\">\n <TextStyle size=\"smallest\">{t('Target')}</TextStyle>\n <SwitchField size=\"small\" label={t('Target')} labelHidden name=\"blank\" key=\"blank\" inline />\n </Space>\n </Col>\n <Col span={12}>\n <Space align=\"center\" size=\"small\">\n <TextStyle size=\"smallest\">{t('Underline')}</TextStyle>\n <SwitchField size=\"small\" label={t('Underline')} labelHidden name=\"underline\" key=\"underline\" inline />\n </Space>\n </Col>\n </Row>\n </div>\n )}\n </Form>\n </RichTextPortalPopup>\n </>\n );\n}\n","import { useEditorContext, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo } from 'react';\n\nconst DEFAULT_FONT_LIST: Array<{ value: string; label: string }> = [\n { value: 'Arial', label: 'Arial' },\n { value: 'Tahoma', label: 'Tahoma' },\n { value: 'Verdana', label: 'Verdana' },\n { value: 'Times New Roman', label: 'Times New Roman' },\n { value: 'Courier New', label: 'Courier New' },\n { value: 'Georgia', label: 'Georgia' },\n { value: 'Trebuchet MS', label: 'Trebuchet MS' },\n { value: 'Comic Sans MS', label: 'Comic Sans MS' },\n { value: 'Impact', label: 'Impact' },\n];\n\nexport function useFontFamily() {\n const { fontList: defaultFontList } = useEditorProps();\n const { pageData } = useEditorContext();\n\n const addFonts = pageData?.data.value.fonts;\n\n const fontList = useMemo(() => {\n const fonts: Array<{\n value: string;\n label: React.ReactNode;\n }> = [];\n // Use provided fontList if non-empty, otherwise fall back to built-in defaults\n const baseList = defaultFontList && defaultFontList.length > 0 ? defaultFontList : DEFAULT_FONT_LIST;\n fonts.push(...baseList);\n if (addFonts) {\n const options = addFonts.map(item => ({ value: item.name, label: item.name }));\n fonts.unshift(...options);\n }\n\n return fonts.map(item => ({ value: item.value, label: <span style={{ fontFamily: item.value }}>{item.label}</span> }));\n }, [addFonts, defaultFontList]);\n\n return {\n fontList\n };\n}","import React, { useCallback } from 'react';\n\nimport { ToolItem } from '../ToolItem';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { useFontFamily } from '@extensions/hooks/useFontFamily';\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\n\nexport interface FontFamilyProps {\n execCommand: (cmd: string, value: string) => void;\n}\n\nexport function FontFamily(props: FontFamilyProps) {\n const { fontList } = useFontFamily();\n const { execCommand } = props;\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\n\n const onChange = useCallback(\n (val: string) => {\n execCommand('fontName', val);\n close();\n },\n [execCommand, close],\n );\n\n return (\n <>\n <span ref={setTriggerRef}>\n <ToolItem\n title={t('Font family')}\n icon={<IconFont iconName=\"icon-font-family\" />}\n onClick={handleTriggerClick}\n />\n </span>\n <RichTextPortalPopup\n open={open}\n rect={rect}\n containerRef={setPopupContainerRef}\n placement=\"bottom\"\n >\n <ul\n style={{\n listStyle: 'none',\n margin: 0,\n padding: '4px 0',\n maxWidth: 200,\n maxHeight: 350,\n overflowY: 'auto',\n }}\n >\n {fontList.map(item => (\n <li\n key={item.value}\n onClick={() => onChange(item.value)}\n style={{\n padding: '5px 12px',\n cursor: 'pointer',\n lineHeight: '22px',\n whiteSpace: 'nowrap',\n }}\n onMouseEnter={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'var(--color-font-item-background, #f5f5f5)';\n }}\n onMouseLeave={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'transparent';\n }}\n >\n {item.label}\n </li>\n ))}\n </ul>\n </RichTextPortalPopup>\n </>\n );\n}\n",".helpTooltip {\n :global {\n .ant-tooltip-inner {\n z-index: 10000 !important;\n }\n }\n\n z-index: 10000 !important;\n}\n","import React from 'react';\nimport { Tooltip, TooltipProps } from 'antd';\nimport { QuestionCircleOutlined } from '@ant-design/icons';\nimport styles from './index.module.scss';\n\nexport function Help(\n props: TooltipProps &\n Partial<{ style: Partial<React.CSSProperties> }> & {\n title: React.ReactNode;\n }\n) {\n return (\n <Tooltip\n {...{ ...props, style: undefined }}\n title={props.title}\n classNames={{ root: styles.helpTooltip }}\n getPopupContainer={() => document.body}\n >\n <span style={{ cursor: 'pointer' }}>\n <QuestionCircleOutlined style={props.style} />\n </span>\n </Tooltip>\n );\n}\n","import { FieldArray, Stack, TextStyle, useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { TextField } from '.';\nimport { Button } from 'antd';\nimport { Help } from '@extensions/AttributePanel/components/UI/Help';\nimport { IPage } from '@thanhpv102/easy-email-core';\n\nexport function AddFont() {\n const { focusBlock } = useBlock();\n const { focusIdx } = useFocusIdx();\n const value: IPage['data']['value'] = focusBlock?.data.value;\n return (\n <FieldArray name={`${focusIdx}.data.value.fonts`}>\n {({ fields }) => {\n return (\n <div>\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Stack distribution=\"equalSpacing\">\n <TextStyle variation=\"strong\">\n {t('Import font')} <Help title={t('Points to a hosted css file')} />\n </TextStyle>\n <Stack>\n <Button\n size=\"small\"\n icon={<PlusOutlined />}\n onClick={() => fields.push({ name: '', href: '' })}\n />\n </Stack>\n </Stack>\n\n <Stack\n vertical\n spacing=\"extraTight\"\n >\n {value.fonts?.map((item, index) => {\n return (\n <div key={index}>\n <Stack\n alignment=\"center\"\n wrap={false}\n >\n <Stack.Item fill>\n <TextField\n name={`${focusIdx}.data.value.fonts.${index}.name`}\n label={t('Name')}\n />\n </Stack.Item>\n <Stack.Item fill>\n <TextField\n name={`${focusIdx}.data.value.fonts.${index}.href`}\n label={t('Href')}\n />\n </Stack.Item>\n <Stack\n vertical\n spacing=\"loose\"\n >\n <Stack.Item />\n <Button\n icon={<DeleteOutlined />}\n onClick={() => fields.remove(index)}\n />\n </Stack>\n </Stack>\n </div>\n );\n })}\n </Stack>\n </Stack>\n </div>\n );\n }}\n </FieldArray>\n );\n}\n","import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';\r\nimport React, { useCallback } from 'react';\r\nimport { Stack, TextStyle, useBlock } from '@thanhpv102/easy-email-editor';\r\nimport { BasicType, BlockManager } from '@thanhpv102/easy-email-core';\r\n\r\nexport interface AttributesPanelWrapper {\r\n style?: React.CSSProperties;\r\n extra?: React.ReactNode;\r\n children: React.ReactNode | React.ReactElement;\r\n}\r\nexport const AttributesPanelWrapper: React.FC<AttributesPanelWrapper> = props => {\r\n const { focusBlock } = useBlock();\r\n const block = focusBlock && BlockManager.getBlockByType(focusBlock.type);\r\n\r\n if (!focusBlock || !block) return null;\r\n\r\n return (\r\n <div>\r\n <div\r\n style={{\r\n padding: '4px 16px 12px 16px',\r\n }}\r\n >\r\n <Stack vertical>\r\n <Stack.Item fill>\r\n <Stack\r\n wrap={false}\r\n distribution='equalSpacing'\r\n alignment='center'\r\n >\r\n <Stack\r\n spacing='extraTight'\r\n alignment='center'\r\n >\r\n <EyeIcon />\r\n <TextStyle\r\n variation='strong'\r\n size='medium'\r\n >\r\n {`${block.name} `} {t('attributes')}\r\n </TextStyle>\r\n </Stack>\r\n <Stack.Item>{props.extra}</Stack.Item>\r\n </Stack>\r\n </Stack.Item>\r\n </Stack>\r\n </div>\r\n\r\n <div style={{ padding: '0px', ...props.style }}>{props.children}</div>\r\n </div>\r\n );\r\n};\r\n\r\nfunction EyeIcon() {\r\n const { setFocusBlock, focusBlock } = useBlock();\r\n\r\n const onToggleVisible = useCallback(\r\n (e: React.MouseEvent) => {\r\n if (!focusBlock) return null;\r\n e.stopPropagation();\r\n setFocusBlock({\r\n ...focusBlock,\r\n data: {\r\n ...focusBlock.data,\r\n hidden: !focusBlock.data.hidden,\r\n },\r\n });\r\n },\r\n [focusBlock, setFocusBlock],\r\n );\r\n\r\n if (!focusBlock) return null;\r\n\r\n if (focusBlock.type === BasicType.PAGE.toString()) return null;\r\n\r\n return focusBlock.data.hidden ? (\r\n <EyeInvisibleOutlined\r\n style={{ cursor: 'pointer', fontSize: 16 }}\r\n onClick={onToggleVisible}\r\n />\r\n ) : (\r\n <EyeOutlined\r\n style={{ cursor: 'pointer', fontSize: 16 }}\r\n onClick={onToggleVisible}\r\n />\r\n );\r\n}\r\n","import React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AutoCompleteField } from '../../../components/Form';\nimport { useFontFamily } from '@extensions/hooks/useFontFamily';\n\nexport function FontFamily({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n const { fontList } = useFontFamily();\n\n const transformedFontList = useMemo(() => {\n return fontList.map(font => ({\n value: font.value,\n label: font.value, // Use the font value as the label since AutoCompleteField expects string labels\n }));\n }, [fontList]);\n\n return useMemo(() => {\n return (\n <AutoCompleteField\n className=\"ant-input ant-input-outlined\"\n style={{ minWidth: 60, flex: 1 }}\n showSearch\n label={'Font family'}\n name={name || `${focusIdx}.attributes.font-family`}\n options={transformedFontList}\n />\n );\n }, [focusIdx, transformedFontList, name]);\n}\n","import React from 'react';\nimport {\n ColorPickerField,\n InputWithUnitField,\n NumberField,\n TextAreaField,\n TextField,\n} from '@extensions/components/Form';\nimport { AddFont } from '@extensions/components/Form/AddFont';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { pixelAdapter } from '../../adapter';\n\ninterface PageProps {\n hideSubTitle?: boolean;\n hideSubject?: boolean;\n}\n\nexport function Page({ hideSubTitle, hideSubject }: PageProps) {\n const { focusIdx } = useFocusIdx();\n\n if (!focusIdx) return null;\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <Stack.Item fill>\n <Collapse\n defaultActiveKey={['0', '1']}\n items={[\n {\n key: '0',\n label: t('Email Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n {!hideSubject && (\n <TextField\n label={t('Subject')}\n name={'subject'}\n inline\n />\n )}\n {!hideSubTitle && (\n <TextField\n label={t('SubTitle')}\n name={'subTitle'}\n inline\n />\n )}\n <InputWithUnitField\n label={t('Width')}\n name={`${focusIdx}.attributes.width`}\n inline\n />\n <InputWithUnitField\n label={t('Breakpoint')}\n helpText={t(\n 'Allows you to control on which breakpoint the layout should go desktop/mobile.',\n )}\n name={`${focusIdx}.data.value.breakpoint`}\n inline\n />\n </Space>\n )\n },\n {\n key: '1',\n label: t('Theme Setting'),\n children: (\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Row>\n <Col span={11}>\n <FontFamily name={`${focusIdx}.data.value.font-family`} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <NumberField\n className=\"ant-input ant-input-outlined\"\n label=\"Font size (px)\"\n name={`${focusIdx}.data.value.font-size`}\n config={pixelAdapter}\n autoComplete=\"off\"\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Line height')}\n unitOptions=\"percent\"\n name={`${focusIdx}.data.value.line-height`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Font weight')}\n unitOptions=\"percent\"\n name={`${focusIdx}.data.value.font-weight`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <ColorPickerField\n label={t('Text color')}\n name={`${focusIdx}.data.value.text-color`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ColorPickerField\n label={t('Background')}\n name={`${focusIdx}.attributes.background-color`}\n />\n </Col>\n </Row>\n\n <Row>\n <ColorPickerField\n label={t('Content background')}\n name={`${focusIdx}.data.value.content-background-color`}\n />\n </Row>\n\n <TextAreaField\n autoSize\n label={t('User style')}\n name={`${focusIdx}.data.value.user-style.content`}\n />\n <Stack.Item />\n <Stack.Item />\n <AddFont />\n <Stack.Item />\n <Stack.Item />\n </Stack>\n )\n }\n ]}\n />\n </Stack.Item>\n </AttributesPanelWrapper>\n );\n}\n","\nimport React, { useCallback, useMemo } from 'react';\nimport { InputWithUnit } from '../../../components/Form/InputWithUnit';\nimport { useFocusIdx, Stack, useBlock, TextStyle, IconFont, Field } from '@thanhpv102/easy-email-editor';\nimport { Button, Row, Col, Space, Tooltip, Form } from 'antd';\n\nexport interface PaddingProps {\n title?: string;\n attributeName?: 'padding' | 'inner-padding' | 'text-padding';\n name?: string;\n showResetAll?: boolean;\n}\n\n// Helper component to handle individual padding fields without using enhancer\nconst PaddingFieldInput: React.FC<{\n label: string;\n paddingIndex: 0 | 1 | 2 | 3; // top, right, bottom, left\n paddingFieldName: string;\n inline?: boolean;\n}> = ({ label, paddingIndex, paddingFieldName, inline }) => {\n const labelCol = inline\n ? { span: 7, style: { textAlign: 'right' as const, paddingRight: 0 } }\n : { span: 24, style: { paddingRight: 0 } };\n\n const wrapperCol = inline\n ? { span: 16, offset: 1 }\n : { span: 24 };\n\n return (\n <Field\n name={paddingFieldName}\n >\n {({ input: { value, onChange } }) => {\n const paddingParts = (value || '0px 0px 0px 0px').split(/\\s+/);\n const currentValue = paddingParts[paddingIndex] || '0px';\n\n const handleChange = (newVal: string) => {\n const newParts = [...paddingParts];\n newParts[paddingIndex] = newVal;\n // Ensure we have exactly 4 parts\n while (newParts.length < 4) newParts.push('0px');\n onChange(newParts.slice(0, 4).join(' '));\n };\n\n return (\n <Form.Item\n label={label}\n labelCol={labelCol}\n wrapperCol={wrapperCol}\n style={{ margin: 0 }}\n labelAlign='left'\n >\n <InputWithUnit\n value={currentValue}\n onChange={handleChange}\n />\n </Form.Item>\n );\n }}\n </Field>\n );\n};\n\nexport function Padding(props: PaddingProps = {}) {\n const { title = t('Padding'), attributeName = 'padding', name, showResetAll } = props;\n const { change } = useBlock();\n const { focusIdx } = useFocusIdx();\n\n const paddingFieldName = useMemo(() => {\n if (name) {\n return name;\n }\n return focusIdx + `.attributes[${attributeName}]`;\n }, [name, focusIdx, attributeName]);\n\n const onResetPadding = useCallback(() => {\n change(paddingFieldName, '0px 0px 0px 0px');\n }, [paddingFieldName, change]);\n\n return (\n <>\n <Stack\n vertical\n spacing='extraTight'\n >\n <Space align='center' size='small'>\n <TextStyle variation='strong'>{title}</TextStyle>\n {showResetAll && (\n <Tooltip title='Remove all padding'>\n <Button\n onClick={onResetPadding}\n size='small'\n icon={(\n <IconFont\n iconName='icon-remove'\n size={12}\n />\n )}\n />\n </Tooltip>\n )}\n </Space>\n\n <Row>\n <Col span={11}>\n <PaddingFieldInput\n label={t('Top (px)')}\n paddingIndex={0}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n <Col offset={1} span={11}>\n <PaddingFieldInput\n label={t('Left (px)')}\n paddingIndex={3}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <PaddingFieldInput\n label={t('Bottom (px)')}\n paddingIndex={2}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n <Col offset={1} span={11}>\n <PaddingFieldInput\n label={t('Right (px)')}\n paddingIndex={1}\n paddingFieldName={paddingFieldName}\n />\n </Col>\n </Row>\n </Stack>\n </>\n );\n}\n\n","import React, { useMemo } from 'react';\r\nimport { ColorPickerField } from '../../../components/Form';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function BackgroundColor({ title = t('Background color') }: { title?: string }) {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <ColorPickerField\r\n label={title}\r\n name={`${focusIdx}.attributes.background-color`}\r\n key={`${focusIdx}.attributes.background-color`}\r\n />\r\n );\r\n }, [focusIdx, title]);\r\n}\r\n","import React, { useMemo } from 'react';\nimport { ImageUploaderField, SelectField, TextField } from '../../../components/Form';\nimport { useFocusIdx, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport { BackgroundColor } from './BackgroundColor';\nimport { Row, Col, Space } from 'antd';\n\nconst backgroundRepeatOptions = [\n {\n value: 'no-repeat',\n get label() {\n return 'No repeat';\n },\n },\n {\n value: 'repeat',\n get label() {\n return 'Repeat';\n },\n },\n {\n value: 'repeat-x',\n get label() {\n return 'Repeat X';\n },\n },\n {\n value: 'repeat-y',\n get label() {\n return 'Repeat Y';\n },\n },\n];\n\nexport function Background() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n return useMemo(() => {\n return (\n <Space\n orientation='vertical'\n size='small'\n >\n <ImageUploaderField\n label={'Background image'}\n name={`${focusIdx}.attributes.background-url`}\n key={`${focusIdx}.attributes.background-url`}\n helpText={\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.'\n }\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n\n <Row>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n label={'Background repeat'}\n key={`${focusIdx}.attributes.background-repeat`}\n options={backgroundRepeatOptions}\n name={`${focusIdx}.attributes.background-repeat`}\n />\n </Col>\n </Row>\n <TextField\n label={'Background size'}\n name={`${focusIdx}.attributes.background-size`}\n key={`${focusIdx}.attributes.background-size`}\n />\n </Space>\n );\n }, [focusIdx, onUploadImage]);\n}\n","import React, { useMemo } from 'react';\nimport { InputWithUnitField, TextField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { Col, Row } from 'antd';\n\nexport function Border() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Row>\n <Col span={11}>\n <TextField\n label={'Border'}\n name={`${focusIdx}.attributes.border`}\n key={`${focusIdx}.attributes.border`}\n />\n </Col>\n <Col offset={1} span={11}>\n <InputWithUnitField\n label={'Border radius'}\n name={`${focusIdx}.attributes.border-radius`}\n key={`${focusIdx}.attributes.border-radius`}\n unitOptions=\"percent\"\n />\n </Col>\n </Row>\n );\n }, [focusIdx]);\n}\n","import React, { useMemo } from 'react';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { TextField } from '../../../components/Form';\r\n\r\nexport function ClassName() {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <TextField\r\n label={t('Class name')}\r\n name={`${focusIdx}.attributes.css-class`}\r\n key={`${focusIdx}.attributes.css-class`}\r\n />\r\n );\r\n }, [focusIdx]);\r\n}\r\n","import { useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { Row, Col } from 'antd';\r\nimport { AdvancedBlock, AdvancedType } from '@thanhpv102/easy-email-core';\r\nimport { TextField } from '@extensions/components/Form';\r\nimport React from 'react';\r\n\r\nexport function Iteration() {\r\n const { focusIdx } = useFocusIdx();\r\n const { focusBlock } = useBlock();\r\n const iteration = focusBlock?.data.value?.iteration as\r\n | undefined\r\n | AdvancedBlock['data']['value']['iteration'];\r\n\r\n if (\r\n !focusBlock?.type ||\r\n !Object.values(AdvancedType).includes(focusBlock.type as AdvancedType)\r\n ) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n {iteration?.enabled && (\r\n <Col span={24}>\r\n <div>\r\n <Row>\r\n <Col span={11}>\r\n <TextField\r\n label={'Data source'}\r\n name={`${focusIdx}.data.value.iteration.dataSource`}\r\n />\r\n </Col>\r\n <Col offset={1} span={11}>\r\n <TextField\r\n label={'Item name'}\r\n name={`${focusIdx}.data.value.iteration.itemName`}\r\n />\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col span={11}>\r\n <TextField\r\n label={'Limit'}\r\n name={`${focusIdx}.data.value.iteration.limit`}\r\n quickchange\r\n type='number'\r\n onChangeAdapter={(v) => Number(v)}\r\n />\r\n </Col>\r\n <Col offset={1} span={11}>\r\n <TextField\r\n label={'Mock quantity'}\r\n max={iteration?.limit}\r\n name={`${focusIdx}.data.value.iteration.mockQuantity`}\r\n type='number'\r\n onChangeAdapter={(v) => Number(v)}\r\n quickchange\r\n />\r\n </Col>\r\n </Row>\r\n </div>\r\n </Col>\r\n )}\r\n </>\r\n );\r\n}\r\n","import { useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { AdvancedBlock, OperatorSymbol, AdvancedType, Operator, IConditionGroup } from '@thanhpv102/easy-email-core';\r\nimport { Row, Col, Button, Space, List, App } from 'antd';\r\nimport { SelectField, TextField } from '@extensions/components/Form';\r\nimport React, { useCallback } from 'react';\r\nimport { cloneDeep, get, upperFirst } from 'lodash';\r\nimport { DeleteOutlined, PlusOutlined } from '@ant-design/icons';\r\nimport { useField } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function Condition() {\r\n const { focusIdx } = useFocusIdx();\r\n const { focusBlock, change, values } = useBlock();\r\n const { message } = App.useApp();\r\n const condition = focusBlock?.data.value?.condition as\r\n | undefined\r\n | AdvancedBlock['data']['value']['condition'];\r\n\r\n const onAddCondition = useCallback((path: string) => {\r\n const groups = get(values, path) as IConditionGroup[];\r\n\r\n groups.push({\r\n symbol: OperatorSymbol.AND,\r\n groups: [\r\n {\r\n left: '',\r\n operator: Operator.TRUTHY,\r\n right: ''\r\n }\r\n ],\r\n });\r\n change(path, [...groups]);\r\n }, [change, values]);\r\n\r\n const onAddSubCondition = useCallback((path: string) => {\r\n const groups = get(values, path) as IConditionGroup['groups'];\r\n\r\n groups.push({\r\n left: '',\r\n operator: Operator.TRUTHY,\r\n right: ''\r\n\r\n });\r\n change(path, [...groups]);\r\n }, [change, values]);\r\n\r\n // content.children.[0].children.[0].data.value.condition.groups.1.groups\r\n const onDelete = useCallback((path: string, gIndex: number, ggIndex: number) => {\r\n if (!condition) return;\r\n const subPath = `${path}.${gIndex}.groups`;\r\n const groups = cloneDeep(get(values, path)) as IConditionGroup[];\r\n const subGroups = cloneDeep(get(values, subPath)) as IConditionGroup['groups'];\r\n\r\n subGroups.splice(ggIndex, 1);\r\n if (subGroups.length === 0) {\r\n if (groups.length === 1) {\r\n message.warning('At least one condition');\r\n return;\r\n }\r\n // remove empty array\r\n groups.splice(gIndex, 1);\r\n change(path, [...groups]);\r\n } else {\r\n change(subPath, [...subGroups]);\r\n }\r\n\r\n }, [change, condition, values, message]);\r\n\r\n if (\r\n !focusBlock?.type ||\r\n !Object.values(AdvancedType).includes(focusBlock.type as AdvancedType)\r\n ) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n {condition?.enabled && (\r\n <Space orientation='vertical' size='middle'>\r\n\r\n <List\r\n header={(\r\n <Row justify='space-between'>\r\n <Col span={16}>\r\n {condition.groups.length > 1 && (\r\n <SelectField inline name={`${focusIdx}.data.value.condition.symbol`}\r\n label={t('Symbol')}\r\n options={[\r\n {\r\n label: t('And'),\r\n value: OperatorSymbol.AND\r\n },\r\n {\r\n label: t('Or'),\r\n value: OperatorSymbol.OR\r\n },\r\n ]}\r\n />\r\n )}\r\n </Col>\r\n <Button onClick={() => onAddCondition(`${focusIdx}.data.value.condition.groups`)} size='small' icon={<PlusOutlined />} />\r\n </Row>\r\n )}\r\n dataSource={condition.groups}\r\n renderItem={\r\n (group: IConditionGroup, gIndex: number) => {\r\n return (\r\n <List.Item key={gIndex}>\r\n <div>\r\n <Row justify='space-between'>\r\n <Col span={16}>\r\n {\r\n group.groups.length > 1 && (\r\n <SelectField inline name={`${focusIdx}.data.value.condition.groups.${gIndex}.symbol`}\r\n label={t('Symbol')}\r\n options={[\r\n {\r\n label: t('And'),\r\n value: OperatorSymbol.AND\r\n },\r\n {\r\n label: t('Or'),\r\n value: OperatorSymbol.OR\r\n },\r\n ]}\r\n />\r\n )\r\n }\r\n </Col>\r\n <Button size='small' icon={<PlusOutlined />} onClick={() => onAddSubCondition(`${focusIdx}.data.value.condition.groups.${gIndex}.groups`)} />\r\n </Row>\r\n {\r\n group.groups.map((_item: IConditionGroup['groups'][number], ggIndex: number) => (\r\n <div key={`condition-item-${gIndex}-${ggIndex}`}>\r\n <ConditionItem\r\n onDelete={onDelete}\r\n path={`${focusIdx}.data.value.condition.groups`}\r\n gIndex={gIndex}\r\n ggIndex={ggIndex}\r\n />\r\n </div>\r\n ))\r\n }\r\n\r\n </div>\r\n </List.Item>\r\n );\r\n }\r\n }\r\n />\r\n\r\n </Space>\r\n )}\r\n </>\r\n );\r\n}\r\n\r\nconst options = Object.values(Operator).map(item => ({ label: upperFirst(item), value: item }));\r\n\r\nfunction ConditionItem({ path, onDelete, gIndex, ggIndex }: { path: string; gIndex: number; ggIndex: number; onDelete: (path: string, gIndex: number, ggIndex: number,) => void; }) {\r\n\r\n const name = `${path}.${gIndex}.groups.${ggIndex}`;\r\n const { input: { value } } = useField(name);\r\n\r\n const hideRight = (value as { operator?: Operator; })?.operator === Operator.TRUTHY || (value as { operator?: Operator; })?.operator === Operator.FALSY;\r\n\r\n return (\r\n <Row align='middle'>\r\n <Col span={7}> <TextField label={t('Variable path')} name={`${name}.left`} /></Col>\r\n <Col span={7}> <SelectField label={t('Operator')} name={`${name}.operator`} options={options} /></Col>\r\n <Col span={7}> {!hideRight && <TextField label=\"Right\" name={`${name}.right`} />}</Col>\r\n <Col span={3}>\r\n <Button onClick={() => onDelete(path, gIndex, ggIndex)} icon={<DeleteOutlined />} />\r\n </Col>\r\n\r\n </Row>\r\n );\r\n}","import React, { useCallback, useEffect, useState } from 'react';\r\nimport { Collapse, Space, Switch } from 'antd';\r\nimport { useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { AdvancedBlock, isAdvancedBlock, OperatorSymbol, Operator, ICondition } from '@thanhpv102/easy-email-core';\r\nimport { Iteration } from '../Iteration';\r\nimport { Condition } from '../Condition';\r\n\r\nexport interface CollapseWrapperProps {\r\n defaultActiveKey: string[];\r\n children: React.ReactNode;\r\n}\r\n\r\nexport const CollapseWrapper: React.FC<CollapseWrapperProps> = props => {\r\n const { enabledLogic } = useEditorProps();\r\n const [activeKeys, setActiveKeys] = useState<string[]>(props.defaultActiveKey);\r\n\r\n const { focusBlock, change } = useBlock();\r\n const { focusIdx } = useFocusIdx();\r\n const value = focusBlock?.data.value;\r\n\r\n const isAdvancedBlockType = isAdvancedBlock(focusBlock?.type);\r\n\r\n const iterationEnabled =\r\n isAdvancedBlockType && Boolean(value?.iteration && value?.iteration?.enabled);\r\n\r\n const conditionEnabled =\r\n isAdvancedBlockType && Boolean(value?.condition && value?.condition?.enabled);\r\n\r\n const onIterationToggle = useCallback(\r\n (enabled: boolean) => {\r\n if (enabled) {\r\n if (!value?.iteration) {\r\n change(`${focusIdx}.data.value.iteration`, {\r\n enabled: true,\r\n dataSource: '',\r\n itemName: 'item',\r\n limit: 9999,\r\n mockQuantity: 1,\r\n } as AdvancedBlock['data']['value']['iteration']);\r\n }\r\n }\r\n change(`${focusIdx}.data.value.iteration.enabled`, enabled);\r\n },\r\n [change, focusIdx, value?.iteration]\r\n );\r\n\r\n const onConditionToggle = useCallback(\r\n (enabled: boolean) => {\r\n if (enabled) {\r\n if (!value?.condition) {\r\n change(`${focusIdx}.data.value.condition`, {\r\n enabled: true,\r\n symbol: OperatorSymbol.AND,\r\n groups: [\r\n {\r\n symbol: OperatorSymbol.AND,\r\n groups: [\r\n {\r\n left: '',\r\n operator: Operator.TRUTHY,\r\n right: ''\r\n }\r\n ],\r\n }\r\n ],\r\n } as ICondition);\r\n }\r\n }\r\n change(`${focusIdx}.data.value.condition.enabled`, enabled);\r\n },\r\n [change, focusIdx, value?.condition]\r\n );\r\n\r\n const onChange = useCallback((keys: string[]) => {\r\n setActiveKeys(keys);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isAdvancedBlockType) return;\r\n\r\n if (iterationEnabled) {\r\n setActiveKeys(keys => [...keys, 'Iteration']);\r\n } else {\r\n setActiveKeys(keys => keys.filter(k => k !== 'Iteration'));\r\n }\r\n }, [iterationEnabled, isAdvancedBlockType]);\r\n\r\n useEffect(() => {\r\n if (!isAdvancedBlockType) return;\r\n\r\n if (conditionEnabled) {\r\n setActiveKeys(keys => [...keys, 'Condition']);\r\n } else {\r\n setActiveKeys(keys => keys.filter(k => k !== 'Condition'));\r\n }\r\n }, [conditionEnabled, isAdvancedBlockType]);\r\n\r\n return (\r\n <Space\r\n size='middle'\r\n orientation='vertical'\r\n style={{ width: '100%' }}\r\n >\r\n <Collapse\r\n onChange={onChange}\r\n defaultActiveKey={activeKeys}\r\n items={[\r\n ...React.Children.toArray(props.children).map((child, index) => {\r\n if (React.isValidElement(child) && child.props && typeof child.props === 'object' && child.props !== null && 'header' in child.props) {\r\n const childProps = child.props as { header: string; children: React.ReactNode; };\r\n return {\r\n key: child.key as string || index.toString(),\r\n label: childProps.header,\r\n children: childProps.children\r\n };\r\n }\r\n return null;\r\n }).filter((item): item is { key: string; label: string; children: React.ReactNode; } => item !== null),\r\n ...(enabledLogic ? [\r\n {\r\n key: 'Iteration',\r\n label: t('Iteration'),\r\n extra: (\r\n <div style={{ marginRight: 10 }}>\r\n <Switch checked={iterationEnabled} onChange={onIterationToggle} />\r\n </div>\r\n ),\r\n children: <Iteration />\r\n },\r\n {\r\n key: 'Condition',\r\n label: t('Condition'),\r\n extra: (\r\n <div style={{ marginRight: 10 }}>\r\n <Switch checked={conditionEnabled} onChange={onConditionToggle} />\r\n </div>\r\n ),\r\n children: <Condition />\r\n }\r\n ] : [])\r\n ]}\r\n />\r\n <div />\r\n <div />\r\n <div />\r\n </Space>\r\n );\r\n};\r\n","import React, { useCallback } from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { Background } from '@extensions/AttributePanel/components/attributes/Background';\nimport { Border } from '@extensions/AttributePanel/components/attributes/Border';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space, Switch } from 'antd';\nimport { Stack, useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { BasicType, BlockManager } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { TextField } from '@extensions/components/Form';\n\nexport function Section() {\n const { focusBlock, setFocusBlock } = useBlock();\n const { focusIdx } = useFocusIdx();\n const noWrap = focusBlock?.data.value.noWrap;\n\n const onChange = useCallback(\n (checked: boolean) => {\n if (!focusBlock) return;\n focusBlock.data.value.noWrap = checked;\n if (checked) {\n const children = [...focusBlock.children];\n for (let i = 0; i < children.length; i++) {\n const child = children[i];\n if (!child) continue;\n if (child.type === BasicType.GROUP.toString()) {\n children.splice(i, 1, ...child.children);\n }\n }\n focusBlock.children = [\n BlockManager.getBlockByType(BasicType.GROUP)!.create({\n children: children,\n }),\n ];\n } else {\n if (\n focusBlock.children.length === 1 &&\n focusBlock.children[0].type === BasicType.GROUP.toString()\n ) {\n focusBlock.children = focusBlock.children[0]?.children || [];\n }\n }\n setFocusBlock({ ...focusBlock });\n },\n [focusBlock, setFocusBlock],\n );\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={'Dimension'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={12}>\n <label style={{ width: '100%', display: 'flex' }}>\n <div style={{ flex: 1 }}>{'Group'}</div>\n </label>\n <Switch\n checked={noWrap}\n onChange={onChange}\n />\n </Col>\n <Col span={12} />\n </Row>\n <Row>\n <Col span={12}>\n <label style={{ width: '100%', display: 'flex' }}>\n <div style={{ flex: 1 }}>{'Full Width'}</div>\n </label>\n <TextField name={`${focusIdx}.attributes.full-width`} />\n </Col>\n <Col span={12} />\n </Row>\n\n <Padding />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={'Background'}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Background />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={'Border'}\n >\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"3\"\n header={'Extra'}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React, { useCallback } from 'react';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { useFocusIdx, useBlock } from '@thanhpv102/easy-email-editor';\nimport { BasicType, getParentByIdx } from '@thanhpv102/easy-email-core';\nimport { InputWithUnitProps } from '@extensions/components/Form/InputWithUnit';\nimport { UseFieldConfig } from '@thanhpv102/easy-email-editor';\n\nexport function Width({\n inline = false,\n unitOptions,\n config,\n}: {\n inline?: boolean;\n unitOptions?: InputWithUnitProps['unitOptions'];\n config?: UseFieldConfig;\n}) {\n const { focusIdx } = useFocusIdx();\n const { focusBlock, values } = useBlock();\n const parentType = values && getParentByIdx(values, focusIdx)?.type;\n\n const validate = useCallback(\n (val: string): string | undefined => {\n if (focusBlock?.type === BasicType.COLUMN.toString() && parentType === BasicType.GROUP.toString()) {\n return /(\\d)*%/.test(val)\n ? undefined\n : 'Column inside a group must have a width in percentage, not in pixel';\n }\n return undefined;\n },\n [focusBlock?.type, parentType],\n );\n\n return (\n <InputWithUnitField\n validate={validate}\n label={'Width'}\n inline={inline}\n name={`${focusIdx}.attributes.width`}\n unitOptions={unitOptions}\n config={config}\n />\n );\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx, Stack } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'top',\n get label() {\n return t('top');\n },\n },\n {\n value: 'middle',\n get label() {\n return t('middle');\n },\n },\n {\n value: 'bottom',\n get label() {\n return t('bottom');\n },\n },\n];\n\nexport function VerticalAlign({\n attributeName = 'vertical-align',\n}: {\n attributeName?: string;\n}) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack>\n <SelectField\n style={{ width: 120 }}\n label={t('Vertical align')}\n name={`${focusIdx}.attributes.${attributeName}`}\n options={options}\n />\n </Stack>\n );\n }, [attributeName, focusIdx]);\n}\n","import React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'left',\n get label() {\n return t('left');\n },\n },\n {\n value: 'center',\n get label() {\n return t('center');\n },\n },\n {\n value: 'right',\n get label() {\n return t('right');\n },\n },\n];\n\nexport function Align({ inline }: { inline?: boolean }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <RadioGroupField\n label={t('Align')}\n key={`${focusIdx}.attributes.align`}\n options={options}\n name={`${focusIdx}.attributes.align`}\n />\n );\n}\n","import React from 'react';\r\nimport { ColorPickerField } from '../../../components/Form';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function Color({ title = t('Color') }: { title?: string; inline?: boolean }) {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return (\r\n <ColorPickerField\r\n label={title}\r\n name={`${focusIdx}.attributes.color`}\r\n key={`${focusIdx}.attributes.color`}\r\n />\r\n );\r\n}\r\n","import React, { useMemo } from 'react';\nimport { TextField } from '../../../components/Form';\nimport { Stack, UseFieldConfig, useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function Height({\n inline,\n config,\n }: {\n inline?: boolean;\n config?: UseFieldConfig;\n}) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack wrap={false}>\n <Stack.Item fill>\n <TextField\n label={'Height'}\n name={`${focusIdx}.attributes.height`}\n quickchange\n inline={inline}\n config={config}\n />\n </Stack.Item>\n </Stack>\n );\n }, [focusIdx, inline]);\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx, Stack } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'left',\n get label() {\n return t('Left');\n },\n },\n {\n value: 'center',\n get label() {\n return t('Center');\n },\n },\n {\n value: 'right',\n get label() {\n return t('Right');\n },\n },\n];\n\nexport function TextAlign({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack>\n <RadioGroupField\n label={t('Text align')}\n name={name || `${focusIdx}.attributes.text-align`}\n options={options}\n />\n </Stack>\n );\n }, [focusIdx, name]);\n}\n","\r\nimport React, { useMemo } from 'react';\r\nimport { ColorPickerField } from '../../../components/Form';\r\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function ContainerBackgroundColor({\r\n title = t('Container background color'),\r\n}: {\r\n title?: string;\r\n}) {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <ColorPickerField\r\n label={title}\r\n name={`${focusIdx}.attributes.container-background-color`}\r\n />\r\n );\r\n }, [focusIdx, title]);\r\n}\r\n","\nimport React from 'react';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function LetterSpacing({ name }: { name?: string; }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <InputWithUnitField\n label={t('Letter spacing')}\n name={name || `${focusIdx}.attributes.letter-spacing`}\n />\n );\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: '',\n get label() {\n return 'None';\n },\n },\n {\n value: 'underline',\n get label() {\n return 'Underline';\n },\n },\n {\n value: 'overline',\n get label() {\n return 'Overline';\n },\n },\n {\n value: 'line-through',\n get label() {\n return 'Line through';\n },\n },\n {\n value: 'blink',\n get label() {\n return 'Blink';\n },\n },\n {\n value: 'inherit',\n get label() {\n return 'Inherit';\n },\n },\n];\n\nexport function TextDecoration({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={'Text decoration'}\n name={name || `${focusIdx}.attributes.text-decoration`}\n options={options}\n />\n );\n }, [focusIdx, name]);\n}\n","\r\nimport React, { useMemo } from 'react';\r\nimport { NumberField, TextField } from '../../../components/Form';\r\nimport { useFocusIdx, Stack, TextStyle } from '@thanhpv102/easy-email-editor';\r\n\r\nexport function Decoration() {\r\n const { focusIdx } = useFocusIdx();\r\n\r\n return useMemo(() => {\r\n return (\r\n <Stack\r\n vertical\r\n spacing='extraTight'\r\n >\r\n <TextStyle\r\n variation='strong'\r\n size='medium'\r\n >\r\n Decoration\r\n </TextStyle>\r\n <TextField\r\n label={t('Border radius')}\r\n name={`${focusIdx}.attributes.borderRadius`}\r\n inline\r\n />\r\n <TextField\r\n label={t('Border')}\r\n name={`${focusIdx}.attributes.border`}\r\n inline\r\n />\r\n <NumberField\r\n label={t('Opacity')}\r\n max={1}\r\n min={0}\r\n step={0.1}\r\n name={`${focusIdx}.attributes.opacity`}\r\n inline\r\n />\r\n </Stack>\r\n );\r\n }, [focusIdx]);\r\n}\r\n","\nimport React from 'react';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function LineHeight({ name }: { name?: string; }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <InputWithUnitField\n label={t('Line height')}\n unitOptions='percent'\n name={name || `${focusIdx}.attributes.line-height`}\n />\n );\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'initial',\n get label() {\n return t('None');\n },\n },\n {\n value: 'uppercase',\n get label() {\n return t('uppercase');\n },\n },\n {\n value: 'lowercase',\n get label() {\n return t('lowercase');\n },\n },\n {\n value: 'capitalize',\n get label() {\n return t('capitalize');\n },\n },\n];\n\nexport function TextTransform({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={t('Text transform')}\n name={name || `${focusIdx}.attributes.text-transform`}\n options={options}\n />\n );\n }, [focusIdx, name]);\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx, Stack } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'ltr',\n get label() {\n return 'ltr';\n },\n },\n {\n value: 'rtl',\n get label() {\n return 'rtl';\n },\n },\n];\n\nexport function Direction() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack>\n <RadioGroupField\n label={t('Direction')}\n name={`${focusIdx}.attributes.direction`}\n options={options}\n inline\n />\n </Stack>\n );\n }, [focusIdx]);\n}\n","import { IBlockData, BlockManager, getParentIdx } from '@thanhpv102/easy-email-core';\nimport { get, cloneDeep } from 'lodash';\n\nexport function getContextMergeTags(\n mergeTags: { [key: string]: any },\n context: { [key: string]: any },\n idx: string,\n) {\n const loop = (\n currentIdx: string,\n combineMergeTags: { [key: string]: any },\n ): { [key: string]: any } => {\n const parentBlockData = get(context, currentIdx) as IBlockData | undefined;\n if (!parentBlockData) return combineMergeTags;\n\n const dataSource = parentBlockData.data?.value?.dataSource;\n if (!dataSource) return combineMergeTags;\n\n Object.keys(dataSource).forEach(key => {\n let formatKey: string = dataSource[key];\n\n const loopFormatKey = (currentLoopKeyIdx: string) => {\n const currentParentIdx = getParentIdx(currentLoopKeyIdx);\n if (currentParentIdx) {\n const currentBlockData = get(context, currentParentIdx) as IBlockData;\n\n if (!currentBlockData) return formatKey;\n currentBlockData.data.value.dataSource &&\n Object.keys(currentBlockData.data.value.dataSource).forEach(item => {\n formatKey = formatKey.replace(\n item,\n currentBlockData.data.value.dataSource[item].replace(\n /{{([^}}]+)}}/g,\n '$1',\n ),\n );\n });\n\n loopFormatKey(currentParentIdx);\n }\n };\n loopFormatKey(currentIdx);\n\n const dataSourcePath = formatKey.replace(/{{([^}}]+)}}/g, '$1');\n combineMergeTags = {\n [key]: get(combineMergeTags, dataSourcePath),\n ...combineMergeTags,\n };\n });\n\n const parentIdx = getParentIdx(currentIdx);\n if (!parentIdx) return combineMergeTags;\n return loop(parentIdx, combineMergeTags);\n };\n\n return loop(idx, cloneDeep(mergeTags));\n}\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { Tree, TreeSelect } from 'antd';\nimport { get, isObject } from 'lodash';\nimport { useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { getContextMergeTags } from '@extensions/utils/getContextMergeTags';\n\ninterface TreeNodeData {\n key: string;\n value: string;\n title: string;\n children: TreeNodeData[];\n}\n\ninterface MergeTagObject {\n [key: string]: string | number | boolean | MergeTagObject | MergeTagObject[] | undefined;\n}\n\nexport const MergeTags: React.FC<{\n onChange: (v: string) => void;\n value: string;\n isSelect?: boolean;\n}> = React.memo((props) => {\n const [expandedKeys, setExpandedKeys] = useState<string[]>([]);\n const { focusIdx } = useFocusIdx();\n const {\n mergeTags = {},\n mergeTagGenerate,\n renderMergeTagContent,\n } = useEditorProps();\n const { values } = useBlock();\n\n const contextMergeTags = useMemo(\n () => values && getContextMergeTags(mergeTags, values, focusIdx),\n [mergeTags, values, focusIdx]\n );\n\n const treeOptions = useMemo(() => {\n const treeData: TreeNodeData[] = [];\n const deep = (\n key: string,\n title: string,\n parent: MergeTagObject,\n mapData: TreeNodeData[] = []\n ) => {\n const currentMapData: TreeNodeData = {\n key: key,\n value: key,\n title: title,\n children: [],\n };\n\n mapData.push(currentMapData);\n const current = parent[title];\n if (current && typeof current === 'object' && !Array.isArray(current)) {\n Object.keys(current as Record<string, unknown>).forEach((childKey) =>\n deep(key + '.' + childKey, childKey, current, currentMapData.children)\n );\n }\n };\n\n if (!contextMergeTags) return treeData;\n\n Object.keys(contextMergeTags).forEach((key) =>\n deep(key, key, contextMergeTags, treeData)\n );\n return treeData;\n }, [contextMergeTags]);\n\n const onSelect = useCallback(\n (key: string) => {\n const value = get(contextMergeTags, key);\n if (isObject(value)) {\n setExpandedKeys((keys) => {\n if (keys.includes(key)) {\n return keys.filter((k) => k !== key);\n } else {\n return [...keys, key];\n }\n });\n return;\n }\n return props.onChange(mergeTagGenerate(key));\n },\n [contextMergeTags, props, mergeTagGenerate]\n );\n\n const mergeTagContent = useMemo(\n () =>\n renderMergeTagContent ? (\n renderMergeTagContent({\n onChange: props.onChange,\n isSelect: Boolean(props.isSelect),\n value: props.value,\n })\n ) : (\n <></>\n ),\n [renderMergeTagContent, props.onChange, props.isSelect, props.value]\n );\n\n if (renderMergeTagContent) {\n return <>{mergeTagContent}</>;\n }\n\n return (\n <div style={{ color: '#333' }}>\n {props.isSelect ? (\n <TreeSelect\n value={props.value}\n size='small'\n popupMatchSelectWidth\n placeholder={'Please select'}\n treeData={treeOptions}\n onChange={(val) => onSelect(val)}\n style={{ maxHeight: 400, overflow: 'auto' }}\n />\n ) : (\n <Tree\n expandedKeys={expandedKeys}\n onExpand={(keys) => setExpandedKeys(keys.map(k => String(k)))}\n selectedKeys={[]}\n treeData={treeOptions}\n onSelect={(selectedKeys) => onSelect(String(selectedKeys[0]))}\n style={{\n maxHeight: 400,\n overflow: 'auto',\n }}\n />\n )}\n </div>\n );\n});\n","import React, { useMemo } from 'react';\nimport { useFocusIdx, IconFont } from '@thanhpv102/easy-email-editor';\nimport { LinkOutlined } from '@ant-design/icons';\nimport { SelectField, TextField } from '../../../components/Form';\nimport { Row, Col, Popover, Space, Button } from 'antd';\nimport { MergeTags } from './MergeTags';\nimport { useField } from '@thanhpv102/easy-email-editor';\n\nexport function Link() {\n const { focusIdx } = useFocusIdx();\n const { input } = useField(`${focusIdx}.attributes.href`, {\n parse: (v: string) => v,\n });\n\n return useMemo(() => {\n return (\n <Row>\n <Col span={11}>\n <TextField\n prefix={<LinkOutlined />}\n label={\n (\n <Space>\n <span>{'Href'}&nbsp;&nbsp;&nbsp;</span>\n <Popover\n trigger='click'\n content={\n <MergeTags value={input.value || ''} onChange={input.onChange} />\n }\n >\n <Button\n type='text'\n icon={<IconFont iconName='icon-merge-tags' />}\n />\n </Popover>\n </Space>\n )\n }\n name={`${focusIdx}.attributes.href`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n label={'Target'}\n name={`${focusIdx}.attributes.target`}\n options={[\n {\n value: '',\n label: '_self',\n },\n {\n value: '_blank',\n label: '_blank',\n },\n ]}\n />\n </Col>\n </Row>\n );\n }, [focusIdx, input.value, input.onChange]);\n}\n","import React, { useMemo } from 'react';\nimport { TextField } from '../../../components/Form';\nimport { useFocusIdx, Stack, TextStyle } from '@thanhpv102/easy-email-editor';\n\nexport function Margin() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <Stack vertical spacing='extraTight'>\n <TextStyle size='medium'>{'Margin'}</TextStyle>\n <Stack wrap={false}>\n <Stack.Item fill>\n <TextField\n label={'Top'}\n quickchange\n name={`${focusIdx}.attributes.marginTop`}\n inline\n />\n </Stack.Item>\n <Stack.Item fill>\n <TextField\n label={'Bottom'}\n quickchange\n name={`${focusIdx}.attributes.marginBottom`}\n inline\n />\n </Stack.Item>\n </Stack>\n\n <Stack wrap={false}>\n <Stack.Item fill>\n <TextField\n label={'Left'}\n quickchange\n name={`${focusIdx}.attributes.marginLeft`}\n inline\n />\n </Stack.Item>\n <Stack.Item fill>\n <TextField\n label={'Right'}\n quickchange\n name={`${focusIdx}.attributes.marginRight`}\n inline\n />\n </Stack.Item>\n </Stack>\n </Stack>\n );\n }, [focusIdx]);\n}\n","import React, { useMemo } from 'react';\nimport { ColorPickerField } from '../../../components/Form';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nexport function BorderColor() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <ColorPickerField\n label={t('Color')}\n name={`${focusIdx}.attributes.border-color`}\n key={`${focusIdx}.attributes.border-color`}\n />\n );\n }, [focusIdx]);\n}\n","\nimport React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { InputWithUnitField } from '../../../components/Form';\nimport { pixelAdapter } from '../adapter';\n\nexport function FontSize() {\n const { focusIdx } = useFocusIdx();\n\n return (\n <InputWithUnitField\n label={'Font size (px)'}\n name={`${focusIdx}.attributes.font-size`}\n config={pixelAdapter}\n autoComplete='off'\n />\n );\n}\n","import React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nexport const borderStyleOptions = [\n {\n value: 'dashed',\n get label() {\n return 'Dashed';\n },\n },\n {\n value: 'dotted',\n get label() {\n return 'Dotted';\n },\n },\n {\n value: 'solid',\n get label() {\n return 'Solid';\n },\n },\n {\n value: 'double',\n get label() {\n return 'double';\n },\n },\n {\n value: 'ridge',\n get label() {\n return 'ridge';\n },\n },\n {\n value: 'groove',\n get label() {\n return 'groove';\n },\n },\n {\n value: 'inset',\n get label() {\n return 'inset';\n },\n },\n {\n value: 'outset',\n get label() {\n return 'outset';\n },\n },\n];\n\nexport function BorderStyle() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={'Style'}\n name={`${focusIdx}.attributes.border-style`}\n key={`${focusIdx}.attributes.border-style`}\n options={borderStyleOptions}\n />\n );\n }, [focusIdx]);\n}\n","\nimport React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { RadioGroupField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'normal',\n get label() {\n return t('Normal');\n },\n },\n {\n value: 'italic',\n get label() {\n return t('Italic');\n },\n },\n];\n\nexport function FontStyle({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return (\n <RadioGroupField\n label={t('Font style')}\n name={name || `${focusIdx}.attributes.font-style`}\n options={options}\n />\n );\n}\n","/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport React, { useMemo } from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { Padding } from './Padding';\n\nexport function NavbarLinkPadding({ name }: { name: string; }) {\n return useMemo(() => {\n return (\n <Stack vertical spacing='extraTight'>\n <Padding key={name} />\n </Stack>\n );\n }, [name]);\n}\n","import React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { TextField } from '../../../components/Form';\n\nexport function BorderWidth() {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <TextField\n label={'Width'}\n quickchange\n name={`${focusIdx}.attributes.border-width`}\n key={`${focusIdx}.attributes.border-width`}\n />\n );\n }, [focusIdx]);\n}\n","\nimport React, { useMemo } from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { SelectField } from '../../../components/Form';\n\nconst options = [\n {\n value: 'normal',\n get label() {\n return t('Normal');\n },\n },\n {\n value: 'bold',\n get label() {\n return t('Bold');\n },\n },\n {\n value: '100',\n label: '100',\n },\n {\n value: '200',\n label: '200',\n },\n {\n value: '300',\n label: '300',\n },\n {\n value: '400',\n label: '400',\n },\n {\n value: '500',\n label: '500',\n },\n {\n value: '600',\n label: '600',\n },\n {\n value: '700',\n label: '700',\n },\n {\n value: '800',\n label: '800',\n },\n {\n value: '900',\n label: '900',\n },\n];\n\nexport function FontWeight({ name }: { name?: string }) {\n const { focusIdx } = useFocusIdx();\n\n return useMemo(() => {\n return (\n <SelectField\n label={t('Font weight')}\n name={name || `${focusIdx}.attributes.font-weight`}\n options={options}\n />\n );\n }, [focusIdx, name]);\n}\n","import React from 'react';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { VerticalAlign } from '@extensions/AttributePanel/components/attributes/VerticalAlign';\nimport { Border } from '@extensions/AttributePanel/components/attributes/Border';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { BackgroundColor } from '../../attributes';\n\nexport function Column() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <VerticalAlign />\n </Col>\n </Row>\n\n <Padding />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Background')}\n >\n <BackgroundColor />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Border')}\n >\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React, { useState, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\n\nexport const ShadowDom: React.FC<React.HTMLProps<HTMLElement>> = (props) => {\n const [root, setRoot] = useState<null | ShadowRoot>(null);\n const [ref, setRef] = useState<null | HTMLDivElement>(null);\n\n useEffect(() => {\n if (ref) {\n const root = ref.attachShadow({ mode: 'open' });\n setRoot(root);\n }\n }, [ref]);\n\n // Extract key and children to avoid React 19 spreading issues\n const { key, children, ...divProps } = props;\n\n return (\n <>\n <div key={key} {...divProps} ref={setRef}>\n {root && ReactDOM.createPortal(children, root as any)}\n </div>\n </>\n );\n};\n","import { Button, Drawer } from 'antd';\nimport React, { Suspense, useEffect, useMemo, useState } from 'react';\nimport { BasicType, IText } from '@thanhpv102/easy-email-core';\nimport { Stack, TextStyle, useBlock, useEditorContext, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { ShadowDom } from '@extensions/components/ShadowDom';\n\nconst CodeMirrorEditorPromise = import(\n '../../../components/Form/CodemirrorEditor'\n);\nconst CodeMirrorEditor = React.lazy(() => CodeMirrorEditorPromise);\n\nexport const HtmlEditor: React.FC<{\n visible: boolean;\n setVisible: (v: boolean) => void;\n}> = (props) => {\n const { visible, setVisible } = props;\n\n const { focusBlock, setValueByIdx } = useBlock();\n const { pageData } = useEditorContext();\n const { focusIdx } = useFocusIdx();\n const [content, setContent] = useState(focusBlock?.data.value.content);\n\n const isTable = focusBlock?.type === BasicType.TABLE;\n\n useEffect(() => {\n setContent(focusBlock?.data.value.content);\n }, [focusBlock?.data.value.content]);\n\n const onClose = () => {\n setVisible(false);\n };\n\n const onSave = () => {\n if (!focusBlock) return;\n focusBlock.data.value.content = content;\n setValueByIdx(focusIdx, { ...focusBlock });\n onClose();\n };\n\n const styles = useMemo(() => {\n if (!focusBlock) return {};\n\n const attributes = focusBlock.attributes as IText['attributes'];\n return {\n color: attributes.color || pageData?.data.value['text-color'],\n fontSize: attributes['font-size'] || pageData?.data.value['font-size'],\n fontFamily:\n attributes['font-family'] || pageData?.data.value['font-family'],\n fontWeight:\n attributes['font-weight'] || pageData?.data.value['font-weight'],\n backgroundColor: attributes['container-background-color'],\n padding: attributes.padding,\n };\n }, [focusBlock, pageData?.data.value]);\n\n return (\n <Drawer\n placement='left'\n title={(\n <Stack distribution='equalSpacing'>\n <TextStyle variation='strong' size='medium'>\n {'Html'}\n </TextStyle>\n <Stack>\n <Button type='primary' onClick={onSave}>\n {'Save'}\n </Button>\n </Stack>\n </Stack>\n )}\n open={visible}\n footer={null}\n styles={{\n header: { display: 'block', lineHeight: '48px' },\n body: { padding: 0, overflow: 'hidden' },\n wrapper: { width: '100vw' },\n }}\n >\n <div style={{ display: 'flex', height: '100%' }}>\n <div style={{ flex: 1, height: '100%' }}>\n <Suspense\n fallback={(\n <div\n style={{\n height: '100%',\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n backgroundColor: '#263238',\n justifyContent: 'center',\n fontSize: 24,\n color: '#fff',\n }}\n >\n {'Editor Loading...'}\n </div>\n )}\n >\n <CodeMirrorEditor value={content} onChange={setContent} />\n </Suspense>\n </div>\n <div\n style={{ flex: 1, height: '100%', overflow: 'auto', marginRight: 10 }}\n >\n <ShadowDom\n style={{\n ...styles,\n width: pageData?.attributes.width || '600px',\n margin: 'auto',\n }}\n >\n {isTable ? (\n <table>\n <tbody dangerouslySetInnerHTML={{ __html: content }} />\n </table>\n ) : (\n <div dangerouslySetInnerHTML={{ __html: content }} />\n )}\n </ShadowDom>\n </div>\n </div>\n </Drawer>\n );\n};\n","import React, { useState } from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { TextDecoration } from '@extensions/AttributePanel/components/attributes/TextDecoration';\nimport { FontWeight } from '@extensions/AttributePanel/components/attributes/FontWeight';\nimport { FontStyle } from '@extensions/AttributePanel/components/attributes/FontStyle';\nimport { FontFamily } from '@extensions/AttributePanel/components/attributes/FontFamily';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { FontSize } from '@extensions/AttributePanel/components/attributes/FontSize';\nimport { Color } from '@extensions/AttributePanel/components/attributes/Color';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { LineHeight } from '@extensions/AttributePanel/components/attributes/LineHeight';\nimport { LetterSpacing } from '@extensions/AttributePanel/components/attributes/LetterSpacing';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Button, Col, Collapse, Row, Space, Tooltip } from 'antd';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { HtmlEditor } from '../../UI/HtmlEditor';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Text() {\n const [visible, setVisible] = useState(false);\n\n return (\n <AttributesPanelWrapper\n extra={(\n <Tooltip title={t('Html mode')}>\n <Button\n onClick={() => setVisible(true)}\n icon={<IconFont iconName=\"icon-html\" />}\n />\n </Tooltip>\n )}\n >\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Height />\n <Padding showResetAll />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Color')}\n >\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ContainerBackgroundColor title={t('Background color')} />\n </Col>\n </Row>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Typography')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontSize />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <LineHeight />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LetterSpacing />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextDecoration />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontWeight />\n </Col>\n </Row>\n\n <Align />\n\n <FontStyle />\n\n <Row>\n <Col span={11} />\n <Col\n offset={1}\n span={11}\n />\n </Row>\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n <HtmlEditor\n visible={visible}\n setVisible={setVisible}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { ColorPickerField, ImageUploaderField, SwitchField, TextField } from '@extensions/components/Form';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { Link } from '@extensions/AttributePanel/components/attributes/Link';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Border } from '@extensions/AttributePanel/components/attributes/Border';\nimport { Stack, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { imageHeightAdapter, pixelAdapter } from '../../adapter';\n\nconst fullWidthOnMobileAdapter = {\n format(obj: boolean | string) {\n return Boolean(obj);\n },\n parse(val: boolean) {\n if (!val) return undefined;\n\n return 'true';\n },\n};\n\nexport function Image() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Setting')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <ImageUploaderField\n label={t('src')}\n labelHidden\n name={`${focusIdx}.attributes.src`}\n helpText={t(\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.',\n )}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n <ColorPickerField\n label={t('Background color')}\n name={`${focusIdx}.attributes.container-background-color`}\n inline\n />\n <SwitchField\n label={t('Full width on mobile')}\n name={`${focusIdx}.attributes.fluid-on-mobile`}\n config={fullWidthOnMobileAdapter}\n />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width config={pixelAdapter} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <Height config={imageHeightAdapter} />\n </Col>\n </Row>\n\n <Padding showResetAll />\n <Row>\n <Col span={24}>\n <Align />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={t('Link')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Link />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Border')}\n >\n <Border />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Row>\n <Col span={11}>\n <TextField\n label={t('title')}\n name={`${focusIdx}.attributes.title`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('alt')}\n name={`${focusIdx}.attributes.alt`}\n />\n </Col>\n </Row>\n <Col span={24}>\n <TextField\n label={t('class name')}\n name={`${focusIdx}.attributes.css-class`}\n />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { BackgroundColor } from '@extensions/AttributePanel/components/attributes/BackgroundColor';\nimport { VerticalAlign } from '@extensions/AttributePanel/components/attributes/VerticalAlign';\nimport { Col, Collapse, Row } from 'antd';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Group() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key=\"0\" header={t('Dimension')}>\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col offset={1} span={11}>\n <VerticalAlign />\n </Col>\n </Row>\n </Collapse.Panel>\n <Collapse.Panel key=\"1\" header={t('Background')}>\n <Row>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n </Collapse.Panel>\n <Collapse.Panel key=\"2\" header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '../../attributes/Padding';\nimport { Border } from '../../attributes/Border';\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { Color } from '../../attributes/Color';\nimport { Link } from '../../attributes/Link';\nimport { Width } from '../../attributes/Width';\nimport { ContainerBackgroundColor } from '../../attributes/ContainerBackgroundColor';\nimport { Align } from '../../attributes/Align';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontStyle } from '../../attributes/FontStyle';\nimport { FontWeight } from '../../attributes/FontWeight';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { TextDecoration } from '../../attributes/TextDecoration';\nimport { LineHeight } from '../../attributes/LineHeight';\nimport { LetterSpacing } from '../../attributes/LetterSpacing';\nimport { Col, Collapse, Popover, Row, Space, Button as AntButton } from 'antd';\nimport { TextField } from '../../../../components/Form';\nimport { IconFont, useEditorProps, useField, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { MergeTags } from '../../attributes';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Button() {\n const { focusIdx } = useFocusIdx();\n const { input } = useField(`${focusIdx}.data.value.content`, {\n parse: (v: string) => v,\n });\n\n const { mergeTags } = useEditorProps();\n\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={'Setting'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <TextField\n label={(\n <Space>\n <span>{'Content'}</span>\n {mergeTags && (\n <Popover\n trigger=\"click\"\n content={(\n <MergeTags\n value={input.value || ''}\n onChange={input.onChange}\n />\n )}\n >\n <AntButton\n type=\"text\"\n icon={<IconFont iconName=\"icon-merge-tags\" />}\n />\n </Popover>\n )}\n </Space>\n )}\n name={`${focusIdx}.data.value.content`}\n />\n <Link />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={'Dimension'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontWeight />\n </Col>\n </Row>\n\n <Padding\n title={'Padding'}\n attributeName=\"padding\"\n showResetAll\n />\n <Padding\n title={'Inner padding'}\n attributeName=\"inner-padding\"\n />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={'Color'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Color title={'Text color'} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <BackgroundColor title={'Button color'} />\n </Col>\n <Col span={11}>\n <ContainerBackgroundColor title={'Background color'} />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={'Typography'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontSize />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontWeight />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LineHeight />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextDecoration />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LetterSpacing />\n </Col>\n </Row>\n <Align />\n\n <FontStyle />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"4\"\n header={'Border'}\n >\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"5\"\n header={'Extra'}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { BorderWidth } from '@extensions/AttributePanel/components/attributes/BorderWidth';\nimport { BorderStyle } from '@extensions/AttributePanel/components/attributes/BorderStyle';\nimport { BorderColor } from '@extensions/AttributePanel/components/attributes/BorderColor';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Divider() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key=\"0\" header={t('Dimension')}>\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <Width unitOptions=\"percent\" />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n\n <Align />\n <Padding />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel key=\"1\" header={t('Border')}>\n <Stack wrap={false} spacing=\"tight\">\n <div style={{ width: 50 }}>\n <BorderWidth />\n </div>\n <div style={{ width: 100 }}>\n <BorderStyle />\n </div>\n <div style={{ width: 100 }}>\n <BorderColor />\n </div>\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel key=\"2\" header={t('Background')}>\n <Row>\n <Col span={11}>\n <ContainerBackgroundColor title={t('Background')} />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n </Collapse.Panel>\n <Collapse.Panel key=\"3\" header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes//Padding';\nimport { Background } from '@extensions/AttributePanel/components/attributes//Background';\nimport { TextField } from '@extensions/components/Form';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Wrapper() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key=\"0\" header={t('Dimension')}>\n <Stack vertical spacing=\"tight\">\n <Padding />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel key=\"1\" header={t('Background')}>\n <Stack vertical spacing=\"tight\">\n <Background />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel key=\"2\" header={t('Border')}>\n <Stack vertical spacing=\"tight\">\n <TextField\n label={t('Border')}\n name={`${focusIdx}.attributes.border`}\n inline\n />\n <TextField\n label={t('Background border radius')}\n name={`${focusIdx}.attributes.border-radius`}\n inline\n />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel key=\"4\" header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","\nimport React from 'react';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Collapse, Row, Col, Space } from 'antd';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nexport function Spacer() {\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel key='0' header={t('Dimension')}>\n <Space orientation='vertical' size='small'>\n <Height />\n <Padding />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel key='1' header={t('Background')}>\n <ContainerBackgroundColor title={t('Background color')} />\n </Collapse.Panel>\n\n <Collapse.Panel key='2' header={t('Extra')}>\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React, { useState } from 'react';\r\nimport { IconFont, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { TextAreaField } from '@extensions/components/Form';\r\nimport { AttributesPanelWrapper } from '../../attributes';\r\nimport { Button, Tooltip } from 'antd';\r\nimport { HtmlEditor } from '../../UI/HtmlEditor';\r\n\r\nexport function Raw() {\r\n const { focusIdx } = useFocusIdx();\r\n const [visible, setVisible] = useState(false);\r\n return (\r\n <AttributesPanelWrapper\r\n style={{ padding: 20 }}\r\n extra={(\r\n <Tooltip title={t('Html mode')}>\r\n <Button\r\n onClick={() => setVisible(true)}\r\n icon={<IconFont iconName=\"icon-html\" />}\r\n />\r\n </Tooltip>\r\n )}\r\n >\r\n <TextAreaField\r\n label=\"\"\r\n name={`${focusIdx}.data.value.content`}\r\n rows={5}\r\n />\r\n <HtmlEditor\r\n visible={visible}\r\n setVisible={setVisible}\r\n />\r\n </AttributesPanelWrapper>\r\n );\r\n}\r\n","\nimport React from 'react';\nimport { useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { BackgroundColor } from '@extensions/AttributePanel/components/attributes/BackgroundColor';\nimport { FontFamily } from '@extensions/AttributePanel/components/attributes/FontFamily';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport {\n ImageUploaderField,\n InputWithUnitField,\n RadioGroupField,\n SelectField,\n TextField,\n} from '@extensions/components/Form';\nimport { Collapse, Row, Col, Space } from 'antd';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nconst positionOptions = [\n {\n value: 'left',\n get label() {\n return t('Left');\n },\n },\n {\n value: 'right',\n get label() {\n return t('Right');\n },\n },\n];\n\nconst alignOptions = [\n {\n value: 'top',\n get label() {\n return t('top');\n },\n },\n {\n value: 'middle',\n get label() {\n return t('middle');\n },\n },\n {\n value: 'bottom',\n get label() {\n return t('bottom');\n },\n },\n];\n\nexport function Accordion() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key='0'\n header={t('Setting')}\n >\n <Space orientation='vertical' size='small'>\n <Row>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontFamily />\n </Col>\n </Row>\n\n <Padding />\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.attributes.icon-width`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Icon height')}\n name={`${focusIdx}.attributes.icon-height`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <ImageUploaderField\n label={t('Unwrapped icon')}\n name={`${focusIdx}.attributes.icon-unwrapped-url`}\n //helpText={t('The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.')}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ImageUploaderField\n label={t('Wrapped icon')}\n name={`${focusIdx}.attributes.icon-wrapped-url`}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <RadioGroupField\n label={t('Icon position')}\n name={`${focusIdx}.attributes.icon-position`}\n options={positionOptions}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n style={{ width: 120 }}\n label={t('Icon align')}\n name={`${focusIdx}.attributes.icon-align`}\n options={alignOptions}\n />\n </Col>\n </Row>\n\n <TextField\n label={t('Border')}\n name={`${focusIdx}.attributes.border`}\n />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key='4'\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Border } from '../../attributes/Border';\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { Collapse, Space } from 'antd';\n\nexport function AccordionElement() {\n // const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <Collapse defaultActiveKey={['.$0']} items={[\n {\n key: '0',\n label: t('Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n <Border />\n <BackgroundColor />\n <FontFamily />\n </Space>\n ),\n },\n ]}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { Padding } from '../../attributes/Padding';\n\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { Color } from '../../attributes/Color';\nimport { TextAreaField } from '../../../../components/Form';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontWeight } from '../../attributes/FontWeight';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { Col, Collapse, Row, Space } from 'antd';\n\nexport function AccordionTitle() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <Collapse defaultActiveKey={['.$0']} items={[\n {\n key: '0',\n label: t('Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n <TextAreaField\n label={'Content'}\n name={`${focusIdx}.data.value.content`}\n />\n\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col offset={1} span={11}>\n <BackgroundColor />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontSize />\n </Col>\n <Col offset={1} span={11}>\n <FontFamily />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontWeight />\n </Col>\n <Col offset={1} span={11} />\n </Row>\n\n <Padding title={'Padding'} attributeName=\"padding\" />\n </Space>\n ),\n },\n ]}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { useFocusIdx } from '@thanhpv102/easy-email-editor';\n\nimport { Padding } from '../../attributes/Padding';\nimport { BackgroundColor } from '../../attributes/BackgroundColor';\nimport { Color } from '../../attributes/Color';\nimport { TextAreaField } from '../../../../components/Form';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontWeight } from '../../attributes/FontWeight';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { LineHeight } from '../../attributes/LineHeight';\nimport { AttributesPanelWrapper } from '../../attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\n\nexport function AccordionText() {\n const { focusIdx } = useFocusIdx();\n\n return (\n <AttributesPanelWrapper>\n <Collapse defaultActiveKey={['.$0']} items={[\n {\n key: '0',\n label: t('Setting'),\n children: (\n <Space orientation=\"vertical\" size=\"small\">\n <TextAreaField\n label={t('Content')}\n name={`${focusIdx}.data.value.content`}\n autoSize={{ minRows: 5 }}\n />\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col offset={1} span={11}>\n <FontSize />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <LineHeight />\n </Col>\n <Col offset={1} span={11}>\n <FontWeight />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col offset={1} span={11}>\n <BackgroundColor />\n </Col>\n </Row>\n\n <Padding title={t('Padding')} attributeName=\"padding\" />\n </Space>\n ),\n },\n ]}\n />\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport {\n ColorPickerField,\n EditTabField,\n ImageUploaderField,\n InputWithUnitField,\n RadioGroupField,\n SelectField,\n TextField,\n} from '@extensions/components/Form';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { Stack, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { ICarousel } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { LinkOutlined } from '@ant-design/icons';\n\nconst options = [\n {\n value: 'hidden',\n get label() {\n return t('hidden');\n },\n },\n {\n value: 'visible',\n get label() {\n return t('visible');\n },\n },\n];\n\nexport function Carousel() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <InputWithUnitField\n label={t('Thumbnail width')}\n name={`${focusIdx}.attributes.tb-width`}\n quickchange\n inline\n />\n\n <RadioGroupField\n label={t('Thumbnails')}\n name={`${focusIdx}.attributes.thumbnails`}\n options={options}\n inline\n />\n <Align inline />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Images')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <EditTabField\n tabPlacement=\"top\"\n name={`${focusIdx}.data.value.images`}\n label=\"\"\n labelHidden\n renderItem={(item: unknown, index: number) => (\n <CarouselImage\n item={item as ICarousel['data']['value']['images'][number]}\n index={index}\n />\n )}\n additionItem={{\n src: 'https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg',\n target: '_blank',\n }}\n />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Icon')}\n >\n <Row>\n <Col span={11}>\n <TextField\n label={t('Left icon')}\n name={`${focusIdx}.attributes.left-icon`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Right icon')}\n name={`${focusIdx}.attributes.right-icon`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.attributes.icon-width`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n />\n </Row>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Border')}\n >\n <Row>\n <Col span={11}>\n <ColorPickerField\n label={t('Hovered border')}\n name={`${focusIdx}.attributes.tb-hover-border-color`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ColorPickerField\n label={t('Selected Border')}\n name={`${focusIdx}.attributes.tb-selected-border-color`}\n />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <TextField\n label={t('Border of the thumbnails')}\n name={`${focusIdx}.attributes.tb-border`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Border radius of the thumbnails')}\n name={`${focusIdx}.attributes.tb-border-radius`}\n />\n </Col>\n </Row>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\nfunction CarouselImage({\n index,\n}: {\n item: ICarousel['data']['value']['images'][number];\n index: number;\n}) {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n return (\n <Space orientation=\"vertical\" size=\"small\">\n <ImageUploaderField\n label={t('Image')}\n labelHidden\n name={`${focusIdx}.data.value.images.[${index}].src`}\n helpText={t(\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.',\n )}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n <Row>\n <Col span={11}>\n <TextField\n prefix={<LinkOutlined />}\n label={t('Url')}\n name={`${focusIdx}.data.value.images.[${index}].href`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n label={t('Target')}\n name={`${focusIdx}.data.value.images.[${index}].target`}\n options={[\n {\n value: '',\n label: t('_self'),\n },\n {\n value: '_blank',\n label: t('_blank'),\n },\n ]}\n />\n </Col>\n </Row>\n\n <TextField\n label={t('Title')}\n name={`${focusIdx}.data.value.images.[${index}].title`}\n />\n </Space>\n );\n}\n","import React from 'react';\nimport { BackgroundColor } from '@extensions/AttributePanel/components/attributes/BackgroundColor';\nimport { ImageUploaderField, InputWithUnitField, RadioGroupField, TextField } from '@extensions/components/Form';\nimport { Width } from '@extensions/AttributePanel/components/attributes/Width';\nimport { Height } from '@extensions/AttributePanel/components/attributes/Height';\nimport { VerticalAlign } from '@extensions/AttributePanel/components/attributes/VerticalAlign';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\n\nconst options = [\n {\n value: 'fluid-height',\n get label() {\n return t('Fluid height');\n },\n },\n {\n value: 'fixed-height',\n get label() {\n return t('Fixed height');\n },\n },\n];\n\nexport function Hero() {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, enableAssetManager } = useEditorProps();\n\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Dimension')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <RadioGroupField\n label={t('Mode')}\n name={`${focusIdx}.attributes.mode`}\n key={`${focusIdx}.attributes.mode`}\n options={options}\n />\n <Row>\n <Col span={11}>\n <Width />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <Height />\n </Col>\n </Row>\n\n <Padding />\n <VerticalAlign />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Background')}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <ImageUploaderField\n label={t('src')}\n name={`${focusIdx}.attributes.background-url`}\n key={`${focusIdx}.attributes.background-url`}\n helpText={t(\n 'The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.',\n )}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Background width')}\n name={`${focusIdx}.attributes.background-width`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Background height')}\n name={`${focusIdx}.attributes.background-height`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextField\n label={t('Background position')}\n name={`${focusIdx}.attributes.background-position`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <InputWithUnitField\n label={t('Border radius')}\n name={`${focusIdx}.attributes.border-radius`}\n unitOptions=\"percent\"\n />\n </Col>\n <Col span={11}>\n <BackgroundColor />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import React from 'react';\nimport { ColorPickerField, EditTabField, SelectField, TextField } from '@extensions/components/Form';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { LinkOutlined } from '@ant-design/icons';\nimport { NavbarLinkPadding } from '@extensions/AttributePanel/components/attributes/NavbarLinkPadding';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { INavbar } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport {\n FontFamily,\n FontStyle,\n FontWeight,\n LetterSpacing,\n LineHeight,\n TextDecoration,\n TextTransform,\n} from '../../attributes';\nimport { pixelAdapter } from '../../adapter';\n\nexport function Navbar() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Layout')}\n >\n <Stack\n vertical\n spacing=\"tight\"\n >\n <Align />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={t('Navbar links')}\n >\n <Space\n orientation=\"vertical\"\n style={{ width: '100%' }}\n >\n <EditTabField\n tabPlacement=\"top\"\n name={`${focusIdx}.data.value.links`}\n label={t('Links')}\n labelHidden\n renderItem={(item: unknown, index: number) => (\n <NavbarLink\n item={item as INavbar['data']['value']['links'][number]}\n index={index}\n />\n )}\n additionItem={{\n src: 'https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg',\n target: '_blank',\n content: 'New link',\n color: '#1890ff',\n 'font-size': '13px',\n }}\n />\n <div />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\nfunction NavbarLink({\n index,\n}: {\n item: INavbar['data']['value']['links'][number];\n index: number;\n}) {\n const { focusIdx } = useFocusIdx();\n return (\n <div className=\"NavbarLink\">\n <Space\n orientation=\"vertical\"\n style={{ width: '100%' }}\n >\n <Row>\n <Col span={11}>\n <TextField\n label={t('Content')}\n name={`${focusIdx}.data.value.links.[${index}].content`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ColorPickerField\n label={t('Color')}\n name={`${focusIdx}.data.value.links.[${index}].color`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <FontFamily name={`${focusIdx}.data.value.links.[${index}].font-family`} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Font size (px)')}\n name={`${focusIdx}.data.value.links.[${index}].font-size`}\n config={pixelAdapter}\n autoComplete=\"off\"\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <LineHeight name={`${focusIdx}.data.value.links.[${index}].line-height`} />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LetterSpacing\n name={`${focusIdx}.data.value.links.[${index}].letter-spacing`}\n />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextDecoration\n name={`${focusIdx}.data.value.links.[${index}].text-decoration`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontWeight name={`${focusIdx}.data.value.links.[${index}].font-weight`} />\n </Col>\n </Row>\n\n <Row>\n <Col span={11}>\n <TextTransform\n name={`${focusIdx}.data.value.links.[${index}].text-transform`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n />\n </Row>\n <FontStyle name={`${focusIdx}.data.value.links.[${index}].font-style`} />\n <Row>\n <Col span={11}>\n <TextField\n prefix={<LinkOutlined />}\n label={<span>{t('Url')}</span>}\n name={`${focusIdx}.data.value.links.[${index}].href`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <SelectField\n style={{ minWidth: 65 }}\n label={t('Target')}\n name={`${focusIdx}.data.value.links.[${index}].target`}\n options={[\n {\n value: '_blank',\n label: t('_blank'),\n },\n {\n value: '_self',\n label: t('_self'),\n },\n ]}\n />\n </Col>\n </Row>\n <NavbarLinkPadding\n name={`${focusIdx}.data.value.links.[${index}].padding`}\n />\n <div />\n </Space>\n </div>\n );\n}\n","import React, { useMemo } from 'react';\nimport { Padding } from '@extensions/AttributePanel/components/attributes/Padding';\nimport {\n EditGridTabField,\n ImageUploaderField,\n InputWithUnitField,\n RadioGroupField,\n TextField,\n} from '@extensions/components/Form';\nimport { Align } from '@extensions/AttributePanel/components/attributes/Align';\nimport { Color } from '@extensions/AttributePanel/components/attributes/Color';\nimport { ContainerBackgroundColor } from '@extensions/AttributePanel/components/attributes/ContainerBackgroundColor';\nimport { FontFamily } from '@extensions/AttributePanel/components/attributes/FontFamily';\nimport { FontSize } from '@extensions/AttributePanel/components/attributes/FontSize';\nimport { FontStyle } from '@extensions/AttributePanel/components/attributes/FontStyle';\nimport { FontWeight } from '@extensions/AttributePanel/components/attributes/FontWeight';\n\nimport { AttributesPanelWrapper } from '@extensions/AttributePanel/components/attributes/AttributesPanelWrapper';\nimport { Col, Collapse, Row, Space } from 'antd';\nimport { TextDecoration } from '@extensions/AttributePanel/components/attributes/TextDecoration';\nimport { LineHeight } from '@extensions/AttributePanel/components/attributes/LineHeight';\nimport { useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { ISocial } from '@thanhpv102/easy-email-core';\nimport { ClassName } from '../../attributes/ClassName';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { LinkOutlined } from '@ant-design/icons';\n\nconst options = [\n {\n value: 'vertical',\n get label() {\n return 'vertical';\n },\n },\n {\n value: 'horizontal',\n get label() {\n return 'horizontal';\n },\n },\n];\n\nexport function Social() {\n const { focusIdx } = useFocusIdx();\n const { focusBlock } = useBlock();\n const value = focusBlock?.data.value as ISocial['data']['value'];\n if (!value) return null;\n\n return (\n <AttributesPanelWrapper style={{ padding: 0 }}>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={'Setting'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <RadioGroupField\n label={'Mode'}\n name={`${focusIdx}.attributes.mode`}\n options={options}\n />\n\n <Align />\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={'Typography'}\n >\n <Space orientation=\"vertical\" size=\"small\">\n <Row>\n <Col span={11}>\n <FontFamily />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontSize />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <FontWeight />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <LineHeight />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <Color />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <ContainerBackgroundColor title={'Background color'} />\n </Col>\n </Row>\n <Row>\n <Col span={11}>\n <TextDecoration />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <FontStyle />\n </Col>\n </Row>\n </Space>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={t('Social item')}\n >\n <EditGridTabField\n tabPlacement=\"top\"\n name={`${focusIdx}.data.value.elements`}\n label=\"\"\n labelHidden\n renderItem={(item, index: number) => (\n <SocialElement\n item={item as ISocial['data']['value']['elements'][number]}\n index={index}\n />\n )}\n />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Dimension')}\n >\n <Space\n orientation=\"vertical\"\n size=\"large\"\n >\n <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.attributes.icon-size`}\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n label={t('Border radius')}\n name={`${focusIdx}.attributes.border-radius`}\n />\n </Col>\n </Row>\n\n <Padding />\n <Padding\n attributeName=\"inner-padding\"\n title={t('Icon padding')}\n />\n <Padding\n attributeName=\"text-padding\"\n title={t('Text padding')}\n />\n </Space>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"4\"\n header={t('Extra')}\n >\n <Col span={24}>\n <ClassName />\n </Col>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\nfunction SocialElement({\n index,\n}: {\n item: ISocial['data']['value']['elements'][0];\n index: number;\n}) {\n const { focusIdx } = useFocusIdx();\n const { onUploadImage, socialIcons, enableAssetManager } = useEditorProps();\n\n const autoCompleteOptions = useMemo(() => {\n if (!socialIcons) return undefined;\n return socialIcons.map(icon => {\n return {\n label: icon.content,\n value: icon.image,\n };\n });\n }, [socialIcons]);\n\n return (\n <Space orientation=\"vertical\" size=\"small\">\n <ImageUploaderField\n label={t('Image')}\n autoCompleteOptions={autoCompleteOptions}\n labelHidden\n name={`${focusIdx}.data.value.elements.[${index}].src`}\n //helpText={t('The image suffix should be .jpg, jpeg, png, gif, etc. Otherwise, the picture may not be displayed normally.')}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n />\n\n <Row>\n <Col span={11}>\n <TextField\n label={t('Content')}\n name={`${focusIdx}.data.value.elements.[${index}].content`}\n quickchange\n />\n </Col>\n <Col\n offset={1}\n span={11}\n >\n <TextField\n prefix={<LinkOutlined />}\n label={t('Link')}\n name={`${focusIdx}.data.value.elements.[${index}].href`}\n />\n </Col>\n </Row>\n {/* <Row>\n <Col span={11}>\n <InputWithUnitField\n label={t('Icon width')}\n name={`${focusIdx}.data.value.elements.[${index}].icon-size`}\n />\n </Col>\n <Col offset={1} span={11}>\n <InputWithUnitField\n label={t('Icon height')}\n name={`${focusIdx}.data.value.elements.[${index}].icon-height`}\n />\n </Col>\n </Row> */}\n </Space>\n );\n}\n","import { AttributesPanelWrapper } from '@extensions/AttributePanel';\nimport { Collapse } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { t } from '@thanhpv102/easy-email-core';\nimport { Border } from '../../attributes/Border';\nimport { Color } from '../../attributes/Color';\nimport { ContainerBackgroundColor } from '../../attributes/ContainerBackgroundColor';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { FontSize } from '../../attributes/FontSize';\nimport { FontStyle } from '../../attributes/FontStyle';\nimport { Padding } from '../../attributes/Padding';\nimport { TextAlign } from '../../attributes/TextAlign';\nimport { Width } from '../../attributes/Width';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { TextField } from '@extensions/components/Form';\nexport function Table() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Content')}\n >\n <TextField\n label={t('Content')}\n name={`${focusIdx}.data.value.content`}\n type='textarea'\n placeholder=\"Enter HTML table content\"\n />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"1\"\n header={t('Dimension')}\n >\n <Stack>\n <Width />\n </Stack>\n <Stack vertical>\n <Padding />\n </Stack>\n </Collapse.Panel>\n <Collapse.Panel\n key=\"2\"\n header={t('Decoration')}\n >\n <Color />\n <ContainerBackgroundColor />\n <Border />\n </Collapse.Panel>\n <Collapse.Panel\n key=\"3\"\n header={t('Typography')}\n >\n <Stack>\n <FontFamily />\n <FontSize />\n </Stack>\n <FontStyle />\n <TextAlign />\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n\n","import { AttributesPanelWrapper } from '@extensions/AttributePanel';\nimport { Collapse } from 'antd';\nimport { Stack, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { t } from '@thanhpv102/easy-email-core';\nimport { Color } from '../../attributes/Color';\nimport { ContainerBackgroundColor } from '../../attributes/ContainerBackgroundColor';\nimport { FontFamily } from '../../attributes/FontFamily';\nimport { FontSize } from '../../attributes/FontSize';\nimport { Padding } from '../../attributes/Padding';\nimport { Width } from '../../attributes/Width';\nimport { CollapseWrapper } from '../../attributes/CollapseWrapper';\nimport { ColorPickerField, NumberField, SelectField, TextField } from '@extensions';\nimport { pixelAdapter } from '../../adapter';\n\nexport function AdvancedTable() {\n const { focusIdx } = useFocusIdx();\n return (\n <AttributesPanelWrapper>\n <CollapseWrapper defaultActiveKey={['.$0']}>\n <Collapse.Panel\n key=\"0\"\n header={t('Table Settings')}\n >\n <div style={{ fontSize: 12, color: '#666', marginBottom: 8 }}>\n {t('Click on the table to edit cells, right click for add/remove rows and columns')}\n </div>\n <NumberField\n label={t('Cell padding (px)')}\n name={`${focusIdx}.attributes.cellPadding`}\n config={pixelAdapter}\n max={50}\n min={0}\n step={1}\n />\n <ColorPickerField\n label={t('Cell border color')}\n name={`${focusIdx}.attributes.cellBorderColor`}\n key={`${focusIdx}.attributes.cellBorderColor`}\n />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"1\"\n header={t('Dimension')}\n >\n <Stack>\n <Width />\n </Stack>\n <Stack vertical>\n <Padding />\n </Stack>\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"2\"\n header={t('Decoration')}\n >\n <Color />\n <ContainerBackgroundColor />\n <TextField\n label={t('Table border')}\n name={`${focusIdx}.attributes.border`}\n />\n </Collapse.Panel>\n\n <Collapse.Panel\n key=\"3\"\n header={t('Typography')}\n >\n <Stack>\n <FontFamily />\n <FontSize />\n </Stack>\n <Stack>\n <SelectField\n label={t('Font style')}\n name={`${focusIdx}.attributes.font-style`}\n options={[\n { value: 'normal', label: t('Normal') },\n { value: 'italic', label: t('Italic') },\n { value: 'oblique', label: t('Oblique') },\n ]}\n />\n <SelectField\n label={t('Text align')}\n name={`${focusIdx}.attributes.text-align`}\n options={[\n { value: 'left', label: t('Left') },\n { value: 'center', label: t('Center') },\n { value: 'right', label: t('Right') },\n ]}\n />\n </Stack>\n </Collapse.Panel>\n </CollapseWrapper>\n </AttributesPanelWrapper>\n );\n}\n","import { Page } from './Page';\nimport { Section } from './Section';\nimport { Column } from './Column';\nimport { Text } from './Text';\nimport { Image } from './Image';\nimport { Group } from './Group';\nimport { Button } from './Button';\nimport { Divider } from './Divider';\nimport { Wrapper } from './Wrapper';\nimport { Spacer } from './Spacer';\n\nimport { Raw } from './Raw';\nimport { Accordion } from './Accordion';\nimport { AccordionElement } from './AccordionElement';\nimport { AccordionTitle } from './AccordionTitle';\nimport { AccordionText } from './AccordionText';\nimport { Carousel } from './Carousel';\nimport { Hero } from './Hero';\nimport { Navbar } from './Navbar';\nimport { Social } from './Social';\nimport { Table } from './Table';\nimport { BasicType, AdvancedType } from '@thanhpv102/easy-email-core';\nimport { AdvancedTable } from './AdvancedTable';\n\nexport const blocks = {\n [BasicType.PAGE]: Page,\n [BasicType.SECTION]: Section,\n [BasicType.COLUMN]: Column,\n [BasicType.TEXT]: Text,\n [BasicType.IMAGE]: Image,\n [BasicType.GROUP]: Group,\n [BasicType.BUTTON]: Button,\n [BasicType.DIVIDER]: Divider,\n [BasicType.WRAPPER]: Wrapper,\n [BasicType.SPACER]: Spacer,\n [BasicType.RAW]: Raw,\n [BasicType.ACCORDION]: Accordion,\n [BasicType.ACCORDION_ELEMENT]: AccordionElement,\n [BasicType.ACCORDION_TITLE]: AccordionTitle,\n [BasicType.ACCORDION_TEXT]: AccordionText,\n [BasicType.CAROUSEL]: Carousel,\n [BasicType.HERO]: Hero,\n [BasicType.NAVBAR]: Navbar,\n [BasicType.SOCIAL]: Social,\n [BasicType.TABLE]: Table,\n\n [AdvancedType.TEXT]: Text,\n [AdvancedType.IMAGE]: Image,\n [AdvancedType.BUTTON]: Button,\n [AdvancedType.DIVIDER]: Divider,\n [AdvancedType.SPACER]: Spacer,\n [AdvancedType.ACCORDION]: Accordion,\n [AdvancedType.CAROUSEL]: Carousel,\n [AdvancedType.NAVBAR]: Navbar,\n [AdvancedType.SOCIAL]: Social,\n [AdvancedType.TABLE]: AdvancedTable,\n\n [AdvancedType.HERO]: Hero,\n [AdvancedType.WRAPPER]: Wrapper,\n [AdvancedType.SECTION]: Section,\n [AdvancedType.GROUP]: Group,\n [AdvancedType.COLUMN]: Column,\n};\n","import { blocks } from '../components/blocks';\nimport { ReactNode } from 'react';\n\ntype ObjectComponent = { [key: string]: (...args: any) => ReactNode };\n\nexport class BlockAttributeConfigurationManager {\n private static map: ObjectComponent = { ...blocks };\n\n public static add(componentMap: ObjectComponent) {\n Object.keys(componentMap).forEach(name => {\n this.map[name] = componentMap[name];\n });\n }\n\n public static get<T extends ObjectComponent>(name: keyof T): () => React.ReactElement | null {\n return (this.map as any)[name];\n }\n\n public static getMap() {\n return this.map;\n }\n}\n","export const RICH_TEXT_TOOL_BAR = 'Tools';\r\nexport const RICH_TEXT_POPUP_CONTAINER_ID = 'easy-email-rich-text-popup-container';\r\n\r\n","/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport { RICH_TEXT_TOOL_BAR, RICH_TEXT_POPUP_CONTAINER_ID } from '@extensions/constants';\nimport { getShadowRoot } from '@thanhpv102/easy-email-editor';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nexport const SelectionRangeContext = React.createContext<{\n selectionRange: Range | null;\n setSelectionRange: React.Dispatch<React.SetStateAction<Range | null>>;\n}>({\n selectionRange: null,\n setSelectionRange: () => {},\n});\n\nexport const SelectionRangeProvider: React.FC<{\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const [selectionRange, setSelectionRange] = useState<Range | null>(null);\n\n useEffect(() => {\n const getSelectionFromShadowRoot = (shadowRoot: ShadowRoot): Selection | null => {\n // Chrome supports getSelection() directly on ShadowRoot.\n if ('getSelection' in shadowRoot) {\n return (shadowRoot as unknown as Document).getSelection();\n }\n // Firefox: use document.getSelection() but only when the anchor is\n // actually inside the shadow root (avoids stale light-DOM selections).\n const sel = document.getSelection();\n if (sel && sel.rangeCount > 0 && shadowRoot.contains(sel.anchorNode)) {\n return sel;\n }\n return sel;\n };\n\n const applySelection = (shadowRoot: ShadowRoot) => {\n try {\n const selection = getSelectionFromShadowRoot(shadowRoot);\n\n if (!selection || selection.rangeCount === 0) return;\n\n const range = selection.getRangeAt(0);\n if (!range) return;\n\n // Ignore selections whose container is outside the shadow root.\n // This prevents stale light-DOM selections in Firefox from being used.\n if (!shadowRoot.contains(range.commonAncestorContainer)) return;\n\n const toolbar = shadowRoot.getElementById(RICH_TEXT_TOOL_BAR);\n if (toolbar && toolbar.contains(range.commonAncestorContainer)) return;\n const popupContainer = shadowRoot.getElementById(RICH_TEXT_POPUP_CONTAINER_ID);\n if (popupContainer && popupContainer.contains(range.commonAncestorContainer)) return;\n\n // If the range is collapsed (cursor only), make sure the active element\n // is still the contenteditable editor – not a toolbar control or popup\n // input that stole focus and left a stale collapsed range in the editor.\n if (range.collapsed) {\n const activeEl = shadowRoot.activeElement;\n if (activeEl) {\n if (toolbar && toolbar.contains(activeEl)) return;\n if (popupContainer && popupContainer.contains(activeEl)) return;\n }\n }\n\n setSelectionRange(range);\n } catch {}\n };\n\n const shadowRoot = getShadowRoot();\n\n // --- Mouse tracking ---\n // We track clicks to distinguish:\n // single-click drag → read on mouseup (via 0ms timeout)\n // double-click → read via dblclick AFTER Firefox expands word selection\n let isMouseDown = false;\n let pendingDblClickTimer: ReturnType<typeof setTimeout> | null = null;\n // Flag set between mouseup and dblclick to suppress selectionchange during\n // that window (Firefox fires selectionchange with wrong ranges here).\n let suppressSelectionChange = false;\n\n const onMouseDown = (e: Event) => {\n const target = e.target as Node | null;\n const toolbar = shadowRoot.getElementById(RICH_TEXT_TOOL_BAR);\n const popupContainer = shadowRoot.getElementById(RICH_TEXT_POPUP_CONTAINER_ID);\n if ((toolbar && target && toolbar.contains(target)) ||\n (popupContainer && target && popupContainer.contains(target))) {\n return;\n }\n isMouseDown = true;\n suppressSelectionChange = false;\n };\n\n const onMouseUp = (e: Event) => {\n isMouseDown = false;\n // If the click is on the toolbar or a popup container, skip updating the\n // selection – we want to preserve the cursor/selection in the editor.\n const target = e.target as Node | null;\n const toolbar = shadowRoot.getElementById(RICH_TEXT_TOOL_BAR);\n const popupContainer = shadowRoot.getElementById(RICH_TEXT_POPUP_CONTAINER_ID);\n if ((toolbar && target && toolbar.contains(target)) ||\n (popupContainer && target && popupContainer.contains(target))) {\n return;\n }\n // Suppress selectionchange briefly after mouseup in case a dblclick\n // follows – Firefox fires bad intermediate selectionchange events in\n // the gap between mouseup and dblclick.\n suppressSelectionChange = true;\n pendingDblClickTimer = setTimeout(() => {\n pendingDblClickTimer = null;\n suppressSelectionChange = false;\n applySelection(shadowRoot);\n }, 0);\n };\n\n const onDblClick = (e: Event) => {\n // Cancel the mouseup timer – we handle the selection here instead.\n if (pendingDblClickTimer !== null) {\n clearTimeout(pendingDblClickTimer);\n pendingDblClickTimer = null;\n }\n\n // Firefox-specific workaround: when the user double-clicks inside an\n // <a> element that is itself inside a contenteditable, Firefox sometimes\n // selects the text node *before* the <a> rather than the text inside it.\n // Detect this and manually build a correct selection for the <a> content.\n const target = e.target as Node | null;\n const anchorEl = target instanceof HTMLAnchorElement\n ? target\n : (target as Element | null)?.closest?.('a') ?? null;\n\n if (anchorEl && anchorEl.firstChild) {\n try {\n const sel = document.getSelection();\n if (sel) {\n // Check if Firefox gave us a bad selection (anchor outside <a>).\n const isBadSelection =\n sel.rangeCount === 0 ||\n !anchorEl.contains(sel.anchorNode);\n\n if (isBadSelection) {\n suppressSelectionChange = false;\n // Manually select all text inside the <a> element.\n // Prefer setBaseAndExtent (supported in Firefox and Chrome) for\n // selecting nodes inside shadow DOM, as addRange can be unreliable.\n const firstChild = anchorEl.firstChild;\n const lastChild = anchorEl.lastChild ?? firstChild;\n const endOffset =\n lastChild.nodeType === Node.TEXT_NODE\n ? (lastChild as Text).length\n : (lastChild as Element).childNodes.length;\n if (typeof sel.setBaseAndExtent === 'function') {\n sel.setBaseAndExtent(firstChild, 0, lastChild, endOffset);\n } else {\n const newRange = document.createRange();\n newRange.selectNodeContents(anchorEl);\n sel.removeAllRanges();\n sel.addRange(newRange);\n }\n applySelection(shadowRoot);\n return;\n }\n }\n } catch {}\n }\n\n // Use a short delay: Firefox finishes word-boundary expansion of a\n // double-click selection right around the dblclick event, but reading\n // immediately can still catch an intermediate state.\n setTimeout(() => {\n suppressSelectionChange = false;\n applySelection(shadowRoot);\n }, 0);\n };\n\n const onSelectionChange = () => {\n // Suppress during mouse-down or during the mouseup→dblclick window.\n if (isMouseDown || suppressSelectionChange) return;\n applySelection(shadowRoot);\n };\n\n // mousedown / mouseup / dblclick on the shadow root for mouse selections.\n shadowRoot?.addEventListener('mousedown', onMouseDown);\n shadowRoot?.addEventListener('mouseup', onMouseUp);\n shadowRoot?.addEventListener('dblclick', onDblClick);\n\n // selectionchange handles keyboard-driven selections (shift+arrows, etc.)\n document.addEventListener('selectionchange', onSelectionChange);\n shadowRoot?.addEventListener('selectionchange', onSelectionChange);\n\n return () => {\n if (pendingDblClickTimer !== null) clearTimeout(pendingDblClickTimer);\n shadowRoot?.removeEventListener('mousedown', onMouseDown);\n shadowRoot?.removeEventListener('mouseup', onMouseUp);\n shadowRoot?.removeEventListener('dblclick', onDblClick);\n document.removeEventListener('selectionchange', onSelectionChange);\n shadowRoot?.removeEventListener('selectionchange', onSelectionChange);\n };\n }, []);\n\n const value = useMemo(() => {\n return {\n selectionRange,\n setSelectionRange,\n };\n }, [selectionRange]);\n\n return useMemo(() => {\n return (\n <SelectionRangeContext.Provider value={value}>\n {props.children}\n </SelectionRangeContext.Provider>\n );\n }, [props.children, value]);\n};\n","import { DATA_CONTENT_EDITABLE_IDX } from '@thanhpv102/easy-email-editor';\nimport { IBoundaryRect, IBoundingPosition, IOperationData } from './type';\nimport { AdvancedTableBlock } from '@thanhpv102/easy-email-core';\n\nconst getEditorElementClientRect = (target: Element) => {\n const el = target as HTMLElement;\n const r = el.getBoundingClientRect();\n return {\n left: r.left,\n top: r.top,\n width: r.width,\n height: r.height,\n };\n};\n\nconst getBoundaryFromRects = (startRect: any, endRect: any) => {\n let left = Math.min(\n startRect.left,\n endRect.left,\n startRect.left + startRect.width,\n endRect.left + endRect.width,\n );\n\n let right = Math.max(\n startRect.left,\n endRect.left,\n startRect.left + startRect.width,\n endRect.left + endRect.width,\n );\n\n let top = Math.min(\n startRect.top,\n endRect.top,\n startRect.top + startRect.height,\n endRect.top + endRect.height,\n );\n\n let bottom = Math.max(\n startRect.top,\n endRect.top,\n startRect.top + startRect.height,\n endRect.top + endRect.height,\n );\n\n let width = right - left;\n let height = bottom - top;\n\n return { top, bottom, left, right, width, height };\n};\n\nconst ERROR_LIMIT = 2;\n\nconst getCorrectBoundary = (el: Element, currentBoundary: IBoundaryRect) => {\n const tableEl = el.parentElement?.parentElement?.parentElement;\n if (!tableEl) {\n return null;\n }\n let leftTopCell = el;\n let bottomRightCell = el;\n let leftTopRect = getEditorElementClientRect(el);\n let bottomRightRect = leftTopRect;\n\n const tableCells = tableEl.querySelectorAll('td');\n const tableCellRects = [] as any[];\n tableCells.forEach(tableCell => {\n // TODO: reduce calculation: cache table rect, use table rect diff all td rect boundary\n const { left, top, height, width } = getEditorElementClientRect(tableCell);\n tableCellRects.push({ left, top, height, width });\n let isIntersected =\n ((left + ERROR_LIMIT >= currentBoundary.left &&\n left + ERROR_LIMIT <= currentBoundary.right) ||\n (left - ERROR_LIMIT + width >= currentBoundary.left &&\n left - ERROR_LIMIT + width <= currentBoundary.right)) &&\n ((top + ERROR_LIMIT >= currentBoundary.top &&\n top + ERROR_LIMIT <= currentBoundary.bottom) ||\n (top - ERROR_LIMIT + height >= currentBoundary.top &&\n top - ERROR_LIMIT + height <= currentBoundary.bottom));\n if (isIntersected) {\n currentBoundary = getBoundaryFromRects(currentBoundary, {\n left,\n top,\n height,\n width,\n });\n }\n });\n\n tableCells.forEach((tableCell, index) => {\n const { left, top, height, width } = tableCellRects[index];\n let isIntersected =\n ((left + ERROR_LIMIT >= currentBoundary.left &&\n left + ERROR_LIMIT <= currentBoundary.right) ||\n (left - ERROR_LIMIT + width >= currentBoundary.left &&\n left - ERROR_LIMIT + width <= currentBoundary.right)) &&\n ((top + ERROR_LIMIT >= currentBoundary.top &&\n top + ERROR_LIMIT <= currentBoundary.bottom) ||\n (top - ERROR_LIMIT + height >= currentBoundary.top &&\n top - ERROR_LIMIT + height <= currentBoundary.bottom));\n if (!isIntersected) {\n return;\n }\n\n if (top <= leftTopRect.top && left <= leftTopRect.left) {\n leftTopRect = tableCellRects[index];\n leftTopCell = tableCell;\n }\n if (\n top === leftTopRect.top + ERROR_LIMIT ||\n (top === leftTopRect.top && left <= leftTopRect.left)\n ) {\n leftTopRect = tableCellRects[index];\n leftTopCell = tableCell;\n }\n if (\n top + height > bottomRightRect.top + bottomRightRect.height + ERROR_LIMIT ||\n (top + height === bottomRightRect.top + bottomRightRect.height &&\n left + width >= bottomRightRect.left + bottomRightRect.width)\n ) {\n bottomRightRect = tableCellRects[index];\n bottomRightCell = tableCell;\n }\n });\n\n return { leftTopCell, bottomRightCell, boundary: currentBoundary };\n};\n\n// get selected boundary and correct let-top-dom, right-bottom-dom\nexport const getBoundaryRectAndElement = (el1: Element, el2: Element) => {\n const rect1 = getEditorElementClientRect(el1);\n const rect2 = getEditorElementClientRect(el2);\n\n const boundary = getBoundaryFromRects(rect1, rect2);\n\n return getCorrectBoundary(el1, boundary);\n};\n\nexport function setStyle(domNode: any, rules: any) {\n if (typeof rules === 'object') {\n for (let prop in rules) {\n domNode.style[prop] = rules[prop];\n }\n }\n}\n\nexport const getCurrentTable = (target: Element) => {\n let parentNode = target.parentNode;\n while (parentNode) {\n if (parentNode.nodeName === 'TABLE') {\n return parentNode;\n }\n parentNode = parentNode.parentNode;\n }\n return parentNode;\n};\n\nexport const getElementsBoundary = (el1: Element, el2: Element): IBoundingPosition => {\n const rect1 = el1.getBoundingClientRect();\n const rect2 = el2.getBoundingClientRect();\n\n const left = Math.min(rect1.left, rect2.left);\n const right = Math.max(rect1.right, rect2.right);\n const bottom = Math.max(rect1.bottom, rect2.bottom);\n const top = Math.min(rect1.top, rect2.top);\n\n return { left, top, right, bottom };\n};\n\nexport const checkEventInBoundingRect = (\n rect: IBoundingPosition,\n { x, y }: { x: number; y: number },\n) => {\n return x >= rect.left && x <= rect.right && y <= rect.bottom && y >= rect.top;\n};\n\nexport const getCellAttr = (el: Element, attrName: string) => {\n const value = el.getAttribute(attrName);\n\n return Number(value || 0);\n};\n\nconst getCellIndex = (cellElement: Element) => {\n let idxName = cellElement.getAttribute(DATA_CONTENT_EDITABLE_IDX) as string;\n idxName = idxName.split('data.value.tableSource.')[1].split('.content')[0];\n\n return idxName.split('.').map(e => Number(e));\n};\n\nexport const getTdBoundaryIndex = (leftTopCell: Element, bottomRightCell: Element) => {\n const idx1 = getCellIndex(leftTopCell);\n const idx2 = getCellIndex(bottomRightCell);\n\n const top = idx1[0];\n const left = idx1[1];\n const right = idx2[1];\n const bottom = idx2[0];\n\n return { left, top, right, bottom };\n};\n\nexport const getCorrectTableIndexBoundary = (\n tableIndexBoundary: IBoundingPosition,\n tableData: IOperationData[][],\n) => {\n let { left, right, top, bottom } = tableIndexBoundary;\n // set top, bottom index\n tableData.forEach((tr, trIndex) => {\n tr.forEach(td => {\n td.top = trIndex;\n td.bottom = trIndex + (td.rowSpan || 1) - 1;\n });\n });\n // set right ,left index\n const maxTdCount = getMaxTdCount(tableData);\n const mergedCells = [] as [number, number][]; // [trIndex, tdIndex]\n Array.from({ length: maxTdCount }).forEach((_, tdIndex) => {\n tableData.forEach((tr, trIndex) => {\n const mergedCell = mergedCells.find(e => e[0] === trIndex && e[1] === tdIndex);\n if (mergedCell) {\n return;\n }\n const mergedTds = mergedCells.filter(e => e[0] === trIndex && e[1] < tdIndex);\n const _tdIndex = tdIndex - mergedTds.length;\n const td = tr[_tdIndex];\n if (!td) {\n console.error('error case, should fix this error.');\n return;\n }\n const rowSpan = td.rowSpan || 1;\n const colSpan = td.colSpan || 1;\n td.left = tdIndex;\n td.right = tdIndex + colSpan - 1;\n\n if (rowSpan > 1 || colSpan > 1) {\n Array.from({ length: rowSpan }).forEach((_, rowSpanIndex) => {\n Array.from({ length: colSpan }).forEach((_, colSpanIndex) => {\n if (rowSpanIndex === 0 && colSpanIndex === 0) {\n return;\n }\n mergedCells.push([trIndex + rowSpanIndex, tdIndex + colSpanIndex]);\n });\n });\n }\n });\n });\n\n tableIndexBoundary.left = tableData?.[top]?.[left]?.left || 0;\n tableIndexBoundary.right = tableData?.[bottom]?.[right]?.right || 0;\n tableIndexBoundary.bottom = tableData?.[bottom]?.[right]?.bottom || 0;\n tableIndexBoundary.top = tableData?.[top]?.[left]?.top || 0;\n\n return tableIndexBoundary;\n};\n\nexport const getMaxTdCount = (\n tableData: AdvancedTableBlock['data']['value']['tableSource'],\n) => {\n let tdCount = 1;\n tableData.forEach(tr => {\n let _tdCount = tr.reduce((count, td) => count + (td.colSpan || 1), 0);\n if (_tdCount > tdCount) {\n tdCount = _tdCount;\n }\n });\n return tdCount;\n};\n",".easy-email-table-operation-menu {\n background-color: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n font-size: 14px;\n z-index: 100;\n overflow: hidden;\n border-radius: 4px;\n padding: 4px 0;\n\n .easy-email-table-operation-menu-dividing {\n height: 1px;\n background-color: #efefef;\n }\n\n .easy-email-table-operation-color-picker {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: 0 16px 10px;\n background-color: #fff;\n overflow: hidden;\n\n .easy-email-table-operation-color-picker-item {\n width: 20px;\n height: 20px;\n border: 1px solid #595959;\n margin-right: 5px;\n margin-bottom: 5px;\n cursor: pointer;\n }\n }\n\n .easy-email-table-operation-menu-item {\n display: flex;\n align-items: center;\n padding: 10px 16px;\n line-height: 18px;\n background-color: #fff;\n cursor: pointer;\n color: #595959;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover {\n background-color: #efefef;\n }\n\n .easy-email-table-operation-menu-icon {\n margin-right: 8px;\n height: 20px;\n width: 20px;\n font-size: 0;\n }\n }\n\n .easy-email-table-operation-menu-bg-item {\n padding: 10px 16px;\n background-color: #fff;\n color: #595959;\n\n > div:nth-child(2) {\n margin-top: 4px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n\n .arco-input-inner-wrapper {\n box-shadow: none;\n }\n .arco-btn-size-default {\n padding: 0 12px;\n }\n\n .arco-input-group {\n display: flex;\n .arco-input-inner-wrapper {\n flex: 1;\n }\n .arco-input-group-addafter {\n height: 100%;\n width: auto;\n }\n }\n }\n\n &-color {\n height: 28px;\n width: 28px;\n flex-shrink: 0;\n border: 1px solid var(--color-neutral-3, rgb(229, 230, 235));\n border-right: none;\n padding: 4px;\n cursor: pointer;\n position: relative;\n\n > div {\n height: 100%;\n width: 100%;\n border: 1px solid var(--color-neutral-3, rgb(229, 230, 235));\n border-radius: 2px;\n }\n input {\n cursor: pointer;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n left: 0;\n top: 0;\n opacity: 0;\n }\n }\n }\n}\n","import { Input } from 'antd';\nimport React, { useEffect } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { useState } from 'react';\n\ninterface CellBackgroundSelectorProps {\n bgColorHandler: (color: string) => void;\n rootDom: Element;\n}\n\nconst CellBackgroundSelector: React.FC<CellBackgroundSelectorProps> = ({\n bgColorHandler,\n rootDom,\n}) => {\n const [color, setColor] = useState('#ffffff');\n\n useEffect(() => {\n if (!rootDom) {\n return;\n }\n const observer = new ResizeObserver(() => {\n setColor('#ffffff');\n });\n observer.observe(rootDom);\n return () => {\n observer.disconnect();\n };\n }, [rootDom]);\n\n return (\n <div\n onClick={e => e.stopPropagation()}\n className='easy-email-table-operation-menu-bg-item'\n >\n <div>{t('Set Background Color')}</div>\n <div>\n <div className='easy-email-table-operation-menu-bg-item-color'>\n <div style={{ backgroundColor: color }} />\n <input\n type='color'\n value={color}\n onChange={e => setColor(e.target.value)}\n />\n </div>\n <Input.Search\n enterButton={t('Set')}\n onSearch={() => bgColorHandler(color)}\n value={color}\n onKeyDown={e => e.stopPropagation()}\n onChange={e => setColor(e.target.value)}\n />\n </div>\n </div>\n );\n};\n\nconst getCellBackgroundSelectorRoot = (\n bgColorHandler: CellBackgroundSelectorProps['bgColorHandler'],\n rootDom: Element,\n) => {\n const node = document.createElement('div');\n\n const root = createRoot(node);\n root.render(\n <CellBackgroundSelector\n bgColorHandler={bgColorHandler}\n rootDom={rootDom}\n />,\n );\n return node;\n};\n\nexport default getCellBackgroundSelectorRoot;\n","import getCellBackgroundSelectorRoot from './tableCellBgSelector';\nimport TableOperationMenu from './tableOperationMenu';\nimport { IOperationData } from './type';\n\nconst MENU_CONFIG = {\n insertColumnRight: {\n text: 'Insert column right',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M73.142857 336.64h526.628572v43.885714H73.142857zM73.142857 643.657143h526.628572v43.885714H73.142857zM336.457143 117.028571h43.885714v789.942858h-43.885714zM204.8 73.142857h614.4a131.657143 131.657143 0 0 1 131.657143 131.657143v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.84 131.84 0 0 1 204.8 73.142857z m0 43.885714a87.771429 87.771429 0 0 0-87.771429 87.771429v614.4a87.771429 87.771429 0 0 0 87.771429 87.771429h614.4a87.771429 87.771429 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM819.2 73.142857h-219.428571v877.714286h219.428571a131.657143 131.657143 0 0 0 131.657143-131.657143V204.8A131.84 131.84 0 0 0 819.2 73.142857z m44.068571 460.982857h-65.828571v65.828572H753.371429v-65.828572h-65.828572V490.057143h65.828572v-65.828572h44.068571v65.828572h65.828571z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const right = _this.tableIndexBoundary.right;\n\n _this.tableData.forEach(tr => {\n if (right === _this.maxTdCount - 1) {\n tr.push({ content: '-' } as IOperationData);\n return;\n }\n if (tr.length === 0) {\n return tr.push({ content: '-' } as IOperationData);\n }\n for (let index = 0; index < tr.length; index++) {\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n\n if (tdRight === right) {\n tr.splice(index + 1, 0, { content: '-' } as IOperationData);\n break;\n }\n if (tdLeft <= right && tdRight > right && tr[index].colSpan) {\n tr[index].colSpan = (tr[index].colSpan || 1) + 1;\n break;\n }\n // pre cell intersect current cell.\n if (tdLeft > right && tdLeft - 1 === right) {\n tr.splice(index, 0, { content: '-' } as IOperationData);\n break;\n }\n if (tdLeft > right) {\n break;\n }\n }\n });\n _this.changeTableData?.(_this.tableData);\n },\n },\n insertColumnLeft: {\n text: 'Insert column left',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M380.342857 336.457143h526.811429v43.885714H380.342857z m0 307.2h526.811429v43.885714H380.342857zM643.657143 117.028571h43.885714v789.942858h-43.885714zM204.8 73.142857h614.582857A131.474286 131.474286 0 0 1 950.857143 204.8v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.657143 131.657143 0 0 1 204.8 73.142857z m0 43.885714a87.588571 87.588571 0 0 0-87.588571 87.771429v614.4a87.588571 87.588571 0 0 0 87.588571 87.771429h614.582857a87.771429 87.771429 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM204.8 73.142857A131.657143 131.657143 0 0 0 73.142857 204.8v614.4a131.657143 131.657143 0 0 0 131.657143 131.657143h219.428571V73.142857z m131.84 460.8h-65.828571v65.828572h-43.885715v-65.828572h-65.828571v-43.885714h65.828571v-65.828572h43.885715v65.828572h65.828571z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const left = _this.tableIndexBoundary.left;\n _this.tableData.forEach(tr => {\n if (left === 0) {\n tr.unshift({ content: '-' } as IOperationData);\n return;\n }\n if (tr.length === 0) {\n return tr.push({ content: '-' } as IOperationData);\n }\n for (let index = 0; index < tr.length; index++) {\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n if (tdLeft === left) {\n tr.splice(index, 0, { content: '-' } as IOperationData);\n break;\n }\n // pre cell intersect current cell.\n if (tdLeft < left && tdRight >= left && tr[index].colSpan) {\n tr[index].colSpan = (tr[index].colSpan || 1) + 1;\n break;\n }\n // pre cell intersect current cell.\n if (tdLeft > left && tr[index - 1] && (tr[index - 1].right || 0) + 1 === left) {\n tr.splice(index, 0, { content: '-' } as IOperationData);\n break;\n }\n if (tdLeft > left) {\n break;\n }\n }\n });\n _this.changeTableData?.(_this.tableData);\n },\n },\n insertRowUp: {\n text: 'Insert row up',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M73.142857 599.771429h877.714286v43.885714H73.142857zM336.457143 380.342857h43.885714v526.628572h-43.885714z m307.2 0h43.885714v526.628572h-43.885714zM204.8 73.142857h614.4a131.657143 131.657143 0 0 1 131.657143 131.657143v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.657143 131.657143 0 0 1 204.8 73.142857z m0 43.885714a87.771429 87.771429 0 0 0-87.771429 87.771429v614.4a87.588571 87.588571 0 0 0 87.771429 87.771429h614.4a87.588571 87.588571 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM819.2 73.142857H204.8A131.657143 131.657143 0 0 0 73.142857 204.8v219.428571h877.714286v-219.428571A131.657143 131.657143 0 0 0 819.2 73.142857z m-219.428571 197.485714h-65.828572v65.828572h-43.885714v-65.828572h-65.828572v-43.885714h65.828572V160.914286h43.885714v65.828571h65.828572z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const top = _this.tableIndexBoundary.top;\n let maxTdCount = _this.maxTdCount;\n if (_this.tableData[top].length < maxTdCount) {\n // update pre cell row span\n for (let index = top - 1; index > -1; index--) {\n const tr = _this.tableData[index];\n tr.forEach((td) => {\n if (td.bottom && td.bottom >= top) {\n td.rowSpan = (td.rowSpan || 1) + 1;\n maxTdCount -= td.colSpan || 1;\n }\n });\n if (tr.length === maxTdCount) {\n break;\n }\n }\n }\n _this.addRow(top, maxTdCount);\n },\n },\n insertRowDown: {\n text: 'Insert row down',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M204.8 73.142857h614.4a131.657143 131.657143 0 0 1 131.657143 131.657143v614.4a131.657143 131.657143 0 0 1-131.657143 131.657143H204.8A131.657143 131.657143 0 0 1 73.142857 819.2V204.8A131.84 131.84 0 0 1 204.8 73.142857z m0 43.885714a87.771429 87.771429 0 0 0-87.771429 87.771429v614.4a87.771429 87.771429 0 0 0 87.771429 87.771429h614.4a87.771429 87.771429 0 0 0 87.771429-87.771429V204.8a87.771429 87.771429 0 0 0-87.771429-87.771429zM73.142857 336.457143h877.714286v44.068571H73.142857zM336.64 117.028571h43.885714v526.628572h-43.885714z m307.017143 0h44.068571v526.628572H643.657143zM73.142857 599.771429v219.428571a131.657143 131.657143 0 0 0 131.657143 131.657143h614.4a131.657143 131.657143 0 0 0 131.657143-131.657143v-219.428571z m526.628572 197.485714h-65.645715v65.828571H490.057143v-65.828571h-65.828572v-43.885714h65.828572v-65.828572h44.068571v65.828572h65.645715z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n let addCount = _this.maxTdCount;\n const bottom = _this.tableIndexBoundary.bottom;\n\n if (_this.tableData[bottom].length < _this.maxTdCount) {\n // update pre cell row span\n for (let index = bottom - 1; index > -1; index--) {\n const tr = _this.tableData[index];\n if (tr.length === _this.maxTdCount) {\n break;\n }\n tr.forEach((td) => {\n if (td.bottom && td.bottom > bottom) {\n td.rowSpan = (td.rowSpan || 1) + 1;\n addCount -= td.colSpan || 1;\n }\n });\n }\n }\n // If current Cell intersect next row, should add rowSpan and decrease tdCount\n _this.tableData[bottom].forEach(e => {\n if (e.rowSpan && e.rowSpan > 1) {\n e.rowSpan += 1;\n addCount -= e.colSpan || 1;\n }\n });\n\n _this.addRow(bottom + 1, addCount);\n },\n },\n\n splitCell: {\n text: 'Split cell',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.99596 99.038384c-25.470707-25.6-60.121212-39.822222-96.323233-39.822222H194.19798c-36.072727 0-70.723232 14.351515-96.323233 39.822222-25.6 25.6-39.822222 60.121212-39.822222 96.323232v635.474748c0 36.072727 14.351515 70.723232 39.822222 96.323232C123.474747 952.759596 158.125253 967.111111 194.19798 967.111111h635.474747c36.072727 0 70.723232-14.351515 96.323233-39.951515 25.6-25.6 39.951515-60.121212 39.951515-96.323232V195.361616c0-36.072727-14.351515-70.723232-39.951515-96.323232z m-277.850505 5.559596v226.909091H375.725253V104.59798h272.420202zM103.434343 195.361616c0-24.048485 9.567677-47.191919 26.634344-64.129293 17.066667-17.066667 40.080808-26.634343 64.129293-26.634343h136.145454v226.909091H103.434343V195.361616z m90.763637 726.367677c-24.048485 0-47.191919-9.567677-64.129293-26.634344-17.066667-17.066667-26.634343-40.080808-26.634344-64.129292V649.309091h226.909091v272.420202H194.19798z m181.527273 0V649.309091h272.290909v272.420202H375.725253z m544.711111-90.892929c0 24.048485-9.567677 47.191919-26.634344 64.129293-17.066667 17.066667-40.080808 26.634343-64.129293 26.634343H693.527273V649.309091h226.909091v181.527273zM693.527273 331.507071V104.59798h136.145454c24.048485 0 47.191919 9.567677 64.129293 26.634343 17.066667 17.066667 26.634343 40.080808 26.634344 64.129293v136.145455H693.527273z M490.057143 375.725253h43.885714v272.549494h-43.885714z M336.457143 468.114141h351.085714v43.885714H336.457143z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { top, left } = _this.tableIndexBoundary;\n\n const tr = _this.tableData[top];\n const cellIndex = tr.findIndex(td => td.left === left);\n if (cellIndex === -1) return;\n\n const cell = tr[cellIndex];\n const colSpan = cell.colSpan || 1;\n const rowSpan = cell.rowSpan || 1;\n\n if (colSpan === 1 && rowSpan === 1) return;\n\n const newCells: IOperationData[] = [];\n for (let c = 0; c < colSpan; c++) {\n newCells.push({ content: c === 0 ? cell.content : '-' } as IOperationData);\n }\n delete newCells[0].colSpan;\n delete newCells[0].rowSpan;\n\n tr.splice(cellIndex, 1, ...newCells);\n\n if (rowSpan > 1) {\n for (let r = 1; r < rowSpan; r++) {\n const targetRow = _this.tableData[top + r];\n if (!targetRow) continue;\n\n let insertIndex = targetRow.length;\n for (let i = 0; i < targetRow.length; i++) {\n const tdLeft = targetRow[i].left || 0;\n if (tdLeft >= left) {\n insertIndex = i;\n break;\n }\n }\n\n const cellsToInsert: IOperationData[] = [];\n for (let c = 0; c < colSpan; c++) {\n cellsToInsert.push({ content: '-' } as IOperationData);\n }\n targetRow.splice(insertIndex, 0, ...cellsToInsert);\n }\n }\n\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n mergeCells: {\n text: 'Merge selected cells',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.99596 99.038384c-25.470707-25.6-60.121212-39.822222-96.323233-39.822222H194.19798c-36.072727 0-70.723232 14.351515-96.323233 39.822222-25.6 25.6-39.822222 60.121212-39.822222 96.323232v635.474748c0 36.072727 14.351515 70.723232 39.822222 96.323232C123.474747 952.759596 158.125253 967.111111 194.19798 967.111111h635.474747c36.072727 0 70.723232-14.351515 96.323233-39.951515 25.6-25.6 39.951515-60.121212 39.951515-96.323232V195.361616c0-36.072727-14.351515-70.723232-39.951515-96.323232z m-277.850505 5.559596v226.909091H375.725253V104.59798h272.420202zM103.434343 195.361616c0-24.048485 9.567677-47.191919 26.634344-64.129293 17.066667-17.066667 40.080808-26.634343 64.129293-26.634343h136.145454v226.909091H103.434343V195.361616z m90.763637 726.367677c-24.048485 0-47.191919-9.567677-64.129293-26.634344-17.066667-17.066667-26.634343-40.080808-26.634344-64.129292V649.309091h226.909091v272.420202H194.19798z m181.527273 0V649.309091h272.290909v272.420202H375.725253z m544.711111-90.892929c0 24.048485-9.567677 47.191919-26.634344 64.129293-17.066667 17.066667-40.080808 26.634343-64.129293 26.634343H693.527273V649.309091h226.909091v181.527273zM693.527273 331.507071V104.59798h136.145454c24.048485 0 47.191919 9.567677 64.129293 26.634343 17.066667 17.066667 26.634343 40.080808 26.634344 64.129293v136.145455H693.527273z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { top, left, bottom, right } = _this.tableIndexBoundary;\n const leftTopItem = _this.tableData[top].find(\n e => e.left === left,\n ) as IOperationData;\n leftTopItem.rowSpan = bottom - top + 1;\n leftTopItem.colSpan = right - left + 1;\n\n _this.tableData.forEach((tr, trIndex) => {\n if (trIndex >= top && trIndex <= bottom) {\n // merge next cell, should add `<br />`.\n if (bottom > top && trIndex > top && trIndex <= bottom) {\n leftTopItem.content += '<br />';\n }\n const deletedIndex = [] as number[];\n tr.forEach((td, tdIndex) => {\n // current cell\n if (top === trIndex && left === td.left) {\n return;\n }\n // should merged cell\n if (td.left >= left && td.right <= right) {\n leftTopItem.content += ' ' + td.content;\n deletedIndex.push(tdIndex);\n }\n });\n // delete cell\n if (deletedIndex.length > 0) {\n tr.splice(\n deletedIndex[0],\n deletedIndex[deletedIndex.length - 1] - deletedIndex[0] + 1,\n );\n }\n }\n });\n\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n deleteColumn: {\n text: 'Delete selected columns',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.996 99.038c-25.47-25.6-60.121-39.822-96.323-39.822H194.198c-75.12 0.13-136.016 61.026-136.145 136.146v635.345c0 36.073 14.351 70.723 39.822 96.323 25.6 25.73 60.25 40.081 96.323 40.081h635.475c36.072 0 70.723-14.351 96.323-39.951 25.6-25.6 39.951-60.122 39.951-96.324V195.362c0-36.073-14.351-70.724-39.951-96.324z m-365.77 494.287L512 545.228l-48.226 48.097-32.194-31.935 48.355-48.226-48.226-48.097 32.194-32.194L512 480.97l48.097-48.097 32.194 32.194-48.097 48.097 48.226 48.226-32.194 31.935zM103.434 195.362c0-24.049 9.568-47.192 26.635-64.13 17.066-17.066 40.08-26.634 64.129-26.634h136.145v226.91H103.434V195.361z m0 181.656h226.91V649.31h-226.91V377.02z m90.764 544.84c-24.049 0-47.192-9.567-64.13-26.634-17.066-17.066-26.634-40.08-26.634-64.258V694.69h226.91v227.168H194.197z m726.238-90.763c0 24.048-9.438 47.192-26.505 64.259-17.066 17.066-40.21 26.634-64.258 26.505H693.527V694.69h226.91v136.404z m0-181.786H693.527V377.02h226.91v272.29zM693.527 331.507V104.598h136.146c24.048 0 47.192 9.438 64.258 26.505 17.067 17.067 26.635 40.21 26.505 64.259v136.145H693.527z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { left, right } = _this.tableIndexBoundary;\n _this.tableData.forEach(tr => {\n const deleteIds = [] as number[];\n for (let index = 0; index < tr.length; index++) {\n const td = tr[index];\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n const colSpan = td.colSpan || 1;\n if (tdLeft > right) {\n break;\n }\n if (tdLeft >= left && tdRight <= right) {\n deleteIds.push(index);\n }\n // operate one cell\n else if (tdLeft <= left && tdRight >= right) {\n td.colSpan = colSpan - (right - left) - 1;\n }\n // left insert cell\n else if (tdLeft > left && tdRight >= right) {\n td.colSpan = colSpan - (right - tdLeft) - 1;\n }\n // right insert cell\n else if (tdLeft < left && tdRight >= left) {\n td.colSpan = colSpan - (tdRight - left) - 1;\n }\n }\n if (deleteIds.length) {\n tr.splice(deleteIds[0], deleteIds[deleteIds.length - 1] - deleteIds[0] + 1);\n }\n });\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n deleteRow: {\n text: 'Delete selected rows',\n icon: '<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg class=\"icon\" width=\"20px\" height=\"20.00px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#595959\" d=\"M925.99596 99.038384c-25.470707-25.6-60.121212-39.822222-96.323233-39.822222H194.19798c-36.072727 0-70.723232 14.351515-96.323233 39.822222-25.6 25.6-39.822222 60.121212-39.822222 96.323232v635.474748c0 36.072727 14.351515 70.723232 39.822222 96.323232C123.474747 952.759596 158.125253 967.111111 194.19798 967.111111h635.474747c36.072727 0 70.723232-14.351515 96.323233-39.951515 25.6-25.6 39.951515-60.121212 39.951515-96.323232V195.361616c0-36.072727-14.351515-70.723232-39.951515-96.323232z m-550.270707 5.559596h272.290909v227.167677H375.725253V104.59798z m56.242424 360.468687l31.935353-32.19394 48.09697 48.226263 48.09697-48.226263 32.193939 32.19394-48.09697 48.096969 48.226263 48.226263-32.193939 31.935354-48.226263-48.09697-48.226263 48.09697-31.935353-31.935354 48.226262-48.226263-48.096969-48.096969zM103.434343 195.361616c0-24.048485 9.567677-47.191919 26.634344-64.129293 17.066667-17.066667 40.080808-26.634343 64.129293-26.634343h136.145454v227.167677H103.434343V195.361616z m817.002021 635.733333c0 24.048485-9.567677 47.191919-26.634344 64.258586-17.066667 17.066667-40.080808 26.634343-64.129293 26.634344H194.19798c-24.048485 0-47.191919-9.567677-64.258586-26.634344C112.872727 878.157576 103.434343 855.014141 103.434343 830.836364V694.690909h226.909091v226.909091h45.381819V694.690909h272.290909v226.909091h45.381818V694.690909h226.909091v136.40404z m0-499.329292H693.527273V104.59798h136.145454c24.048485 0 47.191919 9.567677 64.129293 26.634343 17.066667 17.066667 26.634343 40.080808 26.634344 64.129293v136.404041z\" /></svg>',\n handler() {\n const _this = this as unknown as TableOperationMenu;\n const { top, bottom } = _this.tableIndexBoundary;\n const deleteCount = bottom - top + 1;\n // pre cell intersect current cell.\n for (let index = bottom - 1; index > -1; index--) {\n const tr = _this.tableData[index];\n tr.forEach((td) => {\n if (td.bottom && td.bottom >= top) {\n const deleteRowSpan = td.bottom >= bottom ? deleteCount : td.bottom - top + 1;\n td.rowSpan = (td.rowSpan || 1) - deleteRowSpan;\n }\n });\n }\n\n // current cell intersect next cell\n for (let index = top; index <= bottom; index++) {\n const tr = _this.tableData[index];\n tr.forEach((td) => {\n const rowSpan = td.rowSpan || 1;\n if (rowSpan - 1 + top > bottom) {\n const nextRowCell = { ...td, rowSpan: rowSpan - (bottom - top + 1) };\n const nextRow = _this.tableData[bottom + 1];\n if (nextRow) {\n const index = Array.from({ length: _this.maxTdCount }).findIndex(\n (_, index) => index === nextRowCell.left,\n );\n if (index > -1) {\n nextRow.splice(index, 0, nextRowCell);\n }\n }\n }\n });\n }\n\n _this.tableData.splice(_this.tableIndexBoundary.top, deleteCount);\n _this.changeTableData?.(_this.tableData);\n },\n },\n\n setCellBg: {\n text: 'Set Background',\n render(tableOperationMenu: TableOperationMenu) {\n const bgColorHandler = this.handler.bind(tableOperationMenu);\n return getCellBackgroundSelectorRoot(\n bgColorHandler,\n tableOperationMenu.domNode!,\n );\n },\n handler(color: string) {\n const _this = this as unknown as TableOperationMenu;\n const { top, bottom, left, right } = _this.tableIndexBoundary;\n _this.tableData.forEach(tr => {\n for (let index = 0; index < tr.length; index++) {\n const td = tr[index];\n const tdTop = tr[index].top || 0;\n const tdBottom = tr[index].bottom || 0;\n const tdLeft = tr[index].left || 0;\n const tdRight = tr[index].right || 0;\n\n if (tdLeft > right) {\n break;\n }\n if (top <= tdTop && bottom >= tdBottom && left <= tdLeft && right >= tdRight) {\n td.backgroundColor = color;\n }\n }\n });\n _this.changeTableData?.(_this.tableData);\n _this.hide();\n },\n },\n};\n\nexport default MENU_CONFIG;\n","import { setStyle, getCorrectTableIndexBoundary, getMaxTdCount } from './util';\nimport styleText from './menu.scss?inline';\nimport { IBoundingPosition, IOperationData } from './type';\nimport MENU_CONFIG from './tableMenuConfig';\n\nconst MENU_HEIGHT = 305;\nconst MENU_WIDTH = 200;\n\nexport default class TableOperationMenu {\n menuItems = MENU_CONFIG;\n domNode: Element | undefined = undefined;\n styleDom?: HTMLStyleElement;\n visible = false;\n splitCellNode: HTMLElement | undefined = undefined;\n splitCellDivider: HTMLElement | undefined = undefined;\n\n changeTableData?: (e: IOperationData[][]) => void;\n tableData = undefined as unknown as IOperationData[][];\n tableIndexBoundary = undefined as unknown as IBoundingPosition;\n maxTdCount = 0;\n\n constructor() {\n this.menuInitial();\n this.mount();\n }\n\n mount() {\n if (this.domNode) {\n document.body.appendChild(this.domNode);\n }\n document.body.addEventListener('click', this.handleBodyClick.bind(this));\n }\n\n destroy() {\n this.domNode?.remove();\n if (this.styleDom) {\n document.head.removeChild(this.styleDom);\n }\n document.body.removeEventListener('click', this.handleBodyClick.bind(this));\n }\n\n handleBodyClick(e: MouseEvent) {\n // Ignore right-clicks — the menu should stay visible after being shown by a right-click\n if (e.button !== 0) return;\n this.hide();\n }\n\n hide() {\n if (!this.visible) {\n return;\n }\n this.visible = false;\n setStyle(this.domNode, {\n display: 'none',\n });\n }\n\n addRow(insertIndex: number, colCount: number) {\n const newRow = Array.from({ length: colCount }).map(() => ({ content: '-' }) as any);\n this.tableData.splice(insertIndex, 0, newRow);\n this.changeTableData?.(this.tableData);\n }\n\n setTableData(tableData: IOperationData[][]) {\n this.tableData = tableData || [];\n this.maxTdCount = getMaxTdCount(this.tableData);\n }\n\n setTableIndexBoundary(tableIndexBoundary: IBoundingPosition) {\n // get correct boundary index and set table-td boundary\n this.tableIndexBoundary = getCorrectTableIndexBoundary(\n tableIndexBoundary,\n this.tableData,\n );\n }\n\n showMenu({ x, y }: { x: number; y: number }) {\n this.visible = true;\n this.updateSplitCellVisibility();\n const maxHeight = window.innerHeight;\n const maxWidth = window.innerWidth;\n if (maxWidth - MENU_WIDTH < x) {\n x -= MENU_WIDTH;\n }\n if (maxHeight - MENU_HEIGHT < y) {\n y -= MENU_HEIGHT;\n }\n setStyle(this.domNode, {\n display: 'block',\n position: 'fixed',\n left: `${x}px`,\n top: `${y}px`,\n 'min-height': '150px',\n width: `${MENU_WIDTH}px`,\n Height: `${MENU_HEIGHT}px`,\n });\n }\n\n updateSplitCellVisibility() {\n if (!this.splitCellNode || !this.splitCellDivider) return;\n const { top, left, bottom, right } = this.tableIndexBoundary || {};\n // Show splitCell only when exactly one merged cell is selected.\n // A merged cell expands the boundary (right > left or bottom > top),\n // so we check that one cell's span exactly covers the whole boundary.\n let isMerged = false;\n if (this.tableData) {\n const tr = this.tableData[top];\n if (tr) {\n const cell = tr.find(td => td.left === left);\n if (cell) {\n const colSpan = cell.colSpan || 1;\n const rowSpan = cell.rowSpan || 1;\n // The cell is the only one selected if its span exactly matches the boundary\n const cellCoversFullBoundary =\n cell.left === left &&\n cell.right === right &&\n cell.top === top &&\n cell.bottom === bottom;\n isMerged = cellCoversFullBoundary && (colSpan > 1 || rowSpan > 1);\n }\n }\n }\n const display = isMerged ? '' : 'none';\n this.splitCellNode.style.display = display;\n this.splitCellDivider.style.display = display;\n }\n\n menuInitial() {\n this.styleDom = document.createElement('style');\n this.styleDom.innerText = styleText;\n document.head.appendChild(this.styleDom);\n\n this.domNode = document.createElement('div');\n this.domNode.classList.add('easy-email-table-operation-menu');\n setStyle(this.domNode, { display: 'none' });\n\n for (let name in this.menuItems) {\n const itemOption = (this.menuItems as any)[name];\n if (itemOption) {\n const itemNode = itemOption.render\n ? itemOption.render(this)\n : this.menuItemCreator(Object.assign({}, itemOption));\n this.domNode.appendChild(itemNode);\n\n if (name === 'splitCell') {\n this.splitCellNode = itemNode as HTMLElement;\n const splitDivider = dividingCreator();\n this.splitCellDivider = splitDivider;\n this.domNode.appendChild(splitDivider);\n }\n\n if (['insertRowDown', 'deleteRow', 'mergeCells'].indexOf(name) > -1) {\n this.domNode.appendChild(dividingCreator());\n }\n }\n }\n\n // create dividing line\n function dividingCreator() {\n const dividing = document.createElement('div');\n dividing.classList.add('easy-email-table-operation-menu-dividing');\n return dividing;\n }\n }\n menuItemCreator({ text, icon, handler }: any) {\n const node = document.createElement('div');\n node.classList.add('easy-email-table-operation-menu-item');\n\n const iconSpan = document.createElement('span');\n iconSpan.classList.add('easy-email-table-operation-menu-icon');\n iconSpan.innerHTML = icon;\n\n const textSpan = document.createElement('span');\n textSpan.classList.add('easy-email-table-operation-menu-text');\n textSpan.innerText = text;\n\n node.appendChild(iconSpan);\n node.appendChild(textSpan);\n node.addEventListener('click', handler.bind(this), false);\n return node;\n }\n}\n","import TableOperationMenu from './tableOperationMenu';\nimport {\n checkEventInBoundingRect,\n setStyle,\n getCurrentTable,\n getElementsBoundary,\n getTdBoundaryIndex,\n getBoundaryRectAndElement,\n} from './util';\nimport { AdvancedTableBlock } from '@thanhpv102/easy-email-core';\nimport { IOperationData } from './type';\n\nexport interface IBorderTool {\n top: HTMLElement;\n bottom: HTMLElement;\n left: HTMLElement;\n right: HTMLElement;\n}\n\nclass TableColumnTool {\n borderTool = {} as IBorderTool;\n dragging = false;\n showBorderTool = false;\n width = 0; // selected section width,will update by mouse move\n height = 0; // selected section height, will update by mouse move\n\n selectedLeftTopCell: Element | undefined = undefined;\n selectedBottomRightCell: Element | undefined = undefined;\n startDom: Element | undefined = undefined;\n endDom: Element | undefined = undefined;\n hoveringTable: ParentNode | null = null;\n root: Element | ShadowRoot | undefined = undefined;\n\n tableMenu?: TableOperationMenu;\n changeTableData?: (e: AdvancedTableBlock['data']['value']['tableSource']) => void;\n tableData: IOperationData[][] = [];\n\n constructor(borderTool: IBorderTool, root: Element | ShadowRoot) {\n if (!borderTool || !root) {\n return;\n }\n this.borderTool = borderTool;\n this.root = root;\n\n this.initTool();\n }\n\n initTool() {\n this.root?.addEventListener('contextmenu', this.handleContextmenu);\n this.root?.addEventListener('mousedown', this.handleMousedown.bind(this));\n document.body.addEventListener('click', this.handleBodyClick, false);\n document.addEventListener('contextmenu', this.handleDocumentContextmenu, false);\n document.addEventListener('keydown', this.hideBorderByKeyDown);\n }\n\n destroy() {\n this.root?.removeEventListener('mousedown', this.handleMousedown.bind(this));\n this.root?.removeEventListener('contextmenu', this.handleContextmenu);\n document.body.removeEventListener('click', this.handleBodyClick, false);\n document.removeEventListener('contextmenu', this.handleDocumentContextmenu, false);\n document.removeEventListener('keydown', this.hideBorderByKeyDown);\n\n this.tableMenu?.destroy();\n }\n\n hideBorder = (e: Event) => {\n if ((e.target as HTMLElement)?.id === 'VisualEditorEditMode') {\n return;\n }\n this.visibleBorder(false);\n };\n\n // Only hide the selection border on left-clicks; right-clicks should not\n // dismiss the selection (they open the context menu instead).\n handleBodyClick = (e: MouseEvent) => {\n if (e.button !== 0) return;\n this.hideBorder(e);\n };\n\n hideBorderByKeyDown = () => {\n this.visibleBorder(false);\n };\n\n hideTableMenu = (e?: Event) => {\n if ((e?.target as HTMLElement)?.id === 'VisualEditorEditMode') {\n return;\n }\n this.tableMenu?.hide();\n };\n\n handleDocumentContextmenu = (e: Event) => {\n // Hide the table menu only when right-clicking outside the editor shadow root.\n // Clicks inside the shadow root are handled by handleContextmenu on this.root,\n // which calls stopImmediatePropagation so this handler won't fire for those.\n const path = e.composedPath ? e.composedPath() : [];\n const insideRoot = path.some(el => el === this.root);\n if (!insideRoot) {\n this.tableMenu?.hide();\n }\n };\n\n visibleBorder = (show = true) => {\n if (this.showBorderTool === show) {\n return;\n }\n if (show) {\n setStyle(this.borderTool.top.parentElement, { display: 'block' });\n } else {\n setStyle(this.borderTool.top.parentElement, { display: 'none' });\n }\n this.showBorderTool = show;\n };\n\n renderBorder = () => {\n this.visibleBorder(true);\n const result = getBoundaryRectAndElement(\n this.startDom as Element,\n this.endDom as Element,\n );\n if (!result) {\n return;\n }\n const { left, top, width, height } = result.boundary;\n this.selectedLeftTopCell = result.leftTopCell;\n this.selectedBottomRightCell = result.bottomRightCell;\n\n setStyle(this.borderTool.top, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left}px`,\n top: `${top}px`,\n width: `${Math.abs(width)}px`,\n height: '2px',\n position: 'fixed',\n 'z-index': 10,\n });\n setStyle(this.borderTool.bottom, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left}px`,\n top: `${top + height}px`,\n width: `${Math.abs(width)}px`,\n height: '2px',\n position: 'fixed',\n 'z-index': 10,\n });\n setStyle(this.borderTool.left, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left}px`,\n top: `${top}px`,\n width: '2px',\n height: `${Math.abs(height)}px`,\n position: 'fixed',\n 'z-index': 10,\n });\n setStyle(this.borderTool.right, {\n 'background-color': 'rgb(65, 68, 77)',\n left: `${left + width}px`,\n top: `${top}px`,\n width: '2px',\n height: `${Math.abs(height)}px`,\n position: 'fixed',\n 'z-index': 10,\n });\n };\n\n handleContextmenu = (event: Event) => {\n const mouseEvent = event as MouseEvent;\n if (this.showBorderTool) {\n const selectedBoundary = getElementsBoundary(\n this.selectedLeftTopCell as Element,\n this.selectedBottomRightCell as Element,\n );\n if (checkEventInBoundingRect(selectedBoundary, { x: mouseEvent.clientX, y: mouseEvent.clientY })) {\n event.preventDefault();\n event.stopImmediatePropagation();\n\n // Show the table operation menu here (contextmenu is the correct event).\n if (!this.tableMenu) {\n this.tableMenu = new TableOperationMenu();\n }\n this.tableMenu.setTableData(this.tableData);\n this.tableMenu.changeTableData = this.changeTableData;\n this.tableMenu.setTableIndexBoundary(\n getTdBoundaryIndex(\n this.selectedLeftTopCell as Element,\n this.selectedBottomRightCell as Element,\n ),\n );\n this.tableMenu.showMenu({ x: mouseEvent.clientX, y: mouseEvent.clientY });\n return;\n }\n }\n this.hideTableMenu();\n };\n\n handleMousedown(event: Event) {\n const mouseEvent = event as MouseEvent;\n let target: Element = event.target as Element;\n if (mouseEvent.button == 0) {\n // left button click\n while (target && target.parentNode) {\n if (\n (target.nodeName === 'TD' || target.nodeName === 'TH') &&\n target.getAttribute('data-content_editable-type') === 'rich_text'\n ) {\n this.root?.addEventListener('mousemove', this.handleDrag);\n this.root?.addEventListener('mouseup', this.handleMouseup);\n\n this.dragging = true;\n this.startDom = target;\n this.endDom = target;\n this.hoveringTable = getCurrentTable(target);\n\n this.renderBorder();\n return;\n }\n target = target.parentNode as Element;\n if (['TR', 'TABLE', 'BODY'].includes(target.nodeName)) {\n this.visibleBorder(false);\n return;\n }\n }\n } else if (mouseEvent.button == 2) {\n if (this.showBorderTool) {\n const selectedBoundary = getElementsBoundary(\n this.selectedLeftTopCell as Element,\n this.selectedBottomRightCell as Element,\n );\n // If right-clicking inside the selection, keep the border visible.\n // The context menu will be shown in handleContextmenu.\n if (checkEventInBoundingRect(selectedBoundary, { x: mouseEvent.clientX, y: mouseEvent.clientY })) {\n\n return;\n }\n }\n }\n this.visibleBorder(false);\n }\n\n handleDrag = (e: Event) => {\n e.preventDefault();\n\n if (this.dragging) {\n let target = e.target as Element;\n\n while (target && target.parentNode) {\n if (\n (target.nodeName === 'TD' || target.nodeName === 'TH') &&\n target.getAttribute('data-content_editable-type') === 'rich_text'\n ) {\n const hoveringTable = getCurrentTable(target);\n if (this.endDom === target || this.hoveringTable !== hoveringTable) {\n return;\n }\n this.endDom = target;\n this.renderBorder();\n return;\n }\n target = target.parentNode as Element;\n }\n }\n };\n\n handleMouseup = (e: Event) => {\n e.preventDefault();\n\n if (this.dragging) {\n this.dragging = false;\n this.root?.removeEventListener('mousemove', this.handleDrag);\n this.root?.removeEventListener('mouseup', this.handleMouseup);\n }\n };\n}\n\nexport default TableColumnTool;\n","import { cloneDeep } from 'lodash';\nimport React, { useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport TableColumnTool, { IBorderTool } from './tableTool';\nimport { getShadowRoot, useBlock, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { IAdvancedTableData, AdvancedType } from '@thanhpv102/easy-email-core';\n\nexport function TableOperation() {\n const shadowRoot = getShadowRoot();\n const { focusIdx } = useFocusIdx();\n const { focusBlock, change } = useBlock();\n const topRef = useRef<HTMLDivElement>(null);\n const bottomRef = useRef<HTMLDivElement>(null);\n const leftRef = useRef<HTMLDivElement>(null);\n const rightRef = useRef<HTMLDivElement>(null);\n const tool = useRef<TableColumnTool | null>(null);\n\n // Only show for AdvancedTable blocks\n const isAdvancedTable = focusBlock?.type === AdvancedType.TABLE;\n\n useEffect(() => {\n if (!isAdvancedTable) return;\n\n // Check if shadowRoot exists before proceeding\n if (!shadowRoot) return;\n // Use the shadow root itself as the container, not looking for a body element\n const targetContainer = shadowRoot;\n if (!targetContainer) {\n console.warn('Shadow DOM not found for TableOperation');\n return;\n }\n // Ensure all refs are available before creating the tool\n const top = topRef.current;\n const bottom = bottomRef.current;\n const left = leftRef.current;\n const right = rightRef.current;\n if (!top || !bottom || !left || !right) {\n return;\n }\n // TypeScript now knows these are non-null HTMLDivElements\n const borderTool: IBorderTool = {\n top: top as HTMLElement,\n bottom: bottom as HTMLElement,\n left: left as HTMLElement,\n right: right as HTMLElement,\n };\n tool.current = new TableColumnTool(borderTool, targetContainer);\n return () => {\n tool.current?.destroy();\n };\n }, [shadowRoot, isAdvancedTable]);\n\n useEffect(() => {\n if (!isAdvancedTable) return;\n\n if (tool.current) {\n tool.current.changeTableData = (data: IAdvancedTableData[][]) => {\n change(`${focusIdx}.data.value.tableSource`, cloneDeep(data));\n };\n tool.current.tableData = cloneDeep(focusBlock?.data?.value?.tableSource || []);\n }\n }, [focusIdx, focusBlock, change, isAdvancedTable]);\n\n // Don't render if shadowRoot is not available or not an AdvancedTable\n if (!shadowRoot || !isAdvancedTable) {\n return null;\n }\n\n return (\n <>\n {createPortal(\n <div>\n <div ref={topRef} />\n <div ref={bottomRef} />\n <div ref={leftRef} />\n <div ref={rightRef} />\n </div>,\n shadowRoot as DocumentFragment,\n )}\n </>\n );\n}\n",":global {\n .ant-select {\n font-size: 12px !important;\n }\n\n .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n font-size: 12px !important;\n }\n\n .ant-select-selection-item {\n font-size: 12px !important;\n line-height: 26px !important;\n }\n\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-radio-group {\n font-size: 12px !important;\n }\n\n .ant-checkbox-group {\n font-size: 12px !important;\n }\n\n .easy-email-overlay {\n font-size: 12px !important;\n }\n\n .easy-email-overlay .ant-select-selector {\n height: 26px !important;\n padding: 2px 6px !important;\n }\n\n .easy-email-overlay .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n}\n\n.attributePanel {\n :global {\n .arco-form-item {\n margin-bottom: 8px !important;\n }\n\n .ant-form-item-label-content {\n font-size: 12px !important;\n }\n\n .ant-form-item-label > label {\n font-size: 12px !important;\n }\n\n .ant-form-item-label {\n padding: 0 !important;\n }\n\n .arco-form-item-label-content {\n font-size: 12px !important;\n height: 24px !important;\n line-height: 24px !important;\n }\n\n .ant-form-item-explain {\n font-size: 12px !important;\n }\n\n .arco-form-item-message {\n font-size: 12px !important;\n }\n\n .arco-input {\n font-size: 12px !important;\n height: 26px !important;\n padding: 4px 6px !important;\n line-height: 26px !important;\n }\n\n .ant-input {\n font-size: 12px !important;\n height: 26px !important;\n line-height: 26px !important;\n }\n\n input::placeholder {\n font-size: 12px !important;\n }\n\n .ant-input::placeholder {\n font-size: 12px !important;\n }\n\n textarea {\n font-size: 12px !important;\n padding: 6px 6px !important;\n line-height: 1.4 !important;\n }\n\n .arco-select {\n font-size: 12px !important;\n }\n\n .arco-select-view {\n height: 26px !important;\n padding: 4px 6px !important;\n font-size: 12px !important;\n }\n\n .arco-select-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .arco-select-option-content {\n font-size: 12px !important;\n }\n\n .arco-radio {\n font-size: 12px !important;\n }\n\n .arco-radio-label-text {\n font-size: 12px !important;\n }\n\n .arco-checkbox {\n font-size: 12px !important;\n }\n\n .arco-checkbox-label-text {\n font-size: 12px !important;\n }\n\n .ant-select-item {\n font-size: 12px !important;\n }\n\n .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-select-dropdown {\n font-size: 12px !important;\n }\n\n .ant-select-dropdown .ant-select-item-option {\n font-size: 12px !important;\n padding: 6px 12px !important;\n }\n\n .ant-radio {\n font-size: 12px !important;\n }\n\n .ant-radio-wrapper {\n font-size: 12px !important;\n }\n\n .ant-radio-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n .ant-checkbox {\n font-size: 12px !important;\n }\n\n .ant-checkbox-wrapper {\n font-size: 12px !important;\n }\n\n .ant-checkbox-inner {\n width: 16px !important;\n height: 16px !important;\n }\n\n .arco-btn {\n padding: 4px 8px !important;\n font-size: 12px !important;\n height: 28px !important;\n min-width: 50px !important;\n line-height: 28px !important;\n }\n\n .ant-btn {\n padding: 4px 8px !important;\n font-size: 12px !important;\n height: 28px !important;\n line-height: 28px !important;\n }\n\n .ant-btn-sm {\n padding: 4px 8px !important;\n height: 28px !important;\n font-size: 12px !important;\n line-height: 28px !important;\n }\n\n .arco-color-picker-trigger {\n height: 28px !important;\n width: 28px !important;\n }\n\n .ant-collapse-header {\n padding: 10px 16px !important;\n font-size: 13px !important;\n min-height: 32px !important;\n line-height: 32px !important;\n height: 32px !important;\n }\n\n .ant-collapse-header-text {\n font-size: 13px !important;\n line-height: 32px !important;\n }\n\n .ant-collapse-content-box {\n padding: 8px 12px !important;\n }\n\n .ant-collapse-item {\n margin-bottom: 4px !important;\n }\n\n .ant-collapse {\n border: none !important;\n }\n\n .ant-collapse-header > .ant-collapse-title {\n margin-top: -5px;\n }\n\n .ant-collapse-item > .ant-collapse-header {\n padding: 4px 8px !important;\n }\n\n .ant-collapse-item-active > .ant-collapse-header {\n }\n\n .ant-collapse-content {\n }\n\n .arco-checkbox {\n font-size: 11px !important;\n margin-right: 6px !important;\n }\n\n .arco-radio {\n font-size: 11px !important;\n margin-right: 6px !important;\n }\n\n .arco-grid-row {\n margin-bottom: 6px !important;\n }\n\n .arco-space {\n gap: 4px !important;\n }\n\n .ant-space {\n gap: 2px !important;\n }\n\n .ant-row {\n margin-bottom: 4px !important;\n }\n\n .ant-col {\n margin-bottom: 2px !important;\n }\n\n .arco-input-number {\n height: 26px !important;\n font-size: 11px !important;\n }\n\n .arco-input-number-input {\n font-size: 11px !important;\n height: 26px !important;\n padding: 4px 6px !important;\n }\n }\n}\n","import React from 'react';\nimport {\n getShadowRoot,\n TextStyle,\n useBlock,\n useEditorContext,\n useFocusIdx,\n} from '@thanhpv102/easy-email-editor';\nimport { RichTextField } from '../components/Form/RichTextField';\nimport { PresetColorsProvider } from './components/provider/PresetColorsProvider';\nimport ReactDOM from 'react-dom';\nimport { BlockAttributeConfigurationManager } from './utils/BlockAttributeConfigurationManager';\nimport { SelectionRangeProvider } from './components/provider/SelectionRangeProvider';\nimport { TableOperation } from './components/blocks/AdvancedTable/Operation';\nimport styles from './AttributePanel.module.scss';\n\nexport function AttributePanel() {\n const { focusBlock } = useBlock();\n const { initialized } = useEditorContext();\n\n const { focusIdx } = useFocusIdx();\n\n const Com = focusBlock && BlockAttributeConfigurationManager.get(focusBlock.type);\n\n const shadowRoot = getShadowRoot();\n\n if (!initialized) return null;\n\n return (\n <div className={styles.attributePanel}>\n <SelectionRangeProvider>\n <PresetColorsProvider>\n {Com ? (\n <Com />\n ) : (\n <div style={{ marginTop: 200, padding: '0 50px' }}>\n <TextStyle size='extraLarge'>No matching components</TextStyle>\n </div>\n )}\n\n <div style={{ position: 'absolute' }}>\n <RichTextField idx={focusIdx} />\n </div>\n <TableOperation />\n <>\n {shadowRoot &&\n ReactDOM.createPortal(\n <style>\n {`\n .email-block [contentEditable=\"true\"],\n .email-block [contentEditable=\"true\"] * {\n outline: none;\n cursor: text;\n }\n `}\n </style>,\n shadowRoot as DocumentFragment,\n )}\n </>\n </PresetColorsProvider>\n </SelectionRangeProvider>\n </div>\n );\n}\n","import React, { useCallback } from 'react';\r\nimport { MergeTags as MergeTagsOptions } from '@extensions/AttributePanel';\r\nimport { ToolItem } from '../ToolItem';\r\nimport { IconFont } from '@thanhpv102/easy-email-editor';\r\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\r\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\r\n\r\nexport interface MergeTagsProps {\r\n execCommand: (cmd: string, value: string) => void;\r\n}\r\n\r\nexport function MergeTags(props: MergeTagsProps) {\r\n const { execCommand } = props;\r\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\r\n\r\n const onChange = useCallback(\r\n (val: string) => {\r\n execCommand('insertHTML', val);\r\n close();\r\n },\r\n [execCommand, close],\r\n );\r\n\r\n return (\r\n <>\r\n <span ref={setTriggerRef}>\r\n <ToolItem\r\n title={t('Merge tag')}\r\n icon={<IconFont iconName=\"icon-merge-tags\" />}\r\n onClick={handleTriggerClick}\r\n />\r\n </span>\r\n <RichTextPortalPopup\r\n open={open}\r\n rect={rect}\r\n containerRef={setPopupContainerRef}\r\n placement=\"bottom\"\r\n >\r\n <MergeTagsOptions value=\"\" onChange={onChange} />\r\n </RichTextPortalPopup>\r\n </>\r\n );\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unsafe-call */\nimport { useCallback, useContext } from 'react';\nimport { SelectionRangeContext } from '@extensions/AttributePanel/components/provider/SelectionRangeProvider';\nimport { getShadowRoot } from '@thanhpv102/easy-email-editor';\n\n/** Get the active Selection, preferring the ShadowRoot's own getSelection (Chrome)\n * and falling back to document.getSelection() (Firefox). */\nfunction getActiveSelection(shadowRoot: ShadowRoot): Selection | null {\n if ('getSelection' in shadowRoot) {\n return (shadowRoot as unknown as Document).getSelection();\n }\n return document.getSelection();\n}\n\nexport function useSelectionRange() {\n const { selectionRange, setSelectionRange } = useContext(\n SelectionRangeContext\n );\n\n const restoreRange = useCallback((range: Range) => {\n const shadowRoot = getShadowRoot();\n const selection = getActiveSelection(shadowRoot);\n if (!selection) return;\n // setBaseAndExtent is the most reliable way to set a selection that spans\n // nodes inside a Shadow DOM in Firefox.\n if (typeof selection.setBaseAndExtent === 'function') {\n selection.setBaseAndExtent(\n range.startContainer,\n range.startOffset,\n range.endContainer,\n range.endOffset,\n );\n } else {\n selection.removeAllRanges();\n const newRange = document.createRange();\n newRange.setStart(range.startContainer, range.startOffset);\n newRange.setEnd(range.endContainer, range.endOffset);\n selection.addRange(newRange);\n }\n }, []);\n\n const setRangeByElement = useCallback(\n (element: ChildNode) => {\n const shadowRoot = getShadowRoot();\n const selection = getActiveSelection(shadowRoot);\n if (!selection) return;\n\n const newRange = document.createRange();\n newRange.selectNode(element);\n setSelectionRange(newRange);\n\n if (typeof selection.setBaseAndExtent === 'function') {\n selection.setBaseAndExtent(\n newRange.startContainer,\n newRange.startOffset,\n newRange.endContainer,\n newRange.endOffset,\n );\n } else {\n selection.removeAllRanges();\n selection.addRange(newRange);\n }\n },\n [setSelectionRange]\n );\n\n return {\n selectionRange,\n setSelectionRange,\n restoreRange,\n setRangeByElement,\n };\n}\n","/**\n * Returns the Element at the given range position.\n * Works for both collapsed ranges (cursor) and non-collapsed (selection).\n * For a collapsed range the startContainer is used; for a non-collapsed range\n * the commonAncestorContainer is used (matching previous behaviour).\n */\nexport function getElementAtRange(range: Range): Element | null {\n const node = range.collapsed\n ? range.startContainer\n : range.commonAncestorContainer;\n\n if (node instanceof Element) return node;\n if (node.parentElement) return node.parentElement;\n return null;\n}\n\n","import { ColorPicker } from '@extensions/components/Form/ColorPicker';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo } from 'react';\nimport { ToolItem } from '../../ToolItem';\nimport { getElementAtRange } from '../../../utils/getElementAtRange';\n\nexport function IconBgColor({ selectionRange, execCommand }: {\n selectionRange: Range | null;\n execCommand: (cmd: string, val?: string) => void;\n}) {\n\n const color = useMemo(() => {\n if (!selectionRange) return undefined;\n const el = getElementAtRange(selectionRange);\n if (!el) return undefined;\n return getComputedStyle(el).backgroundColor;\n }, [selectionRange]);\n\n return (\n <ColorPicker\n label=\"\"\n showInput={false}\n onChange={(color) => execCommand('hiliteColor', color)}\n inRichTextBar\n >\n <ToolItem\n icon={(\n <div style={{ position: 'relative' }}>\n <IconFont size={12} iconName=\"icon-bg-color\" style={{ position: 'relative', top: '-1px' }} />\n <div style={{\n borderBottom: `2px solid ${color}`,\n position: 'absolute',\n width: '130%',\n left: '-15%',\n top: 16,\n }}\n />\n </div>\n )}\n title={t('Background color')}\n />\n </ColorPicker>\n );\n}\n","import { ColorPicker } from '@extensions/components/Form/ColorPicker';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo } from 'react';\nimport { ToolItem } from '../../ToolItem';\nimport { getElementAtRange } from '../../../utils/getElementAtRange';\n\nexport function IconFontColor({ selectionRange, execCommand }: {\n selectionRange: Range | null;\n execCommand: (cmd: string, val?: string) => void;\n}) {\n\n const color = useMemo(() => {\n if (!selectionRange) return undefined;\n const el = getElementAtRange(selectionRange);\n if (!el) return undefined;\n return getComputedStyle(el).color;\n }, [selectionRange]);\n\n return (\n <ColorPicker\n label=\"\"\n onChange={(color) => execCommand('foreColor', color)}\n showInput={false}\n inRichTextBar\n >\n <ToolItem\n icon={(\n <div style={{ position: 'relative' }}>\n <IconFont size={12} iconName=\"icon-font-color\" style={{ position: 'relative', top: '-1px' }} />\n <div style={{\n borderBottom: `2px solid ${color}`,\n position: 'absolute',\n width: '130%',\n left: '-15%',\n top: 16,\n }}\n />\n </div>\n )}\n title={t('Text color')}\n />\n </ColorPicker>\n );\n}\n","\r\nimport { IconFont, useBlock, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { useAddToCollection } from '@extensions/hooks/useAddToCollection';\r\nimport { getParentIdx } from '@thanhpv102/easy-email-core';\r\nimport React from 'react';\r\nimport { ToolItem } from './ToolItem';\r\n\r\nexport function BasicTools(props: { getPopupContainer?: () => HTMLElement }) {\r\n const { copyBlock, removeBlock } = useBlock();\r\n const { focusIdx, setFocusIdx } = useFocusIdx();\r\n const { modal, setModalVisible } = useAddToCollection();\r\n const { onAddCollection } = useEditorProps();\r\n\r\n const handleAddToCollection = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n setModalVisible(true);\r\n };\r\n\r\n const handleCopy = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n copyBlock(focusIdx);\r\n };\r\n\r\n const handleDelete = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n removeBlock(focusIdx);\r\n };\r\n\r\n const handleSelectParent = () => {\r\n if (document.activeElement instanceof HTMLElement) {\r\n document.activeElement.blur();\r\n }\r\n setFocusIdx(getParentIdx(focusIdx)!);\r\n };\r\n\r\n return (\r\n <div style={{ marginRight: 40 }}>\r\n <span style={{ position: 'relative', marginRight: 10, color: '#fff', fontFamily: '-apple-system, BlinkMacSystemFont, San Francisco, Segoe UI' }}>Text</span>\r\n <ToolItem\r\n onClick={handleSelectParent}\r\n title={'Select parent block'}\r\n icon={<IconFont iconName='icon-back-parent' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n <ToolItem\r\n onClick={handleCopy}\r\n title={'Copy'}\r\n icon={<IconFont iconName='icon-copy' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n {\r\n onAddCollection && (\r\n <ToolItem\r\n onClick={handleAddToCollection}\r\n title={'Add to collection'}\r\n icon={<IconFont iconName='icon-collection' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n )\r\n }\r\n <ToolItem\r\n onClick={handleDelete}\r\n title={'Delete'}\r\n icon={<IconFont iconName='icon-delete' />}\r\n getPopupContainer={props.getPopupContainer}\r\n />\r\n {modal}\r\n </div>\r\n );\r\n}\r\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getAnchorElement(\n node: Node | null,\n): HTMLAnchorElement | null {\n if (!node) return null;\n if (node instanceof HTMLAnchorElement) {\n return node;\n }\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n\n return getAnchorElement(node.parentNode);\n}\n\nfunction getLinkNode(\n currentRange: Range | null | undefined,\n): HTMLAnchorElement | null {\n let linkNode: HTMLAnchorElement | null = null;\n if (!currentRange) return null;\n linkNode = getAnchorElement(currentRange.commonAncestorContainer);\n return linkNode;\n}\n\nexport function Unlink(props: LinkProps) {\n const { onChange } = props;\n const linkNode = useMemo(() => {\n return getLinkNode(props.currentRange);\n\n }, [props.currentRange]);\n\n const onUnlink = useCallback(() => {\n if (linkNode?.parentNode) {\n linkNode?.replaceWith(...linkNode.childNodes);\n onChange();\n }\n }, [linkNode, onChange]);\n\n return (\n <ToolItem title={t('Unlink')} icon={<IconFont iconName=\"icon-unlink\" />} onClick={onUnlink} getPopupContainer={props.getPopupContainer} />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getStrikeThroughNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'strike') return node;\n return getStrikeThroughNode(node.parentNode);\n}\n\nexport function StrikeThrough(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getStrikeThroughNode(props.currentRange?.commonAncestorContainer);\n\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Strikethrough')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-strikethrough\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getUnderlineNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'u') return node;\n return getUnderlineNode(node.parentNode);\n}\n\nexport function Underline(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getUnderlineNode(props.currentRange?.commonAncestorContainer);\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Underline')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-underline\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getItalicNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'i') return node;\n return getItalicNode(node.parentNode);\n}\n\nexport function Italic(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getItalicNode(props.currentRange?.commonAncestorContainer);\n\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Italic')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-italic\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import type { TooltipProps } from 'antd';\nimport React, { useCallback, useMemo } from 'react';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { ToolItem } from '../ToolItem';\nimport { EMAIL_BLOCK_CLASS_NAME } from '@thanhpv102/easy-email-core';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nexport interface LinkProps extends Omit<TooltipProps, 'title'> {\n currentRange: Range | null | undefined;\n onChange: () => void;\n getPopupContainer?: () => HTMLElement;\n}\n\nfunction getBoldNode(\n node: Node | null | undefined,\n): Element | null {\n if (!node) return null;\n if (node instanceof Element && node.classList.contains(EMAIL_BLOCK_CLASS_NAME)) return null;\n if (node instanceof Element && node.tagName.toLocaleLowerCase() === 'b') return node;\n return getBoldNode(node.parentNode);\n}\n\nexport function Bold(props: LinkProps) {\n const { onChange } = props;\n const { setRangeByElement } = useSelectionRange();\n const node = useMemo(() => {\n return getBoldNode(props.currentRange?.commonAncestorContainer);\n\n }, [props.currentRange]);\n\n const onClick = useCallback(() => {\n if (node) {\n setRangeByElement(node);\n }\n onChange();\n }, [node, onChange, setRangeByElement]);\n\n return (\n <ToolItem\n title={t('Bold')}\n isActive={Boolean(node)}\n icon={<IconFont iconName=\"icon-bold\" />}\n onClick={onClick}\n getPopupContainer={props.getPopupContainer}\n />\n );\n}\n","import React, { useCallback } from 'react';\n\nimport { ToolItem } from '../ToolItem';\nimport { IconFont } from '@thanhpv102/easy-email-editor';\nimport { useRichTextPopupOpen } from '../../hooks/useRichTextPopupOpen';\nimport { RichTextPortalPopup } from '../RichTextPortalPopup';\n\nconst list = [\n { value: '1', label: '12px' },\n { value: '2', label: '13px' },\n { value: '3', label: '16px' },\n { value: '4', label: '18px' },\n { value: '5', label: '24px' },\n { value: '6', label: '32px' },\n { value: '7', label: '48px' },\n];\n\nexport interface FontSizeProps {\n execCommand: (cmd: string, value: string) => void;\n}\n\nexport function FontSize(props: FontSizeProps) {\n const { execCommand } = props;\n const { open, rect, close, handleTriggerClick, setTriggerRef, setPopupContainerRef } = useRichTextPopupOpen();\n\n const onChange = useCallback(\n (val: string) => {\n execCommand('fontSize', val);\n close();\n },\n [execCommand, close],\n );\n\n return (\n <>\n <span ref={setTriggerRef}>\n <ToolItem\n title={t('Font size')}\n icon={<IconFont iconName=\"icon-font-color\" />}\n onClick={handleTriggerClick}\n />\n </span>\n <RichTextPortalPopup\n open={open}\n rect={rect}\n containerRef={setPopupContainerRef}\n placement=\"bottom\"\n >\n <ul\n style={{\n listStyle: 'none',\n margin: 0,\n padding: '4px 0',\n minWidth: 80,\n maxHeight: 350,\n overflowY: 'auto',\n }}\n >\n {list.map(item => (\n <li\n key={item.value}\n onClick={() => onChange(item.value)}\n style={{\n padding: '5px 12px',\n cursor: 'pointer',\n lineHeight: '22px',\n }}\n onMouseEnter={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'var(--color-font-item-background, #f5f5f5)';\n }}\n onMouseLeave={e => {\n (e.currentTarget as HTMLElement).style.backgroundColor = 'transparent';\n }}\n >\n {item.label}\n </li>\n ))}\n </ul>\n </RichTextPortalPopup>\n </>\n );\n}\n","import React, { useCallback, useRef } from 'react';\nimport { ToolItem } from '../ToolItem';\nimport { getLinkNode, Link, LinkParams } from '../Link';\nimport {\n AvailableTools,\n getShadowRoot,\n IconFont,\n MergeTagBadge,\n useEditorProps,\n useFocusBlockLayout,\n} from '@thanhpv102/easy-email-editor';\nimport { FontFamily } from '../FontFamily';\nimport { MergeTags } from '../MergeTags';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\nimport { IconBgColor } from './IconBgColor';\nimport { IconFontColor } from './IconFontColor';\nimport { BasicTools } from '../BasicTools';\nimport { Unlink } from '../Unlink';\nimport { StrikeThrough } from '../StrikeThrough';\nimport { Underline } from '../Underline';\nimport { Italic } from '../Italic';\nimport { Bold } from '../Bold';\nimport { FontSize } from '../FontSize';\nimport { RICH_TEXT_TOOL_BAR } from '@extensions/constants';\n\nexport interface ToolsProps {\n onChange: (content: string) => void;\n}\n\nexport function Tools(props: ToolsProps) {\n const { mergeTags, enabledMergeTagsBadge, toolbar } = useEditorProps();\n const { focusBlockNode } = useFocusBlockLayout();\n const { selectionRange, restoreRange, setRangeByElement } = useSelectionRange();\n const { onChange } = props;\n\n // Keep a ref so execCommand always uses the latest range, even from inside popups\n const selectionRangeRef = useRef<Range | null>(selectionRange);\n selectionRangeRef.current = selectionRange;\n\n // Keep a ref to focusBlockNode so execCommand always uses the latest value\n const focusBlockNodeRef = useRef<Element | null | undefined>(focusBlockNode);\n focusBlockNodeRef.current = focusBlockNode;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const execCommand = useCallback(\n (cmd: string, val?: string | LinkParams) => {\n const range = selectionRangeRef.current;\n if (!range && cmd in needCheckRangeCommand) {\n console.error(t('No selectionRange'));\n return;\n }\n if (range?.commonAncestorContainer && !focusBlockNodeRef.current?.contains(range?.commonAncestorContainer) && cmd in needCheckRangeCommand) {\n console.error(t('Not commonAncestorContainer'));\n return;\n }\n\n if (range) {\n restoreRange(range);\n }\n const uuid = (+new Date()).toString();\n if (cmd === 'createLink') {\n const linkData = val as LinkParams;\n const target = linkData.blank ? '_blank' : '';\n let link: HTMLAnchorElement | null;\n if (linkData.linkNode) {\n link = linkData.linkNode;\n } else {\n document.execCommand(cmd, false, uuid);\n link = getShadowRoot().querySelector(`a[href=\"${uuid}\"`);\n }\n\n if (link) {\n if (target) {\n link.setAttribute('target', target);\n }\n link.style.color = 'inherit';\n link.style.textDecoration = linkData.underline ? 'underline' : 'none';\n link.setAttribute('href', linkData.link.trim());\n }\n } else if (cmd === 'insertHTML') {\n let newContent = val as string;\n if (enabledMergeTagsBadge) {\n newContent = MergeTagBadge.transform(newContent, uuid);\n }\n\n document.execCommand(cmd, false, newContent);\n const insertMergeTagEle = getShadowRoot().getElementById(uuid);\n if (insertMergeTagEle) {\n insertMergeTagEle.focus();\n setRangeByElement(insertMergeTagEle);\n }\n } else if (cmd === 'foreColor') {\n document.execCommand(cmd, false, val as string);\n let linkNode: HTMLAnchorElement | null = getLinkNode(range);\n if (linkNode) {\n linkNode.style.color = 'inherit';\n }\n } else {\n document.execCommand(cmd, false, val as string);\n }\n\n const contenteditableElement = getShadowRoot().activeElement;\n if (contenteditableElement?.getAttribute('contenteditable') === 'true') {\n const html = getShadowRoot().activeElement?.innerHTML || '';\n onChange(html);\n }\n },\n [\n enabledMergeTagsBadge,\n onChange,\n restoreRange,\n setRangeByElement,\n ],\n );\n\n const execCommandWithRange = useCallback(\n (cmd: string, val?: string) => {\n document.execCommand(cmd, false, val);\n const contenteditableElement = getShadowRoot().activeElement;\n if (contenteditableElement?.getAttribute('contenteditable') === 'true') {\n const html = getShadowRoot().activeElement?.innerHTML || '';\n onChange(html);\n }\n },\n [onChange],\n );\n\n const needCheckRangeCommand = [\n AvailableTools.MergeTags,\n AvailableTools.FontFamily,\n AvailableTools.FontSize,\n AvailableTools.IconFontColor,\n AvailableTools.IconBgColor,\n 'createLink',\n 'justifyLeft',\n 'justifyCenter',\n 'justifyRight',\n 'insertOrderedList',\n 'insertUnorderedList',\n 'insertHorizontalRule',\n ]\n\n const enabledTools = toolbar?.tools ?? [\n AvailableTools.MergeTags,\n AvailableTools.FontFamily,\n AvailableTools.FontSize,\n AvailableTools.Bold,\n AvailableTools.Italic,\n AvailableTools.StrikeThrough,\n AvailableTools.Underline,\n AvailableTools.IconFontColor,\n AvailableTools.IconBgColor,\n AvailableTools.Link,\n AvailableTools.Justify,\n AvailableTools.Lists,\n AvailableTools.HorizontalRule,\n AvailableTools.RemoveFormat,\n ];\n\n const tools = enabledTools.flatMap(tool => {\n switch (tool) {\n case AvailableTools.MergeTags:\n if (!mergeTags) return [];\n return [\n <MergeTags\n key={tool}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.FontFamily:\n return [\n <FontFamily\n key={tool}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.FontSize:\n return [\n <FontSize\n key={tool}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.Bold:\n return [\n <Bold\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('bold')}\n />,\n ];\n case AvailableTools.Italic:\n return [\n <Italic\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('italic')}\n />,\n ];\n case AvailableTools.StrikeThrough:\n return [\n <StrikeThrough\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('strikeThrough')}\n />,\n ];\n case AvailableTools.Underline:\n return [\n <Underline\n key={tool}\n currentRange={selectionRange}\n onChange={() => execCommandWithRange('underline')}\n />,\n ];\n case AvailableTools.IconFontColor:\n return [\n <IconFontColor\n key={tool}\n selectionRange={selectionRange}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.IconBgColor:\n return [\n <IconBgColor\n key={tool}\n selectionRange={selectionRange}\n execCommand={execCommand}\n />,\n ];\n case AvailableTools.Link:\n return [\n <Link\n key={`${tool}-link`}\n currentRange={selectionRange}\n onChange={values => execCommand('createLink', values)}\n />,\n <Unlink\n key={`${tool}-unlink`}\n currentRange={selectionRange}\n onChange={() => execCommand('')}\n />,\n ];\n case AvailableTools.Justify:\n return [\n <ToolItem\n key={`${tool}-justify-left`}\n onClick={() => execCommand('justifyLeft')}\n icon={<IconFont iconName=\"icon-align-left\" />}\n title={'Align left'}\n />,\n <ToolItem\n key={`${tool}-justify-center`}\n onClick={() => execCommand('justifyCenter')}\n icon={<IconFont iconName=\"icon-align-center\" />}\n title={'Align center'}\n />,\n <ToolItem\n key={`${tool}-justify-right`}\n onClick={() => execCommand('justifyRight')}\n icon={<IconFont iconName=\"icon-align-right\" />}\n title={'Align right'}\n />,\n ];\n case AvailableTools.Lists:\n return [\n <ToolItem\n key={`${tool}-ordered-list`}\n onClick={() => execCommand('insertOrderedList')}\n icon={<IconFont iconName=\"icon-list-ol\" />}\n title={'Orderlist'}\n />,\n <ToolItem\n key={`${tool}-unordered-list`}\n onClick={() => execCommand('insertUnorderedList')}\n icon={<IconFont iconName=\"icon-list-ul\" />}\n title={'Unorderlist'}\n />,\n ];\n case AvailableTools.HorizontalRule:\n return [\n <ToolItem\n key={tool}\n onClick={() => execCommand('insertHorizontalRule')}\n icon={<IconFont iconName=\"icon-line\" />}\n title={'Line'}\n />,\n ];\n case AvailableTools.RemoveFormat:\n return [\n <ToolItem\n key={tool}\n onClick={() => execCommand('removeFormat')}\n icon={<IconFont iconName=\"icon-close\" />}\n title={'Remove format'}\n />,\n ];\n default:\n console.error('Not existing tool', tool);\n throw new Error(`Not existing tool ${tool}`);\n }\n });\n\n return (\n <div\n id={RICH_TEXT_TOOL_BAR}\n style={{ display: 'flex', flexWrap: 'nowrap' }}\n >\n <>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <BasicTools />\n {tools.map((tool, index) => {\n return (\n <React.Fragment key={index}>\n {tool}\n <div\n className=\"easy-email-extensions-divider\"\n />\n </React.Fragment>\n );\n })}\n </div>\n {toolbar?.suffix?.(execCommand)}\n </>\n </div>\n );\n}\n",".easy-email-extensions-emailToolItem {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n outline: none;\n font-weight: 400;\n appearance: none;\n cursor: pointer !important;\n white-space: nowrap;\n transition: all 0.1s linear;\n box-sizing: border-box;\n border-radius: 2px;\n border: none;\n background-color: transparent;\n color: #fff;\n width: 28px;\n height: 27px;\n &:hover {\n background-color: rgba(242, 243, 245, 1);\n color: rgb(78, 89, 105);\n }\n}\n.easy-email-extensions-emailToolItem-active {\n background-color: rgba(242, 243, 245, 1);\n color: rgb(78, 89, 105);\n}\n\n.easy-email-extensions-divider {\n position: relative;\n display: inline-flex;\n width: 1px;\n height: 16px;\n background-color: rgba(128, 128, 128, 0.9);\n}\n","import React from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { getPluginElement, RICH_TEXT_BAR_ID, useEditorContext } from '@thanhpv102/easy-email-editor';\r\nimport { Tools } from './components/Tools';\r\nimport styleText from './shadow-dom.scss?inline';\r\nimport { RICH_TEXT_POPUP_CONTAINER_ID } from '@extensions/constants';\r\n\r\nexport { RICH_TEXT_POPUP_CONTAINER_ID };\r\n\r\nexport function RichTextToolBar(props: { onChange: (s: string) => void; }) {\r\n const { initialized } = useEditorContext();\r\n const root = initialized && getPluginElement();\r\n\r\n if (!root) return null;\r\n\r\n return (\r\n <>\r\n {createPortal(\r\n <>\r\n <style dangerouslySetInnerHTML={{ __html: styleText }} />\r\n <div\r\n id={RICH_TEXT_BAR_ID}\r\n style={{\r\n transform: 'translate(0,0)',\r\n padding: '4px 8px',\r\n boxSizing: 'border-box',\r\n position: 'absolute',\r\n left: 8,\r\n top: 0,\r\n zIndex: 100,\r\n width: 'calc(100% - 16px)',\r\n }}\r\n >\r\n <div\r\n style={{\r\n position: 'absolute',\r\n backgroundColor: '#41444d',\r\n height: '100%',\r\n width: '100%',\r\n left: 0,\r\n top: 0,\r\n }}\r\n />\r\n\r\n <Tools onChange={props.onChange} />\r\n </div>\r\n <div\r\n id={RICH_TEXT_POPUP_CONTAINER_ID}\r\n style={{\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n width: 0,\r\n height: 0,\r\n zIndex: 10000,\r\n overflow: 'visible',\r\n }}\r\n />\r\n </>,\r\n root\r\n )}\r\n </>\r\n );\r\n}\r\n","import {\n useEditorProps,\n MergeTagBadge,\n getEditorRoot,\n getShadowRoot,\n FIXED_CONTAINER_ID,\n RICH_TEXT_BAR_ID,\n DATA_CONTENT_EDITABLE_IDX,\n CONTENT_EDITABLE_CLASS_NAME,\n DATA_CONTENT_EDITABLE_TYPE,\n ContentEditableType,\n} from '@thanhpv102/easy-email-editor';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { InlineText, InlineTextProps } from '../InlineTextField';\nimport { RichTextToolBar } from '../RichTextToolBar';\nimport { Field, FieldRenderProps } from '@thanhpv102/easy-email-editor';\nimport { debounce } from 'lodash';\n\nexport type FieldInputProps = FieldRenderProps['input'];\n\nexport const RichTextField = (\n props: Omit<InlineTextProps, 'onChange' | 'mutators'>\n) => {\n const [contentEditableName, setContentEditableName] = useState('');\n const [contentEditableType, setContentEditableType] = useState<string | null>(\n CONTENT_EDITABLE_CLASS_NAME\n );\n\n useEffect(() => {\n const onClick = (e: MouseEvent) => {\n if (getEditorRoot()?.contains(e.target as Node)) {\n return;\n }\n const fixedContainer = document.getElementById(FIXED_CONTAINER_ID);\n if (fixedContainer?.contains(e.target as Node)) {\n return;\n }\n setContentEditableName('');\n };\n\n window.addEventListener('click', onClick);\n return () => {\n window.removeEventListener('click', onClick);\n };\n }, []);\n\n useEffect(() => {\n const root = getShadowRoot();\n if (!root) return;\n const onClick = (e: Event) => {\n const target = e.target as HTMLElement;\n\n const fixedContainer = document.getElementById(FIXED_CONTAINER_ID);\n const richTextBar = root.getElementById(RICH_TEXT_BAR_ID);\n if (fixedContainer?.contains(target) || richTextBar?.contains(target)) {\n return;\n }\n const activeElement = getShadowRoot().activeElement;\n if (!activeElement) {\n setContentEditableName('');\n } else {\n const idxName = activeElement.getAttribute(DATA_CONTENT_EDITABLE_IDX);\n const type = activeElement.getAttribute(DATA_CONTENT_EDITABLE_TYPE);\n setContentEditableType(type);\n if (idxName) {\n setContentEditableName(idxName);\n } else {\n setContentEditableName('');\n }\n }\n };\n\n root.addEventListener('click', onClick);\n return () => {\n root.removeEventListener('click', onClick);\n };\n }, []);\n\n if (!contentEditableName) return null;\n\n return (\n <>\n <Field name={contentEditableName} parse={(v) => v}>\n {({ input }) => (\n <FieldWrapper\n {...props}\n contentEditableType={contentEditableType}\n input={input}\n />\n )}\n </Field>\n </>\n );\n};\n\nfunction FieldWrapper(\n props: Omit<InlineTextProps, 'onChange'> & {\n input: FieldInputProps;\n contentEditableType: string | null;\n }\n) {\n const { input, contentEditableType, ...rest } = props;\n const { mergeTagGenerate, enabledMergeTagsBadge } = useEditorProps();\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const debounceCallbackChange = useCallback(\n debounce((val: string) => {\n if (enabledMergeTagsBadge) {\n input.onChange(MergeTagBadge.revert(val, mergeTagGenerate));\n } else {\n input.onChange(val);\n }\n\n input.onBlur();\n }, 200),\n [input]\n );\n\n return (\n <>\n {contentEditableType === ContentEditableType.RichText && (\n <RichTextToolBar onChange={debounceCallbackChange} />\n )}\n <InlineText {...rest} onChange={debounceCallbackChange} />\n </>\n );\n}\n","import {\n Input as AntdInput,\n InputNumber,\n InputNumberProps,\n Slider,\n Switch,\n SwitchProps,\n TreeSelect,\n TreeSelectProps,\n} from 'antd';\nimport type { SliderSingleProps } from 'antd/es/slider';\nimport type { TextAreaProps } from 'antd/es/input';\nimport type { SearchProps as InputSearchProps } from 'antd/es/input/Search';\nimport { ImageUploader, ImageUploaderProps } from './ImageUploader';\nimport { Select, SelectProps } from './Select';\nimport { RadioGroup, RadioGroupProps } from './RadioGroup';\nimport enhancer, { EnhancerProps } from './enhancer';\nimport { Input, InputProps } from './Input';\nimport { InputWithUnit, InputWithUnitProps } from './InputWithUnit';\nimport { CheckBoxGroup, CheckboxGroupProps } from './CheckBoxGroup';\nimport { EditTab, EditTabProps } from './EditTab';\nimport { EditGridTab, EditGridTabProps } from './EditGridTab';\nimport { AutoComplete, AutoCompleteProps } from './AutoComplete';\nimport { ColorPickerField } from './ColorPickerField';\n\nexport { RichTextField } from './RichTextField';\n\nexport const TextField = enhancer<InputProps>(Input, value => value);\n\nexport const InputWithUnitField = enhancer<InputWithUnitProps>(\n InputWithUnit,\n value => value,\n);\n\nexport const SearchField = enhancer<InputSearchProps>(AntdInput.Search, val => val);\n\nexport const TextAreaField = enhancer<TextAreaProps>(AntdInput.TextArea, val => val);\n\nexport const NumberField: React.FC<EnhancerProps & Omit<InputNumberProps, 'value' | 'onChange' | 'mutators'>> = enhancer<InputNumberProps>(InputNumber, e => e);\n\nexport const SliderField = enhancer<SliderSingleProps>(Slider, e => e);\n\nexport const ImageUploaderField = enhancer<ImageUploaderProps>(ImageUploader, url => url);\n\nexport const SelectField = enhancer<SelectProps>(Select, e => e);\n\nexport const TreeSelectField: React.FC<EnhancerProps & Omit<TreeSelectProps, 'value' | 'onChange' | 'mutators'>> = enhancer<TreeSelectProps>(TreeSelect, e => e);\n\nexport const AutoCompleteField = enhancer<AutoCompleteProps>(AutoComplete, e => e);\n\nexport const RadioGroupField = enhancer<RadioGroupProps>(RadioGroup, value => value);\n\nexport const SwitchField = enhancer<SwitchProps>(Switch, e => e);\n\nexport const CheckboxField = enhancer<CheckboxGroupProps>(CheckBoxGroup, e => e);\n\nexport const EditTabField = enhancer<EditTabProps>(EditTab, (e: unknown[]) => e);\nexport const EditGridTabField = enhancer<EditGridTabProps>(EditGridTab, (e: unknown[]) => e);\n\nexport { ColorPickerField };\n\nexport { enhancer };\n","import { Modal } from 'antd';\nimport { Form, Stack, useBlock, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { ImageUploaderField, TextAreaField, TextField } from '../Form';\n\nexport const AddToCollection: React.FC<{\n visible: boolean;\n setVisible: (v: boolean) => void;\n}> = ({ visible, setVisible }) => {\n const { focusBlock: focusBlockData } = useBlock();\n const { onAddCollection, onUploadImage, enableAssetManager } = useEditorProps();\n\n const onSubmit = (values: {\n label: string;\n helpText: string;\n thumbnail: string;\n }) => {\n if (!values.label) return;\n const uuid = uuidv4();\n onAddCollection?.({\n label: values.label,\n helpText: values.helpText,\n data: focusBlockData!,\n thumbnail: values.thumbnail,\n id: uuid,\n });\n setVisible(false);\n };\n\n return (\n <Form\n initialValues={{ label: '', helpText: '', thumbnail: '' }}\n onSubmit={onSubmit}\n >\n {({ handleSubmit }) => (\n <Modal\n mask={{ closable: false }}\n style={{ zIndex: 2000 }}\n open={visible}\n title={'Add to collection'}\n onOk={() => handleSubmit()}\n onCancel={() => setVisible(false)}\n >\n <Stack vertical>\n <Stack.Item />\n <TextField\n label={'Title'}\n name=\"label\"\n validate={(val: string) => {\n if (!val) return 'Title required!';\n return undefined;\n }}\n />\n <TextAreaField label={'Description'} name=\"helpText\" />\n <ImageUploaderField\n label={'Thumbnail'}\n name={'thumbnail'}\n uploadHandler={onUploadImage}\n enableSelectFromLibrary={enableAssetManager}\n validate={(val: string) => {\n if (!val) return 'Thumbnail required!';\n return undefined;\n }}\n />\n </Stack>\n </Modal>\n )}\n </Form>\n );\n};\n","import { AddToCollection } from '@extensions/components/AddToCollection';\nimport React, { useMemo, useState } from 'react';\n\nexport function useAddToCollection() {\n const [modalVisible, setModalVisible] = useState(false);\n const modal = useMemo(() => <AddToCollection visible={modalVisible} setVisible={setModalVisible} />, [modalVisible]);\n\n return {\n modal,\n modalVisible,\n setModalVisible,\n };\n}","\nimport React, { useRef } from 'react';\nimport { IconFont, TextStyle, scrollBlockEleIntoView, useBlock, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport { getIndexByIdx, getSiblingIdx } from '@thanhpv102/easy-email-core';\nimport styles from './index.module.scss';\nimport { IBlockDataWithId } from '../../../BlockLayer';\nimport { useAddToCollection } from '@extensions/hooks/useAddToCollection';\n\nexport function ContextMenu({\n moveBlock,\n copyBlock,\n removeBlock,\n contextMenuData,\n onClose,\n}: {\n onClose: (ev?: React.MouseEvent) => void;\n moveBlock: ReturnType<typeof useBlock>['moveBlock'];\n copyBlock: ReturnType<typeof useBlock>['copyBlock'];\n removeBlock: ReturnType<typeof useBlock>['removeBlock'];\n contextMenuData: {\n blockData: IBlockDataWithId;\n left: number;\n top: number;\n };\n}) {\n const { blockData, left, top } = contextMenuData;\n const idx = blockData.id;\n const { modal, modalVisible, setModalVisible } = useAddToCollection();\n const props = useEditorProps();\n const ref = useRef<HTMLDivElement>(null);\n\n const handleMoveUp = () => {\n moveBlock(idx, getSiblingIdx(idx, -1));\n scrollBlockEleIntoView({\n idx: getSiblingIdx(idx, -1),\n });\n onClose();\n };\n\n const handleMoveDown = () => {\n moveBlock(idx, getSiblingIdx(idx, 1));\n scrollBlockEleIntoView({\n idx: getSiblingIdx(idx, 1),\n });\n onClose();\n };\n\n const handleCopy: React.MouseEventHandler<HTMLDivElement> = (ev) => {\n copyBlock(idx);\n scrollBlockEleIntoView({\n idx: getSiblingIdx(idx, 1),\n });\n onClose();\n };\n\n const handleAddToCollection = () => {\n setModalVisible(true);\n };\n\n const handleDelete = () => {\n removeBlock(idx);\n onClose();\n };\n\n const isFirst = getIndexByIdx(idx) === 0;\n\n return (\n <div ref={ref} style={{ visibility: modalVisible ? 'hidden' : undefined }}>\n <div\n style={{\n left: left,\n top: top,\n }}\n className={styles.wrap}\n onClick={(e) => e.stopPropagation()}\n >\n {!isFirst && (\n <div className={styles.listItem} onClick={handleMoveUp}>\n <IconFont iconName='icon-top' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Move up'}</TextStyle>\n </div>\n )}\n <div className={styles.listItem} onClick={handleMoveDown}>\n <IconFont iconName='icon-bottom' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Move down'}</TextStyle>\n </div>\n <div className={styles.listItem} onClick={handleCopy}>\n <IconFont iconName='icon-copy' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Copy'}</TextStyle>\n </div>\n {props.onAddCollection && (\n <div className={styles.listItem} onClick={handleAddToCollection}>\n <IconFont iconName='icon-start' style={{ marginRight: 10 }} />{' '}\n <TextStyle>Add to collection</TextStyle>\n </div>\n )}\n <div className={styles.listItem} onClick={handleDelete}>\n <IconFont iconName='icon-delete' style={{ marginRight: 10 }} />{' '}\n <TextStyle>{'Delete'}</TextStyle>\n </div>\n </div>\n <div\n className={styles.contextmenuMark}\n onClick={onClose}\n onContextMenu={(e) => {\n e.preventDefault();\n onClose(e);\n }}\n />\n {modal}\n </div>\n );\n}\n","import { getParentIdx, getIndexByIdx, BlockManager, getNodeIdxFromClassName } from '@thanhpv102/easy-email-core';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport {\r\n getBlockNodeByChildEle,\r\n getDirectionPosition,\r\n useEditorContext,\r\n useDataTransfer,\r\n useHoverIdx,\r\n useRefState,\r\n} from '@thanhpv102/easy-email-editor';\r\nimport { debounce, get } from 'lodash';\r\nimport { IBlockDataWithId } from '..';\r\nimport { BlockTreeProps } from '../components/BlockTree';\r\n\r\nexport function useAvatarWrapperDrop() {\r\n const [blockLayerRef, setBlockLayerRef] = useState<HTMLElement | null>(null);\r\n\r\n const { setHoverIdx, setDirection } = useHoverIdx();\r\n const { dataTransfer, setDataTransfer } = useDataTransfer();\r\n const {\r\n formState: { values },\r\n } = useEditorContext();\r\n\r\n const valuesRef = useRefState(values);\r\n const dataTransferRef = useRefState(dataTransfer);\r\n\r\n function isKeyObject(o: any): o is {\r\n key: string;\r\n } {\r\n return o.key !== undefined;\r\n }\r\n\r\n const removeHightLightClassName = useCallback(() => {\r\n if (!blockLayerRef) return;\r\n blockLayerRef\r\n .querySelectorAll(\r\n '.arco-tree-node-title-gap-top, .arco-tree-node-title-gap-bottom, .arco-tree-node-title-highlight'\r\n )\r\n .forEach((item) => {\r\n item.classList.remove(\r\n 'arco-tree-node-title-gap-top',\r\n 'arco-tree-node-title-gap-bottom',\r\n 'arco-tree-node-title-highlight'\r\n );\r\n });\r\n }, [blockLayerRef]);\r\n\r\n const allowDrop: BlockTreeProps<IBlockDataWithId>['allowDrop'] = useCallback(\r\n (params) => {\r\n const { dragNode, dropNode, dropPosition } = params;\r\n let dragType;\r\n if (isKeyObject(dragNode)) {\r\n const blockData = get(valuesRef.current, dragNode.key);\r\n if (!blockData) return false;\r\n dragType = blockData.type;\r\n } else {\r\n dragType = dragNode.type;\r\n }\r\n const dragBlock = BlockManager.getBlockByType(dragType);\r\n if (!dragBlock) return false;\r\n\r\n if (dropPosition === 0) {\r\n if (\r\n BlockManager.getAutoCompletePath(\r\n dragBlock.type,\r\n dropNode.dataRef.type\r\n ) &&\r\n dropNode.dataRef.children.length === 0\r\n ) {\r\n return {\r\n position: 0,\r\n key: dropNode.key,\r\n };\r\n } else if (\r\n dropNode.parent &&\r\n dragBlock.validParentType.includes(dropNode.parent.type)\r\n ) {\r\n // drop to next sibling\r\n return {\r\n position: -1,\r\n key: dropNode.key,\r\n };\r\n }\r\n } else {\r\n if (\r\n dropNode.parent &&\r\n dragBlock.validParentType.includes(dropNode.parent.type)\r\n ) {\r\n return {\r\n position: dropPosition,\r\n key: dropNode.key,\r\n };\r\n }\r\n }\r\n setDirection('');\r\n setHoverIdx('');\r\n return false;\r\n },\r\n [setDirection, setHoverIdx, valuesRef]\r\n );\r\n\r\n useEffect(() => {\r\n if (blockLayerRef) {\r\n const onDragOver = debounce((ev: DragEvent) => {\r\n if (!dataTransferRef.current) return;\r\n\r\n const blockNode = getBlockNodeByChildEle(ev.target as HTMLDivElement);\r\n if (!blockNode || !ev.target) return;\r\n\r\n const directionPosition = getDirectionPosition(ev, 5);\r\n const treeNodeEle = blockNode.parentNode?.parentNode\r\n ?.parentNode as HTMLElement;\r\n\r\n if (!treeNodeEle) return;\r\n\r\n removeHightLightClassName();\r\n\r\n const dropIdx = getNodeIdxFromClassName(blockNode.classList)!;\r\n if (!dropIdx) return;\r\n const dropParentIdx = getParentIdx(dropIdx);\r\n\r\n const dropBlockData = get(valuesRef.current, dropIdx);\r\n const dropParentBlockData = dropParentIdx\r\n ? get(valuesRef.current, dropParentIdx)\r\n : null;\r\n\r\n let dropPosition = 0;\r\n if (\r\n directionPosition.vertical.direction === 'top' &&\r\n directionPosition.vertical.isEdge\r\n ) {\r\n dropPosition = -1;\r\n } else if (\r\n directionPosition.vertical.direction === 'bottom' &&\r\n directionPosition.vertical.isEdge\r\n ) {\r\n dropPosition = 1;\r\n }\r\n const dropResult = allowDrop({\r\n dragNode: {\r\n type: dataTransferRef.current.type,\r\n },\r\n dropNode: {\r\n dataRef: dropBlockData,\r\n key: dropIdx,\r\n parent: dropParentBlockData,\r\n },\r\n dropPosition,\r\n });\r\n if (!dropResult) return;\r\n\r\n const node = document.querySelector(\r\n `[data-tree-idx=\"${dropResult.key}\"]`\r\n )?.parentNode?.parentNode;\r\n if (node instanceof HTMLElement) {\r\n removeHightLightClassName();\r\n node.classList.add('arco-tree-node-title-gap-bottom');\r\n }\r\n setDirection(getDirectionFormDropPosition(dropResult.position));\r\n setHoverIdx(dropResult.key);\r\n\r\n if (dropResult.position === -1) {\r\n treeNodeEle.classList.add('arco-tree-node-title-gap-top');\r\n setDataTransfer((dataTransfer: any) => {\r\n return {\r\n ...dataTransfer,\r\n parentIdx: dropParentIdx,\r\n positionIndex: getIndexByIdx(dropIdx),\r\n };\r\n });\r\n } else if (dropResult.position === 1) {\r\n setDataTransfer((dataTransfer: any) => {\r\n return {\r\n ...dataTransfer,\r\n parentIdx: dropParentIdx,\r\n positionIndex: getIndexByIdx(dropIdx) + 1,\r\n };\r\n });\r\n treeNodeEle.classList.add('arco-tree-node-title-gap-bottom');\r\n } else {\r\n treeNodeEle.classList.add('arco-tree-node-title-highlight');\r\n setDataTransfer((dataTransfer: any) => {\r\n return {\r\n ...dataTransfer,\r\n parentIdx: dropIdx,\r\n positionIndex: 0,\r\n };\r\n });\r\n }\r\n });\r\n\r\n const onDragend = (ev: DragEvent) => {\r\n removeHightLightClassName();\r\n };\r\n\r\n const onDrop = (ev: DragEvent) => {\r\n setTimeout(() => {\r\n removeHightLightClassName();\r\n }, 0);\r\n };\r\n\r\n blockLayerRef.addEventListener('dragover', onDragOver);\r\n blockLayerRef.addEventListener('drop', onDrop);\r\n blockLayerRef.addEventListener('dragleave', onDragend);\r\n\r\n return () => {\r\n blockLayerRef.removeEventListener('dragover', onDragOver);\r\n blockLayerRef.removeEventListener('drop', onDrop);\r\n blockLayerRef.removeEventListener('dragleave', onDragend);\r\n };\r\n }\r\n }, [\r\n blockLayerRef,\r\n dataTransferRef,\r\n valuesRef,\r\n removeHightLightClassName,\r\n allowDrop,\r\n setDirection,\r\n setHoverIdx,\r\n setDataTransfer,\r\n ]);\r\n\r\n return {\r\n setBlockLayerRef,\r\n blockLayerRef,\r\n allowDrop,\r\n removeHightLightClassName,\r\n };\r\n}\r\n\r\nexport function getDirectionFormDropPosition(position: number) {\r\n if (position === -1) return 'top';\r\n if (position === 1) return 'bottom';\r\n return '';\r\n}\r\n","import { BasicType, AdvancedType } from '@thanhpv102/easy-email-core';\nimport { get } from 'lodash';\n\nlet iconsMap = {\n [BasicType.TEXT]: 'icon-text',\n [BasicType.SECTION]: 'icon-section',\n [BasicType.COLUMN]: 'icon-column',\n [BasicType.DIVIDER]: 'icon-divider',\n [BasicType.IMAGE]: 'icon-img',\n [BasicType.BUTTON]: 'icon-button',\n [BasicType.GROUP]: 'icon-group',\n [BasicType.PAGE]: 'icon-page',\n [BasicType.WRAPPER]: 'icon-wrapper',\n [BasicType.NAVBAR]: 'icon-navbar',\n [BasicType.HERO]: 'icon-hero',\n [BasicType.SPACER]: 'icon-spacing',\n [BasicType.SOCIAL]: 'icon-social',\n [BasicType.CAROUSEL]: 'icon-carousel',\n [BasicType.ACCORDION]: 'icon-accordion',\n\n [AdvancedType.TEXT]: 'icon-text',\n [AdvancedType.DIVIDER]: 'icon-divider',\n [AdvancedType.IMAGE]: 'icon-img',\n [AdvancedType.BUTTON]: 'icon-button',\n [AdvancedType.NAVBAR]: 'icon-navbar',\n [AdvancedType.SPACER]: 'icon-spacing',\n [AdvancedType.SOCIAL]: 'icon-social',\n [AdvancedType.CAROUSEL]: 'icon-carousel',\n [AdvancedType.ACCORDION]: 'icon-accordion',\n\n [AdvancedType.WRAPPER]: 'icon-wrapper',\n [AdvancedType.SECTION]: 'icon-section',\n [AdvancedType.COLUMN]: 'icon-column',\n [AdvancedType.GROUP]: 'icon-group',\n [AdvancedType.HERO]: 'icon-hero',\n};\n\nexport function getIconNameByBlockType(type: string) {\n return get(iconsMap, type) || 'icon-number';\n}\n\nexport function setIconsMap(map: Record<string, string>) {\n iconsMap = {...iconsMap, ...map};\n}\n","import { BlockManager, IBlockData, BasicType } from '@thanhpv102/easy-email-core';\r\n\r\nconst tempEle = document.createElement('div');\r\nexport function getBlockTitle(\r\n blockData: IBlockData,\r\n isFromContent = true\r\n): string {\r\n if (blockData.title) return blockData.title;\r\n\r\n if (\r\n isFromContent &&\r\n (blockData.type === BasicType.TEXT.toString() || blockData.type === BasicType.BUTTON.toString())\r\n ) {\r\n tempEle.innerHTML = blockData.data.value.content;\r\n return tempEle.innerText;\r\n }\r\n\r\n const blockName = BlockManager.getBlockByType(blockData.type)?.name || '';\r\n return blockName;\r\n}\r\n","import React, { useCallback, useMemo, useState, useRef } from 'react';\nimport {\n DATA_ATTRIBUTE_DROP_CONTAINER,\n IconFont,\n scrollBlockEleIntoView,\n TextStyle,\n useBlock,\n useEditorContext,\n useFocusIdx,\n useHoverIdx,\n useRefState,\n} from '@thanhpv102/easy-email-editor';\nimport {\n BasicType,\n BlockManager,\n getChildIdx,\n getIndexByIdx,\n getNodeIdxClassName,\n getPageIdx,\n getParentIdx,\n IBlockData,\n} from '@thanhpv102/easy-email-core';\nimport styles from './index.module.scss';\nimport { cloneDeep, get, isString, isEqual } from 'lodash';\nimport { EyeIcon } from './components/EyeIcon';\nimport { BlockTree, BlockTreeProps } from './components/BlockTree';\nimport { ContextMenu } from './components/ContextMenu';\nimport { classnames } from '@extensions/utils/classnames';\nimport { getDirectionFormDropPosition, useAvatarWrapperDrop } from './hooks/useAvatarWrapperDrop';\nimport { getIconNameByBlockType } from '@extensions/utils/getIconNameByBlockType';\nimport { Space } from 'antd';\nimport { getBlockTitle } from '@extensions/utils/getBlockTitle';\n\nexport interface IBlockDataWithId extends IBlockData {\n id: string;\n icon?: React.ReactElement;\n parent: IBlockDataWithId | null;\n children: IBlockDataWithId[];\n className?: string;\n}\nexport interface BlockLayerProps {\n renderTitle?: (block: IBlockDataWithId) => React.ReactNode;\n}\n\nexport function BlockLayer(props: BlockLayerProps) {\n const { pageData } = useEditorContext();\n const { renderTitle: propsRenderTitle } = props;\n const { focusIdx, setFocusIdx } = useFocusIdx();\n const { setHoverIdx, setIsDragging, setDirection } = useHoverIdx();\n const { moveBlock, setValueByIdx, copyBlock, removeBlock, values } = useBlock();\n\n const { setBlockLayerRef, allowDrop, removeHightLightClassName } =\n useAvatarWrapperDrop();\n\n const valueRef = useRefState(values);\n\n const [contextMenuData, setContextMenuData] = useState<{\n blockData: IBlockDataWithId;\n left: number;\n top: number;\n } | null>(null);\n\n const onToggleVisible = useCallback(\n ({ id }: IBlockDataWithId, e: React.MouseEvent) => {\n e.stopPropagation();\n const blockData = get(valueRef.current, id) as IBlockData | null;\n\n if (blockData) {\n blockData.data.hidden = !Boolean(blockData.data.hidden);\n setValueByIdx(id, blockData);\n }\n },\n [setValueByIdx, valueRef],\n );\n\n const renderTitle = useCallback(\n (data: IBlockDataWithId) => {\n const isPage = data.type === BasicType.PAGE.toString();\n const title = propsRenderTitle ? propsRenderTitle(data) : getBlockTitle(data);\n return (\n <div\n data-tree-idx={data.id}\n className={classnames(\n styles.title,\n !isPage && getNodeIdxClassName(data.id),\n !isPage && 'email-block',\n )}\n >\n <Space\n align='center'\n size='small'\n >\n <IconFont\n iconName={getIconNameByBlockType(data.type)}\n style={{ fontSize: 12, color: '#999' }}\n />\n <div\n title={isString(title) ? title : ''}\n style={{\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n width: '5em',\n textOverflow: 'ellipsis',\n }}\n >\n <TextStyle size='smallest'>{title}</TextStyle>\n </div>\n </Space>\n <div className={styles.eyeIcon}>\n <EyeIcon\n blockData={data}\n onToggleVisible={onToggleVisible}\n />\n </div>\n </div>\n );\n },\n [onToggleVisible, propsRenderTitle],\n );\n\n const treeData = useMemo(() => {\n const copyData = cloneDeep(pageData) as IBlockDataWithId;\n const loop = (\n item: IBlockDataWithId,\n id: string,\n parent: IBlockDataWithId | null,\n ) => {\n item.id = id;\n item.parent = parent;\n item.children.map((child, index) => loop(child, getChildIdx(id, index), item));\n };\n\n loop(copyData, getPageIdx(), null);\n\n return [copyData];\n }, [pageData]);\n\n const onSelect = useCallback(\n (selectedId: string) => {\n setFocusIdx(selectedId);\n setTimeout(() => {\n scrollBlockEleIntoView({ idx: selectedId });\n }, 50);\n },\n [setFocusIdx],\n );\n\n const onContextMenu = useCallback(\n (blockData: IBlockDataWithId, ev: React.MouseEvent) => {\n ev.preventDefault();\n setContextMenuData({ blockData, left: ev.clientX, top: ev.clientY });\n },\n [],\n );\n\n const onCloseContextMenu = useCallback(() => {\n setContextMenuData(null);\n }, []);\n\n const onMouseEnter = useCallback(\n (id: string) => {\n setHoverIdx(id);\n },\n [setHoverIdx],\n );\n\n const onMouseLeave = useCallback(() => {\n setHoverIdx('');\n }, [setHoverIdx]);\n\n const onDragStart = useCallback(() => {\n setIsDragging(true);\n }, [setIsDragging]);\n\n const onDragEnd = useCallback(() => {\n setIsDragging(false);\n }, [setIsDragging]);\n\n const onDrop: BlockTreeProps<IBlockDataWithId>['onDrop'] = useCallback(\n params => {\n const { dragNode, dropNode, dropPosition } = params;\n const dragBlock = BlockManager.getBlockByType(dragNode.dataRef.type);\n if (!dragBlock) return false;\n const dropIndex = getIndexByIdx(dropNode.key);\n\n if (dropPosition === 0) {\n if (\n dragBlock.validParentType.includes(dropNode.dataRef.type) &&\n dropNode.dataRef.children.length === 0\n ) {\n moveBlock(dragNode.key, getChildIdx(dropNode.key, 0));\n } else if (\n dropNode.parent &&\n dragBlock.validParentType.includes(dropNode.parent.type)\n ) {\n // drop to parent\n moveBlock(dragNode.key, getChildIdx(dropNode.parentKey, dropIndex));\n }\n } else {\n moveBlock(\n dragNode.key,\n getChildIdx(dropNode.parentKey, dropPosition > 0 ? dropIndex + 1 : dropIndex),\n );\n }\n },\n [moveBlock],\n );\n\n const lastDropResultRef = useRef<ReturnType<typeof allowDrop>>(false);\n\n const blockTreeAllowDrop: BlockTreeProps<IBlockDataWithId>['allowDrop'] = useCallback(\n (data) => {\n const dropResult = allowDrop(data);\n if (isEqual(lastDropResultRef.current, dropResult)) {\n return dropResult;\n }\n lastDropResultRef.current = dropResult;\n if (dropResult) {\n setIsDragging(true); // Auto-set isDragging when drag is valid\n const node = document.querySelector(`[data-tree-idx=\"${dropResult.key}\"]`)\n ?.parentNode?.parentNode;\n if (node instanceof HTMLElement) {\n removeHightLightClassName();\n node.classList.add('arco-tree-node-title-gap-bottom');\n }\n setDirection(getDirectionFormDropPosition(dropResult.position));\n setHoverIdx(dropResult.key);\n } else {\n setIsDragging(false); // Clear isDragging when drag is invalid\n }\n\n return dropResult;\n },\n [allowDrop, removeHightLightClassName, setDirection, setHoverIdx, setIsDragging],\n );\n\n const selectedKeys = useMemo(() => {\n if (!focusIdx) return [];\n\n return [focusIdx];\n }, [focusIdx]);\n\n const expandedKeys = useMemo(() => {\n if (!focusIdx) return [];\n let currentIdx = getParentIdx(focusIdx);\n const keys: string[] = [];\n while (currentIdx) {\n keys.push(currentIdx);\n currentIdx = getParentIdx(currentIdx);\n }\n return keys;\n }, [focusIdx]);\n\n return (\n <div\n ref={setBlockLayerRef}\n id='BlockLayerManager'\n {...{\n [DATA_ATTRIBUTE_DROP_CONTAINER]: 'true',\n }}\n >\n <BlockTree<IBlockDataWithId>\n selectedKeys={selectedKeys}\n expandedKeys={expandedKeys}\n defaultExpandAll\n treeData={treeData}\n renderTitle={renderTitle}\n allowDrop={blockTreeAllowDrop}\n onContextMenu={onContextMenu}\n onDrop={onDrop}\n onDragStart={onDragStart}\n onDragEnd={onDragEnd}\n onSelect={onSelect}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n />\n {contextMenuData && (\n <ContextMenu\n onClose={onCloseContextMenu}\n moveBlock={moveBlock}\n copyBlock={copyBlock}\n removeBlock={removeBlock}\n contextMenuData={contextMenuData}\n />\n )}\n </div>\n );\n}\n",".BlocksPanel {\n img {\n max-width: 100%;\n }\n\n :global {\n .ant-tooltip {\n z-index: 10000 !important;\n }\n\n .ant-tooltip-inner {\n z-index: 10000 !important;\n }\n }\n}\n.blockItem {\n text-align: center;\n padding: 3px 12px;\n border-radius: 15px;\n min-width: 60px;\n}\n\n.closeBtn {\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n &:hover {\n background-color: #f7f8f8;\n }\n}\n","import { IBlockData } from '@thanhpv102/easy-email-core';\n\nexport interface BlockMarketCategory {\n name: string;\n title: string;\n blocks: {\n type: string;\n title: string;\n description?: React.ReactNode;\n thumbnail?: string;\n payload?: IBlockData;\n component: () => React.ReactElement | null;\n }[];\n}\n\nexport class BlockMarketManager {\n private static category: BlockMarketCategory[] = [];\n private static subscriptHandles: Array<(category: BlockMarketCategory[]) => void> = [];\n\n public static subscribe(fn: (category: BlockMarketCategory[]) => void) {\n return this.subscriptHandles.push(fn);\n }\n\n public static unsubscribe(fn: (category: BlockMarketCategory[]) => void) {\n return this.subscriptHandles = this.subscriptHandles.filter(item => item === fn);\n }\n\n public static notify() {\n this.subscriptHandles.forEach(fn => fn(this.category));\n }\n\n public static getCategory(name: string) {\n return this.category.find((item) => item.name === name);\n }\n\n public static getCategories() {\n return this.category;\n }\n\n public static addCategories(list: BlockMarketCategory[]) {\n list.forEach(item => {\n const index = this.category.findIndex((c) => c.name === item.name);\n if (index !== -1) {\n this.category.splice(index, 1);\n }\n\n this.category.push(item);\n });\n this.notify();\n }\n\n public static addCategory(\n name: string,\n title: string,\n blocks: {\n type: string;\n title: string;\n description?: React.ReactNode;\n component: () => React.ReactElement | null;\n }[]\n ) {\n const index = this.category.findIndex((item) => item.name === name);\n if (index !== -1) {\n this.category.splice(index, 1);\n }\n\n this.category.push({\n name,\n title,\n blocks,\n });\n\n this.notify();\n }\n\n public static removeCategories(list: BlockMarketCategory[]) {\n list.forEach(item => {\n this.category = this.category.filter((c) => c.name !== item.name);\n });\n this.notify();\n }\n\n public static removeCategory(name: string) {\n this.category = this.category.filter((item) => item.name !== name);\n this.notify();\n }\n}\n",".mask {\n width: 270px;\n display:flex;\n justify-content: flex-end;\n align-items: center;\n cursor: default;\n position: relative;\n transition: all .3s;\n pointer-events: auto;\n}\n.drag {\n background-color: rgba(0,0,0,0.65);\n}","import { IconFont, BlockAvatarWrapper } from '@thanhpv102/easy-email-editor';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport { BlockType } from '@thanhpv102/easy-email-core';\nimport styles from './index.module.scss';\n\nexport const BlockMaskWrapper: React.FC<{\n type: BlockType | string;\n payload: any;\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const ref = useRef<HTMLDivElement>(null);\n const dragRef = useRef<HTMLDivElement>(null);\n const { type, payload } = props;\n\n const onMouseDown = useCallback(() => {\n if (ref.current) {\n ref.current.classList.add(styles.drag);\n }\n }, []);\n\n const onMaskMouseDown: React.MouseEventHandler<HTMLDivElement> = useCallback(ev => {\n if (!dragRef.current || !dragRef.current.contains(ev.target as HTMLElement)) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n }, []);\n\n useEffect(() => {\n const mouseup = () => {\n if (ref.current) {\n ref.current.classList.remove(styles.drag);\n }\n };\n document.addEventListener('mouseup', mouseup);\n return () => {\n document.removeEventListener('mouseup', mouseup);\n };\n }, []);\n\n return (\n <div style={{ position: 'relative' }}>\n {props.children}\n <div\n className={styles.wrapper}\n style={{\n position: 'absolute',\n height: '100%',\n transform: 'translate(32px)',\n top: 0,\n right: 0,\n display: 'flex',\n justifyContent: 'flex-end',\n }}\n >\n <BlockAvatarWrapper\n type={type}\n payload={payload}\n >\n <div\n ref={ref}\n className={styles.mask}\n onMouseDown={onMaskMouseDown}\n >\n <div\n ref={dragRef}\n style={{\n position: 'relative',\n zIndex: 10,\n }}\n onMouseDown={onMouseDown}\n >\n <IconFont\n iconName='icon-drag'\n style={{ fontSize: 25, lineHeight: '25px', cursor: 'grab' }}\n />\n </div>\n </div>\n </BlockAvatarWrapper>\n </div>\n </div>\n );\n};\n","import React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\n\nconst fontList = [48, 32, 27, 24, 18, 16, 14];\n\nexport function TextBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {fontList.map((item, index) => {\n return (\n <Stack.Item fill key={index}>\n <BlockMaskWrapper\n type={AdvancedType.TEXT}\n payload={{\n attributes: {\n 'font-size': item + 'px',\n padding: '0px 0px 0px 0px'\n },\n data: {\n value: {\n content: item + 'px',\n },\n },\n }}\n >\n <div style={{ fontSize: item, width: '100%', paddingLeft: 20 }}>\n {item}px\n </div>\n </BlockMaskWrapper>\n </Stack.Item>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React, { useEffect, useState } from 'react';\n\ninterface IPictureProps\n extends React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLImageElement>,\n HTMLElement\n > {\n src: string;\n className?: string;\n}\n\nconst skeletonKeyframes = `\n@keyframes easy-email-skeleton-shimmer {\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n}\n`;\n\nlet skeletonStyleInjected = false;\nfunction injectSkeletonStyle() {\n if (skeletonStyleInjected) return;\n skeletonStyleInjected = true;\n const style = document.createElement('style');\n style.textContent = skeletonKeyframes;\n document.head.appendChild(style);\n}\n\nexport function Picture(props: IPictureProps) {\n const [url, setUrl] = useState(props.src);\n const [loaded, setLoaded] = useState(false);\n\n useEffect(() => {\n injectSkeletonStyle();\n }, []);\n\n useEffect(() => {\n setUrl(props.src);\n setLoaded(false);\n }, [props.src]);\n\n const { width, height, borderRadius, padding, ...restStyle } = props.style || {};\n\n return (\n <picture\n {...{ ...props }}\n {...{\n src: undefined,\n style: {\n display: 'inline-block',\n width: width,\n height: height,\n borderRadius: borderRadius,\n padding: padding,\n overflow: borderRadius ? 'hidden' : undefined,\n position: 'relative',\n ...restStyle,\n },\n }}\n >\n {!loaded && (\n <span\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n background: 'linear-gradient(70deg, var(--color-loading-gray-1, #2a2a2a) 25%, var(--color-loading-gray-2, #5a5a5a) 50%, var(--color-loading-gray-1, #2a2a2a) 75%)',\n backgroundSize: '800px 100%',\n animation: 'easy-email-skeleton-shimmer 1.4s infinite linear',\n borderRadius: borderRadius,\n display: 'block',\n zIndex: 1,\n }}\n />\n )}\n <source\n srcSet={url}\n />\n <img\n style={{\n width: width || '100%',\n height: height || '100%',\n maxWidth: '100%',\n maxHeight: '100%',\n display: 'block',\n opacity: loaded ? 1 : 0,\n transition: 'opacity 0.2s ease',\n }}\n src={url}\n alt=''\n onLoad={() => setLoaded(true)}\n />\n </picture>\n );\n}\n","import { ImageManager } from '@thanhpv102/easy-email-core';\n\nconst defaultImagesMap = {\n IMAGE_08:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0046b247-3647-491f-afe1-cb0dd2a3c21c-ef84b752-f827-4546-89bf-6b63dfb67a4d.png',\n IMAGE_09:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/be34fb18-32ad-441c-84d8-3c0e9ba9f742-ad2ea5ff-5d0b-446b-bd7d-8e2ab5afdd16.png',\n IMAGE_10:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/6a1e6292-469e-452a-bbae-44e4b5ff7463-05e543b6-c951-44ce-ae27-ca1282c77f52.png',\n IMAGE_11:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/39b25f35-7ca9-4264-8502-41f430f89cf5-bcdc91c2-da3c-4fef-99c0-62b77c5a0f1f.png',\n IMAGE_12:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/eaa83007-f6f5-47d9-acbe-bb98065eaf20-b7c46090-73bd-4d4b-bd31-2368f7b4064f.png',\n IMAGE_13:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9dec87bb-0a6d-429f-ac23-0ee636e6428d-219dee7e-85bb-4fba-9bf3-e98762e80409.png',\n IMAGE_14:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/d285da5e-b0c0-4895-84ac-42f83b4d603b-64042d20-be6a-45de-819c-8312f778a38d.png',\n IMAGE_15:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f69f48af-5b15-40aa-91c4-81d601d1357b-083dc99d-02a6-40d9-ae28-0662bd078b5d.png',\n IMAGE_16:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9cce6b16-5a98-4ddb-b1a1-6cec2cf56891-c3acb856-8ab8-4cfb-93f9-2a0747678b8b.png',\n IMAGE_17:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/d9795c1d-fa32-4adb-ab25-30b7cfe87936-df21314f-6f05-4550-80b3-9ab1107e8fbe.png',\n IMAGE_18:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/82f6f893-43ed-4f3d-9a17-4740bda844de-3318b36c-199d-46fe-96b8-38d1f17ef0c1.png',\n IMAGE_19:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f1ece227-e050-4751-b064-aaeeabd5bfde-d459e9a2-b192-417b-8a77-2297b29e814e.png',\n IMAGE_20:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/585b48f6-ee7c-4d1a-8619-4d2edea09be6-07113335-5d19-464a-adef-2be50682ce72.png',\n IMAGE_21:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9755d667-289e-405c-b84a-adf5db91ea4d-c03c409b-dd9b-40e9-840a-6a64e1df594e.png',\n IMAGE_22:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/7487ce49-cd69-4651-8da3-807c54357258-defaaf0a-1756-4b83-9a94-51dcdbfeb84f.png',\n IMAGE_23:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/c3463b9e-baff-41c8-95ee-01c5a79259bd-8062ab05-baa5-45d2-9959-4935d4ff2005.png',\n IMAGE_24:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/1f45e84a-5c84-45ce-9d27-df6ffb55bcdd-cbf126f4-b372-4ea9-a354-0dc27be4ce2f.png',\n IMAGE_25:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/6b8b234e-2306-48f9-90ed-056c13201a83-492073c3-258f-4f1b-91fa-4a8ae723aa2c.png',\n IMAGE_26:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/aa50c2c9-8e3b-4af2-b029-337ec549ec10-baacd015-2e3f-4326-b3ab-bde84a7c456b.png',\n IMAGE_27:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9e935e54-a97e-4fbb-a2fb-73e351a35eed-479ef4d1-9460-48b2-934d-84d77044b98d.png',\n IMAGE_28:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/799564d8-3082-4fdc-86ed-8c4b3510934f-3f8ccbaa-7b6b-49b7-a836-21fa88f996fc.png',\n IMAGE_29:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/af34a548-c339-4a9e-85fe-11bf90c083eb-46fef91d-7307-4e91-aae0-460da1c48629.png',\n IMAGE_30:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/84014a93-429c-479c-b9ed-0c568f58a288-ca76cdf2-92d3-4552-bc95-3a8dd4c9cd0b.png',\n IMAGE_31:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/dd1584fb-cb60-42c9-80c7-5545e16130ca-226ba72b-ce9e-4948-ad0d-347381fb96c5.png',\n IMAGE_32:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/76e3d8e2-697d-484c-a989-715bd234b575-37bde239-2e2d-450a-8e93-d62c39cb94a3.png',\n IMAGE_33:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/898b791e-c8fc-4bc5-bf1e-47a0351284ce-fdee9617-9848-49e7-82b6-36095f417a3e.png',\n IMAGE_34:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/49662d27-6e14-4e75-a942-946f0af25a51-e9aa2ead-98e4-4f70-8073-7b5aaafaa367.png',\n IMAGE_35:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/d2905fb1-9fc1-49c0-90b0-806877c38cd2-f2e05655-4e6c-41b0-a028-990448a716dc.png',\n IMAGE_36:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9c3e9949-1be7-42b5-ad48-44f0e1c89c2e-2ee3cbac-e45e-414d-96ad-9dae3621cf14.png',\n IMAGE_37:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/1865e3a6-a762-4bd9-9644-96ae6b27a83a-176a20c7-5768-400c-b2eb-701500cee17c.png',\n IMAGE_38:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/2a6d82e2-d1f6-4e30-ae05-1afe3cd03e70-22d186b0-c2f1-4aee-b33b-869cae26412e.png',\n IMAGE_39:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9f97bda2-82d6-47e7-80c1-40be94d5491f-88233d55-8715-43cd-9232-246440e33cd6.png',\n IMAGE_40:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/b8f00c77-12b0-4e61-a85e-96918c0035dc-b8344b64-8e79-424d-a974-8e13e6b1e7f8.png',\n IMAGE_41:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/5fc6be85-0205-4ca9-bb9a-eb9335f94af2-2d41c4bb-2c00-4fe7-8b32-067e92df3ab3.png',\n IMAGE_42:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f6c9c054-f35a-4af7-957f-c7a6209972eb-7e3b42bf-8d97-466d-8662-8d3b1786e8b8.png',\n IMAGE_43:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/80e108b0-3d70-442a-93c1-3fcc091253c6-3dc61b44-6072-413a-ae28-a551577b7677.png',\n IMAGE_44:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/14b9e878-7208-48f4-94d0-51161b79010a-fb55ae68-a7ce-4bae-830d-331d368f0f32.png',\n IMAGE_45:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/b42f3cd8-01fc-4650-a32d-b584b05e78c3-5e408f98-e9e6-43de-97af-91b2732760df.png',\n IMAGE_46:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e737972a-d884-440b-96d3-66f703dd110b-9f1d0d18-fb45-4a54-a2d0-65bc5b168f8a.png',\n IMAGE_47:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0e3ae071-247a-4e69-8b60-8009477180b9-197205c2-2ae7-420f-94aa-78440226beaa.png',\n IMAGE_48:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0ec46619-4dd0-4293-88fb-14656ac7d33c-0936deed-a88c-4e3d-90bf-4fe67b295659.png',\n IMAGE_49:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/01830aec-d044-4d2a-9519-aac2901f4760-776602f7-021b-4142-a2d0-446aca5e0418.png',\n IMAGE_50:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9f1cee25-f9b4-4539-b4ea-3109584c0a54-0692c4fb-46ce-452c-8573-fcce74852cba.png',\n IMAGE_51:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e138143f-7071-44bc-8470-7d56850e527c-f515254e-67b8-4b68-b86f-7993e960d893.png',\n IMAGE_52:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/ac75b655-b57d-40b9-a201-8163eeb6a579-1f894e6f-18ac-42c4-9227-7488433586bc.png',\n IMAGE_53:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/3c505a1b-575a-40fb-83c1-6c4a11a6d478-9e466e35-af9e-406a-b4cc-b86f9d0b0419.png',\n IMAGE_54:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/7f98eeec-9422-48b5-9b57-939a24418b92-a6346a63-b393-49c2-9911-ee1a9a1ffd02.png',\n IMAGE_55:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/a7f5ae44-418b-40e1-b8a5-8162cf8bbd87-156cc8dd-3a19-4638-8c26-e28783e50952.png',\n IMAGE_56:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/efdeeced-1eb7-465f-8370-a3b000634ba2-0a4d1794-6ca7-44fa-a1c6-04e3bde8eb56.png',\n IMAGE_57:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/425c6017-2c30-41d7-8930-08300492c6d4-a0859ca3-5213-484c-9170-2d51329407cc.png',\n IMAGE_58:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/858ea699-cf65-469d-bd9e-70adea729bb4-c4e7a711-27b6-4865-9b32-516c41cebddf.png',\n IMAGE_59:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/06ca521d-9728-4de6-a709-1b75a828bfc3-2a9b1224-3d71-43b8-b52f-e7cdcdc9107b.png',\n IMAGE_60:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/199eacfa-daf8-4dd1-a356-225a265a88a4-e8432435-a2bb-4ec2-a3e9-ee1757d8b44b.png',\n IMAGE_61:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/f43b67dc-cc30-4533-b2ca-4689292aab4d-40bc844d-5362-451f-a839-69e86f7a3113.png',\n IMAGE_62:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/318e911c-a57b-4768-9c79-0e49c2953e7a-dbe0eb3c-0b4b-495a-a469-a15b46c5a0cc.png',\n IMAGE_63:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/ed70ddb1-1344-4245-ab1e-beae36ed44b4-21a80cb3-a928-4857-973b-98992fdec74f.png',\n IMAGE_64:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/fb7dd6fa-12c1-41e1-8744-91d0f861ec57-0fee9bda-2381-4c54-a24d-bd644384b9aa.png',\n IMAGE_65:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/7bf8c363-17bd-472d-8cca-96f5d4b64292-9ab34957-15d3-4068-8e83-cc283d8e400d.png',\n IMAGE_66:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/0330a1e9-e814-4be8-83f0-ee1dbabf44a0-6e35a585-92ec-4570-875b-866b59927583.png',\n IMAGE_67:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/a7deb6bc-db2b-4273-bf25-002bb148bf5a-ed5e9b17-15a9-4e0f-9874-c3219d48b2b4.png',\n IMAGE_68:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/52c50319-e3a9-401b-9057-bd6531870f10-aa79ec5d-76d2-4d48-a99e-2ccd9d9c285b.png',\n IMAGE_69:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/9994cef3-6205-4013-8993-b037d067df64-f5d03db4-6bb4-4af4-b35a-0b6d512eaff4.png',\n IMAGE_70:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/e5dd7a7e-70d7-483f-80cc-0c5b41107101-75dcedc7-4a34-4d03-97ee-bf32163afa0a.png',\n IMAGE_71:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/53277265-8e54-43d0-b9d0-d34cd1639861-adb7a48a-8382-43a1-ad59-7c84764a3b21.png',\n IMAGE_72:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/table3x3-border_none.png',\n IMAGE_73:\n 'https://cdn.jsdelivr.net/gh/thanhpv-102/easy-email-editor@master/demo/public/images/table4x4-header.png',\n};\n\nImageManager.add(defaultImagesMap);\n\nexport function getImg(name: keyof typeof defaultImagesMap) {\n return ImageManager.get(name);\n}\n\n","import React from 'react';\nimport { AdvancedType, IImage, RecursivePartial } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\n\nconst imageList = [\n {\n attributes: {\n src: getImg('IMAGE_45'),\n padding: '10px 25px 10px 25px',\n 'padding-left': '0px',\n 'padding-right': '0px',\n 'padding-top': '0px',\n 'padding-bottom': '0px'\n }\n },\n {\n attributes: {\n src: getImg('IMAGE_44'),\n padding: '10px 25px 10px 25px',\n 'padding-left': '25px',\n 'padding-right': '25px',\n 'padding-top': '0px',\n 'padding-bottom': '0px',\n 'border-radius': '15px'\n },\n },\n {\n attributes: {\n src: getImg('IMAGE_43'),\n padding: '10px 25px 10px 25px',\n 'padding-left': '25px',\n 'padding-right': '25px',\n 'padding-top': '0px',\n 'padding-bottom': '0px',\n 'border-radius': '999px',\n width: '200px',\n height: '200px'\n },\n }\n];\n\nexport function ImageBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {imageList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.IMAGE}\n payload={\n {\n attributes: item.attributes,\n } as RecursivePartial<IImage>\n }\n >\n <div\n style={{\n position: 'relative',\n display: 'flex',\n justifyContent: 'center',\n }}\n >\n <Picture\n src={item.attributes.src}\n style={{\n width: item.attributes.width,\n height: item.attributes.height,\n minWidth: item.attributes.width ? item.attributes.width : 250,\n minHeight: 100,\n borderRadius: item.attributes['border-radius']\n }}\n />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { Stack, TextStyle } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType, ISpacer, RecursivePartial } from '@thanhpv102/easy-email-core';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\n\nconst spacerList = [10, 15, 20, 30, 50, 60, 100];\n\nexport function SpacerBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {spacerList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.SPACER}\n payload={\n {\n attributes: {\n height: item + 'px',\n },\n } as RecursivePartial<ISpacer>\n }\n >\n <Stack alignment='center'>\n <Stack.Item fill>\n\n <div\n style={{\n marginBottom: 20,\n backgroundColor: '#efeeea',\n position: 'relative',\n height: item,\n boxShadow: ' 3px 3px 3px rgb(0 0 0 / 0.2)',\n }}\n />\n\n </Stack.Item>\n <TextStyle>{item} px</TextStyle>\n </Stack>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { Stack, TextStyle } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType, IDivider, RecursivePartial } from '@thanhpv102/easy-email-core';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\n\nconst dividerList = [\n {\n 'border-width': '2px',\n 'border-style': 'solid',\n 'border-color': 'lightgrey',\n },\n {\n 'border-width': '2px',\n 'border-style': 'dashed',\n 'border-color': 'lightgrey',\n },\n {\n 'border-width': '2px',\n 'border-style': 'dotted',\n 'border-color': 'lightgrey',\n },\n];\n\nexport function DividerBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n <Stack.Item />\n <Stack.Item />\n {dividerList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.DIVIDER}\n payload={\n {\n attributes: { ...item, padding: '10px 0px' },\n } as RecursivePartial<IDivider>\n }\n >\n <Stack alignment='center'>\n <Stack.Item fill>\n\n <div\n style={{\n backgroundColor: '#fff',\n padding: '10px 0px 10px 0px',\n }}\n >\n <div\n style={{\n borderTopWidth: item['border-width'],\n borderTopStyle: item['border-style'] as any,\n borderTopColor: item['border-color'],\n\n boxSizing: 'content-box',\n }}\n />\n </div>\n\n </Stack.Item>\n <TextStyle>{item['border-style']}</TextStyle>\n </Stack>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function HeroBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {heroList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.HERO}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 100 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst heroList = [\n {\n thumbnail: getImg('IMAGE_30'),\n payload: {\n type: AdvancedType.HERO,\n data: {\n value: {},\n },\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '100px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_31'),\n },\n children: [\n {\n type: 'text',\n data: {\n value: {\n content: 'We Serve Healthy &amp; Delicious Foods',\n },\n },\n attributes: {\n 'font-size': '45px',\n padding: '10px 25px 10px 25px',\n 'line-height': '45px',\n align: 'center',\n color: '#ffffff',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content:\n 'A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.<br>',\n },\n },\n attributes: {\n 'font-size': '14px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n children: [],\n },\n {\n type: 'button',\n data: {\n value: {\n content: 'Get Your Order Here!',\n },\n },\n attributes: {\n align: 'center',\n 'background-color': '#f3a333',\n color: '#ffffff',\n 'font-size': '13px',\n 'font-weight': 'normal',\n 'border-radius': '30px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_32'),\n payload: {\n type: AdvancedType.HERO,\n data: {\n value: {\n content:\n 'WINTER\\n \\n \\n WINTER IS COMING\\n \\n\\n\\n \\n A small river named Duden flows by their place and supplies it with the necessary regelialia.\\n \\n\\n \\n Read more',\n },\n },\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '0px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_33'),\n 'padding-bottom': '100px',\n },\n children: [\n {\n type: 'button',\n data: {\n value: {\n content: 'WINTER',\n },\n },\n attributes: {\n 'font-size': '24px',\n padding: '10px 25px 10px 25px',\n 'line-height': '45px',\n align: 'center',\n color: '#ffffff',\n border: '2px solid #ffffff',\n 'font-weight': '500',\n 'background-color': 'transparent',\n 'inner-padding': '10px 15px 4px 15px',\n 'font-family': '\\'Josefin Sans\\', sans-serif',\n 'border-radius': '0px',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: '\\n WINTER IS COMING\\n ',\n },\n },\n attributes: {\n align: 'center',\n 'background-color': '#414141',\n color: '#ffffff',\n 'font-size': '30px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '54px',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n },\n children: [],\n },\n {\n type: 'text',\n attributes: {\n 'font-size': '16px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content:\n '\\n A small river named Duden flows by their place and supplies it with the necessary regelialia.\\n ',\n },\n },\n children: [],\n },\n {\n type: 'button',\n attributes: {\n 'border-radius': '30px',\n 'font-weight': '500',\n 'background-color': '#448ef6',\n padding: '30px 25px 10px 25px',\n },\n data: {\n value: {\n content: 'Read more',\n },\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_34'),\n payload: {\n type: AdvancedType.HERO,\n data: {\n value: {\n content:\n 'WINTER\\n \\n \\n WINTER IS COMING\\n \\n\\n\\n \\n A small river named Duden flows by their place and supplies it with the necessary regelialia.\\n \\n\\n \\n Read more',\n },\n },\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '0px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_35'),\n 'padding-bottom': '100px',\n },\n children: [\n {\n type: 'text',\n data: {\n value: {\n content: 'Up to 50% off Selected<div>&nbsp;Womens Items</div>',\n },\n },\n attributes: {\n align: 'center',\n 'background-color': '#414141',\n color: '#ffffff',\n 'font-size': '30px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '80px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '1.4',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n 'font-family': '\"Playfair Display\", sans-serif',\n },\n children: [],\n },\n {\n type: 'text',\n attributes: {\n 'font-size': '16px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content:\n 'A small river named Duden flows by their place and supplies it with the necessary regelialia.',\n },\n },\n children: [],\n },\n {\n type: 'button',\n attributes: {\n 'border-radius': '5px',\n 'font-weight': '500',\n 'background-color': '#ffc0d0',\n padding: '30px 25px 10px 25px',\n },\n data: {\n value: {\n content: 'Start Shoping',\n },\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_36'),\n payload: {\n type: AdvancedType.HERO,\n attributes: {\n 'background-color': '#ffffff',\n 'background-position': 'center center',\n mode: 'fluid-height',\n padding: '100px 0px 100px 0px',\n 'vertical-align': 'top',\n 'background-url': getImg('IMAGE_38'),\n },\n data: {\n value: {\n content:\n 'We We Create Modern Website\\n \\n \\n\\n \\n A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.',\n },\n },\n children: [\n {\n type: 'text',\n attributes: {\n 'font-size': '30px',\n padding: '10px 25px 10px 25px',\n 'line-height': '54px',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content: 'We We Create Modern Website',\n },\n },\n children: [],\n },\n {\n type: 'text',\n attributes: {\n 'font-size': '16px',\n padding: '10px 25px 10px 25px',\n 'line-height': '1.5',\n align: 'center',\n color: '#ffffff',\n },\n data: {\n value: {\n content:\n 'A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.',\n },\n },\n children: [],\n },\n {\n type: 'image',\n attributes: {\n width: '60px',\n 'padding-top': '30px',\n src: getImg('IMAGE_37'),\n target: '_blank',\n href: 'https://github.com/thanhpv-102/easy-email-editor/blob/master/demo/public/',\n },\n data: {\n value: {\n content: '',\n },\n },\n children: [],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType, IButton, RecursivePartial } from '@thanhpv102/easy-email-core';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst buttonList = [\n {\n thumbnail: getImg('IMAGE_11'),\n payload: {\n attributes: {\n align: 'center',\n 'background-color': '#8ccaca',\n color: '#ffffff',\n 'font-size': '12px',\n 'font-weight': 'normal',\n 'border-radius': '0px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: 'none',\n 'text-align': 'center',\n href: '#',\n },\n data: {\n value: {\n content: 'READ MORE',\n },\n },\n },\n },\n {\n thumbnail: getImg('IMAGE_12'),\n payload: {\n attributes: {\n align: 'center',\n 'background-color': 'transparent',\n color: '#000000',\n 'font-size': '12px',\n 'font-weight': 'normal',\n 'border-radius': '0px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: '2px solid #000',\n 'text-align': 'center',\n href: '#',\n },\n data: {\n value: {\n content: 'READ MORE',\n },\n },\n children: [],\n },\n },\n {\n thumbnail: getImg('IMAGE_13'),\n payload: {\n attributes: {\n align: 'center',\n 'background-color': 'transparent',\n color: '#ffffff',\n 'font-size': '12px',\n 'font-weight': 'normal',\n 'border-radius': '0px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '10px 25px 10px 25px',\n 'line-height': '120%',\n target: '_blank',\n 'vertical-align': 'middle',\n border: '2px dashed #ffffff',\n 'text-align': 'center',\n href: '#',\n 'container-background-color': '#97c0f0',\n },\n data: {\n value: {\n content: 'Let\\'s Go',\n },\n },\n children: [],\n },\n },\n];\n\nexport function ButtonBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {buttonList.map((item, index) => {\n return (\n <Stack key={index} alignment='center'>\n <Stack.Item fill>\n <BlockMaskWrapper\n type={AdvancedType.BUTTON}\n payload={\n {\n ...item.payload,\n } as RecursivePartial<IButton>\n }\n >\n <div style={{ position: 'relative', overflow: 'hidden' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 50 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n </Stack.Item>\n </Stack>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_08'),\n payload: {\n type: AdvancedType.ACCORDION,\n data: {\n value: {},\n },\n attributes: {\n 'icon-height': '32px',\n 'icon-width': '32px',\n 'icon-align': 'middle',\n 'icon-position': 'right',\n 'icon-unwrapped-url': getImg('IMAGE_09'),\n 'icon-wrapped-url': getImg('IMAGE_10'),\n padding: '10px 25px 10px 25px',\n border: '1px solid #d9d9d9',\n },\n children: [\n {\n type: 'accordion-element',\n data: {\n value: {},\n },\n attributes: {\n 'icon-align': 'middle',\n 'icon-height': '32px',\n 'icon-width': '32px',\n 'icon-position': 'right',\n padding: '10px 25px 10px 25px',\n },\n children: [\n {\n type: 'accordion-title',\n data: {\n value: {\n content: 'Why use an accordion?',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n },\n children: [],\n },\n {\n type: 'accordion-text',\n data: {\n value: {\n content:\n '<span style=\"line-height:20px\">\\n Because emails with a lot of content are most of the time a very bad experience on mobile, mj-accordion comes handy when you want to deliver a lot of information in a concise way.\\n </span>',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n 'line-height': '1',\n },\n children: [],\n },\n ],\n },\n {\n type: 'accordion-element',\n data: {\n value: {},\n },\n attributes: {\n 'icon-align': 'middle',\n 'icon-height': '32px',\n 'icon-width': '32px',\n 'icon-position': 'right',\n padding: '10px 25px 10px 25px',\n },\n children: [\n {\n type: 'accordion-title',\n data: {\n value: {\n content: 'How it works',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n },\n children: [],\n },\n {\n type: 'accordion-text',\n data: {\n value: {\n content:\n '<span style=\"line-height:20px\">\\n Content is stacked into tabs and users can expand them at will. If responsive styles are not supported (mostly on desktop clients), tabs are then expanded and your content is readable at once.\\n </span>',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '16px 16px 16px 16px',\n 'line-height': '1',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n];\n\nexport function AccordionBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.ACCORDION}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 100 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_14'),\n payload: {\n type: AdvancedType.CAROUSEL,\n data: {\n value: {\n images: [\n {\n src: getImg('IMAGE_15'),\n target: '_blank',\n },\n {\n src: getImg('IMAGE_16'),\n target: '_blank',\n },\n {\n src: getImg('IMAGE_17'),\n target: '_blank',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n 'left-icon': getImg('IMAGE_18'),\n 'right-icon': getImg('IMAGE_19'),\n 'icon-width': '44px',\n thumbnails: 'visible',\n },\n children: [],\n },\n },\n];\n\nexport function CarouselBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.CAROUSEL}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 100 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_46'),\n payload: {\n type: AdvancedType.NAVBAR,\n data: {\n value: {\n links: [\n {\n href: '/gettings-started-onboard',\n content: 'HOME',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/try-it-live',\n content: 'NEW',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/templates',\n content: 'WOMEN',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/components',\n content: 'KIDS',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n {\n href: '/components',\n content: 'BLOG',\n color: '#000000',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px 15px 10px',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n 'base-url': 'https://mjml.io',\n },\n children: [],\n },\n },\n];\n\nexport function NavbarBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.NAVBAR}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 50 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_52'),\n payload: {\n type: AdvancedType.SOCIAL,\n data: {\n value: {\n elements: [\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_53'),\n content: 'Facebook',\n },\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_54'),\n content: 'Google',\n },\n {\n href: '',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_55'),\n content: 'Twitter',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n color: '#333333',\n mode: 'horizontal',\n 'font-size': '13px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '4px 4px 4px 4px',\n 'line-height': '22px',\n 'text-padding': '4px 4px 4px 0px',\n 'icon-padding': '0px',\n 'icon-size': '20px',\n },\n children: [],\n },\n },\n {\n thumbnail: getImg('IMAGE_71'),\n payload: {\n type: AdvancedType.SOCIAL,\n data: {\n value: {\n elements: [\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_53'),\n content: '',\n },\n {\n href: '#',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_54'),\n content: '',\n },\n {\n href: '',\n 'icon-size': '20px',\n target: '_blank',\n src: getImg('IMAGE_55'),\n content: '',\n },\n ],\n },\n },\n attributes: {\n align: 'center',\n color: '#333333',\n mode: 'horizontal',\n 'font-size': '13px',\n 'font-weight': 'normal',\n 'border-radius': '3px',\n padding: '10px 25px 10px 25px',\n 'inner-padding': '4px 4px 4px 4px',\n 'line-height': '22px',\n 'text-padding': '4px 4px 4px 0px',\n 'icon-padding': '0px',\n 'icon-size': '20px',\n },\n children: [],\n },\n },\n];\n\nexport function SocialBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.SOCIAL}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 30 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType, BasicType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function WrapperBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.WRAPPER}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 80 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_56'),\n payload: {},\n },\n {\n thumbnail: getImg('IMAGE_57'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {},\n },\n attributes: {\n padding: '50px 30px',\n border: '1px solid #aaaaaa',\n direction: 'ltr',\n 'text-align': 'center',\n 'background-color': '#ffffff',\n },\n children: [\n {\n type: BasicType.GROUP,\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n padding: '20px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n 'border-top': '1px solid #aaaaaa',\n 'border-left': '1px solid #aaaaaa',\n 'border-right': '1px solid #aaaaaa',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0',\n src: getImg('IMAGE_58'),\n },\n children: [],\n },\n ],\n },\n ],\n },\n {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n padding: '20px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n 'border-left': '1px solid #aaaaaa',\n 'border-right': '1px solid #aaaaaa',\n 'border-bottom': '1px solid #aaaaaa',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: '1px solid #dddddd',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'text',\n data: {\n value: {\n content: 'First line of text',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '20px',\n 'line-height': 1,\n align: 'left',\n },\n children: [],\n },\n {\n type: 'divider',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n 'border-width': '1px',\n 'border-style': 'dashed',\n 'border-color': 'lightgrey',\n padding: '0 20px',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Second line of text',\n },\n },\n attributes: {\n 'font-size': '13px',\n padding: '20px',\n 'line-height': 1,\n align: 'left',\n },\n children: [],\n },\n ],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function SectionBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.SECTION}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_47'),\n payload: {},\n },\n {\n thumbnail: getImg('IMAGE_48'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_49'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n ],\n\n },\n },\n {\n thumbnail: getImg('IMAGE_50'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_51'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n 'background-repeat': 'repeat',\n 'background-size': 'auto',\n 'background-position': 'top center',\n border: 'none',\n direction: 'ltr',\n 'text-align': 'center',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function GroupBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.GROUP}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_22'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n },\n },\n {\n thumbnail: getImg('IMAGE_23'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 5px 0px 10px',\n src: getImg('IMAGE_24'),\n width: '',\n },\n children: [],\n },\n ],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 10px 0px 5px',\n src: getImg('IMAGE_25'),\n width: '',\n },\n children: [],\n },\n ],\n },\n ],\n },\n ],\n },\n },\n {\n thumbnail: getImg('IMAGE_26'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: true,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n 'background-color': '#ffffff',\n },\n children: [\n {\n type: 'group',\n data: {\n value: {},\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 5px 0px 5px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_29'),\n width: '',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Office Room\\nPrinting',\n },\n },\n attributes: {\n 'font-size': '18px',\n padding: '10px 5px 10px 5px',\n 'line-height': 1,\n align: 'center',\n },\n children: [],\n },\n ],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 5px 0px 5px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_27'),\n width: '',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Workplace\\nDesign<div><br></div>',\n },\n },\n attributes: {\n 'font-size': '18px',\n padding: '10px 5px 10px 5px',\n 'line-height': 1,\n align: 'center',\n },\n children: [],\n },\n ],\n },\n {\n type: 'advanced_column',\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 5px 0px 5px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_28'),\n width: '',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Modern Design\\nBranding',\n },\n },\n attributes: {\n 'font-size': '18px',\n padding: '10px 5px 10px 5px',\n 'line-height': 1,\n align: 'center',\n },\n children: [],\n },\n ],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack } from '@thanhpv102/easy-email-editor';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nexport function ColumnBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {list.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.COLUMN}\n payload={item.payload}\n >\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n\nconst list = [\n {\n thumbnail: getImg('IMAGE_20'),\n payload: {\n type: 'advanced_section',\n data: {\n value: {\n noWrap: false,\n },\n },\n attributes: {\n 'vertical-align': 'top',\n direction: 'ltr',\n },\n children: [\n {\n type: 'column',\n data: {\n value: {},\n },\n attributes: {\n padding: '20px 0px 20px 0px',\n border: 'none',\n 'vertical-align': 'top',\n 'background-color': '#ffffff',\n },\n children: [\n {\n type: 'image',\n data: {\n value: {},\n },\n attributes: {\n align: 'center',\n height: 'auto',\n padding: '0px 0px 0px 0px',\n src: getImg('IMAGE_21'),\n width: '150px',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'Business Key to Success',\n },\n },\n attributes: {\n 'font-size': '20px',\n padding: '10px 0px 10px 0px',\n 'line-height': '1.7',\n align: 'center',\n 'font-family': '\"Nunito Sans\", sans-serif',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content: 'POSTED ON FEB 18, 2019 FOOD',\n },\n },\n attributes: {\n 'font-size': '15px',\n padding: '0px 0px 10px 0px',\n 'line-height': '1.7',\n align: 'center',\n color: '#9b9b9b',\n 'font-family': '\"Nunito Sans\", sans-serif',\n },\n children: [],\n },\n {\n type: 'text',\n data: {\n value: {\n content:\n 'Far far away, behind the word mountains, far from the countries',\n },\n },\n attributes: {\n 'font-size': '15px',\n padding: '0px 0px 0px 0px',\n 'line-height': '1.7',\n align: 'center',\n color: '#9b9b9b',\n 'font-family': '\"Nunito Sans\", sans-serif',\n },\n children: [],\n },\n ],\n },\n ],\n },\n },\n];\n","import React from 'react';\nimport { Stack } from '@thanhpv102/easy-email-editor';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\n\nimport { BlockMaskWrapper } from '@extensions/ShortcutToolbar/components/BlockMaskWrapper';\nimport { getImg } from '@extensions/ShortcutToolbar/utils/getImg';\nimport { Picture } from '@extensions/ShortcutToolbar/components/Picture';\n\nconst tableList = [\n {\n txtName: 'Table 3x3',\n thumbnail: getImg('IMAGE_72'),\n payload: {\n type: AdvancedType.TABLE,\n data: {\n value: {\n tableSource: [\n [{ content: 'header1' }, { content: 'header2' }, { content: 'header3' }],\n [{ content: 'body1-1' }, { content: 'body1-2' }, { content: 'body1-3' }],\n [{ content: 'body2-1' }, { content: 'body2-2' }, { content: 'body2-3' }],\n ],\n },\n },\n attributes: {\n cellBorderColor: null,\n cellPadding: '8px',\n 'text-align': 'center',\n },\n children: [],\n },\n },\n {\n txtName: 'Table 4x4',\n thumbnail: getImg('IMAGE_73'),\n payload: {\n type: AdvancedType.TABLE,\n data: {\n value: {\n tableSource: [\n [{\n content: '<font color=\"#ffffff\">header1</font>',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n backgroundColor: '#62a0ea',\n },\n {\n content: '<font color=\"#ffffff\">header2</font>',\n top: 0,\n bottom: 0,\n left: 1,\n right: 1,\n backgroundColor: '#62a0ea',\n },\n {\n content: '<font color=\"#ffffff\">header3</font>',\n top: 0,\n bottom: 0,\n left: 2,\n right: 2,\n backgroundColor: '#62a0ea',\n },\n {\n content: '<font color=\"#ffffff\">header4</font>',\n top: 0,\n bottom: 0,\n left: 3,\n right: 3,\n backgroundColor: '#62a0ea',\n }],\n [{ content: 'body1-1' }, { content: 'body1-2' }, { content: 'body1-3' }, { content: 'body1-4' }],\n [{ content: 'body2-1' }, { content: 'body2-2' }, { content: 'body2-3' }, { content: 'body2-4' }],\n [{ content: 'body3-1' }, { content: 'body3-2' }, { content: 'body3-3' }, { content: 'body3-4' }],\n ],\n },\n },\n attributes: {\n cellBorderColor: '#9b9b9b',\n cellPadding: '8px',\n 'text-align': 'left',\n },\n children: [],\n },\n },\n];\n\nexport function TableBlockItem() {\n return (\n <Stack.Item fill>\n <Stack vertical>\n {tableList.map((item, index) => {\n return (\n <BlockMaskWrapper\n key={index}\n type={AdvancedType.TABLE}\n payload={item.payload}\n >\n\n <div style={{ position: 'relative' }}>\n <Picture src={item.thumbnail} style={{ minWidth: 250, minHeight: 70 }} />\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n zIndex: 2,\n }}\n />\n </div>\n\n </BlockMaskWrapper>\n );\n })}\n </Stack>\n </Stack.Item>\n );\n}\n","import React from 'react';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { Stack, TextStyle } from '@thanhpv102/easy-email-editor';\n\nimport { TextBlockItem } from './TextBlockItem';\nimport { ImageBlockItem } from './ImageBlockItem';\nimport { SpacerBlockItem } from './SpacerBlockItem';\nimport { DividerBlockItem } from './DividerBlockItem';\nimport { HeroBlockItem } from './HeroBlockItem';\nimport { ButtonBlockItem } from './ButtonBlockItem';\nimport { AccordionBlockItem } from './AccordionBlockItem';\nimport { CarouselBlockItem } from './CarouselBlockItem';\nimport { NavbarBlockItem } from './NavbarBlockItem';\nimport { SocialBlockItem } from './SocialBlockItem';\nimport { WrapperBlockItem } from './WrapperBlockItem';\nimport { SectionBlockItem } from './SectionBlockItem';\nimport { GroupBlockItem } from './GroupBlockItem';\nimport { ColumnBlockItem } from './ColumnBlockItem';\nimport { TableBlockItem } from '@extensions/ShortcutToolbar/components/BlocksPanel/presetTemplate/TableBlockItem';\n\nexport const defaultCategories = [\n {\n get title() {\n return 'Content';\n },\n name: 'CONTENT',\n blocks: [\n {\n type: AdvancedType.TEXT,\n get title() {\n return 'Text';\n },\n get description() {\n return 'This block allows you to display text in your email';\n },\n component: TextBlockItem,\n },\n {\n type: AdvancedType.IMAGE,\n get title() {\n return 'Image';\n },\n get description() {\n return (\n <Stack\n vertical\n spacing=\"none\"\n >\n <TextStyle>\n {'Displays a responsive image in your email. It is similar to the HTML \\'&lt;img/&gt;\\' tag. Note that if no width is provided, the image will use the parent column width.'}\n </TextStyle>\n </Stack>\n );\n },\n component: ImageBlockItem,\n },\n {\n type: AdvancedType.TABLE,\n get title() {\n return 'Table';\n },\n get description() {\n return 'Displays a table.';\n },\n component: TableBlockItem,\n },\n {\n type: AdvancedType.BUTTON,\n get title() {\n return 'Button';\n },\n get description() {\n return 'Displays a customizable button.';\n },\n component: ButtonBlockItem,\n },\n {\n type: AdvancedType.HERO,\n get title() {\n return 'Hero';\n },\n get description() {\n return 'This block displays a hero image. It behaves like an \\'section\\' with a single \\'column\\'.';\n },\n component: HeroBlockItem,\n },\n {\n type: AdvancedType.NAVBAR,\n get title() {\n return 'Navbar';\n },\n get description() {\n return 'Displays a menu for navigation with an optional hamburger mode for mobile devices.';\n },\n component: NavbarBlockItem,\n },\n {\n type: AdvancedType.SPACER,\n get title() {\n return 'Spacer';\n },\n get description() {\n return 'Displays a blank space.';\n },\n component: SpacerBlockItem,\n },\n {\n type: AdvancedType.DIVIDER,\n get title() {\n return 'Divider';\n },\n get description() {\n return 'Displays a horizontal divider that can be customized like a HTML border.';\n },\n component: DividerBlockItem,\n },\n {\n type: AdvancedType.ACCORDION,\n get title() {\n return 'Accordion';\n },\n get description() {\n return 'Accordion is an interactive component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce.';\n },\n component: AccordionBlockItem,\n },\n {\n type: AdvancedType.CAROUSEL,\n get title() {\n return 'Carousel';\n },\n get description() {\n return 'This block displays a gallery of images or \\'carousel\\'. Readers can interact by hovering and clicking on thumbnails depending on the email client they use.';\n },\n component: CarouselBlockItem,\n },\n {\n type: AdvancedType.SOCIAL,\n get title() {\n return 'Social';\n },\n get description() {\n return 'Displays calls-to-action for various social networks with their associated logo.';\n },\n component: SocialBlockItem,\n },\n ],\n },\n {\n get title() {\n return 'Layout';\n },\n name: 'LAYOUT',\n blocks: [\n {\n type: AdvancedType.WRAPPER,\n get title() {\n return 'Wrapper';\n },\n get description() {\n return 'Wrapper enables to wrap multiple sections together. It\"s especially useful to achieve nested layouts with shared border or background images across sections.';\n },\n component: WrapperBlockItem,\n },\n {\n type: AdvancedType.SECTION,\n get title() {\n return 'Section';\n },\n get description() {\n return (\n <Stack\n vertical\n spacing=\"none\"\n >\n <TextStyle>\n {'Sections are intended to be used as rows within your email. They will be used to structure the layout.'}\n </TextStyle>\n <TextStyle>\n {'Sections cannot nest in sections. Columns can nest in sections; all content must be in a column.'}\n </TextStyle>\n </Stack>\n );\n },\n component: SectionBlockItem,\n },\n {\n type: AdvancedType.GROUP,\n get title() {\n return 'Group';\n },\n get description() {\n return 'Group allows you to prevent columns from stacking on mobile. To do so, wrap the columns inside a group block, so they\"ll stay side by side on mobile.';\n },\n component: GroupBlockItem,\n },\n {\n type: AdvancedType.COLUMN,\n get title() {\n return 'Column';\n },\n get description() {\n return (\n <Stack\n vertical\n spacing=\"none\"\n >\n <TextStyle>\n {'Columns enable you to horizontally organize the content within your sections. They must be located under \"Section\" block in order to be considered by the engine. To be responsive, columns are expressed in terms of percentage.'}\n </TextStyle>\n <TextStyle>\n {'Every single column has to contain something because they are responsive containers, and will be vertically stacked on a mobile view.'}\n </TextStyle>\n </Stack>\n );\n },\n component: ColumnBlockItem,\n },\n ],\n },\n];\n","import { Card, Tabs } from 'antd';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport styles from './index.module.scss';\nimport { createPortal } from 'react-dom';\nimport { IconFont, Stack, useHoverIdx } from '@thanhpv102/easy-email-editor';\nimport { BlockMarketCategory, BlockMarketManager } from '../../utils/BlockMarketManager';\nimport { defaultCategories } from './presetTemplate';\nimport { Help } from '@extensions/AttributePanel/components/UI/Help';\nimport { getIconNameByBlockType } from '@extensions/utils/getIconNameByBlockType';\n\nBlockMarketManager.addCategories(defaultCategories);\n\nexport const BlocksPanel: React.FC<{\n children: React.ReactNode | React.ReactElement;\n}> = props => {\n const { isDragging } = useHoverIdx();\n const [visible, setVisible] = useState(false);\n const [categories, setCategories] = useState<BlockMarketCategory[]>(\n BlockMarketManager.getCategories(),\n );\n\n useEffect(() => {\n if (!isDragging) {\n setVisible(false);\n }\n }, [isDragging]);\n\n useEffect(() => {\n const onChange = (c: BlockMarketCategory[]) => {\n setCategories(c);\n };\n BlockMarketManager.subscribe(onChange);\n return () => {\n BlockMarketManager.subscribe(onChange);\n };\n }, []);\n\n const toggleVisible = useCallback(() => {\n setVisible(v => !v);\n }, []);\n\n const filterCategories = useMemo(() => {\n return categories.filter(item => item.blocks.length > 0);\n }, [categories]);\n\n return useMemo(\n () => (\n <div\n style={{ position: 'relative' }}\n >\n <div onClick={toggleVisible}>{props.children}</div>\n\n <>\n {visible &&\n createPortal(\n <div\n className={styles.BlocksPanel}\n style={{\n pointerEvents: isDragging ? 'none' : undefined,\n position: 'fixed',\n width: isDragging ? 0 : 650,\n backgroundColor: 'var(--color-bg-2)',\n zIndex: 9999,\n left: 60,\n top: 0,\n maxHeight: '85vh',\n transition: 'width .5s',\n boxShadow:\n '0 1px 5px 0 rgb(0 0 0 / 12%), 0 2px 10px 0 rgb(0 0 0 / 8%), 0 1px 20px 0 rgb(0 0 0 / 8%)',\n }}\n >\n <Card\n styles={{ body: { padding: 0 } }}\n title='Drag block'\n extra={\n (\n <div className={styles.closeBtn}>\n <IconFont\n iconName='icon-close'\n onClick={toggleVisible}\n />\n </div>\n )\n }\n >\n <Tabs\n tabPlacement='start'\n size='large'\n items={filterCategories.map((category, index) => ({\n key: category.title,\n label: (\n <div\n style={{\n paddingTop: index === 0 ? 5 : undefined,\n paddingBottom: 10,\n }}\n >\n {category.title}\n </div>\n ),\n children: (\n <div\n style={{\n padding: 0,\n overflow: 'auto',\n height: 550,\n }}\n >\n <BlockPanelItem category={category} />\n </div>\n ),\n }))}\n />\n </Card>\n </div>,\n document.body,\n )}\n </>\n </div>\n ),\n [filterCategories, isDragging, props.children, toggleVisible, visible],\n );\n};\n\nconst BlockPanelItem: React.FC<{\n category: BlockMarketCategory;\n}> = React.memo(props => {\n return (\n <Tabs\n tabPlacement='start'\n style={{ '--ant-tabs-vertical-item-padding': '2px 20px', paddingTop: 15, fontSize: 10 } as React.CSSProperties}\n items={props.category.blocks.map((block) => ({\n key: block.title,\n label: (\n <Stack\n alignment='center'\n spacing='extraTight'\n >\n <IconFont\n iconName={getIconNameByBlockType(block.type)}\n style={{ fontSize: 16 }}\n />\n <div className={styles.blockItem}>{block.title}</div>\n {block.description && <Help title={block.description} />}\n </Stack>\n ),\n children: (\n <div\n className='small-scrollbar'\n style={{\n maxHeight: '100%',\n overflow: 'auto',\n paddingRight: 10,\n overflowX: 'hidden',\n padding: '24px 48px 24px 24px',\n height: 500,\n }}\n >\n {block.component && <block.component />}\n </div>\n ),\n }))}\n />\n );\n});\n","import { IconFont, BlockAvatarWrapper } from '@thanhpv102/easy-email-editor';\r\nimport { Button } from 'antd';\r\nimport { getIconNameByBlockType } from '@extensions';\r\nimport React from 'react';\r\nimport { BlockManager, IBlockData, RecursivePartial } from '@thanhpv102/easy-email-core';\r\n\r\nexport interface DragIconProps<T extends IBlockData> {\r\n type: string;\r\n payload?: RecursivePartial<T>;\r\n color: string;\r\n}\r\n\r\nexport function DragIcon<T extends IBlockData = any>(props: DragIconProps<T>) {\r\n const block = BlockManager.getBlockByType(props.type);\r\n return (\r\n <BlockAvatarWrapper type={props.type} payload={props.payload}>\r\n <Button\r\n type='text'\r\n title={block?.name}\r\n style={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n padding: 0,\r\n width: '100%',\r\n height: '100%',\r\n }}\r\n icon={(\r\n <IconFont\r\n iconName={getIconNameByBlockType(props.type)}\r\n style={{\r\n fontSize: 16,\r\n textAlign: 'center',\r\n cursor: 'move',\r\n color: props.color,\r\n }}\r\n />\r\n )}\r\n />\r\n </BlockAvatarWrapper>\r\n );\r\n}\r\n","/* eslint-disable react/jsx-wrap-multilines */\n\nimport { AdvancedType, IButton, IImage } from '@thanhpv102/easy-email-core';\nimport { IconFont, Stack } from '@thanhpv102/easy-email-editor';\nimport React, { useRef } from 'react';\nimport { BlocksPanel } from './components/BlocksPanel';\nimport { DragIcon } from './components/DragIcon';\n\nexport function ShortcutToolbar() {\n const blocksPanelRef = useRef<HTMLDivElement>(null);\n\n return (\n <Stack vertical alignment='center' distribution='center'>\n <BlocksPanel>\n <div ref={blocksPanelRef} />\n </BlocksPanel>\n <DragIcon type={AdvancedType.TEXT} color='rgb(110, 215, 135)' payload={{ attributes: { padding: '0px 25px 0px 25px', 'align': 'center' } }} />\n <DragIcon<IImage> payload={{ attributes: { padding: '0px 0px 0px 0px' } }} type={AdvancedType.IMAGE} color='rgb(250, 208, 97)' />\n <DragIcon<IButton> type={AdvancedType.BUTTON} color='rgb(238,144,172)' />\n <DragIcon type={AdvancedType.SOCIAL} color='rgb(111,206,236) ' />\n <DragIcon type={AdvancedType.NAVBAR} color='rgb(191,24,84)' />\n <DragIcon type={AdvancedType.DIVIDER} color='rgb(71,67,239)' />\n <DragIcon type={AdvancedType.SPACER} color='#ccc' />\n <DragIcon type={AdvancedType.TABLE} color='#ddd' />\n <DragIcon\n color='rgb(24,201,137)'\n payload={{\n children: [\n {\n type: AdvancedType.COLUMN,\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n {\n type: AdvancedType.COLUMN,\n data: {\n value: {},\n },\n attributes: {\n padding: '0px 0px 0px 0px',\n border: 'none',\n 'vertical-align': 'top',\n },\n children: [],\n },\n ],\n }}\n type={AdvancedType.SECTION}\n />\n\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 30,\n height: 30,\n borderRadius: '50%',\n cursor: 'pointer',\n color: 'var(--color-text-2)',\n boxShadow: '0 0 12px -3px var(--color-text-2)',\n }}\n onClick={() => blocksPanelRef.current?.click()}\n >\n <IconFont\n iconName='icon-more'\n style={{\n fontSize: 18,\n margin: 0,\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n lineHeight: 1,\n verticalAlign: 'middle',\n height: '1em',\n }}\n />\n </div>\n </Stack>\n );\n}\n","import mjml from 'mjml-browser';\nimport { IBlockData, BlockType, BasicType, BlockManager } from '@thanhpv102/easy-email-core';\nimport { MjmlToJson } from './MjmlToJson';\n\nconst domParser = new DOMParser();\nexport function parseXMLtoBlock(text: string) {\n const dom = domParser.parseFromString(text, 'text/xml');\n const root = dom.firstChild as Element;\n if (!(dom.firstChild instanceof Element)) {\n throw new Error('Invalid content');\n }\n if (root.tagName === 'mjml') {\n const { json } = mjml(text, {\n validationLevel: 'soft',\n });\n const parseValue = MjmlToJson(json);\n return parseValue;\n }\n\n const transform = (node: Element): IBlockData => {\n if (node.tagName === 'parsererror') {\n throw new Error('Invalid content');\n }\n const attributes: IBlockData['attributes'] = {};\n node.getAttributeNames().forEach((name) => {\n attributes[name] = node.getAttribute(name);\n });\n const type = node.tagName.replace('mj-', '');\n\n if (!BlockManager.getBlockByType(type)) {\n if (!node.parentElement || node.parentElement.tagName !== 'mj-text')\n throw new Error('Invalid content');\n }\n\n const block: IBlockData = {\n type: type as BlockType,\n attributes: attributes,\n data: {\n value: {\n content: node.textContent?.trim(),\n },\n },\n children: [...node.children]\n .filter((item) => item instanceof Element)\n .map(transform as any),\n };\n\n switch (type) {\n case BasicType.TEXT:\n block.data.value.content = node.innerHTML;\n block.children = [];\n }\n\n return block;\n };\n\n return transform(root);\n}\n","import { BlockManager,IPage, BasicType, IBlockData } from '@thanhpv102/easy-email-core';\nimport { identity, isString, pickBy } from 'lodash';\nimport { parseXMLtoBlock } from './parseXMLtoBlock';\n\nexport function MjmlToJson(data: MjmlBlockItem | string): IPage {\n if (isString(data)) return parseXMLtoBlock(data);\n\n const transform = (item: IChildrenItem): IBlockData => {\n const attributes = item.attributes as any;\n\n switch (item.tagName) {\n case 'mjml':\n const body = item.children?.find((item) => item.tagName === 'mj-body')!;\n const head = item.children?.find((item) => item.tagName === 'mj-head');\n const metaData = getMetaDataFromMjml(head);\n\n const fonts =\n head?.children\n ?.filter((child) => child.tagName === 'mj-font')\n .map((child) => ({\n name: child.attributes.name,\n href: child.attributes.href,\n })) || [];\n\n const mjAttributes =\n head?.children?.find((item) => item.tagName === 'mj-attributes')\n ?.children || [];\n\n const headStyles = head?.children\n ?.filter((item) => item.tagName === 'mj-style')\n .map((item) => ({ content: item.content, inline: item.inline }));\n\n const headAttributes = [\n ...new Set(\n mjAttributes\n .filter((item) => {\n const isFontFamily =\n item.tagName === 'mj-all' &&\n item.attributes['font-family'] === metaData['font-family'];\n const isTextColor =\n item.tagName === 'mj-text' &&\n item.attributes['color'] === metaData['text-color'];\n const isContentColor =\n ['mj-wrapper', 'mj-section'].includes(item.tagName) &&\n item.attributes['background-color'] ===\n metaData['content-background-color'];\n return !isFontFamily && !isTextColor && !isContentColor;\n })\n .map(\n (item) =>\n `<${item.tagName} ${Object.keys(item.attributes)\n .map((key) => `${key}=\"${item.attributes[key]}\"`)\n .join(' ')} />`\n )\n ),\n ].join('\\n');\n\n const breakpoint = head?.children?.find(\n (item) => item.tagName === 'mj-breakpoint'\n );\n\n return BlockManager.getBlockByType<IPage>(BasicType.PAGE)!.create({\n attributes: body.attributes,\n children: body.children?.map(transform),\n data: {\n value: {\n headAttributes: headAttributes,\n headStyles: headStyles,\n fonts,\n breakpoint: breakpoint?.attributes.width,\n ...metaData,\n },\n },\n });\n\n default:\n const tag = item.tagName.replace('mj-', '').toLowerCase();\n\n const block = BlockManager.getBlockByType(tag as any);\n if (!block) {\n throw new Error(`${tag} block no found `);\n }\n const payload: IBlockData<any> = {\n type: block.type,\n attributes: attributes,\n data: {\n value: {},\n },\n children: [],\n };\n\n if (item.content) {\n payload.data.value.content = item.content;\n }\n\n if (block.type === BasicType.CAROUSEL) {\n payload.data.value.images =\n item.children?.map((child) => {\n return child.attributes;\n }) || [];\n payload.children = [];\n } else if (block.type === BasicType.NAVBAR) {\n payload.data.value.links =\n item.children?.map((child) => {\n const navbarLinkData = {\n // default config\n color: '#1890ff',\n 'font-size': '13px',\n target: '_blank',\n padding: '15px 10px',\n\n ...child.attributes,\n content: child.content,\n };\n formatPadding(navbarLinkData, 'padding');\n return navbarLinkData;\n }) || [];\n payload.children = [];\n } else if (block.type === BasicType.SOCIAL) {\n payload.data.value.elements =\n item.children?.map((child) => {\n return {\n ...child.attributes,\n content: child.content,\n };\n }) || [];\n payload.children = [];\n } else if (item.children) {\n payload.children = item.children.map(transform);\n }\n\n const blockData = block.create(payload);\n\n // format padding\n formatPadding(blockData.attributes, 'padding');\n formatPadding(blockData.attributes, 'inner-padding');\n return blockData;\n }\n };\n\n return transform(data);\n}\n\nexport function getMetaDataFromMjml(data?: IChildrenItem): {\n [key: string]: any;\n} {\n const mjmlHtmlAttributes = data?.children\n ?.filter((item) => item.tagName === 'mj-html-attributes')\n .map((item) => item.children)\n .flat()\n .filter((item) => item && item.attributes.class === 'easy-email')\n .reduce((obj: { [key: string]: any; }, item) => {\n if (!item) return obj;\n const name = item.attributes['attribute-name'];\n const isMultipleAttributes = Boolean(\n item.attributes['multiple-attributes']\n );\n obj[name] = isMultipleAttributes\n ? pickBy(\n {\n ...item.attributes,\n 'attribute-name': undefined,\n 'multiple-attributes': undefined,\n class: undefined,\n },\n identity\n )\n : item.attributes[name];\n return obj;\n }, {});\n\n return pickBy(mjmlHtmlAttributes, identity);\n}\n\nfunction formatPadding(\n attributes: IBlockData['attributes'],\n attributeName: 'padding' | 'inner-padding'\n) {\n const ele = document.createElement('div');\n Object.keys(attributes).forEach((key: string) => {\n if (new RegExp(`^${attributeName}`).test(key)) {\n const formatKey = new RegExp(`^${attributeName}(.*)`).exec(key)?.[0];\n\n if (formatKey) {\n ele.style[formatKey as any] = attributes[key];\n delete attributes[key];\n }\n }\n });\n const newPadding = [\n ele.style.paddingTop,\n ele.style.paddingRight,\n ele.style.paddingBottom,\n ele.style.paddingLeft,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (newPadding) {\n attributes[attributeName] = newPadding;\n }\n}\n",".customTextArea {\n font-size: 12px !important;\n line-height: 1.5 !important;\n padding: 8px 8px !important;\n\n &[readonly] {\n color: var(--color-text-2);\n &:hover {\n border-color: var(--color-neutral-3);\n }\n &:focus {\n border-color: var(--color-neutral-3);\n background-color: transparent;\n box-shadow: none;\n }\n }\n}\n\n.collapsePanel {\n border: none !important;\n :global {\n .ant-collapse-item {\n border-top: none !important;\n border-right: none !important;\n border-left: none !important;\n }\n\n .ant-collapse-header {\n padding: 8px 16px !important;\n min-height: 32px !important;\n font-size: 12px !important;\n }\n\n .ant-collapse-content-box {\n padding: 8px 12px !important;\n }\n }\n}\n\n","import { Collapse, Input, App } from 'antd';\nimport { BasicType, BlockManager, getPageIdx, getParentByIdx, IBlockData, JsonToMjml } from '@thanhpv102/easy-email-core';\nimport { useBlock, useEditorContext, useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport { cloneDeep } from 'lodash';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { MjmlToJson } from '@extensions/utils/MjmlToJson';\nimport styles from './index.module.scss';\n\nexport function SourceCodePanel({ jsonReadOnly, mjmlReadOnly }: { jsonReadOnly: boolean; mjmlReadOnly: boolean }) {\n const { setValueByIdx, focusBlock, values } = useBlock();\n const { focusIdx } = useFocusIdx();\n const { message } = App.useApp();\n\n const [mjmlText, setMjmlText] = useState('');\n const { pageData } = useEditorContext();\n const { mergeTags } = useEditorProps();\n\n const code = useMemo(() => {\n if (!focusBlock) return '';\n return JSON.stringify(focusBlock, null, 2) || '';\n }, [focusBlock]);\n\n const onChangeCode = useCallback(\n (event: React.FocusEvent<HTMLTextAreaElement>) => {\n if (!jsonReadOnly) {\n try {\n const parseValue = JSON.parse(event.target.value) as IBlockData;\n\n const block = BlockManager.getBlockByType(parseValue.type);\n if (!block) {\n throw new Error(t('Invalid content'));\n }\n if (\n !parseValue.data ||\n !parseValue.data.value ||\n !parseValue.attributes ||\n !Array.isArray(parseValue.children)\n ) {\n throw new Error(t('Invalid content'));\n }\n setValueByIdx(focusIdx, parseValue);\n } catch (error: unknown) {\n const errorMessage = error instanceof Error ? error.message : String(error);\n message.error(errorMessage);\n }\n }\n },\n [focusIdx, setValueByIdx, jsonReadOnly, message],\n );\n\n const onMjmlChange = useCallback(\n (event: React.FocusEvent<HTMLTextAreaElement>) => {\n if (!mjmlReadOnly) {\n try {\n const parseValue = MjmlToJson(event.target.value);\n if (parseValue.type !== BasicType.PAGE as string) {\n const parentBlock = values && getParentByIdx(values, focusIdx)!;\n const parseBlock = BlockManager.getBlockByType(parseValue.type);\n\n if (!parseBlock?.validParentType.includes(parentBlock?.type || '')) {\n throw new Error(t('Invalid content'));\n }\n } else if (focusIdx !== getPageIdx()) {\n throw new Error(t('Invalid content'));\n }\n\n setValueByIdx(focusIdx, parseValue);\n } catch {\n message.error(t('Invalid content'));\n }\n }\n },\n [focusIdx, setValueByIdx, values, mjmlReadOnly, message],\n );\n\n const onChangeMjmlText = useCallback((event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setMjmlText(event.target.value);\n }, []);\n\n useEffect(() => {\n if (focusBlock) {\n setMjmlText(\n JsonToMjml({\n idx: focusIdx,\n data: focusBlock,\n context: pageData,\n mode: 'production',\n dataSource: cloneDeep(mergeTags),\n }),\n );\n }\n }, [focusBlock, focusIdx, pageData, mergeTags]);\n\n if (!focusBlock) return null;\n\n const collapseItems = [\n {\n key: 'json',\n label: t('Json source'),\n children: (\n <Input.TextArea\n key={code}\n defaultValue={code}\n autoSize={{ maxRows: 25 }}\n onBlur={onChangeCode}\n readOnly={jsonReadOnly}\n className={styles.customTextArea}\n />\n ),\n },\n {\n key: 'mjml',\n label: t('MJML source'),\n children: (\n <Input.TextArea\n key={code}\n value={mjmlText}\n autoSize={{ maxRows: 25 }}\n onChange={onChangeMjmlText}\n onBlur={onMjmlChange}\n readOnly={mjmlReadOnly}\n className={styles.customTextArea}\n />\n ),\n },\n ];\n\n return (\n <Collapse className={styles.collapsePanel} items={collapseItems} />\n );\n}\n","import React from 'react';\nimport { BasicType, getParentIdx, getSiblingIdx } from '@thanhpv102/easy-email-core';\nimport { useBlock, useFocusIdx, useEditorProps, isTextBlock } from '@thanhpv102/easy-email-editor';\nimport { classnames } from '@extensions/utils/classnames';\nimport { useAddToCollection } from '@extensions/hooks/useAddToCollection';\nimport { getBlockTitle } from '@extensions/utils/getBlockTitle';\n\nexport function Toolbar() {\n const { moveBlock, copyBlock, removeBlock, focusBlock } = useBlock();\n const { focusIdx, setFocusIdx } = useFocusIdx();\n const { modal, setModalVisible } = useAddToCollection();\n const props = useEditorProps();\n\n const isPage = focusBlock?.type === BasicType.PAGE.toString();\n const isText = isTextBlock(focusBlock?.type);\n\n const handleMoveUp = () => {\n moveBlock(focusIdx, getSiblingIdx(focusIdx, -1));\n };\n\n const handleMoveDown = () => {\n moveBlock(focusIdx, getSiblingIdx(focusIdx, 1));\n };\n\n const handleAddToCollection = () => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n setModalVisible(true);\n };\n\n const handleCopy: React.MouseEventHandler<HTMLDivElement> = (ev) => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n copyBlock(focusIdx);\n };\n\n const handleDelete = () => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n removeBlock(focusIdx);\n };\n\n const handleSelectParent = () => {\n if (document.activeElement instanceof HTMLElement) {\n document.activeElement.blur();\n }\n setFocusIdx(getParentIdx(focusIdx)!);\n };\n\n if (isText) return null;\n return (\n <>\n <div\n id='easy-email-extensions-InteractivePrompt-Toolbar'\n style={{\n height: 0,\n\n zIndex: 100,\n }}\n >\n <div\n style={{\n fontSize: 14,\n lineHeight: '22px',\n pointerEvents: 'auto',\n color: '#ffffff',\n transform: 'translateY(-100%)',\n display: 'inline-flex',\n // justifyContent: 'space-between',\n }}\n >\n <div\n style={{\n color: '#ffffff',\n backgroundColor: 'var(--selected-color)',\n height: '22px',\n\n display: 'inline-flex',\n padding: '1px 5px',\n boxSizing: 'border-box',\n whiteSpace: 'nowrap',\n maxWidth: 300,\n overflow: 'hidden',\n }}\n >\n {focusBlock && getBlockTitle(focusBlock, false)}\n </div>\n <div\n onClick={(e) => {\n e.stopPropagation();\n }}\n onMouseDown={(ev) => {\n ev.preventDefault();\n }}\n style={{\n display: isPage ? 'none' : 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n pointerEvents: 'auto',\n }}\n >\n <ToolItem\n width={12}\n iconName='icon-back-parent'\n onClick={handleSelectParent}\n />\n <ToolItem iconName='icon-copy' onClick={handleCopy} />\n {props.onAddCollection && (\n <ToolItem\n iconName='icon-collection'\n onClick={handleAddToCollection}\n />\n )}\n <ToolItem iconName='icon-delete' onClick={handleDelete} />\n </div>\n </div>\n </div>\n {modal}\n </>\n );\n}\n\nfunction ToolItem(props: {\n iconName: string;\n onClick: React.MouseEventHandler<HTMLDivElement>;\n width?: number;\n}) {\n return (\n <div\n onClick={props.onClick}\n style={{\n color: '#ffffff',\n backgroundColor: 'var(--selected-color)',\n height: 22,\n fontSize: props.width || 14,\n lineHeight: '22px',\n width: 22,\n display: 'flex',\n pointerEvents: 'auto',\n cursor: 'pointer',\n justifyContent: 'center',\n }}\n className={classnames('iconfont', props.iconName)}\n />\n );\n}\n","import React from 'react';\n\nimport { BasicType } from '@thanhpv102/easy-email-core';\nimport { createPortal } from 'react-dom';\nimport { IconFont, useBlock, useFocusIdx, BlockAvatarWrapper, useFocusBlockLayout } from '@thanhpv102/easy-email-editor';\nimport { Toolbar } from './Toolbar';\n\nexport function FocusTooltip() {\n const { focusBlock } = useBlock();\n const { focusIdx } = useFocusIdx();\n const { focusBlockNode, focusBlockPortalNode } = useFocusBlockLayout();\n const isPage = focusBlock?.type === BasicType.PAGE.toString();\n\n if (!focusBlockNode || !focusBlockPortalNode || !focusBlock) return null;\n\n return (\n <>\n {createPortal(\n <div\n id='easy-email-extensions-InteractivePrompt-FocusTooltip'\n style={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n left: 0,\n top: 0,\n zIndex: 1,\n }}\n >\n <style>\n {`\n .email-block {\n position: relative;\n }\n\n `}\n </style>\n <div\n style={{\n position: 'absolute',\n zIndex: 9999,\n right: 0,\n top: '50%',\n display: isPage ? 'none' : undefined,\n }}\n >\n <BlockAvatarWrapper\n idx={focusIdx}\n type={focusBlock.type}\n action='move'\n >\n <div\n style={\n {\n position: 'absolute',\n backgroundColor: 'var(--selected-color)',\n color: '#ffffff',\n height: '28px',\n width: '28px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '50%',\n cursor: 'grab',\n pointerEvents: 'auto',\n WebkitUserDrag: 'element',\n } as any\n }\n >\n <IconFont\n iconName='icon-move'\n style={{ color: '#fff', cursor: 'grab' }}\n />\n </div>\n </BlockAvatarWrapper>\n </div>\n\n {/* outline */}\n <div\n style={{\n position: 'absolute',\n fontSize: 14,\n zIndex: 2,\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n outlineOffset: '-2px',\n outline: '2px solid var(--selected-color)',\n }}\n />\n <div\n style={{\n position: 'absolute',\n fontSize: 14,\n zIndex: 3,\n left: 0,\n top: 0,\n width: '0%',\n height: '100%',\n }}\n >\n <Toolbar />\n </div>\n </div>,\n\n focusBlockPortalNode as Element\n )}\n </>\n );\n}\n","import { getBlockNodeByIdx } from '@thanhpv102/easy-email-editor';\n\nexport function awaitForElement<T extends HTMLElement>(idx: string) {\n\n let promiseObj: { cancel: () => void; promise: Promise<T>; } = {\n cancel: () => { },\n promise: Promise.resolve() as any\n };\n promiseObj.promise = new Promise<T>((resolve) => {\n const ele = getBlockNodeByIdx(idx) as T;\n if (ele) {\n resolve(ele);\n return;\n }\n\n const timer = setInterval(() => {\n const ele = getBlockNodeByIdx(idx) as T;\n\n if (ele) {\n resolve(ele);\n clearInterval(timer);\n }\n }, 50) as any;\n\n promiseObj.cancel = () => {\n clearInterval(timer);\n };\n });\n\n return promiseObj;\n\n}","\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getNodeTypeFromClassName, BlockManager } from '@thanhpv102/easy-email-core';\nimport { createPortal } from 'react-dom';\nimport { getEditorRoot, useEditorContext, useFocusIdx, useHoverIdx, useLazyState, getValidPortalNode } from '@thanhpv102/easy-email-editor';\nimport { awaitForElement } from '@extensions/utils/awaitForElement';\n\nexport function HoverTooltip() {\n const { hoverIdx, direction, isDragging } = useHoverIdx();\n const lazyHoverIdx = useLazyState(hoverIdx, 60);\n const effectiveHoverIdx = isDragging ? hoverIdx : lazyHoverIdx;\n const { focusIdx } = useFocusIdx();\n const [isTop, setIsTop] = useState(false);\n const { initialized } = useEditorContext();\n\n const [blockNode, setBlockNode] = useState<HTMLDivElement | null>(null);\n const [portalNode, setPortalNode] = useState<HTMLDivElement | null>(null);\n const rootRef = useRef<DOMRect | null>(null);\n\n useEffect(() => {\n if (initialized) {\n rootRef.current = getEditorRoot()!.getBoundingClientRect();\n }\n }, [initialized]);\n\n useEffect(() => {\n const rootBounds = rootRef.current;\n if (!initialized) return;\n\n if (effectiveHoverIdx) {\n const promiseObj = awaitForElement<HTMLDivElement>(effectiveHoverIdx);\n promiseObj.promise.then(blockNode => {\n if (rootBounds) {\n const { top } = blockNode.getBoundingClientRect();\n setIsTop(rootBounds.top === top);\n }\n\n setBlockNode(blockNode);\n setPortalNode(getValidPortalNode(blockNode) as HTMLDivElement);\n }).catch(() => {\n // Element not found, ignore\n });\n\n return () => {\n promiseObj.cancel();\n };\n } else {\n setBlockNode(null);\n setPortalNode(null);\n }\n }, [effectiveHoverIdx, initialized]);\n\n const block = useMemo(() => {\n return blockNode\n ? BlockManager.getBlockByType(getNodeTypeFromClassName(blockNode.classList)!)\n : null;\n }, [blockNode]);\n\n // When dragging, always show tooltip even if it's the focused block\n if (!isDragging && focusIdx === hoverIdx) return null;\n if (!block || !blockNode || !portalNode) return null;\n\n\n return (\n <>\n {createPortal(\n <div\n id='easy-email-extensions-InteractivePrompt-HoverTooltip'\n style={{\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: 0,\n left: 0,\n zIndex: 2,\n pointerEvents: 'none',\n }}\n >\n <TipNode\n type={isDragging ? 'drag' : 'hover'}\n lineWidth={1}\n title={block.name}\n direction={isTop && direction === 'top' ? 'noEnoughTop' : direction}\n isDragging={isDragging}\n />\n </div>,\n portalNode,\n )}\n </>\n );\n}\n\ninterface TipNodeProps {\n title: string;\n direction?: string;\n isDragging?: boolean;\n lineWidth: number;\n type: 'drag' | 'hover';\n}\n\nfunction TipNode(props: TipNodeProps) {\n const { direction = 'none', title, lineWidth, type } = props;\n\n const dragTitle = useMemo(() => {\n if (direction === 'top' || direction === 'noEnoughTop') {\n return `${'Insert before'} ${title}`;\n } else if (direction === 'bottom') {\n return `${'Insert after'} ${title}`;\n } else if (direction === 'right' || direction === 'left') {\n return 'Drag here';\n }\n return `${'Drag to'} ${title}`;\n }, [direction, title]);\n\n const color = useMemo(() => {\n return 'var(--hover-color, #1890ff)';\n }, []);\n\n return (\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n fontSize: 14,\n zIndex: 1,\n color: '#000',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n textAlign: 'left',\n }}\n >\n <style>\n {`\n .email-block {\n position: relative;\n }\n\n `}\n </style>\n {/* outline */}\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n outlineOffset: `-${lineWidth}px`,\n outline: `${lineWidth}px solid ${color}`,\n }}\n >\n {type === 'hover' && (\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n }}\n >\n <div\n style={{\n backgroundColor: color,\n color: '#ffffff',\n height: '22px',\n lineHeight: '22px',\n display: 'inline-flex',\n padding: '1px 5px',\n boxSizing: 'border-box',\n whiteSpace: 'nowrap',\n fontFamily: 'sans-serif',\n transform: 'translateY(-100%)',\n }}\n >\n {title}\n </div>\n </div>\n )}\n </div>\n\n {/* drag direction tip */}\n {props.isDragging && (\n <div\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n ...(directionImage[direction] || directionImage.none),\n }}\n >\n <div\n style={{\n position: 'absolute',\n color: '#ffffff',\n backgroundColor: color,\n lineHeight: '22px',\n display: 'inline-flex',\n maxWidth: '100%',\n textAlign: 'center',\n whiteSpace: 'nowrap',\n padding: '1px 5px',\n\n ...(positionStyleMap[direction] || positionStyleMap.none),\n }}\n >\n {dragTitle}\n </div>\n </div>\n )}\n </div>\n );\n}\n\nconst positionStyleMap: Record<string, React.CSSProperties> = {\n noEnoughTop: {\n top: '0%',\n left: '50%',\n padding: '1px 5px',\n transform: 'translate(-50%, 0%)',\n },\n top: {\n top: '0%',\n left: '50%',\n padding: '1px 5px',\n transform: 'translate(-50%, -50%)',\n },\n bottom: {\n top: '100%',\n left: '50%',\n padding: '1px 5px',\n transform: 'translate(-50%, -50%)',\n },\n left: {\n top: '50%',\n left: '0%',\n padding: '5px 1px',\n writingMode: 'vertical-lr',\n transform: 'translate(0, -50%)',\n },\n right: {\n top: '50%',\n right: '0%',\n padding: '5px 1px',\n writingMode: 'vertical-lr',\n transform: 'translate(0, -50%)',\n },\n none: {\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n },\n};\n\nconst directionImage: Record<string, React.CSSProperties> = {\n top: {\n backgroundImage: `linear-gradient(\n to bottom,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n bottom: {\n backgroundImage: `linear-gradient(\n to top,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n left: {\n backgroundImage: `linear-gradient(\n to right,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n right: {\n backgroundImage: `linear-gradient(\n to left,\n var(--hover-color) 3px ,\n transparent 3px\n )`,\n },\n none: {},\n};\n","import React from 'react';\r\nimport { FocusTooltip } from './components/FocusTooltip';\r\nimport { HoverTooltip } from './components/HoverTooltip';\r\n\r\nexport function InteractivePrompt() {\r\n return (\r\n <>\r\n <HoverTooltip />\r\n <FocusTooltip />\r\n\r\n </>\r\n );\r\n}\r\n",".SimpleLayout {\n :global {\n .arco-layout-sider-children {\n overflow-x: hidden;\n .arco-tabs-content {\n padding: 0;\n }\n }\n .arco-collapse-item-content-expanded {\n overflow: visible;\n }\n }\n *::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 8px !important;\n }\n\n *::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n}\n\n.rightSide {\n width: 450px !important;\n min-width: 350px !important;\n max-width: 450px !important;\n :global {\n .arco-tabs-header {\n }\n .arco-btn {\n padding: 4px 12px !important;\n font-size: 12px !important;\n height: 28px !important;\n }\n .arco-input {\n font-size: 12px !important;\n height: 28px !important;\n padding: 4px 8px !important;\n }\n .arco-select {\n font-size: 12px !important;\n }\n .arco-select-view {\n height: 28px !important;\n }\n .arco-form-item-label {\n font-size: 12px !important;\n }\n .arco-form-item-content {\n font-size: 12px !important;\n }\n textarea {\n font-size: 12px !important;\n padding: 4px 8px !important;\n }\n }\n}\n\n.customScrollBar {\n overflow: scroll;\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 8px !important;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n\n :global {\n .arco-tabs-content {\n padding: 0;\n }\n }\n}\n.layoutTabs {\n margin: 0;\n}\n\n.customScrollBarV2 {\n overflow: scroll;\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 8px !important;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.5);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n}\n","function _interopRequireDefault(e) {\n return e && e.__esModule ? e : {\n \"default\": e\n };\n}\nmodule.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst locale = {\n // Options\n items_per_page: '/ page',\n jump_to: 'Go to',\n jump_to_confirm: 'confirm',\n page: 'Page',\n // Pagination\n prev_page: 'Previous Page',\n next_page: 'Next Page',\n prev_5: 'Previous 5 Pages',\n next_5: 'Next 5 Pages',\n prev_3: 'Previous 3 Pages',\n next_3: 'Next 3 Pages',\n page_size: 'Page Size'\n};\nvar _default = exports.default = locale;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.commonLocale = void 0;\nvar commonLocale = exports.commonLocale = {\n yearFormat: 'YYYY',\n dayFormat: 'D',\n cellMeridiemFormat: 'A',\n monthBeforeYear: true\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _common = require(\"./common\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : String(i); }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nvar locale = _objectSpread(_objectSpread({}, _common.commonLocale), {}, {\n locale: 'en_US',\n today: 'Today',\n now: 'Now',\n backToToday: 'Back to today',\n ok: 'OK',\n clear: 'Clear',\n week: 'Week',\n month: 'Month',\n year: 'Year',\n timeSelect: 'select time',\n dateSelect: 'select date',\n weekSelect: 'Choose a week',\n monthSelect: 'Choose a month',\n yearSelect: 'Choose a year',\n decadeSelect: 'Choose a decade',\n previousMonth: 'Previous month (PageUp)',\n nextMonth: 'Next month (PageDown)',\n previousYear: 'Last year (Control + left)',\n nextYear: 'Next year (Control + right)',\n previousDecade: 'Last decade',\n nextDecade: 'Next decade',\n previousCentury: 'Last century',\n nextCentury: 'Next century'\n});\nvar _default = exports.default = locale;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nconst locale = {\n placeholder: 'Select time',\n rangePlaceholder: ['Start time', 'End time']\n};\nvar _default = exports.default = locale;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _en_US = _interopRequireDefault(require(\"@rc-component/picker/locale/en_US\"));\nvar _en_US2 = _interopRequireDefault(require(\"../../time-picker/locale/en_US\"));\n// Merge into a locale object\nconst locale = {\n lang: {\n placeholder: 'Select date',\n yearPlaceholder: 'Select year',\n quarterPlaceholder: 'Select quarter',\n monthPlaceholder: 'Select month',\n weekPlaceholder: 'Select week',\n rangePlaceholder: ['Start date', 'End date'],\n rangeYearPlaceholder: ['Start year', 'End year'],\n rangeQuarterPlaceholder: ['Start quarter', 'End quarter'],\n rangeMonthPlaceholder: ['Start month', 'End month'],\n rangeWeekPlaceholder: ['Start week', 'End week'],\n ..._en_US.default\n },\n timePickerLocale: {\n ..._en_US2.default\n }\n};\n// All settings at:\n// https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json\nvar _default = exports.default = locale;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _en_US = _interopRequireDefault(require(\"../../date-picker/locale/en_US\"));\nvar _default = exports.default = _en_US.default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\").default;\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _en_US = _interopRequireDefault(require(\"@rc-component/pagination/lib/locale/en_US\"));\nvar _en_US2 = _interopRequireDefault(require(\"../calendar/locale/en_US\"));\nvar _en_US3 = _interopRequireDefault(require(\"../date-picker/locale/en_US\"));\nvar _en_US4 = _interopRequireDefault(require(\"../time-picker/locale/en_US\"));\nconst typeTemplate = '${label} is not a valid ${type}';\nconst localeValues = {\n locale: 'en',\n Pagination: _en_US.default,\n DatePicker: _en_US3.default,\n TimePicker: _en_US4.default,\n Calendar: _en_US2.default,\n global: {\n placeholder: 'Please select',\n close: 'Close',\n sortable: 'sortable'\n },\n Table: {\n filterTitle: 'Filter menu',\n filterConfirm: 'OK',\n filterReset: 'Reset',\n filterEmptyText: 'No filters',\n filterCheckAll: 'Select all items',\n filterSearchPlaceholder: 'Search in filters',\n emptyText: 'No data',\n selectAll: 'Select current page',\n selectInvert: 'Invert current page',\n selectNone: 'Clear all data',\n selectionAll: 'Select all data',\n sortTitle: 'Sort',\n expand: 'Expand row',\n collapse: 'Collapse row',\n triggerDesc: 'Click to sort descending',\n triggerAsc: 'Click to sort ascending',\n cancelSort: 'Click to cancel sorting'\n },\n Tour: {\n Next: 'Next',\n Previous: 'Previous',\n Finish: 'Finish'\n },\n Modal: {\n okText: 'OK',\n cancelText: 'Cancel',\n justOkText: 'OK'\n },\n Popconfirm: {\n okText: 'OK',\n cancelText: 'Cancel'\n },\n Transfer: {\n titles: ['', ''],\n searchPlaceholder: 'Search here',\n itemUnit: 'item',\n itemsUnit: 'items',\n remove: 'Remove',\n selectCurrent: 'Select current page',\n removeCurrent: 'Remove current page',\n selectAll: 'Select all data',\n deselectAll: 'Deselect all data',\n removeAll: 'Remove all data',\n selectInvert: 'Invert current page'\n },\n Upload: {\n uploading: 'Uploading...',\n removeFile: 'Remove file',\n uploadError: 'Upload error',\n previewFile: 'Preview file',\n downloadFile: 'Download file'\n },\n Empty: {\n description: 'No data'\n },\n Icon: {\n icon: 'icon'\n },\n Text: {\n edit: 'Edit',\n copy: 'Copy',\n copied: 'Copied',\n expand: 'Expand',\n collapse: 'Collapse'\n },\n Form: {\n optional: '(optional)',\n defaultValidateMessages: {\n default: 'Field validation error for ${label}',\n required: 'Please enter ${label}',\n enum: '${label} must be one of [${enum}]',\n whitespace: '${label} cannot be a blank character',\n date: {\n format: '${label} date format is invalid',\n parse: '${label} cannot be converted to a date',\n invalid: '${label} is an invalid date'\n },\n types: {\n string: typeTemplate,\n method: typeTemplate,\n array: typeTemplate,\n object: typeTemplate,\n number: typeTemplate,\n date: typeTemplate,\n boolean: typeTemplate,\n integer: typeTemplate,\n float: typeTemplate,\n regexp: typeTemplate,\n email: typeTemplate,\n url: typeTemplate,\n hex: typeTemplate\n },\n string: {\n len: '${label} must be ${len} characters',\n min: '${label} must be at least ${min} characters',\n max: '${label} must be up to ${max} characters',\n range: '${label} must be between ${min}-${max} characters'\n },\n number: {\n len: '${label} must be equal to ${len}',\n min: '${label} must be minimum ${min}',\n max: '${label} must be maximum ${max}',\n range: '${label} must be between ${min}-${max}'\n },\n array: {\n len: 'Must be ${len} ${label}',\n min: 'At least ${min} ${label}',\n max: 'At most ${max} ${label}',\n range: 'The amount of ${label} must be between ${min}-${max}'\n },\n pattern: {\n mismatch: '${label} does not match the pattern ${pattern}'\n }\n }\n },\n QRCode: {\n expired: 'QR code expired',\n refresh: 'Refresh',\n scanned: 'Scanned'\n },\n ColorPicker: {\n presetEmpty: 'Empty',\n transparent: 'Transparent',\n singleColor: 'Single',\n gradientColor: 'Gradient'\n }\n};\nvar _default = exports.default = localeValues;","module.exports = require('../lib/locale/en_US');",".easy-email-merge-tag {\n font-size: inherit;\n outline: 1px solid rgb(78 89 105) !important;\n outline-offset: 0px;\n padding: 0px 8px;\n border-radius: 4px;\n cursor: default !important;\n transition: all 0.1s linear;\n border: none;\n font-weight: inherit;\n font-style: inherit;\n outline-color: rgb(0 160 172) !important;\n color: inherit;\n background-color: rgb(235 249 252);\n}\n\n.easy-email-merge-tag:hover:not(.easy-email-merge-tag-focus) {\n // outline-color: rgb(201 205 212) !important;\n // color: rgb(78 89 105);\n // background-color: rgb(229 230 235);\n}\n\n.easy-email-merge-tag-focus {\n // outline-color: rgb(0 160 172) !important;\n // color: rgb(78 89 105);\n // background-color: rgb(235 249 252);\n}\n\n.easy-email-merge-tag-popover {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translate(-50%, -100%);\n}\n\n.easy-email-merge-tag-popover {\n line-height: 1.3;\n background-color: #fff;\n width: 360px;\n border: 1px solid rgb(229 230 235);\n border-radius: 8px;\n position: absolute;\n top: calc(100% + 20px);\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 10;\n padding: 20px;\n font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,\n Roboto, Helvetica Neue, sans-serif;\n h3 {\n margin: 0;\n font-size: 12px;\n color: rgb(32, 34, 35);\n text-transform: uppercase;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .easy-email-merge-tag-popover-desc {\n font-size: 14px;\n color: rgb(109, 113, 117);\n }\n .easy-email-merge-tag-popover-desc-label {\n font-weight: 400;\n line-height: 15px;\n border: 1px solid rgb(109, 113, 117);\n border-radius: 4px;\n text-transform: none;\n letter-spacing: normal;\n position: relative;\n display: flex;\n align-items: center;\n color: rgb(32 34 35);\n cursor: text;\n font-size: 14px;\n }\n input {\n text-transform: none;\n letter-spacing: normal;\n position: relative;\n z-index: 20;\n display: block;\n flex: 1 1;\n width: 100%;\n min-width: 0;\n min-height: 25px;\n margin: 0;\n padding: 5px 12px;\n background: none;\n border: 1px solid transparent;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n appearance: none;\n caret-color: rgb(32 34 35);\n color: rgb(32 34 35);\n &:focus {\n outline: none;\n }\n }\n .easy-email-merge-tag-popover-desc-label-count {\n color: rgb(109, 113, 117);\n z-index: 20;\n margin: 0 12px 0 3.5px;\n pointer-events: none;\n text-align: right;\n }\n .easy-email-merge-tag-popover-desc-label-button {\n font-size: 14px;\n text-align: right;\n margin-top: 10px;\n font-weight: normal;\n margin-bottom: 5px;\n button {\n color: var(--selected-color);\n padding: 4px 8px;\n border-radius: 4px;\n transition: all 0.1s linear;\n cursor: pointer;\n outline: none;\n background-color: transparent;\n border: 1px solid transparent;\n &:focus {\n color: var(--selected-color);\n background-color: rgb(242 243 245);\n }\n &:hover {\n color: var(--selected-color);\n background-color: rgb(242 243 245);\n }\n }\n }\n\n .easy-email-merge-tag-popover-container {\n position: relative;\n z-index: 2;\n }\n}\n","\nimport {\n useEditorContext,\n useEditorProps,\n getShadowRoot,\n getBlockNodeByChildEle,\n IconFont,\n useRefState,\n getEditorRoot,\n} from '@thanhpv102/easy-email-editor';\nimport { get } from 'lodash';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport stylesText from './MergeTagBadge.scss?inline';\nimport { classnames } from '@extensions/utils/classnames';\nimport { useSelectionRange } from '@extensions/AttributePanel/hooks/useSelectionRange';\n\nconst removeAllActiveBadge = () => {\n getShadowRoot()\n .querySelectorAll('.easy-email-merge-tag')\n .forEach((item) => {\n item.classList.remove('easy-email-merge-tag-focus');\n });\n\n const popoverNode = getShadowRoot().querySelectorAll(\n '.easy-email-merge-tag-popover'\n );\n if (popoverNode) {\n }\n};\n\nexport function MergeTagBadgePrompt() {\n const { initialized } = useEditorContext();\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const { onChangeMergeTag, mergeTags } = useEditorProps();\n const [text, setText] = useState('');\n const { setRangeByElement } = useSelectionRange();\n\n const root = initialized && getShadowRoot();\n const [target, setTarget] = React.useState<HTMLElement | null>(null);\n const targetRef = useRefState(target);\n\n const textContainer = getBlockNodeByChildEle(target);\n\n const focusMergeTag = useCallback((ele: HTMLElement) => {\n if (!ele) return;\n\n setRangeByElement(ele);\n }, [setRangeByElement]);\n\n useEffect(() => {\n\n const onBlur = (ev: MouseEvent) => {\n if (ev.target === getEditorRoot()) {\n return;\n }\n setTarget(null);\n };\n window.addEventListener('click', onBlur);\n return () => {\n window.removeEventListener('click', onBlur);\n };\n }, [targetRef, popoverRef]);\n\n const onClose = useCallback(() => {\n let ele = targetRef.current;\n\n setTimeout(() => {\n if (!ele) return;\n focusMergeTag(ele);\n }, 100);\n\n setTarget(null);\n }, [focusMergeTag, targetRef]);\n\n useEffect(() => {\n if (!root) return;\n const onClick: EventListenerOrEventListenerObject = (e) => {\n removeAllActiveBadge();\n const target = e.target;\n if (\n target instanceof HTMLInputElement &&\n target.classList.contains('easy-email-merge-tag')\n ) {\n target.classList.add('easy-email-merge-tag-focus');\n const namePath = target.value;\n if (!onChangeMergeTag) {\n focusMergeTag(target);\n return;\n }\n setText(get(mergeTags, namePath, ''));\n setTarget(target);\n\n } else {\n if (popoverRef.current?.contains(e.target as any)) return;\n setTarget(null);\n\n }\n };\n\n root.addEventListener('click', onClick);\n return () => {\n root.removeEventListener('click', onClick);\n };\n }, [focusMergeTag, mergeTags, onChangeMergeTag, root]);\n\n const onChange: React.ChangeEventHandler<HTMLInputElement> = useCallback((ev) => {\n setText(ev.target.value);\n }, []);\n\n const onSave = useCallback(() => {\n if (!(target instanceof HTMLInputElement)) return;\n onChangeMergeTag?.(target.value, text);\n onClose();\n }, [onChangeMergeTag, onClose, target, text]);\n\n const onClick: React.MouseEventHandler<HTMLDivElement> = useCallback((ev) => {\n ev.stopPropagation();\n }, []);\n\n useEffect(() => {\n const onKeyDown = (e: KeyboardEvent) => {\n\n if (e.code?.toLocaleLowerCase() === 'escape') {\n onClose();\n }\n\n };\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, [onClose, onSave]);\n\n return (\n <>\n\n {root && createPortal(<style>{stylesText}</style>, root as any)}\n {textContainer && createPortal(\n <div ref={popoverRef} onClick={onClick} className={classnames('easy-email-merge-tag-popover')}>\n <div className='easy-email-merge-tag-popover-container'>\n <h3>\n <span>{'Default value'}</span>\n <IconFont style={{ color: 'rgb(92, 95, 98)' }} iconName='icon-close' onClick={onClose} />\n </h3>\n <div className={'easy-email-merge-tag-popover-desc'}>\n <p>\n {'If a personalized text value isn\\\"t available, then a default value is shown.'}\n </p>\n <div className='easy-email-merge-tag-popover-desc-label'>\n <input autoFocus value={text} onChange={onChange} type=\"text\" autoComplete='off' maxLength={40} />\n <div className='easy-email-merge-tag-popover-desc-label-count'>\n {text.length}/40\n </div>\n </div>\n <div className='easy-email-merge-tag-popover-desc-label-button'>\n <button onClick={onSave}>{'Save'}</button>\n </div>\n </div>\n </div>\n\n </div>, textContainer)}\n </>\n );\n}\n","/* eslint-disable react/jsx-wrap-multilines */\nimport React, { useCallback, useRef, useState } from 'react';\nimport { Modal, Tabs, Form, Switch, Button, Typography, Popconfirm, Divider } from 'antd';\nimport { PlusOutlined, DeleteOutlined } from '@ant-design/icons';\nimport { useEditorConfig, useEditorProps } from '@thanhpv102/easy-email-editor';\nimport './styles.css';\n\nconst { Text } = Typography;\n\n// ─── General Tab ─────────────────────────────────────────────────────────────\n\nfunction GeneralTab() {\n const { runtimeConfig, setRuntimeConfig } = useEditorConfig();\n const { dashed: propDashed = true } = useEditorProps();\n const currentDashed = runtimeConfig.dashed !== undefined ? runtimeConfig.dashed : propDashed;\n\n return (\n <Form layout='vertical' style={{ padding: '16px 0' }}>\n <Form.Item\n label='Dashed border (show dashed outline around blocks)'\n help='Enable or disable dashed borders on email blocks'\n >\n <Switch\n checked={currentDashed}\n onChange={val => setRuntimeConfig({ dashed: val })}\n checkedChildren='On'\n unCheckedChildren='Off'\n />\n </Form.Item>\n </Form>\n );\n}\n\n// ─── Merge Tags Tab ──────────────────────────────────────────────────────────\n\ninterface FlatMergeTag {\n id: string;\n path: string;\n value: string;\n}\n\nfunction flattenMergeTags(obj: Record<string, unknown>, prefix = ''): FlatMergeTag[] {\n const result: FlatMergeTag[] = [];\n for (const key of Object.keys(obj)) {\n const path = prefix ? `${prefix}.${key}` : key;\n const val = obj[key];\n if (val !== null && typeof val === 'object' && !Array.isArray(val)) {\n result.push(...flattenMergeTags(val as Record<string, unknown>, path));\n } else {\n result.push({ id: path, path, value: String(val ?? '') });\n }\n }\n return result;\n}\n\nfunction buildMergeTagsFromFlat(flat: FlatMergeTag[]): Record<string, unknown> {\n const result: Record<string, unknown> = {};\n for (const item of flat) {\n const parts = item.path.split('.');\n let cur = result;\n for (let i = 0; i < parts.length - 1; i++) {\n const part = parts[i];\n if (!cur[part] || typeof cur[part] !== 'object') cur[part] = {};\n cur = cur[part] as Record<string, unknown>;\n }\n cur[parts[parts.length - 1]] = item.value;\n }\n return result;\n}\n\ninterface MergeTagRowProps {\n row: FlatMergeTag;\n onCommit: (id: string, field: 'path' | 'value', val: string) => void;\n onDelete: (id: string) => void;\n}\n\n// Each row owns its own input state → typing never re-renders the parent list\nfunction MergeTagRow({ row, onCommit, onDelete }: MergeTagRowProps) {\n const pathRef = useRef<HTMLInputElement>(null);\n const valueRef = useRef<HTMLInputElement>(null);\n\n return (\n <div className=\"config-row\">\n <input\n className=\"config-input-field ant-input ant-input-outlined css-var-root ant-input-css-var\"\n ref={pathRef}\n defaultValue={row.path}\n placeholder='e.g. user.name'\n onBlur={e => onCommit(row.id, 'path', e.target.value)}\n />\n <input\n className=\"config-input-field ant-input ant-input-outlined css-var-root ant-input-css-var\"\n ref={valueRef}\n defaultValue={row.value}\n placeholder='Preview value'\n onBlur={e => onCommit(row.id, 'value', e.target.value)}\n />\n <Popconfirm title='Delete this tag?' onConfirm={() => onDelete(row.id)}>\n <Button type='text' danger size='small' icon={<DeleteOutlined />} className=\"config-btn-delete\" />\n </Popconfirm>\n </div>\n );\n}\n\nfunction MergeTagsTab() {\n const { runtimeConfig, setRuntimeConfig } = useEditorConfig();\n const { mergeTags: propMergeTags } = useEditorProps();\n\n const initialMergeTags =\n runtimeConfig.mergeTags !== undefined\n ? runtimeConfig.mergeTags\n : ((propMergeTags as Record<string, unknown>) ?? {});\n\n const [rows, setRows] = useState<FlatMergeTag[]>(() =>\n flattenMergeTags(initialMergeTags as Record<string, unknown>),\n );\n const rowsRef = useRef(rows);\n rowsRef.current = rows;\n\n const syncToContext = useCallback(\n (nextRows: FlatMergeTag[]) => {\n setRuntimeConfig({ mergeTags: buildMergeTagsFromFlat(nextRows) });\n },\n [setRuntimeConfig],\n );\n\n // Called onBlur from each row — only updates the specific field, no re-render of list\n const handleCommit = useCallback(\n (id: string, field: 'path' | 'value', val: string) => {\n const nextRows = rowsRef.current.map(r => {\n if (r.id !== id) return r;\n return field === 'path' ? { ...r, path: val, id: val } : { ...r, value: val };\n });\n rowsRef.current = nextRows;\n // Update rows state only to keep rowsRef consistent for add/delete, but\n // use functional update to avoid triggering unnecessary re-renders when value unchanged\n setRows(prev => {\n const changed = prev.some(r => {\n if (r.id !== id) return false;\n return field === 'path' ? r.path !== val : r.value !== val;\n });\n if (!changed) return prev;\n return prev.map(r => {\n if (r.id !== id) return r;\n return field === 'path' ? { ...r, path: val, id: val } : { ...r, value: val };\n });\n });\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleDelete = useCallback(\n (id: string) => {\n const nextRows = rowsRef.current.filter(r => r.id !== id);\n setRows(nextRows);\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleAdd = useCallback(() => {\n const ts = Date.now();\n const newRow: FlatMergeTag = { id: `new.key.${ts}`, path: `new.key.${ts}`, value: '' };\n const nextRows = [...rowsRef.current, newRow];\n setRows(nextRows);\n syncToContext(nextRows);\n }, [syncToContext]);\n\n return (\n <div style={{ padding: '16px 0' }}>\n <Text type='secondary' className=\"config-description\">\n Define merge tag preview values. Use dot notation for nested keys (e.g.{' '}\n <span className=\"config-code\">user.name</span>).\n </Text>\n <div className=\"config-row-label\">\n <span className=\"config-row-label-text\">Path (dot notation)</span>\n <span className=\"config-row-label-text\">Value</span>\n <div style={{ width: 32 }} />\n </div>\n <Divider className=\"config-divider\" />\n {rows.map(row => (\n <MergeTagRow key={row.id} row={row} onCommit={handleCommit} onDelete={handleDelete} />\n ))}\n <Button icon={<PlusOutlined />} onClick={handleAdd} size='small' className=\"config-btn-add\">\n Add merge tag\n </Button>\n </div>\n );\n}\n\n// ─── Social Icons Tab ─────────────────────────────────────────────────────────\n\ninterface SocialIconRow {\n id: string;\n content: string;\n image: string;\n}\n\ninterface SocialIconRowProps {\n row: SocialIconRow;\n onCommit: (id: string, field: 'content' | 'image', val: string) => void;\n onDelete: (id: string) => void;\n}\n\nfunction SocialIconRowItem({ row, onCommit, onDelete }: SocialIconRowProps) {\n const [imgSrc, setImgSrc] = useState(row.image);\n\n return (\n <div className=\"config-row\">\n <input\n className=\"config-input-field\"\n defaultValue={row.content}\n placeholder='e.g. Facebook'\n onBlur={e => onCommit(row.id, 'content', e.target.value)}\n />\n <div style={{ flex: 1, display: 'flex', gap: 6, alignItems: 'center' }}>\n <input\n className=\"config-input-field\"\n defaultValue={row.image}\n placeholder='https://...'\n onBlur={e => {\n onCommit(row.id, 'image', e.target.value);\n setImgSrc(e.target.value);\n }}\n style={{ flex: 1 }}\n />\n {imgSrc && (\n <img src={imgSrc} alt='' className=\"config-image-preview\" />\n )}\n </div>\n <Popconfirm title='Delete this icon?' onConfirm={() => onDelete(row.id)}>\n <Button type='text' danger size='small' icon={<DeleteOutlined />} className=\"config-btn-delete\" />\n </Popconfirm>\n </div>\n );\n}\n\nfunction SocialIconsTab() {\n const { runtimeConfig, setRuntimeConfig } = useEditorConfig();\n const { socialIcons: propSocialIcons } = useEditorProps();\n\n const currentIcons =\n runtimeConfig.socialIcons !== undefined ? runtimeConfig.socialIcons : (propSocialIcons ?? []);\n\n const [rows, setRows] = useState<SocialIconRow[]>(() =>\n currentIcons.map((icon, i) => ({ ...icon, id: `icon-${i}` })),\n );\n const rowsRef = useRef(rows);\n rowsRef.current = rows;\n\n const syncToContext = useCallback(\n (nextRows: SocialIconRow[]) => {\n setRuntimeConfig({ socialIcons: nextRows.map(({ content, image }) => ({ content, image })) });\n },\n [setRuntimeConfig],\n );\n\n const handleCommit = useCallback(\n (id: string, field: 'content' | 'image', val: string) => {\n const nextRows = rowsRef.current.map(r => (r.id === id ? { ...r, [field]: val } : r));\n rowsRef.current = nextRows;\n setRows(prev => {\n const changed = prev.some(r => r.id === id && r[field] !== val);\n if (!changed) return prev;\n return prev.map(r => (r.id === id ? { ...r, [field]: val } : r));\n });\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleDelete = useCallback(\n (id: string) => {\n const nextRows = rowsRef.current.filter(r => r.id !== id);\n setRows(nextRows);\n syncToContext(nextRows);\n },\n [syncToContext],\n );\n\n const handleAdd = useCallback(() => {\n const newRow: SocialIconRow = { id: `icon-new-${Date.now()}`, content: '', image: '' };\n const nextRows = [...rowsRef.current, newRow];\n setRows(nextRows);\n syncToContext(nextRows);\n }, [syncToContext]);\n\n return (\n <div style={{ padding: '16px 0' }}>\n <Text type='secondary' className=\"config-description\">\n Define custom social icons available in the social block.\n </Text>\n <div className=\"config-row-label\">\n <span className=\"config-row-label-text\">Name / Label</span>\n <span className=\"config-row-label-text\">Image URL</span>\n <div style={{ width: 32 }} />\n </div>\n <Divider className=\"config-divider\" />\n {rows.map(row => (\n <SocialIconRowItem key={row.id} row={row} onCommit={handleCommit} onDelete={handleDelete} />\n ))}\n <Button icon={<PlusOutlined />} onClick={handleAdd} size='small' className=\"config-btn-add\">\n Add social icon\n </Button>\n </div>\n );\n}\n\n// ─── Main Popup ───────────────────────────────────────────────────────────────\n\nexport function ConfigurationPopup() {\n const { isConfigOpen, closeConfig } = useEditorConfig();\n\n return (\n <div className=\"config-popup-container\">\n <Modal\n open={isConfigOpen}\n onCancel={closeConfig}\n title='Editor Configuration'\n footer={(\n <Button type='primary' onClick={closeConfig}>\n Done\n </Button>\n )}\n width={680}\n >\n <Tabs\n defaultActiveKey='general'\n items={[\n {\n key: 'general',\n label: 'General',\n children: <GeneralTab />,\n },\n {\n key: 'merge-tags',\n label: 'Merge Tags',\n children: <MergeTagsTab />,\n },\n {\n key: 'social-icons',\n label: 'Social Icons',\n children: <SocialIconsTab />,\n },\n ]}\n />\n </Modal>\n </div>\n );\n}\n","import { ShortcutToolbar } from '../ShortcutToolbar';\nimport { Button, Card, ConfigProvider, Layout, Tabs, App } from 'antd';\nimport { useEditorProps } from '@thanhpv102/easy-email-editor';\nimport React, { useState } from 'react';\nimport { SourceCodePanel } from '../SourceCodePanel';\nimport { AttributePanel } from '../AttributePanel';\nimport { BlockLayer, BlockLayerProps } from '../BlockLayer';\nimport { InteractivePrompt } from '../InteractivePrompt';\nimport styles from './index.module.scss';\nimport enUS from 'antd/locale/en_US';\nimport { MergeTagBadgePrompt } from '@extensions/MergeTagBadgePrompt';\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\nimport { ConfigurationPopup } from '../ConfigurationPopup';\n\nexport const SimpleLayout: React.FC<\n {\n showSourceCode?: boolean;\n jsonReadOnly?: boolean;\n mjmlReadOnly?: boolean;\n defaultShowLayer?: boolean;\n children: React.ReactNode | React.ReactElement;\n } & BlockLayerProps\n> = props => {\n const { height: containerHeight } = useEditorProps();\n const { showSourceCode = true, defaultShowLayer = true, jsonReadOnly = true, mjmlReadOnly = true } = props;\n const [collapsed, setCollapsed] = useState(!defaultShowLayer);\n return (\n <ConfigProvider locale={enUS}>\n <App>\n <Layout\n className={styles.SimpleLayout}\n style={{\n display: 'flex',\n width: '100%',\n overflow: 'hidden',\n minWidth: 1400,\n }}\n >\n <Layout.Sider\n style={{ paddingRight: 0 }}\n collapsed={collapsed}\n collapsible\n trigger={null}\n breakpoint=\"xl\"\n collapsedWidth={60}\n width={350}\n >\n <Card\n styles={{ body: { padding: 0 } }}\n style={{ border: 'none' }}\n >\n <Card.Grid style={{ width: 60, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-start', padding: '12px 0' }}>\n <ShortcutToolbar />\n <Button\n style={{\n marginTop: 30,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n icon={collapsed ? <RightOutlined /> : <LeftOutlined />}\n shape=\"round\"\n onClick={() => setCollapsed(v => !v)}\n />\n </Card.Grid>\n <Card.Grid\n className={styles.customScrollBar}\n style={{\n flex: 1,\n padding: '0 5px',\n border: 'none',\n height: containerHeight,\n overflowY: 'auto',\n overflowX: 'hidden',\n width: '100%',\n }}\n >\n <Card\n title={'Layout'}\n style={{ border: 'none', width: '100%' }}\n styles={{ header: { height: 50 }, body: { width: '100%', padding: '0 5px' } }}\n >\n {!collapsed && <BlockLayer renderTitle={props.renderTitle} />}\n </Card>\n </Card.Grid>\n </Card>\n </Layout.Sider>\n\n <Layout style={{ height: containerHeight }}>{props.children}</Layout>\n\n <Layout.Sider\n style={{\n height: containerHeight,\n width: 450,\n }}\n className={styles.rightSide}\n >\n <Card\n size=\"small\"\n id=\"rightSide\"\n style={{\n maxHeight: '100%',\n height: '100%',\n borderLeft: 'none',\n borderRadius: 0,\n }}\n styles={{ body: { padding: 0 } }}\n className={styles.customScrollBarV2}\n >\n <Tabs\n className={styles.layoutTabs}\n items={[\n {\n key: 'configuration',\n label: (\n <div style={{ height: 28, lineHeight: '28px', marginLeft: 12, paddingRight: 12, fontSize: 12 }}>\n {'Configuration'}\n </div>\n ),\n children: <AttributePanel />,\n },\n ...(showSourceCode ? [{\n key: 'source-code',\n label: (\n <div style={{ height: 28, lineHeight: '28px', fontSize: 12 }}>\n {'Source code'}\n </div>\n ),\n children: <SourceCodePanel jsonReadOnly={jsonReadOnly} mjmlReadOnly={mjmlReadOnly} />,\n destroyOnHidden: true,\n }] : [])\n ]}\n />\n </Card>\n </Layout.Sider>\n\n <InteractivePrompt />\n <MergeTagBadgePrompt />\n <ConfigurationPopup />\n </Layout>\n </App>\n </ConfigProvider>\n );\n};\n",".StandardLayout {\n :global {\n .arco-layout-sider-children {\n overflow-x: hidden;\n .arco-tabs-content {\n padding: 0;\n }\n }\n .arco-collapse-item-content-expanded {\n overflow: visible;\n }\n .easy-email-editor-tabWrapper {\n padding: 5px;\n }\n }\n}\n",".layoutItem {\r\n :global {\r\n .arco-collapse-item-header {\r\n background-color: #fff !important;\r\n border-color: transparent !important;\r\n }\r\n }\r\n}\r\n\r\n.blockItem {\r\n margin-bottom: 20px;\r\n box-shadow: rgb(55 63 71 / 4%) 0px 0px 0px 1px, rgb(55 63 71 / 8%) 0px 4px 4px 0px,\r\n rgb(55 63 71 / 8%) 0px 8px 24px 0px;\r\n border: 2px solid transparent;\r\n border-radius: 4px;\r\n margin-right: 15px;\r\n &:hover {\r\n box-shadow: 0px 0px 2px 2px rgb(var(--primary-4, #1890ff)) !important;\r\n }\r\n .blockItemContainer {\r\n width: 96px;\r\n height: 96px;\r\n padding: 10px;\r\n text-align: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n}\r\n.blockItem:nth-child(3n + 1) {\r\n margin-left: 15px;\r\n}\r\n.blockItem:nth-child(3n + 0) {\r\n margin-right: 0;\r\n}\r\n","import { BlockLayerProps } from '@extensions/BlockLayer';\r\nimport { isEqual, omit } from 'lodash';\r\nimport React, { useContext, useMemo, useRef } from 'react';\r\n\r\nexport interface ExtensionProps extends BlockLayerProps {\r\n children?: React.ReactNode | React.ReactElement;\r\n categories: Array<\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<{\r\n type: string;\r\n payload?: any;\r\n title?: string | undefined;\r\n }>;\r\n displayType?: 'grid';\r\n }\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<{\r\n payload?: any;\r\n title?: string | undefined;\r\n }>;\r\n displayType: 'column';\r\n }\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<{\r\n payload?: any;\r\n }>;\r\n displayType: 'widget';\r\n }\r\n | {\r\n label: string;\r\n active?: boolean;\r\n blocks: Array<React.ReactNode>;\r\n displayType: 'custom';\r\n }\r\n >;\r\n showSourceCode?: boolean;\r\n jsonReadOnly?: boolean;\r\n mjmlReadOnly?: boolean;\r\n compact?: boolean;\r\n showBlockLayer?: boolean;\r\n}\r\n\r\nexport const ExtensionContext = React.createContext<ExtensionProps>({\r\n categories: [],\r\n});\r\n\r\nexport const ExtensionProvider: React.FC<ExtensionProps> = props => {\r\n const value = omit(props, 'children');\r\n const valueRef = useRef(value);\r\n\r\n const cacheValue = useMemo(() => {\r\n if (!isEqual(value, valueRef)) {\r\n valueRef.current = value;\r\n }\r\n return valueRef.current;\r\n }, [value, valueRef]);\r\n\r\n return (\r\n <ExtensionContext.Provider value={cacheValue}>\r\n {props.children}\r\n </ExtensionContext.Provider>\r\n );\r\n};\r\n\r\nexport function useExtensionProps() {\r\n return useContext(ExtensionContext);\r\n}\r\n","import { Collapse, Row, Space, Typography } from 'antd';\nimport { AdvancedType, BlockManager, IBlockData } from '@thanhpv102/easy-email-core';\nimport { BlockAvatarWrapper, IconFont } from '@thanhpv102/easy-email-editor';\nimport React, { useMemo, useState } from 'react';\nimport { CaretRightOutlined, CaretUpOutlined } from '@ant-design/icons';\nimport { getIconNameByBlockType } from '@extensions/utils/getIconNameByBlockType';\nimport styles from './index.module.scss';\nimport { useExtensionProps } from '@extensions/components/Providers/ExtensionProvider';\n\nexport function Blocks() {\n const { categories } = useExtensionProps();\n\n const defaultActiveKey = useMemo(\n () => [\n ...categories.filter((item) => item.active).map((item) => item.label),\n ],\n [categories]\n );\n const collapseItems = categories.map((cat, index) => {\n let panelChildren: React.ReactNode;\n\n if (cat.displayType === 'column') {\n panelChildren = (\n <>\n <Space orientation='vertical'>\n <div />\n </Space>\n {cat.blocks.map((item) => (\n <LayoutItem\n key={item.title}\n title={item.title || ''}\n columns={item.payload}\n />\n ))}\n <Space orientation='vertical'>\n <div />\n </Space>\n </>\n );\n } else if (cat.displayType === 'custom') {\n panelChildren = (\n <Row>\n {cat.blocks.map((item, blockIndex) => {\n if (\n typeof item === 'object' &&\n item !== null &&\n !React.isValidElement(item) &&\n 'type' in item &&\n 'children' in item\n ) {\n const customBlock = item as {\n type: string;\n payload?: any;\n title?: string;\n children: React.ReactNode;\n canDragAndDrop?: boolean;\n };\n const canDragAndDrop = customBlock.canDragAndDrop !== false;\n const blockContent = (\n <div className={styles.blockItemContainer}>\n {customBlock.children}\n </div>\n );\n return (\n <div key={blockIndex} className={styles.blockItem}>\n {canDragAndDrop ? (\n <BlockAvatarWrapper\n type={customBlock.type}\n payload={customBlock.payload}\n >\n {blockContent}\n </BlockAvatarWrapper>\n ) : (\n <div style={{ cursor: 'not-allowed', opacity: 0.6 }}>\n {blockContent}\n </div>\n )}\n </div>\n );\n }\n return <React.Fragment key={blockIndex}>{item}</React.Fragment>;\n })}\n </Row>\n );\n } else {\n panelChildren = (\n <Row>\n {cat.blocks.map((item, index) => {\n return <BlockItem key={index} {...(item as any)} />;\n })}\n </Row>\n );\n }\n\n return {\n key: index,\n label: cat.label,\n extra: cat.label,\n style: cat.displayType === 'column'\n ? { padding: '0px 20px' }\n : { padding: 0, paddingBottom: 0, paddingTop: 20 },\n children: panelChildren,\n };\n });\n\n return (\n <Collapse\n defaultActiveKey={defaultActiveKey}\n style={{ paddingBottom: 30, minHeight: '100%' }}\n items={collapseItems}\n />\n );\n}\n\nfunction BlockItem({\n type,\n payload,\n title,\n filterType,\n}: {\n type: string;\n payload?: Partial<IBlockData>;\n title?: string;\n filterType: string | undefined;\n}) {\n const block = BlockManager.getBlockByType(type);\n\n return (\n <div className={styles.blockItem}>\n <BlockAvatarWrapper type={type} payload={payload}>\n <div className={styles.blockItemContainer}>\n <IconFont\n style={{ fontSize: 20 }}\n iconName={getIconNameByBlockType(type)}\n />\n <Typography.Text style={{ marginTop: 10 }}>\n {title || block?.name}\n </Typography.Text>\n </div>\n </BlockAvatarWrapper>\n </div>\n );\n}\n\nfunction LayoutItem({\n columns,\n title,\n}: {\n columns: string[][];\n title: string;\n}) {\n const [visible, setVisible] = useState(false);\n\n return (\n <div>\n <p\n onClick={() => setVisible((v) => !v)}\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n cursor: 'pointer',\n }}\n >\n <span>{title}</span>\n {columns.length > 1 && (\n <span>{!visible ? <CaretRightOutlined /> : <CaretUpOutlined />}</span>\n )}\n </p>\n {columns.map((item, index) => {\n const hide = !visible && index !== 0;\n const payload = {\n type: AdvancedType.SECTION,\n attributes: {},\n children: item.map((col) => ({\n type: AdvancedType.COLUMN,\n attributes: {\n width: col,\n },\n data: {\n value: {},\n },\n children: [],\n })),\n };\n\n return (\n <div\n key={index}\n style={{\n height: hide ? 0 : undefined,\n overflow: 'hidden',\n marginBottom: hide ? 0 : 20,\n }}\n >\n <BlockAvatarWrapper type={AdvancedType.SECTION} payload={payload}>\n <div\n style={{\n border: '1px solid rgb(229, 229, 229)',\n width: '100%',\n padding: 10,\n }}\n >\n <div\n style={{\n height: 16,\n border: '1px solid rgb(85, 85, 85)',\n borderRadius: 3,\n display: 'flex',\n }}\n >\n {item.map((column, index) => {\n return (\n <div\n key={index}\n style={{\n borderRight:\n index === item.length - 1\n ? undefined\n : '1px solid rgb(85, 85, 85)',\n height: '100%',\n width: column,\n }}\n />\n );\n })}\n </div>\n </div>\n </BlockAvatarWrapper>\n </div>\n );\n })}\n </div>\n );\n}\n","import React from 'react';\r\nimport 'overlayscrollbars/overlayscrollbars.css';\r\nimport { OverlayScrollbarsComponent } from 'overlayscrollbars-react';\r\n\r\nexport const FullHeightOverlayScrollbars: React.FC<{\r\n children: React.ReactNode | React.ReactElement;\r\n height: string | number;\r\n}> = props => {\r\n return (\r\n <OverlayScrollbarsComponent options={{ scrollbars: { autoHide: 'scroll' } }}>\r\n <div style={{ height: props.height }}>{props.children}</div>\r\n </OverlayScrollbarsComponent>\r\n );\r\n};\r\n",".largeTabsHeader {\r\n :global {\r\n .arco-tabs-header {\r\n width: 100%;\r\n display: flex;\r\n .arco-tabs-header-title {\r\n flex: 1;\r\n margin: 0px !important;\r\n padding: 0 !important;\r\n height: 60px;\r\n line-height: 60px;\r\n .arco-tabs-header-title-text {\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",".largeTabsHeader {\r\n :global {\r\n .arco-tabs-header {\r\n width: 100%;\r\n display: flex;\r\n .arco-tabs-header-title {\r\n flex: 1;\r\n margin: 0px !important;\r\n padding: 0 !important;\r\n height: 60px;\r\n line-height: 60px;\r\n .arco-tabs-header-title-text {\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Tabs } from 'antd';\r\nimport { LeftOutlined } from '@ant-design/icons';\r\nimport { AttributePanel } from '@extensions/AttributePanel';\r\nimport { SourceCodePanel } from '@extensions/SourceCodePanel';\r\nimport { FullHeightOverlayScrollbars } from '@extensions/components/FullHeightOverlayScrollbars';\r\nimport styles from './index.module.scss';\r\n\r\nexport interface ConfigurationPanelProps {\r\n showSourceCode: boolean;\r\n jsonReadOnly: boolean;\r\n mjmlReadOnly: boolean;\r\n height: string;\r\n onBack?: () => void;\r\n compact?: boolean;\r\n}\r\n\r\nexport function ConfigurationPanel({\r\n showSourceCode,\r\n height,\r\n onBack,\r\n compact,\r\n jsonReadOnly,\r\n mjmlReadOnly,\r\n }: ConfigurationPanelProps) {\r\n const [inited, setInited] = useState(false);\r\n\r\n useEffect(() => {\r\n // Tabs 在 drawer 里面有bug\r\n let timer = setTimeout(() => {\r\n setInited(true);\r\n }, 100);\r\n return () => {\r\n clearTimeout(timer);\r\n };\r\n }, []);\r\n\r\n if (!inited) return null;\r\n\r\n return (\r\n <>\r\n {showSourceCode ? (\r\n <Tabs\r\n className={styles.tabs}\r\n renderTabBar={(props, DefaultTabBar) =>\r\n !compact ? (\r\n <div\r\n className={styles.largeTabsHeader}\r\n style={{ display: 'flex', alignItems: 'center' }}\r\n >\r\n <div\r\n style={{ padding: 10, cursor: 'pointer' }}\r\n onClick={onBack}\r\n >\r\n <LeftOutlined style={{ fontSize: 16 }} />\r\n </div>\r\n <DefaultTabBar {...props} style={{ flex: 1 }} />\r\n </div>\r\n ) : (\r\n <div\r\n className={styles.largeTabsHeader}\r\n style={{ display: 'flex', alignItems: 'center' }}\r\n >\r\n <DefaultTabBar {...props} style={{ flex: 1 }} />\r\n </div>\r\n )\r\n }\r\n items={[\r\n {\r\n key: 'configuration',\r\n label: (\r\n <div style={{ height: 40, lineHeight: '40px' }}>{'Configuration'}</div>\r\n ),\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <AttributePanel />\r\n </FullHeightOverlayScrollbars>\r\n ),\r\n },\r\n {\r\n key: 'source-code',\r\n label: (\r\n <div style={{ height: 40, lineHeight: '40px' }}>{'Source code'}</div>\r\n ),\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <SourceCodePanel jsonReadOnly={jsonReadOnly} mjmlReadOnly={mjmlReadOnly} />\r\n </FullHeightOverlayScrollbars>\r\n ),\r\n destroyOnHidden: true,\r\n },\r\n ]}\r\n />\r\n ) : (\r\n <AttributePanel />\r\n )}\r\n </>\r\n );\r\n}\r\n","import { useFocusIdx } from '@thanhpv102/easy-email-editor';\r\nimport { Drawer } from 'antd';\r\nimport { ConfigurationPanel } from '@extensions/ConfigurationPanel';\r\nimport React, { useCallback, useMemo, useRef } from 'react';\r\n\r\nexport function ConfigurationDrawer({\r\n height,\r\n compact,\r\n showSourceCode,\r\n jsonReadOnly,\r\n mjmlReadOnly,\r\n}: {\r\n height: string;\r\n compact: boolean;\r\n showSourceCode: boolean;\r\n jsonReadOnly: boolean;\r\n mjmlReadOnly: boolean;\r\n}) {\r\n const refWrapper = useRef(null);\r\n const { focusIdx, setFocusIdx } = useFocusIdx();\r\n\r\n const onClose = useCallback(() => {\r\n setFocusIdx('');\r\n }, [setFocusIdx]);\r\n\r\n const visible = Boolean(focusIdx);\r\n return useMemo(() => {\r\n return (\r\n <>\r\n <div\r\n ref={refWrapper}\r\n style={{\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n zIndex: visible ? 1 : -1,\r\n pointerEvents: visible ? 'auto' : 'none',\r\n }}\r\n />\r\n {refWrapper.current && (\r\n <Drawer\r\n title={null}\r\n closable={false}\r\n placement='right'\r\n styles={{ body: { padding: 0 }, wrapper: { width: '100%' } }}\r\n open\r\n getContainer={() => refWrapper.current || document.body}\r\n footer={null}\r\n onClose={onClose}\r\n >\r\n <ConfigurationPanel\r\n compact={compact}\r\n showSourceCode={showSourceCode}\r\n height={height}\r\n onBack={onClose}\r\n jsonReadOnly={jsonReadOnly}\r\n mjmlReadOnly={mjmlReadOnly}\r\n />\r\n </Drawer>\r\n )}\r\n </>\r\n );\r\n }, [visible, onClose, compact, showSourceCode, height, jsonReadOnly, mjmlReadOnly]);\r\n}\r\n","import { Layout, Tabs } from 'antd';\r\nimport { useEditorProps } from '@thanhpv102/easy-email-editor';\r\nimport React from 'react';\r\nimport { Blocks } from './Blocks';\r\nimport { BlockLayer } from '@extensions/BlockLayer';\r\nimport { FullHeightOverlayScrollbars } from '@extensions/components/FullHeightOverlayScrollbars';\r\nimport styles from './index.module.scss';\r\nimport { ConfigurationDrawer } from './ConfigurationDrawer';\r\nimport { useExtensionProps } from '@extensions/components/Providers/ExtensionProvider';\r\n\r\nexport function EditPanel({\r\n showSourceCode,\r\n jsonReadOnly,\r\n mjmlReadOnly,\r\n }: {\r\n showSourceCode: boolean;\r\n jsonReadOnly: boolean;\r\n mjmlReadOnly: boolean;\r\n}) {\r\n const { height } = useEditorProps();\r\n const { compact = true, showBlockLayer = true } = useExtensionProps();\r\n\r\n return (\r\n <Layout.Sider\r\n className={styles.blocksPanel}\r\n style={{ paddingRight: 0, minWidth: 360 }}\r\n // collapsed={collapsed}\r\n collapsible\r\n trigger={null}\r\n breakpoint=\"xl\"\r\n collapsedWidth={60}\r\n width={360}\r\n >\r\n <Tabs\r\n defaultActiveKey='2'\r\n style={{ width: '100%', padding: 0 }}\r\n renderTabBar={(props, DefaultTabBar) => (\r\n <div className={styles.largeTabsHeader}>\r\n <DefaultTabBar {...props} />\r\n </div>\r\n )}\r\n items={[\r\n {\r\n key: '2',\r\n label: 'Block',\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <Blocks />\r\n </FullHeightOverlayScrollbars>\r\n )\r\n },\r\n ...(showBlockLayer ? [{\r\n key: '1',\r\n label: 'Layer',\r\n children: (\r\n <FullHeightOverlayScrollbars height={`calc(${height} - 60px)`}>\r\n <div style={{ padding: 20 }}>\r\n <BlockLayer />\r\n </div>\r\n </FullHeightOverlayScrollbars>\r\n )\r\n }] : [])\r\n ]}\r\n />\r\n {!compact && (\r\n <ConfigurationDrawer\r\n height={height}\r\n showSourceCode={showSourceCode}\r\n compact={Boolean(compact)}\r\n jsonReadOnly={jsonReadOnly}\r\n mjmlReadOnly={mjmlReadOnly}\r\n />\r\n )}\r\n </Layout.Sider>\r\n );\r\n}\r\n","import { App, Card, ConfigProvider, Layout } from 'antd';\nimport { useEditorProps, useFocusIdx } from '@thanhpv102/easy-email-editor';\nimport React, { useEffect } from 'react';\nimport { InteractivePrompt } from '../InteractivePrompt';\nimport styles from './index.module.scss';\nimport enUS from 'antd/locale/en_US';\nimport { MergeTagBadgePrompt } from '@extensions/MergeTagBadgePrompt';\nimport { EditPanel } from '../EditPanel';\nimport { ConfigurationPanel } from '@extensions/ConfigurationPanel';\nimport { ExtensionProps, ExtensionProvider } from '@extensions/components/Providers/ExtensionProvider';\nimport { AdvancedType } from '@thanhpv102/easy-email-core';\nimport { ConfigurationPopup } from '../ConfigurationPopup';\n\nconst defaultCategories: ExtensionProps['categories'] = [\n {\n get label() {\n return 'Content';\n },\n active: true,\n blocks: [\n {\n type: AdvancedType.TEXT,\n },\n {\n type: AdvancedType.IMAGE,\n payload: { attributes: { padding: '0px 0px 0px 0px' } },\n },\n {\n type: AdvancedType.BUTTON,\n },\n {\n type: AdvancedType.SOCIAL,\n },\n {\n type: AdvancedType.DIVIDER,\n },\n {\n type: AdvancedType.SPACER,\n },\n {\n type: AdvancedType.HERO,\n },\n {\n type: AdvancedType.WRAPPER,\n },\n ],\n },\n {\n get label() {\n return 'Layout';\n },\n active: true,\n displayType: 'column',\n blocks: [\n {\n get title() {\n return '2 columns';\n },\n payload: [\n ['50%', '50%'],\n ['33%', '67%'],\n ['67%', '33%'],\n ['25%', '75%'],\n ['75%', '25%'],\n ],\n },\n {\n get title() {\n return '3 columns';\n },\n payload: [\n ['33.33%', '33.33%', '33.33%'],\n ['25%', '25%', '50%'],\n ['50%', '25%', '25%'],\n ],\n },\n {\n get title() {\n return '4 columns';\n },\n payload: [['25%', '25%', '25%', '25%']],\n },\n ],\n },\n];\n\nexport const StandardLayout: React.FC<ExtensionProps> = props => {\n const { height: containerHeight } = useEditorProps();\n const {\n showSourceCode = true,\n compact = true,\n categories = defaultCategories,\n jsonReadOnly = false,\n mjmlReadOnly = true,\n } = props;\n\n const { setFocusIdx } = useFocusIdx();\n\n useEffect(() => {\n if (!compact) {\n setFocusIdx('');\n }\n }, [compact, setFocusIdx]);\n\n return (\n <ExtensionProvider\n {...props}\n categories={categories}\n >\n <ConfigProvider locale={enUS}>\n <App>\n <Card\n style={{ padding: 0 }}\n styles={{\n body: {\n padding: 0,\n height: containerHeight,\n overflow: 'hidden',\n },\n }}\n >\n <Layout\n className={styles.StandardLayout}\n style={{\n display: 'flex',\n width: '100%',\n overflow: 'hidden',\n }}\n >\n {compact && (\n <EditPanel\n showSourceCode={showSourceCode}\n jsonReadOnly={jsonReadOnly}\n mjmlReadOnly={mjmlReadOnly}\n />\n )}\n <Layout style={{ height: containerHeight, flex: 1 }}>{props.children}</Layout>\n {!compact && (\n <EditPanel\n showSourceCode={showSourceCode}\n jsonReadOnly={jsonReadOnly}\n mjmlReadOnly={mjmlReadOnly}\n />\n )}\n {compact ? (\n <Layout.Sider\n style={{\n height: containerHeight,\n minWidth: 300,\n maxWidth: 350,\n width: 350,\n }}\n >\n <ConfigurationPanel\n compact={compact}\n height={containerHeight}\n showSourceCode={showSourceCode}\n jsonReadOnly={jsonReadOnly}\n mjmlReadOnly={mjmlReadOnly}\n />\n </Layout.Sider>\n ) : (\n <Layout.Sider style={{ width: 0, overflow: 'hidden' }} />\n )}\n </Layout>\n </Card>\n\n <InteractivePrompt />\n <MergeTagBadgePrompt />\n <ConfigurationPopup />\n </App>\n </ConfigProvider>\n </ExtensionProvider>\n );\n};\n"],"x_google_ignoreList":[170,171,172,173,174,175,176,177,178],"mappings":"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AU;KAClB,UAAU;KACV,WAAW;KACX,SAAS;KACT,SAAS;KACT,YAAY;IACd;IACA,KAAK;IACL,KAAI;IACJ,cAAc,EAAU,EAAI;GAC7B,CAAA;EACM;;AAEb;;;AC0CA,GAAa,IAAI;CAtIf,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;CACF,UACE;AAGa,CAAgB;AAEjC,SAAgB,EAAO,GAAqC;CAC1D,OAAO,GAAa,IAAI,CAAI;AAC9B;;;ACrIA,IAAM,KAAY;CAChB,EACE,YAAY;EACV,KAAK,EAAO,UAAU;EACtB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;CACpB,EACF;CACA,EACE,YAAY;EACV,KAAK,EAAO,UAAU;EACtB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,iBAAiB;CACnB,EACF;CACA,EACE,YAAY;EACV,KAAK,EAAO,UAAU;EACtB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EACf,kBAAk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AC5B,SAAS;GACP,MAAM,EAAa;GACnB,MAAM,EACJ,OAAO,CAAC,EACV;GACA,YAAY;IACV,oBAAoB;IACpB,uBAAuB;IACvB,MAAM;IACN,SAAS;IACT,kBAAkB;IAClB,kBAAkB,EAAO,UAAU;GACrC;GACA,UAAU;IACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,yCACX,EACF;KACA,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SACE,4LACJ,EACF;KACA,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,uBACX,EACF;KACA,YAAY;MACV,OAAO;MACP,oBAAoB;MACpB,OAAO;MACP,aAAa;MACb,eAAe;MACf,iBAAiB;MACjB,SAAS;MACT,iBAAiB;MACjB,eAAe;MACf,QAAQ;MACR,kBAAkB;MAClB,QAAQ;MACR,cAAc;MACd,MAAM;KACR;KACA,UAAU,CAAC;IACb;GACF;EACF;CACF;CACA;EACE,WAAW,EAAO,UAAU;EAC5B,SAAS;GACP,MAAM,EAAa;GACnB,MAAM,EACJ,OAAO,EACL,SACE,mNACJ,EACF;GACA,YAAY;IACV,oBAAoB;IACpB,uBAAuB;IACvB,MAAM;IACN,SAAS;IACT,kBAAkB;IAClB,kBAAkB,EAAO,UAAU;IACnC,kBAAkB;GACpB;GACA,UAAU;IACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,SACX,EACF;KACA,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;MACP,QAAQ;MACR,eAAe;MACf,oBAAoB;MACpB,iBAAiB;MACjB,eAAe;MACf,iBAAiB;KACnB;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,qCACX,EACF;KACA,YAAY;MACV,OAAO;MACP,oBAAoB;MACpB,OAAO;MACP,aAAa;MACb,eAAe;MACf,iBAAiB;MACjB,SAAS;MACT,iBAAiB;MACjB,eAAe;MACf,QAAQ;MACR,kBAAkB;MAClB,QAAQ;MACR,cAAc;MACd,MAAM;KACR;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL,SACE,kHACJ,EACF;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,iBAAiB;MACjB,eAAe;MACf,oBAAoB;MACpB,SAAS;KACX;KACA,MAAM,EACJ,OAAO,EACL,SAAS,YACX,EACF;KACA,UAAU,CAAC;IACb;GACF;EACF;CACF;CACA;EACE,WAAW,EAAO,UAAU;EAC5B,SAAS;GACP,MAAM,EAAa;GACnB,MAAM,EACJ,OAAO,EACL,SACE,mNACJ,EACF;GACA,YAAY;IACV,oBAAoB;IACpB,uBAAuB;IACvB,MAAM;IACN,SAAS;IACT,kBAAkB;IAClB,kBAAkB,EAAO,UAAU;IACnC,kBAAkB;GACpB;GACA,UAAU;IACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,sDACX,EACF;KACA,YAAY;MACV,OAAO;MACP,oBAAoB;MACpB,OAAO;MACP,aAAa;MACb,eAAe;MACf,iBAAiB;MACjB,SAAS;MACT,iBAAiB;MACjB,eAAe;MACf,QAAQ;MACR,kBAAkB;MAClB,QAAQ;MACR,cAAc;MACd,MAAM;MACN,eAAe;KACjB;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL,SACE,gGACJ,EACF;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,iBAAiB;MACjB,eAAe;MACf,oBAAoB;MACpB,SAAS;KACX;KACA,MAAM,EACJ,OAAO,EACL,SAAS,gBACX,EACF;KACA,UAAU,CAAC;IACb;GACF;EACF;CACF;CACA;EACE,WAAW,EAAO,UAAU;EAC5B,SAAS;GACP,MAAM,EAAa;GACnB,YAAY;IACV,oBAAoB;IACpB,uBAAuB;IACvB,MAAM;IACN,SAAS;IACT,kBAAkB;IAClB,kBAAkB,EAAO,UAAU;GACrC;GACA,MAAM,EACJ,OAAO,EACL,SACE,oQACJ,EACF;GACA,UAAU;IACR;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL,SAAS,8BACX,EACF;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;KACT;KACA,MAAM,EACJ,OAAO,EACL,SACE,wLACJ,EACF;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,YAAY;MACV,OAAO;MACP,eAAe;MACf,KAAK,EAAO,UAAU;MACtB,QAAQ;MACR,MAAM;KACR;KACA,MAAM,EACJ,OAAO,EACL,SAAS,GACX,EACF;KACA,UAAU,CAAC;IACb;GACF;EACF;CACF;AACF;;;;AC7WA,IAAM,KAAa;CACjB;EACE,WAAW,EAAO,UAAU;EAC5B,SAAS;GACP,YAAY;IACV,OAAO;IACP,oBAAoB;IACpB,OAAO;IACP,aAAa;IACb,eAAe;IACf,iBAAiB;IACjB,SAAS;IACT,iBAAiB;IACjB,eAAe;IACf,QAAQ;IACR,kBAAkB;IAClB,QAAQ;IACR,cAAc;IACd,MAAM;GACR;GACA,MAAM,EACJ,OAAO,EACL,SAAS,YACX,EACF;EACF;CACF;CACA;EACE,WAAW,EAAO,UAAU;EAC5B,SAAS;GACP,YAAY;IACV,OAAO;IACP,oBAAoB;IACpB,OAAO;IACP,aAAa;IACb,eAAe;IACf,iBAAiB;IACjB,SAAS;IACT,iBAAiB;IACjB,eAAe;IACf,QAAQ;IACR,kBAAkB;IAClB,QAAQ;IACR,cAAc;IACd,MAAM;GACR;GACA,MAAM,EACJ,OAAO,EACL,SAAS,YACX,EACF;GACA,UAAU,C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GACR,WAAW;GACX,cAAc;GACd,oBAAoB;EACtB;EACA,UAAU,CACR;GACE,MAAM,EAAU;GAChB,MAAM,EACJ,OAAO,EACL,QAAQ,GACV,EACF;GACA,YAAY;IACV,SAAS;IACT,qBAAqB;IACrB,mBAAmB;IACnB,uBAAuB;IACvB,QAAQ;IACR,WAAW;IACX,cAAc;IACd,cAAc;IACd,eAAe;IACf,gBAAgB;GAClB;GACA,UAAU,CACR;IACE,MAAM;IACN,MAAM,EACJ,OAAO,CAAC,EACV;IACA,YAAY;KACV,SAAS;KACT,QAAQ;KACR,kBAAkB;IACpB;IACA,UAAU,CACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,CAAC,EACV;KACA,YAAY;MACV,OAAO;MACP,QAAQ;MACR,SAAS;MACT,KAAK,EAAO,UAAU;KACxB;KACA,UAAU,CAAC;IACb,CACF;GACF,CACF;EACF,GACA;GACE,MAAM;GACN,MAAM,EACJ,OAAO,EACL,QAAQ,GACV,EACF;GACA,YAAY;IACV,SAAS;IACT,qBAAqB;IACrB,mBAAmB;IACnB,uBAAuB;IACvB,QAAQ;IACR,WAAW;IACX,cAAc;IACd,eAAe;IACf,gBAAgB;IAChB,iBAAiB;GACnB;GACA,UAAU,CACR;IACE,MAAM;IACN,MAAM,EACJ,OAAO,CAAC,EACV;IACA,YAAY;KACV,SAAS;KACT,QAAQ;KACR,kBAAkB;IACpB;IACA,UAAU;KACR;MACE,MAAM;MACN,MAAM,EACJ,OAAO,EACL,SAAS,qBACX,EACF;MACA,YAAY;OACV,aAAa;OACb,SAAS;OACT,eAAe;OACf,OAAO;MACT;MACA,UAAU,CAAC;KACb;KACA;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,OAAO;OACP,gBAAgB;OAChB,gBAAgB;OAChB,gBAAgB;OAChB,SAAS;MACX;MACA,UAAU,CAAC;KACb;KACA;MACE,MAAM;MACN,MAAM,EACJ,OAAO,EACL,SAAS,sBACX,EACF;MACA,YAAY;OACV,aAAa;OACb,SAAS;OACT,eAAe;OACf,OAAO;MACT;MACA,UAAU,CAAC;KACb;I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AAU,CACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,CAAC,EACV;KACA,YAAY;MACV,SAAS;MACT,QAAQ;MACR,kBAAkB;KACpB;KACA,UAAU,CACR;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,OAAO;OACP,QAAQ;OACR,SAAS;OACT,KAAK,EAAO,UAAU;OACtB,OAAO;MACT;MACA,UAAU,CAAC;KACb,CACF;IACF,GACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,CAAC,EACV;KACA,YAAY;MACV,SAAS;MACT,QAAQ;MACR,kBAAkB;KACpB;KACA,UAAU,CACR;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,OAAO;OACP,QAAQ;OACR,SAAS;OACT,KAAK,EAAO,UAAU;OACtB,OAAO;MACT;MACA,UAAU,CAAC;KACb,CACF;IACF,CACF;GACF,CACF;EACF;CACF;CACA;EACE,WAAW,EAAO,UAAU;EAC5B,SAAS;GACP,MAAM;GACN,MAAM,EACJ,OAAO,EACL,QAAQ,GACV,EACF;GACA,YAAY;IACV,kBAAkB;IAClB,WAAW;IACX,oBAAoB;GACtB;GACA,UAAU,CACR;IACE,MAAM;IACN,MAAM,EACJ,OAAO,CAAC,EACV;IACA,YAAY;KACV,kBAAkB;KAClB,WAAW;IACb;IACA,UAAU;KACR;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,SAAS;OACT,QAAQ;OACR,kBAAkB;MACpB;MACA,UAAU,CACR;OACE,MAAM;OACN,MAAM,EACJ,OAAO,CAAC,EACV;OACA,YAAY;QACV,OAAO;QACP,QAAQ;QACR,SAAS;QACT,KAAK,EAAO,UAAU;QACtB,OAAO;OACT;OACA,UAAU,CAAC;MACb,GACA;OACE,MAAM;OACN,MAAM,EACJ,OAAO,EACL,SAAS,wBACX,EACF;OACA,YAAY;QACV,aAAa;QACb,SAAS;QACT,eAAe;QACf,OAAO;OACT;OACA,UAAU,CAAC;MACb,CACF;KACF;KACA;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,SAAS;OACT,QAAQ;OACR,kBAAkB;MACpB;MACA,UAAU,CACR;OACE,MAAM;OACN,MAAM,EACJ,OAAO,CAAC,EACV;OACA,YAAY;QACV,OAAO;QACP,QAAQ;QACR,SAAS;QACT,KAAK,EAAO,UAAU;QACtB,OAAO;OACT;OACA,UAAU,CAAC;MACb,GACA;OACE,MAAM;OACN,MAAM,EACJ,OAAO,EACL,SAAS,mCACX,EACF;OACA,YAAY;QACV,aAAa;QACb,SAAS;QACT,eAAe;QACf,OAAO;OACT;OACA,UAAU,CAAC;MACb,CACF;KACF;KACA;MACE,MAAM;MACN,MAAM,EACJ,OAAO,CAAC,EACV;MACA,YAAY;OACV,SAAS;OACT,QAAQ;OACR,kBAAkB;MACpB;MACA,UAAU,CACR;OACE,MAAM;OACN,MAAM,EACJ,OAAO,CAAC,EACV;OACA,YAAY;QACV,OAAO;QACP,QAAQ;QACR,SAAS;QACT,KAAK,EAAO,UAAU;QACtB,OAAO;OACT;OACA,UAAU,CAAC;MACb,GACA;OACE,MAAM;OACN,MAAM,EACJ,OAAO,EACL,SAAS,0BACX,EACF;OACA,YAAY;QACV,aAAa;QACb,SAAS;QACT,eAAe;QACf,OAAO;OACT;OACA,UAAU,CAAC;MACb,CACF;KACF;IACF;GACF,CACF;EACF;CACF;AACF;;;AC/RA,SAAgB,KAAkB;CAChC,OACE,kBAAC,EAAM,MAAP;EAAY,MAAA;YACV,kBAAC,GAAD;GAAO,UAAA;aACJ,GAAK,KAAK,GAAM,MAEb,kBAAC,GAAD;IAEE,MAAM,EAAa;IACnB,SAAS,EAAK;cAEd,kBAAC,OAAD;KAAK,OAAO,EAAE,UAAU,WAAW;eAAnC,CACE,kBAAC,IAAD;MAAS,KAAK,EAAK;MAAW,OAAO;OAAE,UAAU;OAAK,WAAW;MAAG;KAAI,CAAA,GACxE,kBAAC,OAAD,EACE,OAAO;MACL,UAAU;MACV,KAAK;MACL,MAAM;MACN,OAAO;MACP,QAAQ;MACR,QAAQ;KACV,EACD,CAAA,CACE;;GACW,GAjBX,CAiBW,CAErB;EACI,CAAA;CACG,CAAA;AAEhB;AAEA,IAAM,KAAO,CACX;CACE,WAAW,EAAO,UAAU;CAC5B,SAAS;EACP,MAAM;EACN,MAAM,EACJ,OAAO,EACL,QAAQ,GACV,EACF;EACA,YAAY;GACV,kBAAkB;GAClB,WAAW;EACb;EACA,UAAU,CACR;GACE,MAAM;GACN,MAAM,EACJ,OAAO,CAAC,EACV;GACA,YAAY;IACV,SAAS;IACT,QAAQ;IACR,kBAAkB;IAClB,oBAAoB;GACtB;GACA,UAAU;IACR;KACE,MAAM;KACN,MAAM,EACJ,OAAO,CAAC,EACV;KACA,YAAY;MACV,OAAO;MACP,QAAQ;MACR,SAAS;MACT,KAAK,EAAO,UAAU;MACtB,OAAO;KACT;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,0BACX,EACF;KACA,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,eAAe;KACjB;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SAAS,8BACX,EACF;KACA,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;MACP,eAAe;KACjB;KACA,UAAU,CAAC;IACb;IACA;KACE,MAAM;KACN,MAAM,EACJ,OAAO,EACL,SACE,kEACJ,EACF;KACA,YAAY;MACV,aAAa;MACb,SAAS;MACT,eAAe;MACf,OAAO;MACP,OAAO;MACP,eAAe;KACjB;KACA,UAAU,CAAC;IACb;GACF;EACF,CACF;CACF;AACF,CACF,GCjIM,KAAY,CAChB;CACE,SAAS;CACT,WAAW,EAAO,UAAU;CAC5B,SAAS;EACP,MAAM,EAAa;EACnB,MAAM,EACJ,OAAO,EACL,aAAa;GACX;IAAC,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;GAAC;GACvE;IAAC,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;GAAC;GACvE;IAAC,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;GAAC;EACzE,EACF,EACF;EACA,YAAY;GACV,iBAAiB;GACjB,aAAa;GACb,cAAc;EAChB;EACA,UAAU,CAAC;CACb;AACF,GACA;CACE,SAAS;CACT,WAAW,EAAO,UAAU;CAC5B,SAAS;EACP,MAAM,EAAa;EACnB,MAAM,EACJ,OAAO,EACL,aAAa;GACX;IAAC;KACC,SAAS;KACT,KAAK;KACL,QAAQ;KACR,MAAM;KACN,OAAO;KACP,iBAAiB;IACnB;IACE;KACE,SAAS;KACT,KAAK;KACL,QAAQ;KACR,MAAM;KACN,OAAO;KACP,iBAAiB;IACnB;IACA;KACE,SAAS;KACT,KAAK;KACL,QAAQ;KACR,MAAM;KACN,OAAO;KACP,iBAAiB;IACnB;IACA;KACE,SAAS;KACT,KAAK;KACL,QAAQ;KACR,MAAM;KACN,OAAO;KACP,iBAAiB;IACnB;GAAC;GACH;IAAC,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;GAAC;GAC/F;IAAC,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;GAAC;GAC/F;IAAC,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;IAAG,EAAE,SAAS,UAAU;GAAC;EACjG,EACF,EACF;EACA,YAAY;GACV,iBAAiB;GACjB,aAAa;GACb,cAAc;EAChB;EACA,UAAU,CAAC;CACb;AACF,CACF;AAEA,SAAgB,KAAiB;CAC/B,OACE,kBAAC,EAAM,MAAP;EAAY,MAAA;YACV,kBAAC,GAAD;GAAO,UAAA;aACJ,GAAU,KAAK,GAAM,MAElB,kBAAC,GAAD;IAEE,MAAM,EAAa;IACnB,SAAS,EAAK;cAGd,kBAAC,OAAD;KAAK,OAAO,EAAE,UAAU,WAAW;eAAnC,CACE,kBAAC,IAAD;MAAS,KAAK,EAAK;MAAW,OAAO;OAAE,UAAU;OAAK,WAAW;MAAG;KAAI,CAAA,GACxE,kBAAC,OAAD,EACE,OAAO;MACL,UAAU;MACV,KAAK;MACL,MAAM;MACN,OAAO;MACP,QAAQ;MACR,QAAQ;KACV,EACD,CAAA,CACE;;GAEW,GAnBX,CAmBW,CAErB;EACI,CAAA;CACG,CAAA;AAEhB;;;ACnGA,IAAa,KAAoB,CAC/B;CACE,IAAI,QAAQ;EACV,OAAO;CACT;CACA,MAAM;CACN,QAAQ;EACN;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OACE,kBAAC,GAAD;KACE,UAAA;KACA,SAAQ;eAER,kBAAC,GAAD,EAAA,UACG,0KACQ,CAAA;IACN,CAAA;GAEX;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;CACF;AACF,GACA;CACE,IAAI,QAAQ;EACV,OAAO;CACT;CACA,MAAM;CACN,QAAQ;EACN;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OACE,kBAAC,GAAD;KACE,UAAA;KACA,SAAQ;eAFV,CAIE,kBAAC,GAAD,EAAA,UACG,yGACQ,CAAA,GACX,kBAAC,GAAD,EAAA,UACG,mGACQ,CAAA,CACN;;GAEX;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OAAO;GACT;GACA,WAAW;EACb;EACA;GACE,MAAM,EAAa;GACnB,IAAI,QAAQ;IACV,OAAO;GACT;GACA,IAAI,cAAc;IAChB,OACE,kBAAC,GAAD;KACE,UAAA;KACA,SAAQ;eAFV,CAIE,kBAAC,GAAD,EAAA,UACG,sOACQ,CAAA,GACX,kBAAC,GAAD,EAAA,UACG,wIACQ,CAAA,CACN;;GAEX;GACA,WAAW;EACb;CACF;AACF,CACF;;;AClNA,GAAmB,cAAc,EAAiB;AAElD,IAAa,MAER,MAAS;CACZ,IAAM,EAAE,kBAAe,GAAY,GAC7B,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAY,KAAiB,EAClC,GAAmB,cAAc,CACnC;CAQA,AANA,QAAgB;EACd,AAAK,KACH,EAAW,EAAK;CAEpB,GAAG,CAAC,CAAU,CAAC,GAEf,QAAgB;EACd,IAAM,KAAY,MAA6B;GAC7C,EAAc,CAAC;EACjB;EAEA,OADA,GAAmB,UAAU,CAAQ,SACxB;GACX,GAAmB,UAAU,CAAQ;EACvC;CACF,GAAG,CAAC,CAAC;CAEL,IAAM,IAAgB,QAAkB;EACtC,GAAW,MAAK,CAAC,CAAC;CACpB,GAAG,CAAC,CAAC,GAEC,IAAmB,QAChB,EAAW,QAAO,MAAQ,EAAK,OAAO,SAAS,CAAC,GACtD,CAAC,CAAU,CAAC;CAEf,OAAO,QAEH,kBAAC,OAAD;EACE,OAAO,EAAE,UAAU,WAAW;YADhC,CAGE,kBAAC,OAAD;GAAK,SAAS;aAAgB,EAAM;EAAc,CAAA,GAElD,kBAAA,GAAA,EAAA,UACG,KACC,GACE,kBAAC,OAAD;GACE,WAAW,GAAO;GAClB,OAAO;IACL,eAAe,IAAa,SAAS,KAAA;IACrC,UAAU;IACV,OAAO,IAAa,IAAI;IACxB,iBAAiB;IACjB,QAAQ;IACR,MAAM;IACN,KAAK;IACL,WAAW;IACX,YAAY;IACZ,WACE;GACJ;aAEA,kBAAC,IAAD;IACE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;IAC/B,OAAM;IACN,OAEI,kBAAC,OAAD;KAAK,WAAW,GAAO;eACrB,kBAAC,GAAD;MACE,UAAS;MACT,SAAS;KACV,CAAA;IACE,CAAA;cAIT,kBAAC,IAAD;KACE,cAAa;KACb,MAAK;KACL,OAAO,EAAiB,KAAK,GAAU,OAAW;MAChD,KAAK,EAAS;MACd,OACE,kBAAC,OAAD;OACE,OAAO;QACL,YAAY,MAAU,IAAI,IAAI,KAAA;QAC9B,eAAe;OACjB;iBAEC,EAAS;MACP,CAAA;MAEP,UACE,kBAAC,OAAD;OACE,OAAO;QACL,SAAS;QACT,UAAU;QACV,QAAQ;OACV;iBAEA,kBAAC,IAAD,EAA0B,YAAW,CAAA;MAClC,CAAA;KAET,EAAE;IACH,CAAA;GACG,CAAA;EACH,CAAA,GACL,SAAS,IACX,EACF,CAAA,CACC;KAEP;EAAC;EAAkB;EAAY,EAAM;EAAU;EAAe;CAAO,CACvE;AACF,GAEM,KAED,EAAM,MAAK,MAEZ,kBAAC,IAAD;CACE,cAAa;CACb,OAAO;EAAE,oCAAoC;EAAY,YAAY;EAAI,UAAU;CAAG;CACtF,OAAO,EAAM,SAAS,OAAO,KAAK,OAAW;EAC3C,KAAK,EAAM;EACX,OACE,kBAAC,GAAD;GACE,WAAU;GACV,SAAQ;aAFV;IAIE,kBAAC,GAAD;KACE,UAAU,GAAuB,EAAM,IAAI;KAC3C,OAAO,EAAE,UAAU,GAAG;IACvB,CAAA;IACD,kBAAC,OAAD;KAAK,WAAW,GAAO;eAAY,EAAM;IAAW,CAAA;IACnD,EAAM,eAAe,kBAAC,IAAD,EAAM,OAAO,EAAM,YAAc,CAAA;GAClD;;EAET,UACE,kBAAC,OAAD;GACE,WAAU;GACV,OAAO;IACL,WAAW;IACX,UAAU;IACV,cAAc;IACd,WAAW;IACX,SAAS;IACT,QAAQ;GACV;aAEC,EAAM,aAAa,kBAAC,EAAM,WAAP,CAAkB,CAAA;EACnC,CAAA;CAET,EAAE;AACH,CAAA,CAEJ;;;ACxJD,SAAgB,GAAqC,GAAyB;CAC5E,IAAM,IAAQ,GAAa,eAAe,EAAM,IAAI;CACpD,OACE,kBAAC,GAAD;EAAoB,MAAM,EAAM;EAAM,SAAS,EAAM;YACnD,kBAAC,GAAD;GACE,MAAK;GACL,OAAA,KAAA,OAAA,KAAA,IAAO,EAAO;GACd,OAAO;IACL,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,SAAS;IACT,OAAO;IACP,QAAQ;GACV;GACA,MACE,kBAAC,GAAD;IACE,UAAU,GAAuB,EAAM,IAAI;IAC3C,OAAO;KACL,UAAU;KACV,WAAW;KACX,QAAQ;KACR,OAAO,EAAM;IACf;GACD,CAAA;EAEJ,CAAA;CACiB,CAAA;AAExB;;;ACjCA,SAAgB,KAAkB;CAChC,IAAM,IAAiB,EAAuB,IAAI;CAElD,OACE,kBAAC,GAAD;EAAO,UAAA;EAAS,WAAU;EAAS,cAAa;YAAhD;GACE,kBAAC,IAAD,EAAA,UACE,kBAAC,OAAD,EAAK,KAAK,EAAiB,CAAA,EAChB,CAAA;GACb,kBAAC,IAAD;IAAU,MAAM,EAAa;IAAM,OAAM;IAAqB,SAAS,EAAE,YAAY;KAAE,SAAS;KAAqB,OAAS;IAAS,EAAE;GAAI,CAAA;GAC7I,kBAAC,IAAD;IAAkB,SAAS,EAAE,YAAY,EAAE,SAAS,kBAAkB,EAAE;IAAG,MAAM,EAAa;IAAO,OAAM;GAAqB,CAAA;GAChI,kBAAC,IAAD;IAAmB,MAAM,EAAa;IAAQ,OAAM;GAAoB,CAAA;GACxE,kBAAC,IAAD;IAAU,MAAM,EAAa;IAAQ,OAAM;GAAqB,CAAA;GAChE,kBAAC,IAAD;IAAU,MAAM,EAAa;IAAQ,OAAM;GAAkB,CAAA;GAC7D,kBAAC,IAAD;IAAU,MAAM,EAAa;IAAS,OAAM;GAAkB,CAAA;GAC9D,kBAAC,IAAD;IAAU,MAAM,EAAa;IAAQ,OAAM;GAAQ,CAAA;GACnD,kBAAC,IAAD;IAAU,MAAM,EAAa;IAAO,OAAM;GAAQ,CAAA;GAClD,kBAAC,IAAD;IACE,OAAM;IACN,SAAS,EACP,UAAU,CACR;KACE,MAAM,EAAa;KACnB,MAAM,EACJ,OAAO,CAAC,EACV;KACA,YAAY;MACV,SAAS;MACT,QAAQ;MACR,kBAAkB;KACpB;KACA,UAAU,CAAC;IACb,GACA;KACE,MAAM,EAAa;KACnB,MAAM,EACJ,OAAO,CAAC,EACV;KACA,YAAY;MACV,SAAS;MACT,QAAQ;MACR,kBAAkB;KACpB;KACA,UAAU,CAAC;IACb,CACF,EACF;IACA,MAAM,EAAa;GACpB,CAAA;GAED,kBAAC,OAAD;IACE,OAAO;KACL,SAAS;KACT,YAAY;KACZ,gBAAgB;KAChB,OAAO;KACP,QAAQ;KACR,cAAc;KACd,QAAQ;KACR,OAAO;KACP,WAAW;IACb;IACA,eAAe;;mBAAe,YAAA,OAAA,KAAA,IAAA,EAAS,MAAM;;cAE7C,kBAAC,GAAD;KACE,UAAS;KACT,OAAO;MACL,UAAU;MACV,QAAQ;MACR,SAAS;MACT,SAAS;MACT,YAAY;MACZ,gBAAgB;MAChB,YAAY;MACZ,eAAe;MACf,QAAQ;KACV;IACD,CAAA;GACE,CAAA;EACA;;AAEX;;;ACpFA,IAAM,KAAY,IAAI,UAAU;AAChC,SAAgB,GAAgB,GAAc;CAC5C,IAAM,IAAM,GAAU,gBAAgB,GAAM,UAAU,GAChD,IAAO,EAAI;CACjB,IAAI,EAAE,EAAI,sBAAsB,UAC9B,MAAU,MAAM,iBAAiB;CAEnC,IAAI,EAAK,YAAY,QAAQ;EAC3B,IAAM,EAAE,YAAS,GAAK,GAAM,EAC1B,iBAAiB,OACnB,CAAC;EAED,OADmB,GAAW,CACvB;CACT;CAEA,IAAM,KAAa,MAA8B;;EAC/C,IAAI,EAAK,YAAY,eACnB,MAAU,MAAM,iBAAiB;EAEnC,IAAM,IAAuC,CAAC;EAC9C,EAAK,kBAAkB,EAAE,SAAS,MAAS;GACzC,EAAW,KAAQ,EAAK,aAAa,CAAI;EAC3C,CAAC;EACD,IAAM,IAAO,EAAK,QAAQ,QAAQ,OAAO,EAAE;EAE3C,IAAI,CAAC,GAAa,eAAe,CAAI,MAC/B,CAAC,EAAK,iBAAiB,EAAK,cAAc,YAAY,YACxD,MAAU,MAAM,iBAAiB;EAGrC,IAAM,IAAoB;GAClB;GACM;GACZ,MAAM,EACJ,OAAO,EACL,UAAA,IAAS,EAAK,gBAAA,OAAA,KAAA,IAAA,EAAa,KAAK,EAClC,EACF;GACA,UAAU,CAAC,GAAG,EAAK,QAAQ,EACxB,QAAQ,MAAS,aAAgB,OAAO,EACxC,IAAI,CAAgB;EACzB;EAEA,QAAQ,GAAR;GACE,KAAK,EAAU,MAEb,AADA,EAAM,KAAK,MAAM,UAAU,EAAK,WAChC,EAAM,WAAW,CAAC;EACtB;EAEA,OAAO;CACT;CAEA,OAAO,EAAU,CAAI;AACvB;;;;ACrDA,SAAgB,GAAW,GAAqC;CAC9D,IAAI,GAAS,CAAI,GAAG,OAAO,GAAgB,CAAI;CAE/C,IAAM,KAAa,MAAoC;EACrD,IAAM,IAAa,EAAK;EAExB,QAAQ,EAAK,SAAb;GACE,KAAK;;IACH,IAAM,KAAA,IAAO,EAAK,aAAA,OAAA,KAAA,IAAA,EAAU,MAAM,MAAS,EAAK,YAAY,SAAS,GAC/D,KAAA,IAAO,EAAK,aAAA,OAAA,KAAA,IAAA,EAAU,MAAM,MAAS,EAAK,YAAY,SAAS,GAC/D,IAAW,GAAoB,CAAI,GAEnC,KAAA,KAAA,SAAA,IACJ,EAAM,aAAA,OAAA,KAAA,IAAA,EACF,QAAQ,MAAU,EAAM,YAAY,SAAS,EAC9C,KAAK,OAAW;KACf,MAAM,EAAM,WAAW;KACvB,MAAM,EAAM,WAAW;IACzB,EAAE,MAAK,CAAC,GAEN,KAAA,KAAA,SAAA,IACJ,EAAM,aAAA,SAAA,IAAA,EAAU,MAAM,MAAS,EAAK,YAAY,eAAe,MAAA,OAAA,KAAA,IAAA,EAC3D,aAAY,CAAC,GAEb,IAAA,KAAA,SAAA,IAAa,EAAM,aAAA,OAAA,KAAA,IAAA,EACrB,QAAQ,MAAS,EAAK,YAAY,UAAU,EAC7C,KAAK,OAAU;KAAE,SAAS,EAAK;KAAS,QAAQ,EAAK;IAAO,EAAE,GAE3D,IAAiB,CACrB,GAAG,IAAI,IACL,EACG,QAAQ,MAAS;KAChB,IAAM,IACJ,EAAK,YAAY,YACjB,EAAK,WAAW,mBAAmB,EAAS,gBACxC,IACJ,EAAK,YAAY,aACjB,EAAK,WAAW,UAAa,EAAS,eAClC,IACJ,CAAC,cAAc,YAAY,EAAE,SAAS,EAAK,OAAO,KAClD,EAAK,WAAW,wBAChB,EAAS;KACX,OAAO,CAAC,KAAgB,CAAC,KAAe,CAAC;IAC3C,CAAC,EACA,KACE,MACC,IAAI,EAAK,QAAQ,GAAG,OAAO,KAAK,EAAK,UAAU,EAC5C,KAAK,MAAQ,GAAG,EAAI,IAAI,EAAK,WAAW,GAAK,EAAE,EAC/C,KAAK,GAAG,EAAE,IACjB,CACJ,CACF,EAAE,KAAK,IAAI,GAEL,IAAA,KAAA,SAAA,IAAa,EAAM,aAAA,OAAA,KAAA,IAAA,EAAU,MAChC,MAAS,EAAK,YAAY,eAC7B;IAEA,OAAO,GAAa,eAAsB,EAAU,IAAI,EAAG,OAAO;KAChE,YAAY,EAAK;KACjB,WAAA,IAAU,EAAK,aAAA,OAAA,KAAA,IAAA,EAAU,IAAI,CAAS;KACtC,MAAM,EACJ,OAAA,EAAA;MACkB;MACJ;MACZ;MACA,YAAA,KAAA,OAAA,KAAA,IAAY,EAAY,WAAW;QAChC,CACL,EACF;IACF,CAAC;GAEH;IACE,IAAM,IAAM,EAAK,QAAQ,QAAQ,OAAO,EAAE,EAAE,YAAY,GAElD,IAAQ,GAAa,eAAe,CAAU;IACpD,IAAI,CAAC,GACH,MAAU,MAAM,GAAG,EAAI,iBAAiB;IAE1C,IAAM,IAA2B;KAC/B,MAAM,EAAM;KACA;KACZ,MAAM,EACJ,OAAO,CAAC,EACV;KACA,UAAU,CAAC;IACb;IAMA,IAJI,EAAK,YACP,EAAQ,KAAK,MAAM,UAAU,EAAK,UAGhC,EAAM,SAAS,EAAU,UAAU;;KAKrC,AAJA,EAAQ,KAAK,MAAM,WAAA,IACjB,EAAK,aAAA,OAAA,KAAA,IAAA,EAAU,KAAK,MACX,EAAM,UACd,MAAK,CAAC,GACT,EAAQ,WAAW,CAAC;IACtB,OAAO,IAAI,EAAM,SAAS,EAAU,QAAQ;;KAgB1C,AAfA,EAAQ,KAAK,MAAM,UAAA,IACjB,EAAK,aAAA,OAAA,KAAA,IAAA,EAAU,KAAK,MAAU;MAC5B,IAAM,IAAA,EAAA,EAAA;OAEJ,OAAO;OACP,aAAa;OACb,QAAQ;OACR,SAAS;SAEN,EAAM,UAAA,GAAA,CAAA,GAAA,EACT,SAAS,EAAM,QAAA,CACjB;MAEA,OADA,GAAc,GAAgB,SAAS,GAChC;KACT,CAAC,MAAK,CAAC,GACT,EAAQ,WAAW,CAAC;IACtB,OAAO,IAAI,EAAM,SAAS,EAAU,QAAQ;;KAQ1C,AAPA,EAAQ,KAAK,MAAM,aAAA,IACjB,EAAK,aAAA,OAAA,KAAA,IAAA,EAAU,KAAK,MAClB,EAAA,EAAA,CAAA,GACK,EAAM,UAAA,GAAA,CAAA,GAAA,EACT,SAAS,EAAM,QAAA,CACjB,CACD,MAAK,CAAC,GACT,EAAQ,WAAW,CAAC;IACtB,OAAO,AAAI,EAAK,aACd,EAAQ,WAAW,EAAK,SAAS,IAAI,CAAS;IAGhD,IAAM,KAAY,EAAM,OAAO,CAAO;IAKtC,OAFA,GAAc,GAAU,YAAY,SAAS,GAC7C,GAAc,GAAU,YAAY,eAAe,GAC5C;EACX;CACF;CAEA,OAAO,EAAU,CAAI;AACvB;AAEA,SAAgB,GAAoB,GAElC;;CA0BA,OAAO,GAAA,KAAA,SAAA,IAzBoB,EAAM,aAAA,OAAA,KAAA,IAAA,EAC7B,QAAQ,MAAS,EAAK,YAAY,oBAAoB,EACvD,KAAK,MAAS,EAAK,QAAQ,EAC3B,KAAK,EACL,QAAQ,MAAS,KAAQ,EAAK,WAAW,UAAU,YAAY,EAC/D,QAAQ,GAA8B,MAAS;EAC9C,IAAI,CAAC,GAAM,OAAO;EAClB,IAAM,IAAO,EAAK,WAAW;EAe7B,OAXA,EAAI,KAFF,EAAK,WAAW,yBAGd,GAAA,EAAA,EAAA,CAAA,GAEK,EAAK,UAAA,GAAA,CAAA,GAAA;GACR,kBAAkB,KAAA;GAClB,uBAAuB,KAAA;GACvB,OAAO,KAAA;GACT,GACA,EACF,IACE,EAAK,WAAW,IACb;CACT,GAAG,CAAC,CAAC,GAE2B,EAAQ;AAC5C;AAEA,SAAS,GACP,GACA,GACA;CACA,IAAM,IAAM,SAAS,cAAc,KAAK;CACxC,OAAO,KAAK,CAAU,EAAE,SAAS,MAAgB;EAC/C,IAAQ,OAAO,IAAI,GAAe,EAAE,KAAK,CAAG,GAAG;;GAC7C,IAAM,KAAA,IAAgB,OAAO,IAAI,EAAc,KAAK,EAAE,KAAK,CAAG,MAAA,OAAA,KAAA,IAAA,EAAI;GAElE,AAAI,MACF,EAAI,MAAM,KAAoB,EAAW,IACzC,OAAO,EAAW;EAEtB;CACF,CAAC;CACD,IAAM,IAAa;EACjB,EAAI,MAAM;EACV,EAAI,MAAM;EACV,EAAI,MAAM;EACV,EAAI,MAAM;CACZ,EACG,OAAO,OAAO,EACd,KAAK,GAAG;CAEX,AAAI,MACF,EAAW,KAAiB;AAEhC;;;;;;;AEjMA,SAAgB,GAAgB,EAAE,iBAAc,mBAAkE;CAChH,IAAM,EAAE,kBAAe,eAAY,cAAW,EAAS,GACjD,EAAE,gBAAa,EAAY,GAC3B,EAAE,eAAY,GAAI,OAAO,GAEzB,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,EAAE,gBAAa,GAAiB,GAChC,EAAE,iBAAc,EAAe,GAE/B,IAAO,QACN,KACE,KAAK,UAAU,GAAY,MAAM,CAAC,KADjB,IAEvB,CAAC,CAAU,CAAC,GAET,IAAe,GAClB,MAAiD;EAChD,IAAI,CAAC,GACH,IAAI;GACF,IAAM,IAAa,KAAK,MAAM,EAAM,OAAO,KAAK;GAMhD,IAHI,CADU,GAAa,eAAe,EAAW,IAChD,KAIH,CAAC,EAAW,QACZ,CAAC,EAAW,KAAK,SACjB,CAAC,EAAW,cACZ,CAAC,MAAM,QAAQ,EAAW,QAAQ,GAElC,MAAU,MAAM,EAAE,iBAAiB,CAAC;GAEtC,EAAc,GAAU,CAAU;EACpC,SAAS,GAAgB;GACvB,IAAM,IAAe,aAAiB,QAAQ,EAAM,UAAU,OAAO,CAAK;GAC1E,EAAQ,MAAM,CAAY;EAC5B;CAEJ,GACA;EAAC;EAAU;EAAe;EAAc;CAAO,CACjD,GAEM,IAAe,GAClB,MAAiD;EAChD,IAAI,CAAC,GACH,IAAI;GACF,IAAM,IAAa,GAAW,EAAM,OAAO,KAAK;GAChD,IAAI,EAAW,SAAS,EAAU,MAAgB;IAChD,IAAM,IAAc,KAAU,GAAe,GAAQ,CAAQ,GACvD,IAAa,GAAa,eAAe,EAAW,IAAI;IAE9D,IAAI,EAAA,KAAA,QAAC,EAAY,gBAAgB,UAAA,KAAA,OAAA,KAAA,IAAS,EAAa,SAAQ,EAAE,IAC/D,MAAU,MAAM,EAAE,iBAAiB,CAAC;GAExC,OAAO,IAAI,MAAa,GAAW,GACjC,MAAU,MAAM,EAAE,iBAAiB,CAAC;GAGtC,EAAc,GAAU,CAAU;EACpC,SAAA,GAAQ;GACN,EAAQ,MAAM,EAAE,iBAAiB,CAAC;EACpC;CAEJ,GACA;EAAC;EAAU;EAAe;EAAQ;EAAc;CAAO,CACzD,GAEM,IAAmB,GAAa,MAAkD;EACtF,EAAY,EAAM,OAAO,KAAK;CAChC,GAAG,CAAC,CAAC;CAgBL,IAdA,QAAgB;EACd,AAAI,KACF,EACE,GAAW;GACT,KAAK;GACL,MAAM;GACN,SAAS;GACT,MAAM;GACN,YAAY,GAAU,CAAS;EACjC,CAAC,CACH;CAEJ,GAAG;EAAC;EAAY;EAAU;EAAU;CAAS,CAAC,GAE1C,CAAC,GAAY,OAAO;CAExB,IAAM,IAAgB,CACpB;EACE,KAAK;EACL,OAAO,EAAE,aAAa;EACtB,UACE,kBAAC,GAAM,UAAP;GAEE,cAAc;GACd,UAAU,EAAE,SAAS,GAAG;GACxB,QAAQ;GACR,UAAU;GACV,WAAW,GAAO;EACnB,GANM,CAMN;CAEL,GACA;EACE,KAAK;EACL,OAAO,EAAE,aAAa;EACtB,UACE,kBAAC,GAAM,UAAP;GAEE,OAAO;GACP,UAAU,EAAE,SAAS,GAAG;GACxB,UAAU;GACV,QAAQ;GACR,UAAU;GACV,WAAW,GAAO;EACnB,GAPM,CAON;CAEL,CACF;CAEA,OACE,kBAAC,GAAD;EAAU,WAAW,GAAO;EAAe,OAAO;CAAgB,CAAA;AAEtE;;;AC3HA,SAAgB,KAAU;CACxB,IAAM,EAAE,cAAW,cAAW,gBAAa,kBAAe,EAAS,GAC7D,EAAE,aAAU,mBAAgB,EAAY,GACxC,EAAE,UAAO,uBAAoB,GAAmB,GAChD,IAAQ,EAAe,GAEvB,KAAA,KAAA,OAAA,KAAA,IAAS,EAAY,UAAS,EAAU,KAAK,SAAS;CAwC5D,OAvCe,GAAA,KAAA,OAAA,KAAA,IAAY,EAAY,IAsCnC,IAAe,OAEjB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,IAAG;EACH,OAAO;GACL,QAAQ;GAER,QAAQ;EACV;YAEA,kBAAC,OAAD;GACE,OAAO;IACL,UAAU;IACV,YAAY;IACZ,eAAe;IACf,OAAO;IACP,WAAW;IACX,SAAS;GAEX;aATF,CAWE,kBAAC,OAAD;IACE,OAAO;KACL,OAAO;KACP,iBAAiB;KACjB,QAAQ;KAER,SAAS;KACT,SAAS;KACT,WAAW;KACX,YAAY;KACZ,UAAU;KACV,UAAU;IACZ;cAEC,KAAc,GAAc,GAAY,EAAK;GAC3C,CAAA,GACL,kBAAC,OAAD;IACE,UAAU,MAAM;KACd,EAAE,gBAAgB;IACpB;IACA,cAAc,MAAO;KACnB,EAAG,eAAe;IACpB;IACA,OAAO;KACL,SAAS,IAAS,SAAS;KAC3B,YAAY;KACZ,gBAAgB;KAChB,eAAe;IACjB;cAZF;KAcE,kBAAC,IAAD;MACE,OAAO;MACP,UAAS;MACT,eA9DqB;OAI/B,AAHI,SAAS,yBAAyB,eACpC,SAAS,cAAc,KAAK,GAE9B,EAAY,GAAa,CAAQ,CAAE;MACrC;KA0DW,CAAA;KACD,kBAAC,IAAD;MAAU,UAAS;MAAY,UA9EoB,MAAO;OAIlE,AAHI,SAAS,yBAAyB,eACpC,SAAS,cAAc,KAAK,GAE9B,EAAU,CAAQ;MACpB;KAyE+D,CAAA;KACpD,EAAM,mBACL,kBAAC,IAAD;MACE,UAAS;MACT,eAzFsB;OAIlC,AAHI,SAAS,yBAAyB,eACpC,SAAS,cAAc,KAAK,GAE9B,EAAgB,EAAI;MACtB;KAqFa,CAAA;KAEH,kBAAC,IAAD;MAAU,UAAS;MAAc,eA9EhB;OAIzB,AAHI,SAAS,yBAAyB,eACpC,SAAS,cAAc,KAAK,GAE9B,EAAY,CAAQ;MACtB;KAyEmE,CAAA;IACtD;KACF;;CACF,CAAA,GACJ,CACD,EAAA,CAAA;AAEN;AAEA,SAAS,GAAS,GAIf;CACD,OACE,kBAAC,OAAD;EACE,SAAS,EAAM;EACf,OAAO;GACL,OAAO;GACP,iBAAiB;GACjB,QAAQ;GACR,UAAU,EAAM,SAAS;GACzB,YAAY;GACZ,OAAO;GACP,SAAS;GACT,eAAe;GACf,QAAQ;GACR,gBAAgB;EAClB;EACA,WAAW,GAAW,YAAY,EAAM,QAAQ;CACjD,CAAA;AAEL;;;AC7IA,SAAgB,KAAe;CAC7B,IAAM,EAAE,kBAAe,EAAS,GAC1B,EAAE,gBAAa,EAAY,GAC3B,EAAE,mBAAgB,4BAAyB,GAAoB,GAC/D,KAAA,KAAA,OAAA,KAAA,IAAS,EAAY,UAAS,EAAU,KAAK,SAAS;CAI5D,OAFI,CAAC,KAAkB,CAAC,KAAwB,CAAC,IAAmB,OAGlE,kBAAA,GAAA,EAAA,UACG,GACC,kBAAC,OAAD;EACE,IAAG;EACH,OAAO;GACL,UAAU;GACV,OAAO;GACP,QAAQ;GACR,eAAe;GACf,MAAM;GACN,KAAK;GACL,QAAQ;EACV;YAVF;GAYE,kBAAC,SAAD,EAAA,UACG,6GAMI,CAAA;GACP,kBAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,QAAQ;KACR,OAAO;KACP,KAAK;KACL,SAAS,IAAS,SAAS,KAAA;IAC7B;cAEA,kBAAC,GAAD;KACE,KAAK;KACL,MAAM,EAAW;KACjB,QAAO;eAEP,kBAAC,OAAD;MACE,OACE;OACE,UAAU;OACV,iBAAiB;OACjB,OAAO;OACP,QAAQ;OACR,OAAO;OACP,SAAS;OACT,YAAY;OACZ,gBAAgB;OAChB,cAAc;OACd,QAAQ;OACR,eAAe;OACf,gBAAgB;MAClB;gBAGF,kBAAC,GAAD;OACE,UAAS;OACT,OAAO;QAAE,OAAO;QAAQ,QAAQ;OAAO;MACxC,CAAA;KACE,CAAA;IACa,CAAA;GACjB,CAAA;GAGL,kBAAC,OAAD,EACE,OAAO;IACL,UAAU;IACV,UAAU;IACV,QAAQ;IACR,MAAM;IACN,KAAK;IACL,OAAO;IACP,QAAQ;IACR,eAAe;IACf,SAAS;GACX,EACD,CAAA;GACD,kBAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,UAAU;KACV,QAAQ;KACR,MAAM;KACN,KAAK;KACL,OAAO;KACP,QAAQ;IACV;cAEA,kBAAC,IAAD,CAAU,CAAA;GACP,CAAA;EACF;KAEL,CACF,EACA,CAAA;AAEN;;;AC7GA,SAAgB,GAAuC,GAAa;CAElE,IAAI,IAA2D;EAC7D,cAAc,CAAE;EAChB,SAAS,QAAQ,QAAQ;CAC3B;CAsBA,OArBA,EAAW,UAAU,IAAI,SAAY,MAAY;EAC/C,IAAM,IAAM,GAAkB,CAAG;EACjC,IAAI,GAAK;GACP,EAAQ,CAAG;GACX;EACF;EAEA,IAAM,IAAQ,kBAAkB;GAC9B,IAAM,IAAM,GAAkB,CAAG;GAEjC,AAAI,MACF,EAAQ,CAAG,GACX,cAAc,CAAK;EAEvB,GAAG,EAAE;EAEL,EAAW,eAAe;GACxB,cAAc,CAAK;EACrB;CACF,CAAC,GAEM;AAET;;;;ACvBA,SAAgB,KAAe;CAC7B,IAAM,EAAE,aAAU,cAAW,kBAAe,GAAY,GAClD,IAAe,GAAa,GAAU,EAAE,GACxC,IAAoB,IAAa,IAAW,GAC5C,EAAE,gBAAa,EAAY,GAC3B,CAAC,GAAO,KAAY,EAAS,EAAK,GAClC,EAAE,mBAAgB,GAAiB,GAEnC,CAAC,GAAW,KAAgB,EAAgC,IAAI,GAChE,CAAC,GAAY,KAAiB,EAAgC,IAAI,GAClE,IAAU,EAAuB,IAAI;CAQ3C,AANA,QAAgB;EACd,AAAI,MACF,EAAQ,UAAU,GAAc,EAAG,sBAAsB;CAE7D,GAAG,CAAC,CAAW,CAAC,GAEhB,QAAgB;EACd,IAAM,IAAa,EAAQ;EACtB,OAEL,IAAI,GAAmB;GACrB,IAAM,IAAa,GAAgC,CAAiB;GAapE,OAZA,EAAW,QAAQ,MAAK,MAAa;IACnC,IAAI,GAAY;KACd,IAAM,EAAE,WAAQ,EAAU,sBAAsB;KAChD,EAAS,EAAW,QAAQ,CAAG;IACjC;IAGA,AADA,EAAa,CAAS,GACtB,EAAc,GAAmB,CAAS,CAAmB;GAC/D,CAAC,EAAE,YAAY,CAEf,CAAC,SAEY;IACX,EAAW,OAAO;GACpB;EACF,OAEE,AADA,EAAa,IAAI,GACjB,EAAc,IAAI;CAEtB,GAAG,CAAC,GAAmB,CAAW,CAAC;CAEnC,IAAM,IAAQ,QACL,IACH,GAAa,eAAe,GAAyB,EAAU,SAAS,CAAE,IAC1E,MACH,CAAC,CAAS,CAAC;CAOd,OAJI,CAAC,KAAc,MAAa,KAC5B,CAAC,KAAS,CAAC,KAAa,CAAC,IAAmB,OAI9C,kBAAA,GAAA,EAAA,UACG,GACC,kBAAC,OAAD;EACE,IAAG;EACH,OAAO;GACL,UAAU;GACV,QAAQ;GACR,OAAO;GACP,KAAK;GACL,MAAM;GACN,QAAQ;GACR,eAAe;EACjB;YAEA,kBAAC,IAAD;GACE,MAAM,IAAa,SAAS;GAC5B,WAAW;GACX,OAAO,EAAM;GACb,WAAW,KAAS,MAAc,QAAQ,gBAAgB;GAC9C;EACb,CAAA;CACE,CAAA,GACL,CACF,EACA,CAAA;AAEN;AAUA,SAAS,GAAQ,GAAqB;CACpC,IAAM,EAAE,eAAY,QAAQ,UAAO,cAAW,YAAS,GAEjD,IAAY,QACZ,MAAc,SAAS,MAAc,gBAChC,iBAAsB,MACpB,MAAc,WAChB,gBAAqB,MACnB,MAAc,WAAW,MAAc,SACzC,cAEF,WAAgB,KACtB,CAAC,GAAW,CAAK,CAAC,GAEf,IAAQ,QACL,+BACN,CAAC,CAAC;CAEL,OACE,kBAAC,OAAD;EACE,OAAO;GACL,UAAU;GACV,MAAM;GACN,KAAK;GACL,UAAU;GACV,QAAQ;GACR,OAAO;GACP,OAAO;GACP,QAAQ;GACR,eAAe;GACf,WAAW;EACb;YAZF;GAcE,kBAAC,SAAD,EAAA,UACG,+EAMI,CAAA;GAEP,kBAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,MAAM;KACN,KAAK;KACL,OAAO;KACP,QAAQ;KACR,eAAe,IAAI,EAAU;KAC7B,SAAS,GAAG,EAAU,WAAW;IACnC;cAEC,MAAS,WACR,kBAAC,OAAD;KACE,OAAO;MACL,UAAU;MACV,MAAM;MACN,KAAK;KACP;eAEA,kBAAC,OAAD;MACE,OAAO;OACL,iBAAiB;OACjB,OAAO;OACP,QAAQ;OACR,YAAY;OACZ,SAAS;OACT,SAAS;OACT,WAAW;OACX,YAAY;OACZ,YAAY;OACZ,WAAW;MACb;gBAEC;KACE,CAAA;IACF,CAAA;GAEJ,CAAA;GAGJ,EAAM,cACL,kBAAC,OAAD;IACE,OAAA,EAAA;KACE,UAAU;KACV,KAAK;KACL,MAAM;KACN,OAAO;KACP,QAAQ;OACJ,GAAe,MAAc,GAAe,IAClD;cAEA,kBAAC,OAAD;KACE,OAAA,EAAA;MACE,UAAU;MACV,OAAO;MACP,iBAAiB;MACjB,YAAY;MACZ,SAAS;MACT,UAAU;MACV,WAAW;MACX,YAAY;MACZ,SAAS;QAEL,GAAiB,MAAc,GAAiB,IACtD;eAEC;IACE,CAAA;GACF,CAAA;EAEJ;;AAET;AAEA,IAAM,KAAwD;CAC5D,aAAa;EACX,KAAK;EACL,MAAM;EACN,SAAS;EACT,WAAW;CACb;CACA,KAAK;EACH,KAAK;EACL,MAAM;EACN,SAAS;EACT,WAAW;CACb;CACA,QAAQ;EACN,KAAK;EACL,MAAM;EACN,SAAS;EACT,WAAW;CACb;CACA,MAAM;EACJ,KAAK;EACL,MAAM;EACN,SAAS;EACT,aAAa;EACb,WAAW;CACb;CACA,OAAO;EACL,KAAK;EACL,OAAO;EACP,SAAS;EACT,aAAa;EACb,WAAW;CACb;CACA,MAAM;EACJ,KAAK;EACL,MAAM;EACN,WAAW;CACb;AACF,GAEM,KAAsD;CAC1D,KAAK,EACH,iBAAiB,mGAKnB;CACA,QAAQ,EACN,iBAAiB,gGAKnB;CACA,MAAM,EACJ,iBAAiB,kGAKnB;CACA,OAAO,EACL,iBAAiB,iGAKnB;CACA,MAAM,CAAC;AACT;;;AC3RA,SAAgB,KAAoB;CAClC,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD,CAAe,CAAA,GACf,kBAAC,IAAD,CAAe,CAAA,CAEf,EAAA,CAAA;AAEN;;;;;;;;CEZA,SAAS,EAAuB,GAAG;EACjC,OAAO,KAAK,EAAE,aAAa,IAAI,EAC7B,SAAW,EACb;CACF;CACA,EAAO,UAAU,GAAwB,EAAO,QAAQ,aAAa,IAAM,EAAO,QAAQ,UAAa,EAAO;;CCgB/F,AAnBf,OAAO,eAAe,GAAS,cAAc,EAC3C,OAAO,GACT,CAAC,GACD,EAAQ,UAAU,KAAK,GAgBR,EAAQ,UAAU;EAb/B,gBAAgB;EAChB,SAAS;EACT,iBAAiB;EACjB,MAAM;EAEN,WAAW;EACX,WAAW;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,WAAW;CAEoB;;CCfd,AAJnB,OAAO,eAAe,GAAS,cAAc,EAC3C,OAAO,GACT,CAAC,GACD,EAAQ,eAAe,KAAK,GACT,EAAQ,eAAe;EACxC,YAAY;EACZ,WAAW;EACX,oBAAoB;EACpB,iBAAiB;CACnB;;CCNA,AAHA,OAAO,eAAe,GAAS,cAAc,EAC3C,OAAO,GACT,CAAC,GACD,EAAQ,UAAU,KAAK;CACvB,IAAI,IAAA,GAAA;CACJ,SAAS,EAAQ,GAAG;EAAE;EAA2B,OAAO,IAAwB,OAAO,UAArB,cAA2C,OAAO,OAAO,YAA1B,WAAqC,SAAU,GAAG;GAAE,OAAO,OAAO;EAAG,IAAI,SAAU,GAAG;GAAE,OAAO,KAAmB,OAAO,UAArB,cAA+B,EAAE,gBAAgB,UAAU,MAAM,OAAO,YAAY,WAAW,OAAO;EAAG,GAAG,EAAQ,CAAC;CAAG;CAC7T,SAAS,EAAQ,GAAG,GAAG;EAAE,IAAI,IAAI,OAAO,KAAK,CAAC;EAAG,IAAI,OAAO,uBAAuB;GAAE,IAAI,IAAI,OAAO,sBAAsB,CAAC;GAAG,MAAM,IAAI,EAAE,OAAO,SAAU,GAAG;IAAE,OAAO,OAAO,yBAAyB,GAAG,CAAC,EAAE;GAAY,CAAC,IAAI,EAAE,KAAK,MAAM,GAAG,CAAC;EAAG;EAAE,OAAO;CAAG;CAC9P,SAAS,EAAc,GAAG;EAAE,KAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;GAAE,IAAI,IAAY,UAAU,MAAlB,OAAsC,CAAC,IAAhB,UAAU;GAAS,IAAI,IAAI,EAAQ,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,SAAU,GAAG;IAAE,EAAgB,GAAG,GAAG,EAAE,EAAE;GAAG,CAAC,IAAI,OAAO,4BAA4B,OAAO,iBAAiB,GAAG,OAAO,0BAA0B,CAAC,CAAC,IAAI,EAAQ,OAAO,CAAC,CAAC,EAAE,QAAQ,SAAU,GAAG;IAAE,OAAO,eAAe,GAAG,GAAG,OAAO,yBAAyB,GAAG,CAAC,CAAC;GAAG,CAAC;EAAG;EAAE,OAAO;CAAG;CACtb,SAAS,EAAgB,GAAK,GAAK,GAAO;EAAqL,OAAnL,IAAM,EAAe,CAAG,GAAO,KAAO,IAAO,OAAO,eAAe,GAAK,GAAK;GAAS;GAAO,YAAY;GAAM,cAAc;GAAM,UAAU;EAAK,CAAC,IAAY,EAAI,KAAO,GAAgB;CAAK;CAC3O,SAAS,EAAe,GAAG;EAAE,IAAI,IAAI,EAAa,GAAG,QAAQ;EAAG,OAAmB,EAAQ,CAAC,KAArB,WAAyB,IAAI,OAAO,CAAC;CAAG;CAC/G,SAAS,EAAa,GAAG,GAAG;EAAE,IAAgB,EAAQ,CAAC,KAArB,YAA0B,CAAC,GAAG,OAAO;EAAG,IAAI,IAAI,EAAE,OAAO;EAAc,IAAe,MAAX,KAAK,GAAS;GAAE,IAAI,IAAI,EAAE,KAAK,GAAG,KAAK,SAAS;GAAG,IAAgB,EAAQ,CAAC,KAArB,UAAwB,OAAO;GAAG,MAAU,UAAU,8CAA8C;EAAG;EAAE,QAAqB,MAAb,WAAiB,SAAS,QAAQ,CAAC;CAAG;CA0B5S,EAAQ,UAzBV,EAAc,EAAc,CAAC,GAAG,EAAQ,YAAY,GAAG,CAAC,GAAG;EACtE,QAAQ;EACR,OAAO;EACP,KAAK;EACL,aAAa;EACb,IAAI;EACJ,OAAO;EACP,MAAM;EACN,OAAO;EACP,MAAM;EACN,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,cAAc;EACd,eAAe;EACf,WAAW;EACX,cAAc;EACd,UAAU;EACV,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;EACjB,aAAa;CACf,CACiC;;CC5BlB,AARf,OAAO,eAAe,GAAS,cAAc,EAC3C,OAAO,GACT,CAAC,GACD,EAAQ,UAAU,KAAK,GAKR,EAAQ,UAAU;EAH/B,aAAa;EACb,kBAAkB,CAAC,cAAc,UAAU;CAEZ;;;CCRjC,IAAI,IAAA,GAAA,EAAiF;CAIrF,AAHA,OAAO,eAAe,GAAS,cAAc,EAC3C,OAAO,GACT,CAAC,GACD,EAAQ,UAAU,KAAK;CACvB,IAAI,IAAS,EAAA,GAAA,CAAmE,GAC5E,IAAU,EAAA,GAAA,CAAgE;CAsB/D,EAAQ,UAAU;EAnB/B,MAAA,EAAA;GACE,aAAa;GACb,iBAAiB;GACjB,oBAAoB;GACpB,kBAAkB;GAClB,iBAAiB;GACjB,kBAAkB,CAAC,cAAc,UAAU;GAC3C,sBAAsB,CAAC,cAAc,UAAU;GAC/C,yBAAyB,CAAC,iBAAiB,aAAa;GACxD,uBAAuB,CAAC,eAAe,WAAW;GAClD,sBAAsB,CAAC,cAAc,UAAU;KAC5C,EAAO,OACZ;EACA,kBAAA,EAAA,CAAA,GACK,EAAQ,OACb;CAI+B;;CC5BjC,IAAI,IAAA,GAAA,EAAiF;CAMtE,AALf,OAAO,eAAe,GAAS,cAAc,EAC3C,OAAO,GACT,CAAC,GACD,EAAQ,UAAU,KAAK,GAER,EAAQ,UADV,EAAA,GAAA,CACoB,EAAO;;CCNxC,IAAI,IAAA,GAAA,EAAiF;CAIrF,AAHA,OAAO,eAAe,GAAS,cAAc,EAC3C,OAAO,GACT,CAAC,GACD,EAAQ,UAAU,KAAK;CACvB,IAAI,IAAS,EAAA,GAAA,CAA2E,GACpF,IAAU,EAAA,GAAA,CAA0D,GACpE,IAAU,EAAA,GAAA,CAA6D,GACvE,IAAU,EAAA,GAAA,CAA6D,GACrE,IAAe;CA4IN,EAAQ,UAAU;EA1I/B,QAAQ;EACR,YAAY,EAAO;EACnB,YAAY,EAAQ;EACpB,YAAY,EAAQ;EACpB,UAAU,EAAQ;EAClB,QAAQ;GACN,aAAa;GACb,OAAO;GACP,UAAU;EACZ;EACA,OAAO;GACL,aAAa;GACb,eAAe;GACf,aAAa;GACb,iBAAiB;GACjB,gBAAgB;GAChB,yBAAyB;GACzB,WAAW;GACX,WAAW;GACX,cAAc;GACd,YAAY;GACZ,cAAc;GACd,WAAW;GACX,QAAQ;GACR,UAAU;GACV,aAAa;GACb,YAAY;GACZ,YAAY;EACd;EACA,MAAM;GACJ,MAAM;GACN,UAAU;GACV,QAAQ;EACV;EACA,OAAO;GACL,QAAQ;GACR,YAAY;GACZ,YAAY;EACd;EACA,YAAY;GACV,QAAQ;GACR,YAAY;EACd;EACA,UAAU;GACR,QAAQ,CAAC,IAAI,EAAE;GACf,mBAAmB;GACnB,UAAU;GACV,WAAW;GACX,QAAQ;GACR,eAAe;GACf,eAAe;GACf,WAAW;GACX,aAAa;GACb,WAAW;GACX,cAAc;EAChB;EACA,QAAQ;GACN,WAAW;GACX,YAAY;GACZ,aAAa;GACb,aAAa;GACb,cAAc;EAChB;EACA,OAAO,EACL,aAAa,UACf;EACA,MAAM,EACJ,MAAM,OACR;EACA,MAAM;GACJ,MAAM;GACN,MAAM;GACN,QAAQ;GACR,QAAQ;GACR,UAAU;EACZ;EACA,MAAM;GACJ,UAAU;GACV,yBAAyB;IACvB,SAAS;IACT,UAAU;IACV,MAAM;IACN,YAAY;IACZ,MAAM;KACJ,QAAQ;KACR,OAAO;KACP,SAAS;IACX;IACA,OAAO;KACL,QAAQ;KACR,QAAQ;KACR,OAAO;KACP,QAAQ;KACR,QAAQ;KACR,MAAM;KACN,SAAS;KACT,SAAS;KACT,OAAO;KACP,QAAQ;KACR,OAAO;KACP,KAAK;KACL,KAAK;IACP;IACA,QAAQ;KACN,KAAK;KACL,KAAK;KACL,KAAK;KACL,OAAO;IACT;IACA,QAAQ;KACN,KAAK;KACL,KAAK;KACL,KAAK;KACL,OAAO;IACT;IACA,OAAO;KACL,KAAK;KACL,KAAK;KACL,KAAK;KACL,OAAO;IACT;IACA,SAAS,EACP,UAAU,iDACZ;GACF;EACF;EACA,QAAQ;GACN,SAAS;GACT,SAAS;GACT,SAAS;EACX;EACA,aAAa;GACX,aAAa;GACb,aAAa;GACb,aAAa;GACb,eAAe;EACjB;CAE+B;;CCvJjC,EAAO,UAAA,GAAA;SEiBD,WAA6B;CAUjC,AATA,EAAc,EACX,iBAAiB,uBAAuB,EACxC,SAAS,MAAS;EACjB,EAAK,UAAU,OAAO,4BAA4B;CACpD,CAAC,GAEiB,EAAc,EAAE,iBAClC,+BAEE;AAEN;AAEA,SAAgB,KAAsB;CACpC,IAAM,EAAE,mBAAgB,GAAiB,GACnC,IAAa,EAA8B,IAAI,GAC/C,EAAE,qBAAkB,iBAAc,EAAe,GACjD,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,EAAE,yBAAsB,GAAkB,GAE1C,IAAO,KAAe,EAAc,GACpC,CAAC,GAAQ,KAAa,EAAM,SAA6B,IAAI,GAC7D,IAAY,GAAY,CAAM,GAE9B,IAAgB,GAAuB,CAAM,GAE7C,IAAgB,GAAa,MAAqB;EACjD,KAEL,EAAkB,CAAG;CACvB,GAAG,CAAC,CAAiB,CAAC;CAEtB,QAAgB;EAEd,IAAM,KAAU,MAAmB;GAC7B,EAAG,WAAW,GAAc,KAGhC,EAAU,IAAI;EAChB;EAEA,OADA,OAAO,iBAAiB,SAAS,CAAM,SAC1B;GACX,OAAO,oBAAoB,SAAS,CAAM;EAC5C;CACF,GAAG,CAAC,GAAW,CAAU,CAAC;CAE1B,IAAM,IAAU,QAAkB;EAChC,IAAI,IAAM,EAAU;EAOpB,AALA,iBAAiB;GACV,KACL,EAAc,CAAG;EACnB,GAAG,GAAG,GAEN,EAAU,IAAI;CAChB,GAAG,CAAC,GAAe,CAAS,CAAC;CAE7B,QAAgB;EACd,IAAI,CAAC,GAAM;EACX,IAAM,KAA+C,MAAM;GACzD,GAAqB;GACrB,IAAM,IAAS,EAAE;GACjB,IACE,aAAkB,oBAClB,EAAO,UAAU,SAAS,sBAAsB,GAChD;IACA,EAAO,UAAU,IAAI,4BAA4B;IACjD,IAAM,IAAW,EAAO;IACxB,IAAI,CAAC,GAAkB;KACrB,EAAc,CAAM;KACpB;IACF;IAEA,AADA,EAAQ,GAAI,GAAW,GAAU,EAAE,CAAC,GACpC,EAAU,CAAM;GAElB,OAAO;;IACL,KAAA,IAAI,EAAW,YAAA,QAAA,EAAS,SAAS,EAAE,MAAa,GAAG;IACnD,EAAU,IAAI;GAEhB;EACF;EAGA,OADA,EAAK,iBAAiB,SAAS,CAAO,SACzB;GACX,EAAK,oBAAoB,SAAS,CAAO;EAC3C;CACF,GAAG;EAAC;EAAe;EAAW;EAAkB;CAAI,CAAC;CAErD,IAAM,IAAuD,GAAa,MAAO;EAC/E,EAAQ,EAAG,OAAO,KAAK;CACzB,GAAG,CAAC,CAAC,GAEC,IAAS,QAAkB;EACzB,aAAkB,qBACxB,KAAA,QAAA,EAAmB,EAAO,OAAO,CAAI,GACrC,EAAQ;CACV,GAAG;EAAC;EAAkB;EAAS;EAAQ;CAAI,CAAC,GAEtC,IAAmD,GAAa,MAAO;EAC3E,EAAG,gBAAgB;CACrB,GAAG,CAAC,CAAC;CAiBL,OAfA,QAAgB;EACd,IAAM,KAAa,MAAqB;;GAEtC,EAAA,IAAI,EAAE,SAAA,OAAA,KAAA,IAAA,EAAM,kBAAkB,OAAM,YAClC,EAAQ;EAGZ;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAS,SAE/B;GACX,OAAO,oBAAoB,WAAW,CAAS;EACjD;CACF,GAAG,CAAC,GAAS,CAAM,CAAC,GAGlB,kBAAA,GAAA,EAAA,UAAA,CAEG,KAAQ,GAAa,kBAAC,SAAD,EAAA,UAAA,w8EAA0B,CAAA,GAAG,CAAW,GAC7D,KAAiB,GAChB,kBAAC,OAAD;EAAK,KAAK;EAAqB;EAAS,WAAW,GAAW,8BAA8B;YAC1F,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAO,gBAAsB,CAAA,GAC7B,kBAAC,GAAD;IAAU,OAAO,EAAE,OAAO,kBAAkB;IAAG,UAAS;IAAa,SAAS;GAAU,CAAA,CACtF,EAAA,CAAA,GACJ,kBAAC,OAAD;IAAK,WAAW;cAAhB;KACE,kBAAC,KAAD,EAAA,UACG,gFACA,CAAA;KACH,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAA;OAAU,OAAO;OAAgB;OAAU,MAAK;OAAO,cAAa;OAAM,WAAW;MAAK,CAAA,GACjG,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAK,QAAO,KACV;QACF;;KACL,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,UAAD;OAAQ,SAAS;iBAAS;MAAe,CAAA;KACtC,CAAA;IACF;KACF;;CAEF,CAAA,GAAG,CAAa,CACvB,EAAA,CAAA;AAEN;;;;AC9JA,IAAM,EAAE,aAAS;AAIjB,SAAS,KAAa;CACpB,IAAM,EAAE,kBAAe,wBAAqB,GAAgB,GACtD,EAAE,QAAQ,IAAa,OAAS,EAAe,GAC/C,IAAgB,EAAc,WAAW,KAAA,IAAmC,IAAvB,EAAc;CAEzE,OACE,kBAAC,IAAD;EAAM,QAAO;EAAW,OAAO,EAAE,SAAS,SAAS;YACjD,kBAAC,GAAK,MAAN;GACE,OAAM;GACN,MAAK;aAEL,kBAAC,IAAD;IACE,SAAS;IACT,WAAU,MAAO,EAAiB,EAAE,QAAQ,EAAI,CAAC;IACjD,iBAAgB;IAChB,mBAAkB;GACnB,CAAA;EACQ,CAAA;CACP,CAAA;AAEV;AAUA,SAAS,GAAiB,GAA8B,IAAS,IAAoB;CACnF,IAAM,IAAyB,CAAC;CAChC,KAAK,IAAM,KAAO,OAAO,KAAK,CAAG,GAAG;EAClC,IAAM,IAAO,IAAS,GAAG,EAAO,GAAG,MAAQ,GACrC,IAAM,EAAI;EAChB,AAAoB,OAAO,KAAQ,YAA/B,KAA2C,CAAC,MAAM,QAAQ,CAAG,IAC/D,EAAO,KAAK,GAAG,GAAiB,GAAgC,CAAI,CAAC,IAErE,EAAO,KAAK;GAAE,IAAI;GAAM;GAAM,OAAO,OAAO,KAAA,OAAO,KAAP,CAAS;EAAE,CAAC;CAE5D;CACA,OAAO;AACT;AAEA,SAAS,GAAuB,GAA+C;CAC7E,IAAM,IAAkC,CAAC;CACzC,KAAK,IAAM,KAAQ,GAAM;EACvB,IAAM,IAAQ,EAAK,KAAK,MAAM,GAAG,GAC7B,IAAM;EACV,KAAK,IAAI,IAAI,GAAG,IAAI,EAAM,SAAS,GAAG,KAAK;GACzC,IAAM,IAAO,EAAM;GAEnB,CADI,CAAC,EAAI,MAAS,OAAO,EAAI,MAAU,cAAU,EAAI,KAAQ,CAAC,IAC9D,IAAM,EAAI;EACZ;EACA,EAAI,EAAM,EAAM,SAAS,MAAM,EAAK;CACtC;CACA,OAAO;AACT;AASA,SAAS,GAAY,EAAE,QAAK,aAAU,eAA8B;CAClE,IAAM,IAAU,EAAyB,IAAI,GACvC,IAAW,EAAyB,IAAI;CAE9C,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,SAAD;IACE,WAAU;IACV,KAAK;IACL,cAAc,EAAI;IAClB,aAAY;IACZ,SAAQ,MAAK,EAAS,EAAI,IAAI,QAAQ,EAAE,OAAO,KAAK;GACrD,CAAA;GACD,kBAAC,SAAD;IACE,WAAU;IACV,KAAK;IACL,cAAc,EAAI;IAClB,aAAY;IACZ,SAAQ,MAAK,EAAS,EAAI,IAAI,SAAS,EAAE,OAAO,KAAK;GACtD,CAAA;GACD,kBAAC,IAAD;IAAY,OAAM;IAAmB,iBAAiB,EAAS,EAAI,EAAE;cACnE,kBAAC,GAAD;KAAQ,MAAK;KAAO,QAAA;KAAO,MAAK;KAAQ,MAAM,kBAAC,IAAD,CAAiB,CAAA;KAAG,WAAU;IAAqB,CAAA;GACvF,CAAA;EACT;;AAET;AAEA,SAAS,KAAe;CACtB,IAAM,EAAE,kBAAe,wBAAqB,GAAgB,GACtD,EAAE,WAAW,MAAkB,EAAe,GAE9C,IACJ,EAAc,cAAc,KAAA,IAEtB,KAAA,OAA6C,CAAC,IAA9C,IADF,EAAc,WAGd,CAAC,GAAM,KAAW,QACtB,GAAiB,CAA2C,CAC9D,GACM,IAAU,EAAO,CAAI;CAC3B,EAAQ,UAAU;CAElB,IAAM,IAAgB,GACnB,MAA6B;EAC5B,EAAiB,EAAE,WAAW,GAAuB,CAAQ,EAAE,CAAC;CAClE,GACA,CAAC,CAAgB,CACnB,GAGM,IAAe,GAClB,GAAY,GAAyB,MAAgB;EACpD,IAAM,IAAW,EAAQ,QAAQ,KAAI,MAC/B,EAAE,OAAO,IACN,MAAU,SAAA,EAAA,EAAA,CAAA,GAAc,CAAA,GAAA,CAAA,GAAA;GAAG,MAAM;GAAK,IAAI;GAAI,IAAA,EAAA,EAAA,CAAA,GAAS,CAAA,GAAA,CAAA,GAAA,EAAG,OAAO,EAAA,CAAI,IADpD,CAEzB;EAeD,AAdA,EAAQ,UAAU,GAGlB,GAAQ,MACU,EAAK,MAAK,MACpB,EAAE,OAAO,IACN,MAAU,SAAS,EAAE,SAAS,IAAM,EAAE,UAAU,IAD/B,EAGrB,IACE,EAAK,KAAI,MACV,EAAE,OAAO,IACN,MAAU,SAAA,EAAA,EAAA,CAAA,GAAc,CAAA,GAAA,CAAA,GAAA;GAAG,MAAM;GAAK,IAAI;GAAI,IAAA,EAAA,EAAA,CAAA,GAAS,CAAA,GAAA,CAAA,GAAA,EAAG,OAAO,EAAA,CAAI,IADpD,CAEzB,IAJoB,CAKtB,GACD,EAAc,CAAQ;CACxB,GACA,CAAC,CAAa,CAChB,GAEM,IAAe,GAClB,MAAe;EACd,IAAM,IAAW,EAAQ,QAAQ,QAAO,MAAK,EAAE,OAAO,CAAE;EAExD,AADA,EAAQ,CAAQ,GAChB,EAAc,CAAQ;CACxB,GACA,CAAC,CAAa,CAChB,GAEM,IAAY,QAAkB;EAClC,IAAM,IAAK,KAAK,IAAI,GACd,IAAuB;GAAE,IAAI,WAAW;GAAM,MAAM,WAAW;GAAM,OAAO;EAAG,GAC/E,IAAW,CAAC,GAAG,EAAQ,SAAS,CAAM;EAE5C,AADA,EAAQ,CAAQ,GAChB,EAAc,CAAQ;CACxB,GAAG,CAAC,CAAa,CAAC;CAElB,OACE,kBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,SAAS;YAAhC;GACE,kBAAC,IAAD;IAAM,MAAK;IAAY,WAAU;cAAjC;KAAsD;KACoB;KACxE,kBAAC,QAAD;MAAM,WAAU;gBAAc;KAAe,CAAA;KAAC;IAC1C;;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;KAAyB,CAAA;KACjE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;KAAW,CAAA;KACnD,kBAAC,OAAD,EAAK,OAAO,EAAE,OAAO,GAAG,EAAI,CAAA;IACzB;;GACL,kBAAC,IAAD,EAAS,WAAU,iBAAkB,CAAA;GACpC,EAAK,KAAI,MACR,kBAAC,IAAD;IAA+B;IAAK,UAAU;IAAc,UAAU;GAAe,GAAnE,EAAI,EAA+D,CACtF;GACD,kBAAC,GAAD;IAAQ,MAAM,kBAAC,IAAD,CAAe,CAAA;IAAG,SAAS;IAAW,MAAK;IAAQ,WAAU;cAAiB;GAEpF,CAAA;EACL;;AAET;AAgBA,SAAS,GAAkB,EAAE,QAAK,aAAU,eAAgC;CAC1E,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAI,KAAK;CAE9C,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,SAAD;IACE,WAAU;IACV,cAAc,EAAI;IAClB,aAAY;IACZ,SAAQ,MAAK,EAAS,EAAI,IAAI,WAAW,EAAE,OAAO,KAAK;GACxD,CAAA;GACD,kBAAC,OAAD;IAAK,OAAO;KAAE,MAAM;KAAG,SAAS;KAAQ,KAAK;KAAG,YAAY;IAAS;cAArE,CACE,kBAAC,SAAD;KACE,WAAU;KACV,cAAc,EAAI;KAClB,aAAY;KACZ,SAAQ,MAAK;MAEX,AADA,EAAS,EAAI,IAAI,SAAS,EAAE,OAAO,KAAK,GACxC,EAAU,EAAE,OAAO,KAAK;KAC1B;KACA,OAAO,EAAE,MAAM,EAAE;IAClB,CAAA,GACA,KACC,kBAAC,OAAD;KAAK,KAAK;KAAQ,KAAI;KAAG,WAAU;IAAwB,CAAA,CAE1D;;GACL,kBAAC,IAAD;IAAY,OAAM;IAAoB,iBAAiB,EAAS,EAAI,EAAE;cACpE,kBAAC,GAAD;KAAQ,MAAK;KAAO,QAAA;KAAO,MAAK;KAAQ,MAAM,kBAAC,IAAD,CAAiB,CAAA;KAAG,WAAU;IAAqB,CAAA;GACvF,CAAA;EACT;;AAET;AAEA,SAAS,KAAiB;CACxB,IAAM,EAAE,kBAAe,wBAAqB,GAAgB,GACtD,EAAE,aAAa,MAAoB,EAAe,GAElD,IACJ,EAAc,gBAAgB,KAAA,IAAyC,KAAA,OAAmB,CAAC,IAApB,IAA7B,EAAc,aAEpD,CAAC,GAAM,KAAW,QACtB,EAAa,KAAK,GAAM,MAAA,EAAA,EAAA,CAAA,GAAY,CAAA,GAAA,CAAA,GAAA,EAAM,IAAI,QAAQ,IAAA,CAAI,CAAE,CAC9D,GACM,IAAU,EAAO,CAAI;CAC3B,EAAQ,UAAU;CAElB,IAAM,IAAgB,GACnB,MAA8B;EAC7B,EAAiB,EAAE,aAAa,EAAS,KAAK,EAAE,YAAS,gBAAa;GAAE;GAAS;EAAM,EAAE,EAAE,CAAC;CAC9F,GACA,CAAC,CAAgB,CACnB,GAEM,IAAe,GAClB,GAAY,GAA4B,MAAgB;EACvD,IAAM,IAAW,EAAQ,QAAQ,KAAI,MAAM,EAAE,OAAO,IAAA,EAAA,EAAA,CAAA,GAAU,CAAA,GAAA,CAAA,GAAA,GAAI,IAAQ,EAAA,CAAI,IAAI,CAAE;EAOpF,AANA,EAAQ,UAAU,GAClB,GAAQ,MACU,EAAK,MAAK,MAAK,EAAE,OAAO,KAAM,EAAE,OAAW,CACtD,IACE,EAAK,KAAI,MAAM,EAAE,OAAO,IAAA,EAAA,EAAA,CAAA,GAAU,CAAA,GAAA,CAAA,GAAA,GAAI,IAAQ,EAAA,CAAI,IAAI,CAAE,IAD1C,CAEtB,GACD,EAAc,CAAQ;CACxB,GACA,CAAC,CAAa,CAChB,GAEM,IAAe,GAClB,MAAe;EACd,IAAM,IAAW,EAAQ,QAAQ,QAAO,MAAK,EAAE,OAAO,CAAE;EAExD,AADA,EAAQ,CAAQ,GAChB,EAAc,CAAQ;CACxB,GACA,CAAC,CAAa,CAChB,GAEM,IAAY,QAAkB;EAClC,IAAM,IAAwB;GAAE,IAAI,YAAY,KAAK,IAAI;GAAK,SAAS;GAAI,OAAO;EAAG,GAC/E,IAAW,CAAC,GAAG,EAAQ,SAAS,CAAM;EAE5C,AADA,EAAQ,CAAQ,GAChB,EAAc,CAAQ;CACxB,GAAG,CAAC,CAAa,CAAC;CAElB,OACE,kBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,SAAS;YAAhC;GACE,kBAAC,IAAD;IAAM,MAAK;IAAY,WAAU;cAAqB;GAEhD,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAAwB;KAAkB,CAAA;KAC1D,kBAAC,QAAD;MAAM,WAAU;gBAAwB;KAAe,CAAA;KACvD,kBAAC,OAAD,EAAK,OAAO,EAAE,OAAO,GAAG,EAAI,CAAA;IACzB;;GACL,kBAAC,IAAD,EAAS,WAAU,iBAAkB,CAAA;GACpC,EAAK,KAAI,MACR,kBAAC,IAAD;IAAqC;IAAK,UAAU;IAAc,UAAU;GAAe,GAAnE,EAAI,EAA+D,CAC5F;GACD,kBAAC,GAAD;IAAQ,MAAM,kBAAC,IAAD,CAAe,CAAA;IAAG,SAAS;IAAW,MAAK;IAAQ,WAAU;cAAiB;GAEpF,CAAA;EACL;;AAET;AAIA,SAAgB,KAAqB;CACnC,IAAM,EAAE,iBAAc,mBAAgB,GAAgB;CAEtD,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,IAAD;GACE,MAAM;GACN,UAAU;GACV,OAAM;GACN,QACE,kBAAC,GAAD;IAAQ,MAAK;IAAU,SAAS;cAAa;GAErC,CAAA;GAEV,OAAO;aAEP,kBAAC,IAAD;IACE,kBAAiB;IACjB,OAAO;KACL;MACE,KAAK;MACL,OAAO;MACP,UAAU,kBAAC,IAAD,CAAa,CAAA;KACzB;KACA;MACE,KAAK;MACL,OAAO;MACP,UAAU,kBAAC,IAAD,CAAe,CAAA;KAC3B;KACA;MACE,KAAK;MACL,OAAO;MACP,UAAU,kBAAC,IAAD,CAAiB,CAAA;KAC7B;IACF;GACD,CAAA;EACI,CAAA;CACJ,CAAA;AAET;;;AChVA,IAAa,MAQT,MAAS;CACX,IAAM,EAAE,QAAQ,MAAoB,EAAe,GAC7C,EAAE,oBAAiB,IAAM,sBAAmB,IAAM,kBAAe,IAAM,kBAAe,OAAS,GAC/F,CAAC,GAAW,KAAgB,EAAS,CAAC,CAAgB;CAC5D,OACE,kBAAC,IAAD;EAAgB,QAAQ,GAAA;YACtB,kBAAC,IAAD,EAAA,UACE,kBAAC,IAAD;GACE,WAAW,GAAO;GAClB,OAAO;IACL,SAAS;IACT,OAAO;IACP,UAAU;IACV,UAAU;GACZ;aAPF;IASE,kBAAC,GAAO,OAAR;KACE,OAAO,EAAE,cAAc,EAAE;KACd;KACX,aAAA;KACA,SAAS;KACT,YAAW;KACX,gBAAgB;KAChB,OAAO;eAEP,kBAAC,IAAD;MACE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;MAC/B,OAAO,EAAE,QAAQ,OAAO;gBAF1B,CAIE,kBAAC,GAAK,MAAN;OAAW,OAAO;QAAE,OAAO;QAAI,SAAS;QAAQ,eAAe;QAAU,YAAY;QAAU,gBAAgB;QAAc,SAAS;OAAS;iBAA/I,CACE,kBAAC,IAAD,CAAkB,CAAA,GAClB,kBAAC,GAAD;QACE,OAAO;SACL,WAAW;SACX,SAAS;SACT,YAAY;SACZ,gBAAgB;QAClB;QACA,MAAkB,EAAZ,IAAa,KAAoB,IAArB,CAAgB,CAAmB;QACrD,OAAM;QACN,eAAe,GAAa,MAAK,CAAC,CAAC;OACpC,CAAA,CACQ;UACX,kBAAC,GAAK,MAAN;OACE,WAAW,GAAO;OAClB,OAAO;QACL,MAAM;QACN,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,WAAW;QACX,OAAO;OACT;iBAEA,kBAAC,IAAD;QACE,OAAO;QACP,OAAO;SAAE,QAAQ;SAAQ,OAAO;QAAO;QACvC,QAAQ;SAAE,QAAQ,EAAE,QAAQ,GAAG;SAAG,MAAM;UAAE,OAAO;UAAQ,SAAS;SAAQ;QAAE;kBAE3E,CAAC,KAAa,kBAAC,IAAD,EAAY,aAAa,EAAM,YAAc,CAAA;OACxD,CAAA;MACG,CAAA,CACP;;IACM,CAAA;IAEd,kBAAC,IAAD;KAAQ,OAAO,EAAE,QAAQ,EAAgB;eAAI,EAAM;IAAiB,CAAA;IAEpE,kBAAC,GAAO,OAAR;KACE,OAAO;MACL,QAAQ;MACR,OAAO;KACT;KACA,WAAW,GAAO;eAElB,kBAAC,IAAD;MACE,MAAK;MACL,IAAG;MACH,OAAO;OACL,WAAW;OACX,QAAQ;OACR,YAAY;OACZ,cAAc;MAChB;MACA,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;MAC/B,WAAW,GAAO;gBAElB,kBAAC,IAAD;OACE,WAAW,GAAO;OAClB,OAAO,CACL;QACE,KAAK;QACL,OACE,kBAAC,OAAD;SAAK,OAAO;UAAE,QAAQ;UAAI,YAAY;UAAQ,YAAY;UAAI,cAAc;UAAI,UAAU;SAAG;mBAC1F;QACE,CAAA;QAEP,UAAU,kBAAC,IAAD,CAAiB,CAAA;OAC7B,GACA,GAAI,IAAiB,CAAC;QACpB,KAAK;QACL,OACE,kBAAC,OAAD;SAAK,OAAO;UAAE,QAAQ;UAAI,YAAY;UAAQ,UAAU;SAAG;mBACxD;QACE,CAAA;QAEP,UAAU,kBAAC,IAAD;SAA+B;SAA4B;QAAe,CAAA;QACpF,iBAAiB;OACnB,CAAC,IAAI,CAAC,CACR;MACD,CAAA;KACG,CAAA;IACM,CAAA;IAEd,kBAAC,IAAD,CAAoB,CAAA;IACpB,kBAAC,IAAD,CAAsB,CAAA;IACtB,kBAAC,IAAD,CAAqB,CAAA;GACf;KACL,CAAA;CACS,CAAA;AAEpB;;;;GG/Fa,KAAmB,EAAM,cAA8B,EAClE,YAAY,CAAC,EACf,CAAC,GAEY,MAA8C,MAAS;CAClE,IAAM,IAAQ,GAAK,GAAO,UAAU,GAC9B,IAAW,EAAO,CAAK,GAEvB,IAAa,SACZ,GAAQ,GAAO,CAAQ,MAC1B,EAAS,UAAU,IAEd,EAAS,UACf,CAAC,GAAO,CAAQ,CAAC;CAEpB,OACE,kBAAC,GAAiB,UAAlB;EAA2B,OAAO;YAC/B,EAAM;CACkB,CAAA;AAE/B;AAEA,SAAgB,KAAoB;CAClC,OAAO,EAAW,EAAgB;AACpC;;;;AC/DA,SAAgB,KAAS;CACvB,IAAM,EAAE,kBAAe,GAAkB;CA+FzC,OACE,kBAAC,GAAD;EACoB,kBA/FG,QACjB,CACJ,GAAG,EAAW,QAAQ,MAAS,EAAK,MAAM,EAAE,KAAK,MAAS,EAAK,KAAK,CACtE,GACA,CAAC,CAAU,CA2FS;EAClB,OAAO;GAAE,eAAe;GAAI,WAAW;EAAO;EAC9C,OA3FkB,EAAW,KAAK,GAAK,MAAU;GACnD,IAAI;GA2EJ,OAzEA,AAgEE,IAhEE,EAAI,gBAAgB,WAEpB,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,aAAY;eACjB,kBAAC,OAAD,CAAM,CAAA;IACD,CAAA;IACN,EAAI,OAAO,KAAK,MACf,kBAAC,IAAD;KAEE,OAAO,EAAK,SAAS;KACrB,SAAS,EAAK;IACf,GAHM,EAAK,KAGX,CACF;IACD,kBAAC,GAAD;KAAO,aAAY;eACjB,kBAAC,OAAD,CAAM,CAAA;IACD,CAAA;GACP,EAAA,CAAA,IAEK,EAAI,gBAAgB,WAE3B,kBAAC,GAAD,EAAA,UACG,EAAI,OAAO,KAAK,GAAM,MAAe;IACpC,IACE,OAAO,KAAS,YAChB,KACA,CAAC,EAAM,eAAe,CAAI,KAC1B,UAAU,KACV,cAAc,GACd;KACA,IAAM,IAAc,GAOd,IAAiB,EAAY,mBAAmB,IAChD,IACJ,kBAAC,OAAD;MAAK,WAAW,GAAO;gBACpB,EAAY;KACV,CAAA;KAEP,OACE,kBAAC,OAAD;MAAsB,WAAW,GAAO;gBACrC,IACC,kBAAC,GAAD;OACE,MAAM,EAAY;OAClB,SAAS,EAAY;iBAEpB;MACiB,CAAA,IAEpB,kBAAC,OAAD;OAAK,OAAO;QAAE,QAAQ;QAAe,SAAS;OAAI;iBAC/C;MACE,CAAA;KAEJ,GAbK,CAaL;IAET;IACA,OAAO,kBAAC,EAAM,UAAP,EAAA,UAAkC,EAAqB,GAAlC,CAAkC;GAChE,CAAC,EACE,CAAA,IAIL,kBAAC,GAAD,EAAA,UACG,EAAI,OAAO,KAAK,GAAM,MACd,kBAAC,IAAA,EAAA,CAAA,GAA2B,CAAe,GAA3B,CAA2B,CACnD,EACE,CAAA,GAIF;IACL,KAAK;IACL,OAAO,EAAI;IACX,OAAO,EAAI;IACX,OAAO,EAAI,gBAAgB,WACvB,EAAE,SAAS,WAAW,IACtB;KAAE,SAAS;KAAG,eAAe;KAAG,YAAY;IAAG;IACnD,UAAU;GACZ;EACF,CAMW;CACR,CAAA;AAEL;AAEA,SAAS,GAAU,EACjB,SACA,YACA,UACA,iBAMC;CACD,IAAM,IAAQ,GAAa,eAAe,CAAI;CAE9C,OACE,kBAAC,OAAD;EAAK,WAAW,GAAO;YACrB,kBAAC,GAAD;GAA0B;GAAe;aACvC,kBAAC,OAAD;IAAK,WAAW,GAAO;cAAvB,CACE,kBAAC,GAAD;KACE,OAAO,EAAE,UAAU,GAAG;KACtB,UAAU,GAAuB,CAAI;IACtC,CAAA,GACD,kBAAC,GAAW,MAAZ;KAAiB,OAAO,EAAE,WAAW,GAAG;eACrC,MAAA,KAAA,OAAA,KAAA,IAAS,EAAO;IACF,CAAA,CACd;;EACa,CAAA;CACjB,CAAA;AAET;AAEA,SAAS,GAAW,EAClB,YACA,YAIC;CACD,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK;CAE5C,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;EACE,eAAe,GAAY,MAAM,CAAC,CAAC;EACnC,OAAO;GACL,SAAS;GACT,gBAAgB;GAChB,QAAQ;EACV;YANF,CAQE,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GAClB,EAAQ,SAAS,KAChB,kBAAC,QAAD,EAAA,UAA2C,EAAnC,IAAoC,KAAzB,IAAwB,CAAkB,CAAA,EAAQ,CAAA,CAEtE;KACF,EAAQ,KAAK,GAAM,MAAU;EAC5B,IAAM,IAAO,CAAC,KAAW,MAAU,GAC7B,IAAU;GACd,MAAM,EAAa;GACnB,YAAY,CAAC;GACb,UAAU,EAAK,KAAK,OAAS;IAC3B,MAAM,EAAa;IACnB,YAAY,EACV,OAAO,EACT;IACA,MAAM,EACJ,OAAO,CAAC,EACV;IACA,UAAU,CAAC;GACb,EAAE;EACJ;EAEA,OACE,kBAAC,OAAD;GAEE,OAAO;IACL,QAAQ,IAAO,IAAI,KAAA;IACnB,UAAU;IACV,cAAc,IAAO,IAAI;GAC3B;aAEA,kBAAC,GAAD;IAAoB,MAAM,EAAa;IAAkB;cACvD,kBAAC,OAAD;KACE,OAAO;MACL,QAAQ;MACR,OAAO;MACP,SAAS;KACX;eAEA,kBAAC,OAAD;MACE,OAAO;OACL,QAAQ;OACR,QAAQ;OACR,cAAc;OACd,SAAS;MACX;gBAEC,EAAK,KAAK,GAAQ,MAEf,kBAAC,OAAD,EAEE,OAAO;OACL,aACE,MAAU,EAAK,SAAS,IACpB,KAAA,IACA;OACN,QAAQ;OACR,OAAO;MACT,EACD,GATM,CASN,CAEJ;KACE,CAAA;IACF,CAAA;GACa,CAAA;EACjB,GAzCE,CAyCF;CAET,CAAC,CACE,EAAA,CAAA;AAET;;;ACrOA,IAAa,MAGR,MAED,kBAAC,IAAD;CAA4B,SAAS,EAAE,YAAY,EAAE,UAAU,SAAS,EAAE;WACxE,kBAAC,OAAD;EAAK,OAAO,EAAE,QAAQ,EAAM,OAAO;YAAI,EAAM;CAAc,CAAA;AACjC,CAAA;;;;AGMhC,SAAgB,GAAmB,EACE,mBACA,WACA,WACA,YACA,iBACA,mBAC0B;CAC7D,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK;CAc1C,OAZA,QAAgB;EAEd,IAAI,IAAQ,iBAAiB;GAC3B,EAAU,EAAI;EAChB,GAAG,GAAG;EACN,aAAa;GACX,aAAa,CAAK;EACpB;CACF,GAAG,CAAC,CAAC,GAEA,IAGH,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,IAAD;EACE,WAAW,GAAO;EAClB,eAAe,GAAO,MACnB,IAcC,kBAAC,OAAD;GACE,WAAW,GAAO;GAClB,OAAO;IAAE,SAAS;IAAQ,YAAY;GAAS;aAE/C,kBAAC,GAAA,EAAA,EAAA,CAAA,GAAkB,CAAA,GAAA,CAAA,GAAA,EAAO,OAAO,EAAE,MAAM,EAAE,EAAA,CAAI,CAAA;EAC5C,CAAA,IAlBL,kBAAC,OAAD;GACE,WAAW,GAAO;GAClB,OAAO;IAAE,SAAS;IAAQ,YAAY;GAAS;aAFjD,CAIE,kBAAC,OAAD;IACE,OAAO;KAAE,SAAS;KAAI,QAAQ;IAAU;IACxC,SAAS;cAET,kBAAC,IAAD,EAAc,OAAO,EAAE,UAAU,GAAG,EAAI,CAAA;GACrC,CAAA,GACL,kBAAC,GAAA,EAAA,EAAA,CAAA,GAAkB,CAAA,GAAA,CAAA,GAAA,EAAO,OAAO,EAAE,MAAM,EAAE,EAAA,CAAI,CAAA,CAC5C;;EAUT,OAAO,CACL;GACE,KAAK;GACL,OACE,kBAAC,OAAD;IAAK,OAAO;KAAE,QAAQ;KAAI,YAAY;IAAO;cAAI;GAAqB,CAAA;GAExE,UACE,kBAAC,IAAD;IAA6B,QAAQ,QAAQ,EAAO;cAClD,kBAAC,IAAD,CAAiB,CAAA;GACU,CAAA;EAEjC,GACA;GACE,KAAK;GACL,OACE,kBAAC,OAAD;IAAK,OAAO;KAAE,QAAQ;KAAI,YAAY;IAAO;cAAI;GAAmB,CAAA;GAEtE,UACE,kBAAC,IAAD;IAA6B,QAAQ,QAAQ,EAAO;cAClD,kBAAC,IAAD;KAA+B;KAA4B;IAAe,CAAA;GAC/C,CAAA;GAE/B,iBAAiB;EACnB,CACF;CACD,CAAA,IAED,kBAAC,IAAD,CAAiB,CAAA,EAEnB,CAAA,IA3DgB;AA6DtB;;;AC7FA,SAAgB,GAAoB,EAClC,WACA,YACA,mBACA,iBACA,mBAOC;CACD,IAAM,IAAa,EAAO,IAAI,GACxB,EAAE,aAAU,mBAAgB,EAAY,GAExC,IAAU,QAAkB;EAChC,EAAY,EAAE;CAChB,GAAG,CAAC,CAAW,CAAC,GAEV,IAAU,EAAQ;CACxB,OAAO,QAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,KAAK;EACL,OAAO;GACL,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ,IAAU,IAAI;GACtB,eAAe,IAAU,SAAS;EACpC;CACD,CAAA,GACA,EAAW,WACV,kBAAC,IAAD;EACE,OAAO;EACP,UAAU;EACV,WAAU;EACV,QAAQ;GAAE,MAAM,EAAE,SAAS,EAAE;GAAG,SAAS,EAAE,OAAO,OAAO;EAAE;EAC3D,MAAA;EACA,oBAAoB,EAAW,WAAW,SAAS;EACnD,QAAQ;EACC;YAET,kBAAC,IAAD;GACW;GACO;GACR;GACR,QAAQ;GACM;GACA;EACf,CAAA;CACK,CAAA,CAEV,EAAA,CAAA,GAEH;EAAC;EAAS;EAAS;EAAS;EAAgB;EAAQ;EAAc;CAAY,CAAC;AACpF;;;;ACvDA,SAAgB,GAAU,EACE,mBACA,iBACA,mBAKzB;CACD,IAAM,EAAE,cAAW,EAAe,GAC5B,EAAE,aAAU,IAAM,oBAAiB,OAAS,GAAkB;CAEpE,OACE,kBAAC,GAAO,OAAR;EACE,WAAW,GAAO;EAClB,OAAO;GAAE,cAAc;GAAG,UAAU;EAAI;EAExC,aAAA;EACA,SAAS;EACT,YAAW;EACX,gBAAgB;EAChB,OAAO;YART,CAUE,kBAAC,IAAD;GACE,kBAAiB;GACjB,OAAO;IAAE,OAAO;IAAQ,SAAS;GAAE;GACnC,eAAe,GAAO,MACpB,kBAAC,OAAD;IAAK,WAAW,GAAO;cACrB,kBAAC,GAAA,EAAA,CAAA,GAAkB,CAAQ,CAAA;GACxB,CAAA;GAEP,OAAO,CACL;IACE,KAAK;IACL,OAAO;IACP,UACE,kBAAC,IAAD;KAA6B,QAAQ,QAAQ,EAAO;eAClD,kBAAC,IAAD,CAAS,CAAA;IACkB,CAAA;GAEjC,GACA,GAAI,IAAiB,CAAC;IACpB,KAAK;IACL,OAAO;IACP,UACE,kBAAC,IAAD;KAA6B,QAAQ,QAAQ,EAAO;eAClD,kBAAC,OAAD;MAAK,OAAO,EAAE,SAAS,GAAG;gBACxB,kBAAC,IAAD,CAAa,CAAA;KACV,CAAA;IACsB,CAAA;GAEjC,CAAC,IAAI,CAAC,CACR;EACD,CAAA,GACA,CAAC,KACA,kBAAC,IAAD;GACU;GACQ;GAChB,SAAS,EAAQ;GACH;GACA;EACf,CAAA,CAES;;AAElB;;;;AC9DA,IAAM,KAAkD,CACtD;CACE,IAAI,QAAQ;EACV,OAAO;CACT;CACA,QAAQ;CACR,QAAQ;EACN,EACE,MAAM,EAAa,KACrB;EACA;GACE,MAAM,EAAa;GACnB,SAAS,EAAE,YAAY,EAAE,SAAS,kBAAkB,EAAE;EACxD;EACA,EACE,MAAM,EAAa,OACrB;EACA,EACE,MAAM,EAAa,OACrB;EACA,EACE,MAAM,EAAa,QACrB;EACA,EACE,MAAM,EAAa,OACrB;EACA,EACE,MAAM,EAAa,KACrB;EACA,EACE,MAAM,EAAa,QACrB;CACF;AACF,GACA;CACE,IAAI,QAAQ;EACV,OAAO;CACT;CACA,QAAQ;CACR,aAAa;CACb,QAAQ;EACN;GACE,IAAI,QAAQ;IACV,OAAO;GACT;GACA,SAAS;IACP,CAAC,OAAO,KAAK;IACb,CAAC,OAAO,KAAK;IACb,CAAC,OAAO,KAAK;IACb,CAAC,OAAO,KAAK;IACb,CAAC,OAAO,KAAK;GACf;EACF;EACA;GACE,IAAI,QAAQ;IACV,OAAO;GACT;GACA,SAAS;IACP;KAAC;KAAU;KAAU;IAAQ;IAC7B;KAAC;KAAO;KAAO;IAAK;IACpB;KAAC;KAAO;KAAO;IAAK;GACtB;EACF;EACA;GACE,IAAI,QAAQ;IACV,OAAO;GACT;GACA,SAAS,CAAC;IAAC;IAAO;IAAO;IAAO;GAAK,CAAC;EACxC;CACF;AACF,CACF,GAEa,MAA2C,MAAS;CAC/D,IAAM,EAAE,QAAQ,MAAoB,EAAe,GAC7C,EACJ,oBAAiB,IACjB,aAAU,IACV,gBAAa,IACb,kBAAe,IACf,kBAAe,OACb,GAEE,EAAE,mBAAgB,EAAY;CAQpC,OANA,QAAgB;EACd,AAAK,KACH,EAAY,EAAE;CAElB,GAAG,CAAC,GAAS,CAAW,CAAC,GAGvB,kBAAC,IAAA,EAAA,EAAA,CAAA,GACK,CAAA,GAAA,CAAA,GAAA;EACQ;YAEZ,kBAAC,IAAD;GAAgB,QAAQ,GAAA;aACtB,kBAAC,IAAD,EAAA,UAAA;IACE,kBAAC,IAAD;KACE,OAAO,EAAE,SAAS,EAAE;KACpB,QAAQ,EACN,MAAM;MACJ,SAAS;MACT,QAAQ;MACR,UAAU;KACZ,EACF;eAEA,kBAAC,IAAD;MACE,WAAW,GAAO;MAClB,OAAO;OACL,SAAS;OACT,OAAO;OACP,UAAU;MACZ;gBANF;OAQG,KACC,kBAAC,IAAD;QACkB;QACF;QACA;OACf,CAAA;OAEH,kBAAC,IAAD;QAAQ,OAAO;SAAE,QAAQ;SAAiB,MAAM;QAAE;kBAAI,EAAM;OAAiB,CAAA;OAC5E,CAAC,KACA,kBAAC,IAAD;QACkB;QACF;QACA;OACf,CAAA;OAEF,IACC,kBAAC,GAAO,OAAR;QACE,OAAO;SACL,QAAQ;SACR,UAAU;SACV,UAAU;SACV,OAAO;QACT;kBAEA,kBAAC,IAAD;SACW;SACT,QAAQ;SACQ;SACF;SACA;QACf,CAAA;OACW,CAAA,IAEd,kBAAC,GAAO,OAAR,EAAc,OAAO;QAAE,OAAO;QAAG,UAAU;OAAS,EAAI,CAAA;MAEpD;;IACJ,CAAA;IAEN,kBAAC,IAAD,CAAoB,CAAA;IACpB,kBAAC,IAAD,CAAsB,CAAA;IACtB,kBAAC,IAAD,CAAqB,CAAA;GAClB,EAAA,CAAA;EACS,CAAA;EACC,CAAA;AAEvB"}