npm - @emailmaker/emailmaker - Versions diffs - 1.0.98 → 1.0.99 - Mend

@emailmaker/emailmaker 1.0.98 → 1.0.99

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 (180) hide show

package/plugin_nota.html ADDED Viewed

@@ -0,0 +1,861 @@
+<!doctype html><html lang="en"><head><script id="plugin-script" src="emailmaker.js?383c52e84620be5d7ab1"></script></head><body><button id="change_theme" style="width: 150px; height: 30px">Click Me</button><div style="background: white; width: 100%; height: 50px; display: flex; justify-content: center; align-items: center"></div><div id="shadow-host" style="padding: 0px; background: #fff; height: 100vh"></div><script async defer="defer">// import { init } from "./emailmaker-esm.js?383c52e84620be5d7ab1";
+      const auth_jwt = {
+        username: '****',
+        password: '****',
+      };
+      const systemfields = [
+        {
+          label: 'Дополнительное поле «Имя»',
+          value: 'Name',
+        },
+        {
+          label: 'Имя получателя',
+          value: 'ToName',
+        },
+      ];
+      const auth_client = {
+        client_id: '****',
+        client_secret: '****',
+      };
+      const getAuthToken = async () => {
+        var requestOptions = {
+          method: 'POST',
+          redirect: 'follow'
+        };
+        return fetch("https://emailmaker.ru/tests/plugin/temp_token_em.php", requestOptions)
+          .then(response => response.json())
+          .then(result => result.access_token)
+          .catch(error => { return ""; });
+      };
+      const auth_client_oauth = {
+        client_id: '****',
+        client_secret: '****',
+      };
+      const BLOCKS_KEY = 'blocks';
+      const COMMENTS_KEY = 'blocks';
+      const RESOURSE = 'aaa.bbb.xyz.com';
+      let _instance = undefined;
+      const host = document.getElementById('shadow-host');
+      // Создаём Shadow DOM
+      const shadowRoot = host.attachShadow({ mode: 'closed' });
+      // Создаём элемент, который нужно вставить
+      const div = document.createElement('div');
+      div.id = 'test';
+      div.style.cssText = 'padding: 0px; background: #fff; height: 100vh';
+      // Вставляем в shadow DOM
+      shadowRoot.appendChild(div);
+      const options = {
+        getAuthToken,
+        previewIconEnabled: true,
+        livePreviewEnabled: true,
+        element: div,
+        handleEmailChanged(event) {
+          console.log(event);
+        },
+        handleLoad(instance) {
+          _instance = instance;
+        },
+        handleReadEmailRevisions() {
+          return [];
+        },
+        // async handleReadLocale() {
+        //   const response = await fetch("./react_app-ru_RU.po");
+        //   const text = await response.text();
+        //   return text;
+        // },
+        async handleSaveEmail({ value }) {
+          const email = await _instance.compileEmail(value);
+        },
+        handleEmailChanged(event) {
+          console.log(event);
+        },
+        handleLoad(instance) {
+          _instance = instance;
+        },
+        async handleSaveEmail({ value }) {
+          const email = await _instance.compileEmail(value);
+          console.log(email);
+        },
+        handleCloneEmail(event) {
+          console.log(event);
+        },
+        handleShareEmail(event) {
+          console.log(event);
+        },
+        handlePreviewEmail(event) {
+          console.log(event);
+        },
+        handleLivePreviewEmail(event) {
+          console.log(event);
+        },
+        handleValidate(e) {
+          console.log(e);
+        },
+        handleEmailAutosave: () => {
+          console.log('handleEmailAutosave 1');
+        },
+        // headless: true,
+        content: {
+          templateId: 321739,
+          email: {
+            id: '3769995',
+            author: 123,
+            isNew: false,
+            subject: 'topic',
+            preheader: '',
+            description: '',
+            project: 'undefined',
+            parent_email: '309707',
+            common_styles:
+              '{"block":{"darkBgColor":"#1c52dc"},"text":{"fontFamily":["Safe Fonts","-apple-system, \'Segoe UI\', \'Helvetica Neue\', Helvetica, Roboto, Arial, sans-serif"],"fontSize":16,"fontSizeDim":"px","lineHeight":21,"lineHeightDim":"px","color":"#5a5a5a","textAlign":"left","paddingBottom":10,"paddingBottomDim":"px"},"headings":{"fontFamily":["Safe Fonts","-apple-system, \'Segoe UI\', \'Helvetica Neue\', Helvetica, Roboto, Arial, sans-serif"],"fontSize":24,"fontSizeDim":"px","lineHeight":32,"lineHeightDim":"px","color":"#333333","textAlign":"left","paddingTop":20,"paddingTopDim":"px","paddingBottom":10,"paddingBottomDim":"px","letterSpacing":0,"letterSpacingDim":"px","bold":true,"italic":false},"links":{"color":"#1C52DC","underline":true},"buttons":{"fontFamily":["Safe Fonts","-apple-system, \'Segoe UI\', \'Helvetica Neue\', Helvetica, Roboto, Arial, sans-serif"],"fontSize":16,"fontSizeDim":"px","letterSpacing":0,"letterSpacingDim":"px","color":"#FFFFFF","bold":false,"italic":false,"backgroundColor":"#1C52DC","marginTop":10,"marginTopDim":"px","marginBottom":10,"marginBottomDim":"px","border":{"all":null,"top":null,"right":null,"bottom":null,"left":null},"borderRadius":{"all":5,"topLeft":null,"topRight":null,"bottomRight":null,"bottomLeft":null},"textAlign":"center","padding":{"all":null,"top":null,"right":null,"bottom":null,"left":null}},"block":{"backgroundColor":""}}',
+            title: '',
+            date: '2024-01-12T08:42:09',
+            modified: '2024-02-16T17:21:01',
+            group: [],
+            lock: false,
+            utm_parameters: {
+              utm_content: 'ssssssss',
+            },
+            // "code": "<html><head></head><body><body></html>",
+          },
+        },
+        project: undefined,
+        user: {
+          id: 123,
+          username: 'testetrter',
+          name: 'ssss',
+        },
+        config: {
+          styles:
+            "\n    .blocks-app .ant-cascader-dropdown .ant-cascader-menu-item[title='Google Fonts'] {\n        display: none;\n    }\n\n    [data-node-key='Settings'] {\n        display: none;\n    }\n\n    .blocks-app .ant-app .ant-tabs-large>.ant-tabs-nav .ant-tabs-tab[data-node-key='Settings'] {\n        display: none;\n    }\n\n    .blocks-app .ant-app .ant-tabs-large>.ant-tabs-nav .ant-tabs-tab[data-node-key='UTM parameters'] {\n        margin: 0;\n    }\n\n    .blocks-app .email-pane__tab-bar.ant-tabs-nav+.ant-tabs-content-holder .ant-tabs-content>.ant-tabs-tabpane[id='rc-tabs-2-panel-Settings'] {\n        display: none;\n    }\n\n    .blocks-app .email-pane__tab-bar.ant-tabs-nav+.ant-tabs-content-holder .ant-tabs-content>.ant-tabs-tabpane[id='rc-tabs-2-panel-UTM parameters'] {\n        display: block !important;\n    }\n\n    .blocks-app .ant-form-item .ant-form-item-label >label {\n        display: flex;\n        flex-direction: row;\n    }\n\n    .blocks-app .ant-radio-group[id='selected_td_form_direction'] {\n        display: none;\n    }\n\n    .blocks-app .ant-input-number .ant-input-number-input,\n    .blocks-app .ant-input, \n    .blocks-app .ant-app .ant-form-item-switch-label {\n        font-family: Roboto;\n        font-weight: var(--font-weight-400);\n        font-size: var(--font-size-14);\n        letter-spacing: 0px;\n        line-height: var(--line-height-18);\n        color: var(--color-grey-200);\n    }\n\n    .blocks-app .ant-app .form-group-title,\n    .blocks-app .email-pane .ant-tabs .ant-tabs-tab-btn {\n        font-family: Roboto;\n        font-weight: var(--font-weight-500);\n        font-size: var(--font-size-14);\n        letter-spacing: 0px;\n        line-height: var(--line-height-18);\n        color: var(--color-grey-200);\n    }\n\n    .ant-space.ant-space-horizontal.ant-space-align-center.ant-space-gap-row-small.ant-space-gap-col-small {\n        row-gap: var(--space-xxs) !important;\n        column-gap: var(--space-xxs) !important;\n        color: var(--color-grey-140);\n        font-family: Roboto;\n        font-weight: var(--font-weight-500);\n        font-size: var(--font-size-14);\n        letter-spacing: 0px;\n        line-height: var(--line-height-18);\n    }\n\n    .blocks-app .ant-app .ant-btn-default {\n        color: var(--gray-140);\n    }\n    \n    .blocks-app .ant-btn-primary {\n        background-color: var(--blue-120);\n    }\n\n    .blocks-app .email-pane__header {\n        background-color: var(--common-white);\n    }\n\n    .blocks-app .ant-app .header__left .ant-btn.ant-btn-icon-only {\n        border: var(--space-1) solid var(--color-grey-30);\n    }\n\n    .blocks-app .atoms__item,\n    .blocks-app .ant-app .email-page .header__container .ant-btn, .blocks-app .ant-app .email-pane__content-col .ant-radio-button-wrapper,\n    .blocks-app .ant-app .email-page .email-pane__collapse-wrapper .ant-btn, .blocks-app .ant-app .email-pane__content-col .ant-radio-button-wrapper,\n    .blocks-app .ant-input-number-affix-wrapper,\n    .blocks-app .ant-input-number,\n    .blocks-app .ant-input-number-group .ant-input-number-group-addon,\n    .blocks-app .ant-input-affix-wrapper,\n    .blocks-app .color-picker-input__control-wrap .ant-color-picker-trigger .ant-color-picker-color-block,\n    .blocks-app .ant-select-single .ant-select-selector,\n    .blocks-app .ant-cascader-dropdown .ant-cascader-menu-item,\n    .blocks-app .upload-bg-image__inner-wrap,\n    .blocks-app .upload-bg-image__uploader,\n    .blocks-app .ant-app .ant-segmented,\n    .blocks-app .ant-app .ant-segmented .ant-segmented-item,\n    .blocks-app textarea.ant-input,\n    .blocks-app .ant-alert,\n    .blocks-app .email-pane .email-pane__content-col_main {\n        border-radius: var(--border-radius4);\n    }\n\n    .blocks-app .ant-select-dropdown,\n    .blocks-app .email-pane__tab-bar.ant-tabs-nav .ant-tabs-nav-list,\n    .blocks-app .email-pane__collapse-wrapper {\n        border-radius: var(--border-radius6);\n    }\n\n    .blocks-app [class^=\"ant-col\"], .blocks-app [class*=\" ant-col\"] {\n        font-family: Roboto;\n    }\n\n    .blocks-app .ant-app .email-pane__content-col .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):hover {\n        background-color: var(--gray-20);\n    }\n\n    .blocks-app .ant-switch.ant-switch-checked {\n        background: var(--color-blue-120);\n    }\n\n    .blocks-app .ant-switch.ant-switch-checked:hover {\n        background: var(--color-blue-100);\n    }\n\n    .blocks-app .ant-switch {\n        background: var(--color-grey-100);\n    }\n\n    .blocks-app .ant-switch:hover {\n        background: var(--color-grey-80);\n    }\n\n    .blocks-app .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n        color: var(--color-grey-200)\n    }\n\n    .blocks-app .email-pane .ant-tabs .ant-tabs-tab-btn:hover {\n        color: var(--color-grey-200);\n    }\n\n    .blocks-app .ant-tabs-right>.email-pane__tab-bar.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n        background-color: var(--color-blue-10);\n        color: var(--color-blue-120);\n    }\n\n    .blocks-app .ant-tabs-right>.email-pane__tab-bar.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab .ant-tabs-tab-btn {\n        color: var(--color-grey-140);\n    }\n\n    .blocks-app .email-pane .ant-tabs-large.secondary-tabs .ant-tabs-content {\n        font-family: Roboto;\n        padding: var(--space-xs) var(--space-xxxss) var(--space-xs) var(--space-xs);\n    }\n\n    .blocks-app .atoms__list {\n        margin-bottom: 0;\n    }\n\n    .blocks-app .ant-app .ant-card-hoverable:hover {\n        box-shadow: none;\n        background-color: var(--color-grey-30);\n    }\n\n    .blocks-app .email-pane__tab-bar.ant-tabs-nav+.ant-tabs-content-holder {\n        max-width: 83%;\n    }\n\n    .blocks-app .email-pane__col.email-pane__col_preview {\n        height: 90%;\n        max-height: 90vh;\n        overflow: scroll;\n    }\n\n    .blocks-app .ant-notification {\n        display: none;\n    }\n\n    .blocks-app .ant-app .email-page .header__container .ant-btn {\n        font-weight: var(--font-weight-500);\n    } \n\n    .anticon-save,\n    .anticon-cloud-download {\n        >svg {\n            width: var(--space-xsx);\n            height: var(--space-xsx);\n        }\n    }\n\n    .ant-btn.ant-btn-primary.ant-btn-block.em-analytics__email-save {\n        display: flex;\n        align-items: center\n    }\n\n    .ant-btn.ant-btn-default.ant-dropdown-trigger.em-analytics__email-page__export {\n        display: flex;\n        align-items: center;\n    }\n\n    .blocks-app .email-pane .ant-tabs .blocks-search__empty-wrapper {\n        height: 100%;\n        padding: var(--space-sm) var(--space-xsss) var(--space-xsss) var(--space-sm);\n    }\n\n    .blocks-app .ant-app .ant-layout {\n        max-height: 95vh;\n    }\n",
+          theme: 'light',
+          headerTitleVisible: false,
+          historyEnabled: false,
+          previewIconEnabled: false,
+          sendTestEnabled: false,
+          emailDropdownMenuEnabled: false,
+          emailDropdownMenuImport: false,
+          commentsEnabled: false,
+          aiAssistentEnabled: false,
+          exportOutlookEnabled: false,
+          exportPdfEnabled: false,
+          exportPngEnabled: false,
+          elementAIimageEnabled: false,
+          elementCountdownEnabled: false,
+          elementVideoEnabled: false,
+          elementCarouselEnabled: false,
+          elementAccordionEnabled: false,
+          elementFormEnabled: false,
+          blocksSavedEnabled: false,
+          blocksCommonEnabled: false,
+          blocksTemplateEnabled: false,
+          blocksSearchEnabled: false,
+          imageCenterGifEnabled: false,
+          imageCenterStockEnabled: false,
+          optimizeLinksEnabled: false,
+          optimizeImagesEnabled: false,
+          optimizeSpamAssassinEnabled: false,
+          imageCenterEditorEnabled: false,
+          formFieldExportAsPictureEnabled: false,
+          optimizeEnabled: false,
+          headerShow: true,
+          desktopMobileSwitchRule: true,
+          pathEnabled: true,
+          mergeTags: {
+            syntax: ['{{%value%}}'],
+            items: [
+              {
+                label: 'Системные',
+                value: 'system',
+                children: [
+                  {
+                    label: 'test66',
+                    value: 'test66',
+                    children: [
+                      {
+                        label: 'gggdd',
+                        value: 'test66.gggdd',
+                      },
+                    ],
+                  },
+                  {
+                    label: '667',
+                    value: '667',
+                    children: [],
+                  },
+                  {
+                    label: 'тест',
+                    value: 'тест',
+                    children: [],
+                  },
+                  {
+                    label: 'personData',
+                    value: 'personData',
+                    children: [
+                      {
+                        label: 'middleName',
+                        value: 'personData.middleName',
+                      },
+                      {
+                        label: 'id',
+                        value: 'personData.id',
+                      },
+                      {
+                        label: 'firstName',
+                        value: 'personData.firstName',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'test пробел ',
+                    value: 'test пробел ',
+                    children: [],
+                  },
+                  {
+                    label: 'marka67',
+                    value: 'marka67',
+                    children: [],
+                  },
+                  {
+                    label: 'marka',
+                    value: 'marka',
+                    children: [],
+                  },
+                  {
+                    label: 'teste46475743753734',
+                    value: 'teste46475743753734',
+                    children: [],
+                  },
+                  {
+                    label: 'testtttt',
+                    value: 'testtttt',
+                    children: [],
+                  },
+                  {
+                    label: 'client_requests_subscribers',
+                    value: 'client_requests_subscribers',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'client_requests_subscribers.id',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'client_requests_subscribers2',
+                    value: 'client_requests_subscribers2',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'client_requests_subscribers2.id',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'client_requests_subscribers1',
+                    value: 'client_requests_subscribers1',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'client_requests_subscribers1.id',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'client_requests',
+                    value: 'client_requests',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'client_requests.id',
+                      },
+                      {
+                        label: 'status',
+                        value: 'client_requests.status',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'demo',
+                    value: 'demo',
+                    children: [
+                      {
+                        label: 'pokaz',
+                        value: 'demo.pokaz',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'test771',
+                    value: 'test771',
+                    children: [
+                      {
+                        label: 'test',
+                        value: 'test771.test',
+                      },
+                      {
+                        label: 'test18',
+                        value: 'test771.test18',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'personTest',
+                    value: 'personTest',
+                    children: [],
+                  },
+                  {
+                    label: 'тест1504',
+                    value: 'тест1504',
+                    children: [
+                      {
+                        label: 'тест',
+                        value: 'тест1504.тест',
+                      },
+                      {
+                        label: 'тест',
+                        value: 'тест1504.тест',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'testAVV',
+                    value: 'testAVV',
+                    children: [],
+                  },
+                  {
+                    label: 'testAVV1',
+                    value: 'testAVV1',
+                    children: [],
+                  },
+                  {
+                    label: 'testAVV11',
+                    value: 'testAVV11',
+                    children: [
+                      {
+                        label: null,
+                        value: 'testAVV11.null',
+                      },
+                      {
+                        label: null,
+                        value: 'testAVV11.null',
+                      },
+                      {
+                        label: null,
+                        value: 'testAVV11.null',
+                      },
+                      {
+                        label: null,
+                        value: 'testAVV11.null',
+                      },
+                      {
+                        label: null,
+                        value: 'testAVV11.null',
+                      },
+                      {
+                        label: null,
+                        value: 'testAVV11.null',
+                      },
+                      {
+                        label: 'test',
+                        value: 'testAVV11.test',
+                      },
+                      {
+                        label: 'test1',
+                        value: 'testAVV11.test1',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'personDataOld',
+                    value: 'personDataOld',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'personDataOld.id',
+                      },
+                      {
+                        label: 'firstName',
+                        value: 'personDataOld.firstName',
+                      },
+                      {
+                        label: 'lastName',
+                        value: 'personDataOld.lastName',
+                      },
+                      {
+                        label: 'middleName',
+                        value: 'personDataOld.middleName',
+                      },
+                      {
+                        label: 'gender',
+                        value: 'personDataOld.gender',
+                      },
+                      {
+                        label: 'birthDate',
+                        value: 'personDataOld.birthDate',
+                      },
+                      {
+                        label: 'citizenshipCountry',
+                        value: 'personDataOld.citizenshipCountry',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'test7',
+                    value: 'test7',
+                    children: [],
+                  },
+                  {
+                    label: 'test666',
+                    value: 'test666',
+                    children: [],
+                  },
+                  {
+                    label: 'test333',
+                    value: 'test333',
+                    children: [
+                      {
+                        label: 'test',
+                        value: 'test333.test',
+                      },
+                      {
+                        label: 'test',
+                        value: 'test333.test',
+                      },
+                      {
+                        label: 'test123',
+                        value: 'test333.test123',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'test123456',
+                    value: 'test123456',
+                    children: [],
+                  },
+                  {
+                    label: 'test12345',
+                    value: 'test12345',
+                    children: [],
+                  },
+                  {
+                    label: 'test1234',
+                    value: 'test1234',
+                    children: [],
+                  },
+                  {
+                    label: 'test123',
+                    value: 'test123',
+                    children: [],
+                  },
+                  {
+                    label: 'fasdfasd',
+                    value: 'fasdfasd',
+                    children: [],
+                  },
+                  {
+                    label: 'test',
+                    value: 'test',
+                    children: [],
+                  },
+                  {
+                    label: 'const',
+                    value: 'const',
+                    children: [
+                      {
+                        label: 'T1_companyName',
+                        value: 'const.T1_companyName',
+                      },
+                      {
+                        label: 'PI',
+                        value: 'const.PI',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'system',
+                    value: 'system',
+                    children: [
+                      {
+                        label: 'currentDateTime',
+                        value: 'system.currentDateTime',
+                      },
+                      {
+                        label: 'currentDate',
+                        value: 'system.currentDate',
+                      },
+                      {
+                        label: 'currentDomain',
+                        value: 'system.currentDomain',
+                      },
+                      {
+                        label: null,
+                        value: 'system.null',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'kv',
+                    value: 'kv',
+                    children: [
+                      {
+                        label: 'kv',
+                        value: 'kv.kv',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'orgStructureUser2',
+                    value: 'orgStructureUser2',
+                    children: [
+                      {
+                        label: 'name1',
+                        value: 'orgStructureUser2.name1',
+                      },
+                      {
+                        label: 'name2',
+                        value: 'orgStructureUser2.name2',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'personObject',
+                    value: 'personObject',
+                    children: [
+                      {
+                        label: 'birthDate',
+                        value: 'personObject.birthDate',
+                      },
+                      {
+                        label: 'middleName',
+                        value: 'personObject.middleName',
+                      },
+                      {
+                        label: 'gender',
+                        value: 'personObject.gender',
+                      },
+                      {
+                        label: 'citizenshipCountry',
+                        value: 'personObject.citizenshipCountry',
+                      },
+                      {
+                        label: 'id',
+                        value: 'personObject.id',
+                      },
+                      {
+                        label: 'firstName',
+                        value: 'personObject.firstName',
+                      },
+                      {
+                        label: 'status',
+                        value: 'personObject.status',
+                      },
+                      {
+                        label: 'lastName',
+                        value: 'personObject.lastName',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'orgStructureUser3',
+                    value: 'orgStructureUser3',
+                    children: [
+                      {
+                        label: 'name3',
+                        value: 'orgStructureUser3.name3',
+                      },
+                      {
+                        label: 'name4',
+                        value: 'orgStructureUser3.name4',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'collClient',
+                    value: 'collClient',
+                    children: [
+                      {
+                        label: 'lastName',
+                        value: 'collClient.lastName',
+                      },
+                      {
+                        label: 'firstName',
+                        value: 'collClient.firstName',
+                      },
+                      {
+                        label: 'test',
+                        value: 'collClient.test',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'test13',
+                    value: 'test13',
+                    children: [],
+                  },
+                  {
+                    label: 'test12',
+                    value: 'test12',
+                    children: [],
+                  },
+                  {
+                    label: 'opportunity',
+                    value: 'opportunity',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'opportunity.id',
+                      },
+                      {
+                        label: 'name',
+                        value: 'opportunity.name',
+                      },
+                      {
+                        label: 'companyName',
+                        value: 'opportunity.companyName',
+                      },
+                      {
+                        label: 'companyShortName',
+                        value: 'opportunity.companyShortName',
+                      },
+                      {
+                        label: 'initiatorId',
+                        value: 'opportunity.initiatorId',
+                      },
+                      {
+                        label: 'initiatorName',
+                        value: 'opportunity.initiatorName',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'contract',
+                    value: 'contract',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'contract.id',
+                      },
+                      {
+                        label: 'name',
+                        value: 'contract.name',
+                      },
+                      {
+                        label: 'number',
+                        value: 'contract.number',
+                      },
+                      {
+                        label: 'officialName',
+                        value: 'contract.officialName',
+                      },
+                      {
+                        label: 'shortName',
+                        value: 'contract.shortName',
+                      },
+                      {
+                        label: 'managerFirstName',
+                        value: 'contract.managerFirstName',
+                      },
+                      {
+                        label: 'managerLastName',
+                        value: 'contract.managerLastName',
+                      },
+                      {
+                        label: 'managerMiddleName',
+                        value: 'contract.managerMiddleName',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'test15',
+                    value: 'test15',
+                    children: [
+                      {
+                        label: 'name5',
+                        value: 'test15.name5',
+                      },
+                      {
+                        label: 'name6',
+                        value: 'test15.name6',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'test16',
+                    value: 'test16',
+                    children: [
+                      {
+                        label: 'name7',
+                        value: 'test16.name7',
+                      },
+                      {
+                        label: 'name8',
+                        value: 'test16.name8',
+                      },
+                      {
+                        label: 'test',
+                        value: 'test16.test',
+                      },
+                      {
+                        label: null,
+                        value: 'test16.null',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'orgStructureOrg',
+                    value: 'orgStructureOrg',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'orgStructureOrg.id',
+                      },
+                      {
+                        label: 'name',
+                        value: 'orgStructureOrg.name',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'orgStructurePosition',
+                    value: 'orgStructurePosition',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'orgStructurePosition.id',
+                      },
+                      {
+                        label: 'name',
+                        value: 'orgStructurePosition.name',
+                      },
+                      {
+                        label: 'type',
+                        value: 'orgStructurePosition.type',
+                      },
+                    ],
+                  },
+                  {
+                    label: 'orgStructureUser',
+                    value: 'orgStructureUser',
+                    children: [
+                      {
+                        label: 'id',
+                        value: 'orgStructureUser.id',
+                      },
+                      {
+                        label: 'firstName',
+                        value: 'orgStructureUser.firstName',
+                      },
+                      {
+                        label: 'lastName',
+                        value: 'orgStructureUser.lastName',
+                      },
+                      {
+                        label: 'middleName',
+                        value: 'orgStructureUser.middleName',
+                      },
+                      {
+                        label: 'fullName',
+                        value: 'orgStructureUser.fullName',
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+          },
+        },
+      };
+      async function init() {
+        // const response = await fetch("./key.txt");
+        // const key = await response.text();
+        const instance = await emailmaker.init({ ...options });
+        // let i = 0;
+        //             let id = 0;
+        //             setInterval(() => {
+        //                 i = i === 0 ? 1 : 0;
+        //                 instance.show({
+        //                     ...options.content,
+        //                     email: {
+        //                       ...options.content.email,
+        //                       // id: id++,
+        //                     code: '<div>31111111111111111111111111</div>'
+        //                     }
+        //                 });
+        //             }, 30000);
+        instance.handleSaveEmail(async ({ value, patch, prev }) => {
+          const _email = await instance.compileEmail(value);
+          console.log(_email);
+          _email.utm_parameters = { ..._email.utm_parameters, utm_content: '333' };
+          const a = await instance.compileEmail(_email);
+          console.log(a);
+        });
+        instance.handleEmailAutosave(() => {
+          console.log('handleEmailAutosave 2');
+        });
+        instance.setConfig({
+          ...options.config,
+          mergeTags: {
+            syntax: ['{{%value%}}'],
+            items: [
+              {
+                label: 'Системные3131',
+                value: 'System',
+                children: systemfields,
+              },
+              {
+                label: 'Пользовательские4444',
+                value: 'User',
+                children: systemfields,
+              },
+            ],
+          },
+        });
+        instance.handleLimitUsage(({ name, count }) => {
+          console.log('Вы превысили количество допустимых сообщений в чат с AI');
+          console.log(name, count);
+        });
+        // await instance.show({
+        //   email: {
+        //     "id": "3769995",
+        //     "isNew": false,
+        //     "subject": "topic1Ы",
+        //     "preheader": "pre",
+        //     "description": "",
+        //     "project": "undefined",
+        //     "parent_email": "309707",
+        //     "common_styles": "{\"text\":{\"fontFamily\":[\"Safe Fonts\",\"-apple-system, 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif\"],\"fontSize\":16,\"fontSizeDim\":\"px\",\"lineHeight\":21,\"lineHeightDim\":\"px\",\"color\":\"#5a5a5a\",\"textAlign\":\"left\",\"paddingBottom\":10,\"paddingBottomDim\":\"px\"},\"headings\":{\"fontFamily\":[\"Safe Fonts\",\"-apple-system, 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif\"],\"fontSize\":24,\"fontSizeDim\":\"px\",\"lineHeight\":32,\"lineHeightDim\":\"px\",\"color\":\"#333333\",\"textAlign\":\"left\",\"paddingTop\":20,\"paddingTopDim\":\"px\",\"paddingBottom\":10,\"paddingBottomDim\":\"px\",\"letterSpacing\":0,\"letterSpacingDim\":\"px\",\"bold\":true,\"italic\":false},\"links\":{\"color\":\"#1C52DC\",\"underline\":true},\"buttons\":{\"fontFamily\":[\"Safe Fonts\",\"-apple-system, 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif\"],\"fontSize\":16,\"fontSizeDim\":\"px\",\"letterSpacing\":0,\"letterSpacingDim\":\"px\",\"color\":\"#FFFFFF\",\"bold\":false,\"italic\":false,\"backgroundColor\":\"#1C52DC\",\"marginTop\":10,\"marginTopDim\":\"px\",\"marginBottom\":10,\"marginBottomDim\":\"px\",\"border\":{\"all\":null,\"top\":null,\"right\":null,\"bottom\":null,\"left\":null},\"borderRadius\":{\"all\":5,\"topLeft\":null,\"topRight\":null,\"bottomRight\":null,\"bottomLeft\":null},\"textAlign\":\"center\",\"padding\":{\"all\":null,\"top\":null,\"right\":null,\"bottom\":null,\"left\":null}},\"block\":{\"backgroundColor\":\"\"}}",
+        //     "title": "",
+        //     "date": "2024-01-12T08:42:09",
+        //     "modified": "2024-02-16T17:21:01",
+        //     "group": [],
+        //     "lock": false,
+        //     "code": "<html><head></head><body><body></html>",
+        //   }
+        // });
+        // const email = await instance.getEmail();
+        // const TITLE_REGEX = /<title>(.*)<\/title>/gm;
+        // console.log(email.code);
+        // email.code.matchAll(TITLE_REGEX).map(item => item[1]).find(title => console.log(title));
+      }
+      init()
+        .then((e) => {})
+        .catch((e) => console.log(e));
+      // })</script></body></html>