ts-glitter 20.7.4 → 20.7.6

package/lowcode/cms-plugin/auto-reply.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { BgWidget } from '../backend-manager/bg-widget.js';
 import { Tool } from '../modules/tool.js';
 import { ApiUser } from '../glitter-base/route/user.js';
-import { LanguageBackend } from "./language-backend.js";
+import { LanguageBackend } from './language-backend.js';
 const html = String.raw;
 export class AutoReply {
     static main(gvc, widget) {
@@ -59,7 +59,7 @@ export class AutoReply {
                                                 return BgWidget.switchTextButton(gvc, dd.toggle, {
                                                     left: dd.toggle ? '啟用' : '關閉',
                                                 }, () => {
-                                                    ApiUser.getPublicConfig(dd.tag, 'manager').then((res) => {
+                                                    ApiUser.getPublicConfig(dd.tag, 'manager').then(res => {
                                                         dd.toggle = !dd.toggle;
                                                         res.response.value = res.response.value || {};
                                                         res.response.value.updated_time = new Date();
@@ -94,11 +94,11 @@ export class AutoReply {
                         });
                     }
                     return BgWidget.container(html `
-                            <div class="title-container">
-                                ${BgWidget.title('自動寄件')}
-                                <div class="flex-fill"></div>
-                            </div>
-                            ${BgWidget.container(BgWidget.mainCard(BgWidget.tableV3({
+            <div class="title-container">
+              ${BgWidget.title('自動寄件')}
+              <div class="flex-fill"></div>
+            </div>
+            ${BgWidget.container(BgWidget.mainCard(BgWidget.tableV3({
                         gvc: gvc,
                         getData: (vmk) => __awaiter(this, void 0, void 0, function* () {
                             const appData = yield ApiUser.getPublicConfig('store-information', 'manager');
@@ -115,7 +115,7 @@ export class AutoReply {
                                 'auto-email-verify',
                                 'auto-email-forget',
                                 'get-customer-message',
-                            ].map((b) => {
+                            ].map(b => {
                                 return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
                                     const data = yield AutoReply.getDefCompare(b);
                                     data.title = data.title.replace(/@\{\{app_name\}\}/g, (appData.response.value && appData.response.value.shop_name) || '商店名稱');
@@ -134,8 +134,8 @@ export class AutoReply {
                         },
                         filter: [],
                     })))}
-                            ${BgWidget.mbContainer(240)}
-                        `);
+            ${BgWidget.mbContainer(240)}
+          `);
                 },
             };
         });
@@ -144,10 +144,10 @@ export class AutoReply {
         let vm = {
             data: '',
             loading: true,
-            language: window.parent.store_info.language_setting.def
+            language: window.parent.store_info.language_setting.def,
         };
         const id = gvc.glitter.getUUID();
-        AutoReply.getDefCompare(tag).then((dd) => {
+        AutoReply.getDefCompare(tag).then(dd => {
             vm.data = dd;
             vm.loading = false;
             gvc.notifyDataChange(id);
@@ -162,7 +162,6 @@ export class AutoReply {
                     if (vm.loading) {
                         return BgWidget.spinner();
                     }
-                    console.log(`vm.data->`, vm.data);
                     if (!vm.data[vm.language]) {
                         vm.data[vm.language] = {
                             title: vm.data.title,
@@ -172,29 +171,40 @@ export class AutoReply {
                     }
                     const language_data = vm.data[vm.language];
                     return html ` ${BgWidget.container([
-                        html `
-                                    <div class="title-container">
-                                        ${BgWidget.goBack(gvc.event(() => {
-                            back();
-                        }))}${BgWidget.title(vm.data.tag_name || '信件設定')}
-                                        <div class="flex-fill"></div>
-                                        ${LanguageBackend.switchBtn({
+                        html ` <div class="title-container">
+                ${[
+                            BgWidget.goBack(gvc.event(() => {
+                                back();
+                            })),
+                            BgWidget.title(vm.data.tag_name || '信件設定'),
+                            html `<div class="ms-2">
+                    ${BgWidget.questionButton(gvc.event(() => {
+                                BgWidget.dialog({
+                                    gvc,
+                                    title: '模板字串使用提示',
+                                    innerHTML: () => {
+                                        return BgWidget.alertInfo('可使用模板字串，信件將在寄送時自動填入相關數值', BgWidget.richTextQuickList.map(item => `${item.title}: ${item.value}`), {
+                                            class: 'mb-3',
+                                            style: '',
+                                        });
+                                    },
+                                });
+                            }))}
+                  </div>`,
+                        ].join('')}
+                <div class="flex-fill"></div>
+                ${LanguageBackend.switchBtn({
                             gvc: gvc,
                             language: vm.language,
-                            callback: (language) => {
+                            callback: language => {
                                 vm.language = language;
                                 refresh();
                             },
                         })}
-                                    </div>`,
+              </div>`,
                         BgWidget.mbContainer(24),
-                        BgWidget.alertInfo('可使用模板字串，信件將在寄送時自動填入相關數值', ['商家名稱：@{{app_name}}', '訂單號碼：@{{訂單號碼}}', '會員姓名：@{{user_name}}'], {
-                            class: 'mb-3',
-                            style: '',
-                        }),
                         BgWidget.mainCard(gvc.bindView(() => {
                             const id = gvc.glitter.getUUID();
-                            ;
                             return {
                                 bind: id,
                                 view: () => {
@@ -206,7 +216,7 @@ export class AutoReply {
                                             gvc: gvc,
                                             title: html `寄件者名稱` + BgWidget.languageInsignia(vm.language),
                                             default: language_data.name || '',
-                                            callback: (text) => {
+                                            callback: text => {
                                                 language_data.name = text;
                                             },
                                             placeHolder: '請輸入寄件者名稱',
@@ -215,15 +225,14 @@ export class AutoReply {
                                             gvc: gvc,
                                             title: html `信件標題` + BgWidget.languageInsignia(vm.language),
                                             default: language_data.title || '',
-                                            callback: (text) => {
+                                            callback: text => {
                                                 language_data.title = text;
                                             },
                                             placeHolder: '請輸入信件標題',
                                         }),
-                                        html `
-                                                            <div class="tx_normal fw-normal mb-2">
-                                                                    信件內容${BgWidget.languageInsignia(vm.language)}
-                                                            </div>`,
+                                        html ` <div class="tx_normal fw-normal mb-2">
+                          信件內容${BgWidget.languageInsignia(vm.language)}
+                        </div>`,
                                         gvc.bindView((() => {
                                             const id = gvc.glitter.getUUID();
                                             return {
@@ -234,72 +243,34 @@ export class AutoReply {
                                                         return BgWidget.richTextEditor({
                                                             gvc: gvc,
                                                             content: (_a = language_data.content) !== null && _a !== void 0 ? _a : '',
-                                                            callback: (content) => {
+                                                            callback: content => {
                                                                 language_data.content = content;
                                                             },
                                                             title: '內容編輯',
-                                                            quick_insert: (() => {
-                                                                switch (tag) {
-                                                                    case 'auto-email-payment-successful':
-                                                                        return [
-                                                                            {
-                                                                                title: '商家名稱',
-                                                                                value: '@{{app_name}}'
-                                                                            },
-                                                                            {
-                                                                                title: '訂單號碼',
-                                                                                value: '@{{訂單號碼}}'
-                                                                            },
-                                                                            {
-                                                                                title: '會員姓名',
-                                                                                value: '@{{user_name}}'
-                                                                            },
-                                                                            {
-                                                                                title: '訂單金額',
-                                                                                value: '@{{訂單金額}}'
-                                                                            },
-                                                                            {
-                                                                                title: '姓名',
-                                                                                value: '@{{姓名}}'
-                                                                            },
-                                                                            {
-                                                                                title: '電話',
-                                                                                value: '@{{電話}}'
-                                                                            },
-                                                                            {
-                                                                                title: '地址',
-                                                                                value: '@{{地址}}'
-                                                                            },
-                                                                            {
-                                                                                title: '信箱',
-                                                                                value: '@{{信箱}}'
-                                                                            }
-                                                                        ];
-                                                                    default:
-                                                                        return [];
-                                                                }
-                                                            })()
+                                                            quick_insert: ['get-customer-message', 'proof-purchase'].includes(tag) ||
+                                                                tag.includes('auto-email')
+                                                                ? BgWidget.richTextQuickList
+                                                                : [],
                                                         });
                                                     }
                                                     catch (e) {
-                                                        console.log(`error=>`, e);
-                                                        return ``;
+                                                        console.error(`error=>`, e);
+                                                        return '';
                                                     }
                                                 },
                                                 divCreate: {},
                                             };
-                                        })())
+                                        })()),
                                     ].join('');
                                 },
                             };
                         })),
                         BgWidget.mbContainer(240),
-                        html `
-                                    <div class="update-bar-container">
-                                        ${BgWidget.cancel(gvc.event(() => {
+                        html ` <div class="update-bar-container">
+                ${BgWidget.cancel(gvc.event(() => {
                             back();
                         }))}
-                                        ${BgWidget.save(gvc.event(() => {
+                ${BgWidget.save(gvc.event(() => {
                             widget.event('loading', { title: '儲存中' });
                             vm.data.updated_time = new Date();
                             ApiUser.setPublicConfig({
@@ -313,10 +284,10 @@ export class AutoReply {
                                 }, 1000);
                             });
                         }))}
-                                    </div>`,
+              </div>`,
                     ].join(''))}`;
                 },
-                divCreate: {}
+                divCreate: {},
             };
         });
     }
@@ -432,206 +403,247 @@ export class AutoReply {
     }
     static getCustomerMessageHTML() {
         const html = String.raw;
-        return html `
+        return html ` <table
+      width="100%"
+      border="0"
+      cellpadding="0"
+      cellspacing="0"
+      style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; color: rgb(65, 65, 65); font-family: sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255);"
+      id="isPasted"
+    >
+      <tbody
+        style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+      >
+        <tr
+          style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+        >
+          <td
+            style="box-sizing: border-box; border: 0px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px;"
+          >
             <table
-                    width="100%"
-                    border="0"
-                    cellpadding="0"
-                    cellspacing="0"
-                    style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; color: rgb(65, 65, 65); font-family: sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255);"
-                    id="isPasted"
+              align="center"
+              width="100%"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); border: none; empty-cells: show; max-width: 100%;"
             >
-                <tbody style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                <tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                    <td style="box-sizing: border-box; border: 0px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px;">
-                        <table
-                                align="center"
-                                width="100%"
-                                border="0"
-                                cellpadding="0"
-                                cellspacing="0"
-                                style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); border: none; empty-cells: show; max-width: 100%;"
+              <tbody
+                style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased; flex-shrink: 0; width: 1055.59px; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y);"
+              >
+                <tr
+                  style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                >
+                  <td
+                    style="box-sizing: border-box; border: 0px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px;"
+                  >
+                    <table
+                      align="center"
+                      border="0"
+                      cellpadding="0"
+                      cellspacing="0"
+                      width="600"
+                      style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; color: rgb(0, 0, 0); width: 600px; margin: 0px auto;"
+                    >
+                      <tbody
+                        style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                      >
+                        <tr
+                          style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
                         >
-                            <tbody
-                                    style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased; flex-shrink: 0; width: 1055.59px; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y);"
+                          <td
+                            width="100%"
+                            style="box-sizing: border-box; border: 0px; -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; font-weight: 400; text-align: left; padding-bottom: 5px; padding-top: 5px; vertical-align: top;"
+                          >
+                            <table
+                              width="100%"
+                              border="0"
+                              cellpadding="0"
+                              cellspacing="0"
+                              style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%;"
                             >
-                            <tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                <td style="box-sizing: border-box; border: 0px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px;">
-                                    <table
-                                            align="center"
-                                            border="0"
-                                            cellpadding="0"
-                                            cellspacing="0"
-                                            width="600"
-                                            style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; color: rgb(0, 0, 0); width: 600px; margin: 0px auto;"
+                              <tbody
+                                style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                              >
+                                <tr
+                                  style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                                >
+                                  <td
+                                    style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; width: 599px;"
+                                  >
+                                    <div
+                                      align="center"
+                                      style="box-sizing: border-box; -webkit-font-smoothing: antialiased; line-height: 10px;"
                                     >
-                                        <tbody style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                        <tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                            <td
-                                                    width="100%"
-                                                    style="box-sizing: border-box; border: 0px; -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; font-weight: 400; text-align: left; padding-bottom: 5px; padding-top: 5px; vertical-align: top;"
-                                            >
-                                                <table
-                                                        width="100%"
-                                                        border="0"
-                                                        cellpadding="0"
-                                                        cellspacing="0"
-                                                        style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%;"
-                                                >
-                                                    <tbody style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                    <tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                        <td
-                                                                style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; width: 599px;"
-                                                        >
-                                                            <div align="center"
-                                                                 style="box-sizing: border-box; -webkit-font-smoothing: antialiased; line-height: 10px;">
-                                                                <div style="box-sizing: border-box; -webkit-font-smoothing: antialiased; max-width: 600px;">
-                                                                    <img
-                                                                            src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1719903595261-s3s4scs3s7sfsfs7.png"
-                                                                            class="fr-fic fr-dii"
-                                                                            style="width: 100%;"
-                                                                    />
-                                                                    <br/>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    </tbody>
-                                                </table>
+                                      <div
+                                        style="box-sizing: border-box; -webkit-font-smoothing: antialiased; max-width: 600px;"
+                                      >
+                                        <img
+                                          src="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1719903595261-s3s4scs3s7sfsfs7.png"
+                                          class="fr-fic fr-dii"
+                                          style="width: 100%;"
+                                        />
+                                        <br />
+                                      </div>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
 
-                                                <table
-                                                        width="100%"
-                                                        border="0"
-                                                        cellpadding="0"
-                                                        cellspacing="0"
-                                                        style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%;"
-                                                >
-                                                    <tbody style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                    <tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                        <td
-                                                                style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; padding: 60px 45px 30px; text-align: left; width: 599px;"
-                                                        >
-                                                            <h1
-                                                                    style="box-sizing: border-box; margin: 0px; font-weight: 700; line-height: 33.6px; color: rgb(54, 54, 54); font-size: 28px; -webkit-font-smoothing: antialiased; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; direction: ltr; font-family: Arial, Helvetica, sans-serif; text-align: left;"
-                                                                    id="isPasted"
-                                                            >
-                                                                客服訊息
-                                                            </h1>
-                                                            <br/>
-                                                            <div style="width: 100%;text-align: start;">@{{text}}</div>
-                                                            <br/>
-                                                            <br/><span
-                                                                style="color: rgb(16, 17, 18); font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;"
-                                                        ><a
-                                                                href="@{{link}}"
-                                                                target="_blank"
-                                                                style="box-sizing: border-box; color: rgb(255, 255, 255); text-decoration: none; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 148, 2); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 5px; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 24px; padding-bottom: 15px; padding-top: 15px; text-align: center; width: auto; word-break: keep-all;"
-                                                                id="isPasted"
-                                                        ><span
-                                                                style="box-sizing: border-box; -webkit-font-smoothing: antialiased; padding-left: 30px; padding-right: 30px; font-size: 24px; display: inline-block; letter-spacing: normal;"
-                                                        ><span
-                                                                style="box-sizing: border-box; -webkit-font-smoothing: antialiased; word-break: break-word; line-height: 48px;"
-                                                        ><strong
-                                                                style="box-sizing: border-box; font-weight: 700; -webkit-font-smoothing: antialiased;"
-                                                        >前往商店</strong
-                                                        ></span
-                                                        ></span
-                                                        ></a
-                                                        ></span
-                                                        >
-                                                            <br/>
-                                                        </td>
-                                                    </tr>
-                                                    </tbody>
-                                                </table>
+                            <table
+                              width="100%"
+                              border="0"
+                              cellpadding="0"
+                              cellspacing="0"
+                              style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%;"
+                            >
+                              <tbody
+                                style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                              >
+                                <tr
+                                  style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                                >
+                                  <td
+                                    style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; padding: 60px 45px 30px; text-align: left; width: 599px;"
+                                  >
+                                    <h1
+                                      style="box-sizing: border-box; margin: 0px; font-weight: 700; line-height: 33.6px; color: rgb(54, 54, 54); font-size: 28px; -webkit-font-smoothing: antialiased; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; direction: ltr; font-family: Arial, Helvetica, sans-serif; text-align: left;"
+                                      id="isPasted"
+                                    >
+                                      客服訊息
+                                    </h1>
+                                    <br />
+                                    <div style="width: 100%;text-align: start;">@{{text}}</div>
+                                    <br />
+                                    <br /><span
+                                      style="color: rgb(16, 17, 18); font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;"
+                                      ><a
+                                        href="@{{link}}"
+                                        target="_blank"
+                                        style="box-sizing: border-box; color: rgb(255, 255, 255); text-decoration: none; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 148, 2); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 5px; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 24px; padding-bottom: 15px; padding-top: 15px; text-align: center; width: auto; word-break: keep-all;"
+                                        id="isPasted"
+                                        ><span
+                                          style="box-sizing: border-box; -webkit-font-smoothing: antialiased; padding-left: 30px; padding-right: 30px; font-size: 24px; display: inline-block; letter-spacing: normal;"
+                                          ><span
+                                            style="box-sizing: border-box; -webkit-font-smoothing: antialiased; word-break: break-word; line-height: 48px;"
+                                            ><strong
+                                              style="box-sizing: border-box; font-weight: 700; -webkit-font-smoothing: antialiased;"
+                                              >前往商店</strong
+                                            ></span
+                                          ></span
+                                        ></a
+                                      ></span
+                                    >
+                                    <br />
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
 
-                                                <table
-                                                        width="100%"
-                                                        border="0"
-                                                        cellpadding="0"
-                                                        cellspacing="0"
-                                                        style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; word-break: break-word; background-color: rgb(247, 247, 247);"
-                                                >
-                                                    <tbody style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                    <tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                        <td
-                                                                style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; padding: 28px 45px 10px;"
-                                                        >
-                                                            <div
-                                                                    style="box-sizing: border-box; -webkit-font-smoothing: antialiased; color: rgb(16, 17, 18); direction: ltr; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 19.2px; text-align: left;"
-                                                            >
-                                                                <p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;">
-                                                                    如果您有任何疑問或需要幫助，我們的團隊隨時在這裡為您提供支持。
-                                                                </p>
+                            <table
+                              width="100%"
+                              border="0"
+                              cellpadding="0"
+                              cellspacing="0"
+                              style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; word-break: break-word; background-color: rgb(247, 247, 247);"
+                            >
+                              <tbody
+                                style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                              >
+                                <tr
+                                  style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                                >
+                                  <td
+                                    style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; padding: 28px 45px 10px;"
+                                  >
+                                    <div
+                                      style="box-sizing: border-box; -webkit-font-smoothing: antialiased; color: rgb(16, 17, 18); direction: ltr; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 19.2px; text-align: left;"
+                                    >
+                                      <p
+                                        style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;"
+                                      >
+                                        如果您有任何疑問或需要幫助，我們的團隊隨時在這裡為您提供支持。
+                                      </p>
 
-                                                                <p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;">
-                                                                    服務電話：+886 978-028-730
-                                                                </p>
+                                      <p
+                                        style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;"
+                                      >
+                                        服務電話：+886 978-028-730
+                                      </p>
 
-                                                                <p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;">
-                                                                    電子郵件：mk@ncdesign.info
-                                                                </p>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    </tbody>
-                                                </table>
+                                      <p
+                                        style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;"
+                                      >
+                                        電子郵件：mk@ncdesign.info
+                                      </p>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
 
-                                                <table
-                                                        width="100%"
-                                                        border="0"
-                                                        cellpadding="0"
-                                                        cellspacing="0"
-                                                        style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; word-break: break-word; background-color: rgb(247, 247, 247);"
-                                                >
-                                                    <tbody style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                    <tr style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;">
-                                                        <td
-                                                                style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; padding: 20px 10px 10px;"
-                                                        >
-                                                            <div
-                                                                    style="box-sizing: border-box; -webkit-font-smoothing: antialiased; color: rgb(16, 17, 18); direction: ltr; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 16.8px; text-align: center;"
-                                                            >
-                                                                <p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;">
-                                                                    <a
-                                                                            href="https://shopnex.tw/?article=termsofservice&page=blog_detail"
-                                                                            target="_blank"
-                                                                            rel="noopener"
-                                                                            style="box-sizing: border-box; color: rgb(28, 28, 28); text-decoration: underline; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto;"
-                                                                    >服務條款</a
-                                                                    >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
-                                                                    <a
-                                                                            href="https://shopnex.tw/?article=privacyterms&page=blog_detail"
-                                                                            target="_blank"
-                                                                            rel="noopener"
-                                                                            style="box-sizing: border-box; color: rgb(28, 28, 28); text-decoration: underline; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto;"
-                                                                    >隱私條款</a
-                                                                    >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
-                                                                    <a
-                                                                            href="https://shopnex.tw/?article=privacyterms&page=e-commerce-blog"
-                                                                            target="_blank"
-                                                                            rel="noopener"
-                                                                            style="box-sizing: border-box; color: rgb(28, 28, 28); text-decoration: underline; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto;"
-                                                                    >開店教學</a
-                                                                    >
-                                                                </p>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    </tbody>
-                                                </table>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </td>
-                            </tr>
-                            </tbody>
-                        </table>
-                    </td>
+                            <table
+                              width="100%"
+                              border="0"
+                              cellpadding="0"
+                              cellspacing="0"
+                              style="box-sizing: border-box; caption-side: bottom; border-collapse: collapse; -webkit-font-smoothing: antialiased; border: none; empty-cells: show; max-width: 100%; word-break: break-word; background-color: rgb(247, 247, 247);"
+                            >
+                              <tbody
+                                style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                              >
+                                <tr
+                                  style="box-sizing: border-box; border-color: inherit; border-style: solid; border-width: 0px; -webkit-font-smoothing: antialiased;"
+                                >
+                                  <td
+                                    style="box-sizing: border-box; border: 1px solid rgb(221, 221, 221); -webkit-font-smoothing: antialiased; user-select: text; min-width: 5px; padding: 20px 10px 10px;"
+                                  >
+                                    <div
+                                      style="box-sizing: border-box; -webkit-font-smoothing: antialiased; color: rgb(16, 17, 18); direction: ltr; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; line-height: 16.8px; text-align: center;"
+                                    >
+                                      <p
+                                        style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1.25rem; -webkit-font-smoothing: antialiased;"
+                                      >
+                                        <a
+                                          href="https://shopnex.tw/?article=termsofservice&page=blog_detail"
+                                          target="_blank"
+                                          rel="noopener"
+                                          style="box-sizing: border-box; color: rgb(28, 28, 28); text-decoration: underline; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto;"
+                                          >服務條款</a
+                                        >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
+                                        <a
+                                          href="https://shopnex.tw/?article=privacyterms&page=blog_detail"
+                                          target="_blank"
+                                          rel="noopener"
+                                          style="box-sizing: border-box; color: rgb(28, 28, 28); text-decoration: underline; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto;"
+                                          >隱私條款</a
+                                        >&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
+                                        <a
+                                          href="https://shopnex.tw/?article=privacyterms&page=e-commerce-blog"
+                                          target="_blank"
+                                          rel="noopener"
+                                          style="box-sizing: border-box; color: rgb(28, 28, 28); text-decoration: underline; -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out 0s; user-select: auto;"
+                                          >開店教學</a
+                                        >
+                                      </p>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </td>
                 </tr>
-                </tbody>
-            </table>`;
+              </tbody>
+            </table>
+          </td>
+        </tr>
+      </tbody>
+    </table>`;
     }
 }
 window.glitter.setModule(import.meta.url, AutoReply);