ts-glitter 21.5.2 → 21.5.4

package/lowcode/glitterBundle/plugins/html-render.ts

@@ -1,346 +1,395 @@
 import { init } from '../GVController.js';
 import { TriggerEvent } from './trigger-event.js';
-import { EditorConfig } from '../../editor-config.js';
 import { GlobalUser } from '../../glitter-base/global/global-user.js';
 import { FirstBanner } from '../../public-components/banner/first-banner.js';
 import { Language } from '../../glitter-base/global/language.js';
-import { Ad } from '../../public-components/public/ad.js';
 import { ApplicationConfig } from '../../application-config.js';
 
+const html = String.raw;
+
 init(import.meta.url, (gvc, glitter, gBundle) => {
-    glitter.share.htmlExtension = glitter.share.htmlExtension ?? {};
-    gBundle.app_config = gBundle.app_config ?? {};
-    gBundle.app_config.globalStyle = gBundle.app_config.globalStyle ?? [];
-    gBundle.app_config.globalScript = gBundle.app_config.globalScript ?? [];
-    const vm = {
-        loading: true,
-        mainView: '',
-    };
+  glitter.share.htmlExtension = glitter.share.htmlExtension ?? {};
+  gBundle.app_config = gBundle.app_config ?? {};
+  gBundle.app_config.globalStyle = gBundle.app_config.globalStyle ?? [];
+  gBundle.app_config.globalScript = gBundle.app_config.globalScript ?? [];
+  const vm = {
+    loading: true,
+    mainView: '',
+  };
 
-    console.log(`the-page`, gvc.glitter.getUrlParameter('page'));
-    console.log(`waitCreateView-time:`, (window as any).renderClock.stop());
+  console.log(`the-page`, gvc.glitter.getUrlParameter('page'));
+  console.log(`waitCreateView-time:`, (window as any).renderClock.stop());
 
-    async function load() {
-        await (new Promise(async (resolve, reject) => {
-            for (const b of gBundle.app_config.initialList ?? []) {
-                try {
-                    await TriggerEvent.trigger({
-                        gvc: gvc, widget: b as any, clickEvent: b.src.event,
-                    }).then(() => {
-                    }).catch(() => {
-                    });
-                } catch (e) {
-                }
-            }
-            resolve(true);
-        }));
-        await (new Promise(async (resolve, reject) => {
-            (gBundle.page_config.initialList ?? []).map((dd: any) => {
-                if (dd.when === 'initial') {
-                    if (dd.type === 'script') {
-                        try {
-                            TriggerEvent.trigger({
-                                gvc: gvc, widget: (undefined as any), clickEvent: dd,
-                            });
-                        } catch (e) {
-                        }
-                    } else {
-                        try {
-                            eval(dd.src.official);
-                        } catch (e) {
+  async function load() {
+    await new Promise(async resolve => {
+      for (const b of gBundle.app_config.initialList ?? []) {
+        try {
+          await TriggerEvent.trigger({
+            gvc: gvc,
+            widget: b as any,
+            clickEvent: b.src.event,
+          })
+            .then(() => {})
+            .catch(() => {});
+        } catch (e) {}
+      }
+      resolve(true);
+    });
 
-                        }
-                    }
-                }
-            });
-            resolve(true);
-        }));
-        (gBundle.page_config.initialStyleSheet ?? []).map(async (data: any) => {
-            if (data.type === 'script') {
-                try {
-                    gvc.addStyleLink(data);
-                } catch (e) {
+    await new Promise(async resolve => {
+      (gBundle.page_config.initialList ?? []).map((dd: any) => {
+        if (dd.when === 'initial') {
+          if (dd.type === 'script') {
+            try {
+              TriggerEvent.trigger({
+                gvc: gvc,
+                widget: undefined as any,
+                clickEvent: dd,
+              });
+            } catch (e) {}
+          } else {
+            try {
+              eval(dd.src.official);
+            } catch (e) {}
+          }
+        }
+      });
+      resolve(true);
+    });
+
+    (gBundle.page_config.initialStyleSheet ?? []).map(async (data: any) => {
+      if (data.type === 'script') {
+        try {
+          gvc.addStyleLink(data);
+        } catch (e) {}
+      } else {
+        try {
+          gvc.addStyle(data.src.official);
+        } catch (e) {}
+      }
+    });
+  }
+
+  if (!gBundle.data) {
+    gBundle.data = {};
+  }
+
+  return {
+    onCreateView: () => {
+      FirstBanner.main({ gvc: gvc });
+      //定義SEO TITLE
+      if (gBundle.page_config.seo && gBundle.page_config.seo.type === 'custom' && gBundle.page_config.seo.title) {
+        glitter.setUrlParameter(
+          '',
+          undefined,
+          [
+            gBundle.page_config.seo.title_prefix ?? '',
+            gBundle.page_config.seo.title ?? '',
+            gBundle.page_config.seo.title_suffix ?? '',
+          ].join('')
+        );
+      } else {
+        glitter.setUrlParameter(
+          '',
+          undefined,
+          [
+            (window as any).home_seo.title_prefix ?? '',
+            (window as any).home_seo.title ?? '',
+            (window as any).home_seo.title_suffix ?? '',
+          ].join('')
+        );
+      }
+      //判斷如果是帳號頁面，且未登入則重新導向
+      if (gvc.glitter.getUrlParameter('page') === 'account_userinfo' && !GlobalUser.token) {
+        gvc.glitter.href = '/login';
+        return '';
+      }
+      document.querySelector('body')!.style.background =
+        gBundle.app_config._background || glitter.share.globalValue[`theme_color.0.background`];
+      console.log(`onCreateView-time:`, (window as any).renderClock.stop());
+      const mainId = glitter.getUUID();
+      let map = [];
+      if (gBundle.page_config.resource_from !== 'own') {
+        map.push(
+          new glitter.htmlGenerate(gBundle.app_config.globalScript ?? [], [], gBundle.data, true).render(gvc, {
+            class: '',
+            style: '',
+            jsFinish: () => {
+              console.log(`jsFinish-time:`, (window as any).renderClock.stop());
+              load().then(() => {
+                if (vm.loading) {
+                  vm.loading = false;
+                  gvc.notifyDataChange(mainId);
+                  window.history.replaceState({}, glitter.document.title, location.href);
                 }
-            } else {
-                try {
-                    gvc.addStyle(data.src.official);
-                } catch (e) {
+              });
+            },
+          })
+        );
+        let globalStyleLink = (gBundle.app_config.globalStyle ?? []).filter((dd: any) => dd.data.elem === 'link');
+        let check = globalStyleLink.length;
+        globalStyleLink.map((dd: any) => {
+          try {
+            $('#glitterPage').hide();
+            glitter
+              .addStyleLink(
+                dd.data.attr.find((dd: any) => {
+                  return dd.attr === 'href';
+                }).value
+              )
+              .then(() => {
+                check--;
+                if (check === 0) {
+                  $('#glitterPage').show();
                 }
-            }
+              });
+          } catch (e) {
+            return '';
+          }
         });
-    };
-    if (!gBundle.data) {
-        gBundle.data = {};
-    }
-    return {
-        onCreateView: () => {
-            FirstBanner.main({ gvc: gvc });
-            //定義SEO TITLE
-            if (gBundle.page_config.seo && (gBundle.page_config.seo.type === 'custom') && gBundle.page_config.seo.title) {
-                glitter.setUrlParameter('', undefined, [
-                    gBundle.page_config.seo.title_prefix ?? '',
-                    gBundle.page_config.seo.title ?? '',
-                    gBundle.page_config.seo.title_suffix ?? '',
-                ].join(''));
-            } else {
-                glitter.setUrlParameter('', undefined, [
-                    (window as any).home_seo.title_prefix ?? '',
-                    (window as any).home_seo.title ?? '',
-                    (window as any).home_seo.title_suffix ?? '',
-                ].join(''));
-            }
-            //判斷如果是帳號頁面，且未登入則重新導向
-            if (gvc.glitter.getUrlParameter('page') === 'account_userinfo' && !GlobalUser.token) {
-                gvc.glitter.href = '/login';
-                return ``;
+        map.push(
+          new glitter.htmlGenerate(gBundle.app_config.globalStyle, [], gBundle.data, true).render(gvc, {
+            class: '',
+            style: '',
+            app_config: gBundle.app_config,
+            page_config: gBundle.page_config,
+            onCreate: () => {
+              console.log(`createRender`);
+            },
+          })
+        );
+      } else {
+        vm.loading = false;
+      }
+      let toggle_d_none = true;
+      map.push(
+        gvc.bindView({
+          bind: mainId,
+          view: () => {
+            if (vm.loading) {
+              return '';
             }
-            document.querySelector('body')!.style.background = gBundle.app_config._background || glitter.share.globalValue[`theme_color.0.background`];
-            console.log(`onCreateView-time:`, (window as any).renderClock.stop());
-            const mainId = glitter.getUUID();
-            let map = [];
-            if (gBundle.page_config.resource_from !== 'own') {
-                map.push(new glitter.htmlGenerate(gBundle.app_config.globalScript ?? [], [], gBundle.data, true).render(gvc, {
-                    class: ``,
-                    style: ``,
-                    jsFinish: () => {
-                        console.log(`jsFinish-time:`, (window as any).renderClock.stop());
-                        load().then(() => {
-                            if (vm.loading) {
-                                vm.loading = false;
-                                gvc.notifyDataChange(mainId);
-                                window.history.replaceState({}, glitter.document.title, location.href);
-                            }
+            return new Promise(async resolve => {
+              console.log(`Render-time:`, (window as any).renderClock.stop());
+              gBundle.config.formData = gBundle.page_config.formData;
+              if (gBundle.page_config.template) {
+                (window as any).glitterInitialHelper.getPageData(gBundle.page_config.template, (data: any) => {
+                  const template_config = JSON.parse(JSON.stringify(data.response.result[0].config));
 
-                        });
-                    },
-                }));
-                let globalStyleLink = (gBundle.app_config.globalStyle ?? []).filter((dd: any) => {
-                    return dd.data.elem === 'link';
-                });
-                let check = globalStyleLink.length;
-                globalStyleLink.map((dd: any) => {
-                    try {
-                        $('#glitterPage').hide();
-                        glitter.addStyleLink(dd.data.attr.find((dd: any) => {
-                            return dd.attr === 'href';
-                        }).value).then(() => {
-                            check--;
-                            if (check === 0) {
-                                $('#glitterPage').show();
-                            }
-                        });
-                    } catch (e) {
-                        return ``;
-                    }
-                });
-                map.push(new glitter.htmlGenerate(gBundle.app_config.globalStyle, [], gBundle.data, true).render(gvc, {
-                    class: ``,
-                    style: ``,
-                    app_config: gBundle.app_config,
-                    page_config: gBundle.page_config,
-                    onCreate: () => {
-                        console.log(`createRender`);
-                    },
-                }));
-            } else {
-                vm.loading = false;
-            }
-            let toggle_d_none = true;
-            map.push(gvc.bindView({
-                bind: mainId,
-                view: () => {
-                    if (vm.loading) {
-                        return ``;
-                    }
-                    return new Promise(async (resolve, reject) => {
-                        console.log(`Render-time:`, (window as any).renderClock.stop());
-                        (gBundle.config.formData = gBundle.page_config.formData);
-                        if (gBundle.page_config.template) {
-                            (window as any).glitterInitialHelper.getPageData(gBundle.page_config.template, (data: any) => {
-                                const template_config = JSON.parse(JSON.stringify(data.response.result[0].config));
-
-                                function findContainer(set: any) {
-                                    set.map((dd: any, index: number) => {
-                                        if (dd.type === 'glitter_article') {
-                                            if (gBundle.page_config.meta_article.view_type === 'rich_text') {
-                                                set[index].type = 'widget';
-                                                set[index].data.inner = gBundle.page_config.meta_article.content;
-                                            } else {
-                                                if (gBundle.editMode) {
-                                                    set[index].type = 'widget';
-                                                    set[index].data.inner = (gBundle.editMode && gBundle.editMode.render(gvc, {
-                                                        class: ``,
-                                                        style: ``,
-                                                        app_config: gBundle.app_config,
-                                                        page_config: gBundle.page_config,
-                                                    }));
-                                                } else {
-                                                    set[index].type = 'container';
-                                                    set[index].data = {
-                                                        'setting': gBundle.config,
-                                                        'elem': 'div',
-                                                        'style_from': set[index].style_from,
-                                                        'class': set[index].class,
-                                                        'style': set[index].style,
-                                                        'classDataType': set[index].classDataType,
-                                                        'dataType': set[index].dataType,
-                                                    };
-                                                }
-
-                                                function loopFormData(dd: any) {
-                                                    dd.formData = gBundle.page_config.formData;
-                                                    if (dd.type === 'container') {
-                                                        loopFormData(dd.data.setting);
-                                                    }
-                                                }
-
-                                                loopFormData(set[index]);
-                                            }
-                                        } else if (dd.type === 'container') {
-                                            dd.data.setting = dd.data.setting ?? [];
-                                            dd.formData = data.response.result[0].page_config.formData;
-                                            findContainer(dd.data.setting);
-                                        }
-                                    });
-                                }
-
-                                findContainer(template_config);
-                                resolve(new glitter.htmlGenerate(template_config, [], gBundle.data, true).render(gvc, {
-                                    class: ``,
-                                    style: ``,
-                                    app_config: gBundle.app_config,
-                                    page_config: gBundle.page_config,
-                                }));
-                            });
+                  function findContainer(set: any) {
+                    set.map((dd: any, index: number) => {
+                      if (dd.type === 'glitter_article') {
+                        if (gBundle.page_config.meta_article.view_type === 'rich_text') {
+                          set[index].type = 'widget';
+                          set[index].data.inner = gBundle.page_config.meta_article.content;
                         } else {
-                            function editorView() {
-                                // console.log(`gBundle.editMode.render->`,gBundle.editMode.render)
-                                return gBundle.editMode.render(gvc, {
-                                    class: ``,
-                                    style: ``,
-                                    containerID: `MainView`,
-                                    app_config: gBundle.app_config,
-                                    page_config: gBundle.page_config,
-                                });
+                          if (gBundle.editMode) {
+                            set[index].type = 'widget';
+                            set[index].data.inner =
+                              gBundle.editMode &&
+                              gBundle.editMode.render(gvc, {
+                                class: '',
+                                style: '',
+                                app_config: gBundle.app_config,
+                                page_config: gBundle.page_config,
+                              });
+                          } else {
+                            set[index].type = 'container';
+                            set[index].data = {
+                              setting: gBundle.config,
+                              elem: 'div',
+                              style_from: set[index].style_from,
+                              class: set[index].class,
+                              style: set[index].style,
+                              classDataType: set[index].classDataType,
+                              dataType: set[index].dataType,
+                            };
+                          }
+
+                          function loopFormData(dd: any) {
+                            dd.formData = gBundle.page_config.formData;
+                            if (dd.type === 'container') {
+                              loopFormData(dd.data.setting);
                             }
+                          }
 
-                            resolve((
-                                (gBundle.editMode && editorView())
-                                ||
-                                new glitter.htmlGenerate(gBundle.config, [], gBundle.data, true).render(gvc, {
-                                    class: ``,
-                                    style: ``,
-                                    app_config: gBundle.app_config,
-                                    page_config: gBundle.page_config,
-                                    is_page: true,
-                                })
-                            ));
+                          loopFormData(set[index]);
                         }
-
-
+                      } else if (dd.type === 'container') {
+                        dd.data.setting = dd.data.setting ?? [];
+                        dd.formData = data.response.result[0].page_config.formData;
+                        findContainer(dd.data.setting);
+                      }
                     });
+                  }
 
-                },
-                divCreate: () => {
-                    return {
-                        class: glitter.htmlGenerate.styleEditor(gBundle.page_config).class() + ((toggle_d_none) ? ' d-none' : ''),
-                        style: `overflow-x:hidden;min-height: 100%;min-width: 100%;${glitter.htmlGenerate.styleEditor(gBundle.page_config).style()}`,
-                    };
-                },
-                onCreate: () => {
-                    (gBundle.page_config.initialList ?? []).map((dd: any) => {
-                        if (dd.when === 'onCreate') {
-                            try {
-                                eval(dd.src.official);
-                            } catch (e) {
-                            }
-                        }
-                    });
-                    toggle_d_none = false;
-                    setTimeout(() => {
-                        $('.new_page_loading').addClass('d-none');
-                        (document.querySelector(`[gvc-id='${gvc.id(mainId)}']`) as any).classList.remove('d-none');
-                    }, 50);
-                },
-            }));
-            function acceptAd(){
-                // 設定所有 Google 服務的同意模式為 "granted"
-                const gtag = (window as any).gtag;
-                if(gtag){
-                    gtag('consent', 'default', {
-                        'ad_storage': 'granted',          // 允許廣告 Cookie（Google Ads 轉換追蹤）
-                        'analytics_storage': 'granted',   // 允許分析數據（GA4）
-                        'personalization_storage': 'granted', // 允許個人化（如 YouTube 影片嵌入）
-                        'security_storage': 'granted',    // 允許安全性 Cookie
-                        'functionality_storage': 'granted' // 允許功能性 Cookie（如登入狀態）
-                    });
+                  findContainer(template_config);
+                  resolve(
+                    new glitter.htmlGenerate(template_config, [], gBundle.data, true).render(gvc, {
+                      class: '',
+                      style: '',
+                      app_config: gBundle.app_config,
+                      page_config: gBundle.page_config,
+                    })
+                  );
+                });
+              } else {
+                function editorView() {
+                  return gBundle.editMode.render(gvc, {
+                    class: '',
+                    style: '',
+                    containerID: `MainView`,
+                    app_config: gBundle.app_config,
+                    page_config: gBundle.page_config,
+                  });
                 }
-            }
-            //如果是APP預設追蹤
-            if(ApplicationConfig.is_application){
+
+                resolve(
+                  (gBundle.editMode && editorView()) ||
+                    new glitter.htmlGenerate(gBundle.config, [], gBundle.data, true).render(gvc, {
+                      class: '',
+                      style: '',
+                      app_config: gBundle.app_config,
+                      page_config: gBundle.page_config,
+                      is_page: true,
+                    })
+                );
+              }
+            });
+          },
+          divCreate: () => {
+            return {
+              class: glitter.htmlGenerate.styleEditor(gBundle.page_config).class() + (toggle_d_none ? ' d-none' : ''),
+              style: `
+                overflow-x: hidden;
+                min-height: 100%;
+                min-width: 100%;
+                ${glitter.htmlGenerate.styleEditor(gBundle.page_config).style()}
+              `,
+            };
+          },
+          onCreate: () => {
+            (gBundle.page_config.initialList ?? []).map((dd: any) => {
+              if (dd.when === 'onCreate') {
+                try {
+                  eval(dd.src.official);
+                } catch (e) {}
+              }
+            });
+            toggle_d_none = false;
+            setTimeout(() => {
+              $('.new_page_loading').addClass('d-none');
+              (document.querySelector(`[gvc-id='${gvc.id(mainId)}']`) as any).classList.remove('d-none');
+            }, 50);
+          },
+        })
+      );
+      function acceptAd() {
+        // 設定所有 Google 服務的同意模式為 "granted"
+        const gtag = (window as any).gtag;
+        if (gtag) {
+          gtag('consent', 'default', {
+            ad_storage: 'granted', // 允許廣告 Cookie（Google Ads 轉換追蹤）
+            analytics_storage: 'granted', // 允許分析數據（GA4）
+            personalization_storage: 'granted', // 允許個人化（如 YouTube 影片嵌入）
+            security_storage: 'granted', // 允許安全性 Cookie
+            functionality_storage: 'granted', // 允許功能性 Cookie（如登入狀態）
+          });
+        }
+      }
+      //如果是APP預設追蹤
+      if (ApplicationConfig.is_application) {
+        localStorage.setItem('cookie_accept', 'true');
+      }
+      if (localStorage.getItem('cookie_accept') == 'true') {
+        acceptAd();
+      }
+      if (
+        localStorage.getItem('cookie_accept') != 'true' &&
+        (window as any).store_info.cookie_check &&
+        !glitter.htmlGenerate.isEditMode()
+      ) {
+        map.push(html`
+          <div
+            class="position-fixed rounded-3 d-flex align-items-center flex-column flex-sm-row p-3 privacy-notice shadow"
+            style="
+              width: 852px;
+              max-width: calc(100vw - 30px);
+              background: ${glitter.share.globalValue['theme_color.0.solid-button-bg']};
+              color: ${glitter.share.globalValue['theme_color.0.solid-button-text']};
+              z-index: 99999;
+              bottom: 30px;
+              transform: translateX(-50%);
+              left: 50%;
+            "
+          >
+            <div style="font-size: 14px;">${Language.text('cookie_use')}</div>
+            <div class="d-sm-none w-100 border-top my-3"></div>
+            <div
+              class="d-flex align-items-center justify-content-center fw-bold"
+              style="min-width: 150px;cursor: pointer;"
+              onclick="${gvc.event(() => {
                 localStorage.setItem('cookie_accept', 'true');
-            }
-            if((localStorage.getItem('cookie_accept') == 'true')){
+                for (const b of document.querySelectorAll('.privacy-notice')) {
+                  b.remove();
+                }
                 acceptAd();
-            }
-            if ((localStorage.getItem('cookie_accept') != 'true') && ((window as any).store_info.cookie_check) && !glitter.htmlGenerate.isEditMode()) {
-                map.push(`
-            <div class="position-fixed  rounded-3 d-flex align-items-center flex-column flex-sm-row p-3 privacy-notice shadow" style="width:852px;max-width:calc(100vw - 30px);background: ${glitter.share.globalValue['theme_color.0.solid-button-bg']};
-           color: ${glitter.share.globalValue['theme_color.0.solid-button-text']};
-            z-index: 99999;bottom: 30px;transform: translateX(-50%);left: 50%;">
-            <div style="font-size: 14px;
-            ">${Language.text('cookie_use')}</div>
-            <div class="d-sm-none w-100 border-top my-3"></div>
-            <div class="d-flex align-items-center justify-content-center fw-bold" style="min-width: 150px;cursor: pointer;" onclick="${gvc.event(() => {
-                    localStorage.setItem('cookie_accept', 'true');
-                    for (const b of document.querySelectorAll('.privacy-notice')) {
-                        b.remove();
-                    }
-                    acceptAd();
-                })}">${Language.text('i_known')}</div>
-</div>
-            `);
-
-            }
-
-            // const userID = ((subData && subData.userID) || gvc.glitter.macAddress);
+              })}"
+            >
+              ${Language.text('i_known')}
+            </div>
+          </div>
+        `);
+      }
 
-            if ((window as any).store_info.chat_toggle && !glitter.share.is_application && !((document.body.clientWidth<800) &&
-              ['account_userinfo','account_edit','order_list','voucher-list','rebate'
-                  ,'wishlist'].includes(gvc.glitter.getUrlParameter('page'))
-            )) {
-                map.push(gvc.bindView(() => {
-                    return {
-                        bind: gvc.glitter.getUUID(),
-                        view: () => {
-                            return new Promise((resolve, reject) => {
-                                const url = new URL('./cms-plugin/customer-message-user.js', gvc.glitter.root_path);
-                                gvc.glitter.getModule(url.href, (CustomerMessageUser) => {
-                                    resolve(CustomerMessageUser.showCustomerMessage({
-                                        gvc: gvc,
-                                        userID: (() => {
-                                            if (GlobalUser.token) {
-                                                return GlobalUser.parseJWT(GlobalUser.token).payload.userID;
-                                            } else {
-                                                return gvc.glitter.macAddress;
-                                            }
-                                        })(),
-                                    }));
-
-                                });
-
-                            });
-                        },
-                        divCreate:{
-                            class:`customer-message`
-                        }
-                    };
-                }));
-            }
-
-            return map.join('');
+      if (
+        (window as any).store_info.chat_toggle &&
+        !glitter.share.is_application &&
+        !(
+          document.body.clientWidth < 800 &&
+          [
+            'account_userinfo',
+            'recipient_info',
+            'account_edit',
+            'order_list',
+            'voucher-list',
+            'rebate',
+            'wishlist',
+          ].includes(gvc.glitter.getUrlParameter('page'))
+        )
+      ) {
+        map.push(
+          gvc.bindView(() => {
+            return {
+              bind: gvc.glitter.getUUID(),
+              view: () => {
+                return new Promise(resolve => {
+                  const url = new URL('./cms-plugin/customer-message-user.js', gvc.glitter.root_path);
+                  gvc.glitter.getModule(url.href, CustomerMessageUser => {
+                    resolve(
+                      CustomerMessageUser.showCustomerMessage({
+                        gvc: gvc,
+                        userID: (() => {
+                          if (GlobalUser.token) {
+                            return GlobalUser.parseJWT(GlobalUser.token).payload.userID;
+                          } else {
+                            return gvc.glitter.macAddress;
+                          }
+                        })(),
+                      })
+                    );
+                  });
+                });
+              },
+              divCreate: {
+                class: `customer-message`,
+              },
+            };
+          })
+        );
+      }
 
-        },
-    };
+      return map.join('');
+    },
+  };
 });
-