ts-glitter 21.7.5 → 21.7.6

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 (9) hide show
  1. package/lowcode/Entry.js +1 -1
  2. package/lowcode/Entry.ts +1 -1
  3. package/lowcode/cms-plugin/auto-reply.js +2 -1
  4. package/lowcode/cms-plugin/auto-reply.ts +2 -2
  5. package/lowcode/cms-plugin/line-auto-reply.js +5 -1
  6. package/lowcode/cms-plugin/line-auto-reply.ts +5 -1
  7. package/lowcode/cms-plugin/sns-auto-reply.js +32 -31
  8. package/lowcode/cms-plugin/sns-auto-reply.ts +414 -411
  9. package/package.json +1 -1
package/lowcode/Entry.js CHANGED
@@ -146,7 +146,7 @@ export class Entry {
146
146
  }
147
147
  window.renderClock = (_b = window.renderClock) !== null && _b !== void 0 ? _b : createClock();
148
148
  console.log(`Entry-time:`, window.renderClock.stop());
149
- glitter.share.editerVersion = 'V_21.7.5';
149
+ glitter.share.editerVersion = 'V_21.7.6';
150
150
  glitter.share.start = new Date();
151
151
  const vm = { appConfig: [] };
152
152
  window.saasConfig = {
package/lowcode/Entry.ts CHANGED
@@ -150,7 +150,7 @@ export class Entry {
150
150
  }
151
151
  (window as any).renderClock = (window as any).renderClock ?? createClock();
152
152
  console.log(`Entry-time:`, (window as any).renderClock.stop());
153
- glitter.share.editerVersion = 'V_21.7.5';
153
+ glitter.share.editerVersion = 'V_21.7.6';
154
154
  glitter.share.start = new Date();
155
155
  const vm = { appConfig: [] };
156
156
  (window as any).saasConfig = {
package/lowcode/cms-plugin/auto-reply.js CHANGED
@@ -118,6 +118,7 @@ export class AutoReply {
118
118
  'auto-email-order-create',
119
119
  'auto-email-payment-successful',
120
120
  'proof-purchase',
121
+ 'auto-email-order-cancel-success',
121
122
  'auto-email-birthday',
122
123
  'auto-email-welcome',
123
124
  'auto-email-verify',
@@ -412,7 +413,7 @@ export class AutoReply {
412
413
  return dd.tag === tag;
413
414
  });
414
415
  if (keyData.response.value) {
415
- return Object.assign(Object.assign(Object.assign({}, b), keyData.response.value), { updated_time: new Date(keyData.response.value.updated_time) });
416
+ return Object.assign(Object.assign(Object.assign({}, b), keyData.response.value), { updated_time: keyData.response.value.updated_time && new Date(keyData.response.value.updated_time) });
416
417
  }
417
418
  return b;
418
419
  });
package/lowcode/cms-plugin/auto-reply.ts CHANGED
@@ -132,7 +132,7 @@ export class AutoReply {
132
132
  'auto-email-order-create',
133
133
  'auto-email-payment-successful',
134
134
  'proof-purchase',
135
- // 'auto-email-order-cancel-success',
135
+ 'auto-email-order-cancel-success',
136
136
  // 'auto-email-order-cancel-false',
137
137
  'auto-email-birthday',
138
138
  'auto-email-welcome',
@@ -464,7 +464,7 @@ export class AutoReply {
464
464
  return {
465
465
  ...b,
466
466
  ...keyData.response.value,
467
- updated_time: new Date(keyData.response.value.updated_time),
467
+ updated_time: keyData.response.value.updated_time && new Date(keyData.response.value.updated_time),
468
468
  };
469
469
  }
470
470
  return b;
package/lowcode/cms-plugin/line-auto-reply.js CHANGED
@@ -42,6 +42,9 @@ export class AutoReply {
42
42
  let vmi = undefined;
43
43
  function getDatalist() {
44
44
  return vm.dataList.map((dd) => {
45
+ if (dd.updated_time === 'Invalid Date') {
46
+ dd.updated_time = '';
47
+ }
45
48
  return [
46
49
  {
47
50
  key: '發送時間',
@@ -118,6 +121,7 @@ export class AutoReply {
118
121
  'auto-line-order-cancel-success',
119
122
  'line-proof-purchase',
120
123
  'auto-line-birthday',
124
+ 'auto-line-order-cancel-success'
121
125
  ];
122
126
  let index = 0;
123
127
  for (const b of vm.dataList) {
@@ -349,7 +353,7 @@ export class AutoReply {
349
353
  b.toggle = (_a = keyData.response.value.toggle) !== null && _a !== void 0 ? _a : true;
350
354
  b.content = keyData.response.value.content || b.content;
351
355
  b.name = keyData.response.value.name || b.name;
352
- b.updated_time = new Date(keyData.response.value.updated_time);
356
+ b.updated_time = keyData.response.value.updated_time && new Date(keyData.response.value.updated_time);
353
357
  }
354
358
  return b;
355
359
  });
package/lowcode/cms-plugin/line-auto-reply.ts CHANGED
@@ -53,6 +53,9 @@ export class AutoReply {
53
53
 
54
54
  function getDatalist() {
55
55
  return vm.dataList.map((dd: any) => {
56
+ if (dd.updated_time === 'Invalid Date') {
57
+ dd.updated_time = '';
58
+ }
56
59
  return [
57
60
  {
58
61
  key: '發送時間',
@@ -138,6 +141,7 @@ export class AutoReply {
138
141
  'auto-line-order-cancel-success',
139
142
  'line-proof-purchase',
140
143
  'auto-line-birthday',
144
+ 'auto-line-order-cancel-success'
141
145
  ];
142
146
  let index = 0;
143
147
  for (const b of vm.dataList) {
@@ -391,7 +395,7 @@ export class AutoReply {
391
395
  b.toggle = keyData.response.value.toggle ?? true;
392
396
  b.content = keyData.response.value.content || b.content;
393
397
  b.name = keyData.response.value.name || b.name;
394
- b.updated_time = new Date(keyData.response.value.updated_time);
398
+ b.updated_time = keyData.response.value.updated_time && new Date(keyData.response.value.updated_time);
395
399
  }
396
400
  return b;
397
401
  }
package/lowcode/cms-plugin/sns-auto-reply.js CHANGED
@@ -65,7 +65,7 @@ export class AutoReply {
65
65
  return BgWidget.switchTextButton(gvc, dd.toggle, {
66
66
  left: dd.toggle ? '啟用' : '關閉',
67
67
  }, () => {
68
- ApiUser.getPublicConfig(dd.tag, 'manager').then((res) => {
68
+ ApiUser.getPublicConfig(dd.tag, 'manager').then(res => {
69
69
  dd.toggle = !dd.toggle;
70
70
  res.response.value = res.response.value || {};
71
71
  res.response.value.updated_time = new Date();
@@ -100,11 +100,11 @@ export class AutoReply {
100
100
  });
101
101
  }
102
102
  return BgWidget.container(html `
103
- <div class="title-container">
104
- ${BgWidget.title('自動寄送簡訊')}
105
- <div class="flex-fill"></div>
106
- </div>
107
- ${BgWidget.container(BgWidget.mainCard(BgWidget.tableV3({
103
+ <div class="title-container">
104
+ ${BgWidget.title('自動寄送簡訊')}
105
+ <div class="flex-fill"></div>
106
+ </div>
107
+ ${BgWidget.container(BgWidget.mainCard(BgWidget.tableV3({
108
108
  gvc: gvc,
109
109
  getData: (vmk) => __awaiter(this, void 0, void 0, function* () {
110
110
  const appData = yield ApiUser.getPublicConfig('store-information', 'manager');
@@ -118,6 +118,7 @@ export class AutoReply {
118
118
  'sns-proof-purchase',
119
119
  'auto-sns-birthday',
120
120
  'auto-phone-verify',
121
+ 'auto-sns-order-cancel-success',
121
122
  ];
122
123
  let index = 0;
123
124
  for (const b of vm.dataList) {
@@ -138,8 +139,8 @@ export class AutoReply {
138
139
  },
139
140
  filter: [],
140
141
  })))}
141
- ${BgWidget.mbContainer(240)}
142
- `);
142
+ ${BgWidget.mbContainer(240)}
143
+ `);
143
144
  },
144
145
  };
145
146
  });
@@ -152,8 +153,8 @@ export class AutoReply {
152
153
  const that = this;
153
154
  let pointCount = 1;
154
155
  return html ` ${BgWidget.container([
155
- html `<div class="title-container">
156
- ${BgWidget.goBack(gvc.event(() => {
156
+ html ` <div class="title-container">
157
+ ${BgWidget.goBack(gvc.event(() => {
157
158
  back();
158
159
  }))}${BgWidget.title((() => {
159
160
  const vm = {
@@ -167,8 +168,8 @@ export class AutoReply {
167
168
  divCreate: {},
168
169
  onCreate: () => {
169
170
  if (vm.loading) {
170
- new Promise((resolve) => {
171
- AutoReply.getDefCompare(tag).then((dd) => resolve(dd));
171
+ new Promise(resolve => {
172
+ AutoReply.getDefCompare(tag).then(dd => resolve(dd));
172
173
  }).then((res) => {
173
174
  if (res && res.tag_name) {
174
175
  vm.name = res.tag_name;
@@ -180,7 +181,7 @@ export class AutoReply {
180
181
  },
181
182
  });
182
183
  })())}
183
- </div>`,
184
+ </div>`,
184
185
  BgWidget.mbContainer(24),
185
186
  BgWidget.alertInfo('可使用模板字串，簡訊將在寄送時自動填入相關數值', ['商家名稱：@{{app_name}}', '訂單號碼：@{{訂單號碼}}', '會員姓名：@{{user_name}}'], {
186
187
  class: 'mb-3',
@@ -188,7 +189,7 @@ export class AutoReply {
188
189
  }),
189
190
  BgWidget.mainCard(gvc.bindView(() => {
190
191
  const id = gvc.glitter.getUUID();
191
- AutoReply.getDefCompare(tag).then((dd) => {
192
+ AutoReply.getDefCompare(tag).then(dd => {
192
193
  vm.data = dd;
193
194
  vm.loading = false;
194
195
  gvc.notifyDataChange(id);
@@ -201,19 +202,19 @@ export class AutoReply {
201
202
  gvc: gvc,
202
203
  title: '寄件者名稱',
203
204
  default: vm.data.name || '',
204
- callback: (text) => {
205
+ callback: text => {
205
206
  vm.data.name = text;
206
207
  },
207
208
  placeHolder: '請輸入寄件者名稱',
208
209
  }),
209
210
  html `
210
- <div class="d-flex w-100 align-items-center justify-content-between p-0 my-2">
211
- <div class="d-flex align-items-center gap-2">
212
- ${EditorElem.h3('簡訊內文')}
213
- ${document.body.clientWidth > 768
211
+ <div class="d-flex w-100 align-items-center justify-content-between p-0 my-2">
212
+ <div class="d-flex align-items-center gap-2">
213
+ ${EditorElem.h3('簡訊內文')}
214
+ ${document.body.clientWidth > 768
214
215
  ? BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`, 'margin-top: 0.25em;')
215
216
  : html ` <div style="margin-top: 0.25em;">
216
- ${BgWidget.iconButton({
217
+ ${BgWidget.iconButton({
217
218
  icon: 'info',
218
219
  event: gvc.event(() => {
219
220
  BgWidget.jumpAlert({
@@ -225,17 +226,17 @@ export class AutoReply {
225
226
  });
226
227
  }),
227
228
  })}
228
- </div>`}
229
- </div>
230
- <div>${BgWidget.aiChatButton({ gvc, select: 'writer' })}</div>
231
- </div>
232
- `,
229
+ </div>`}
230
+ </div>
231
+ <div>${BgWidget.aiChatButton({ gvc, select: 'writer' })}</div>
232
+ </div>
233
+ `,
233
234
  EditorElem.editeText({
234
235
  gvc: gvc,
235
236
  title: '',
236
237
  default: vm.data.content || '',
237
238
  placeHolder: '',
238
- callback: (text) => {
239
+ callback: text => {
239
240
  vm.data.content = text;
240
241
  let totalSize = 0;
241
242
  for (let i = 0; i < text.length; i++) {
@@ -262,13 +263,13 @@ export class AutoReply {
262
263
  })),
263
264
  BgWidget.mbContainer(240),
264
265
  html ` <div class="update-bar-container">
265
- ${BgWidget.cancel(gvc.event(() => {
266
+ ${BgWidget.cancel(gvc.event(() => {
266
267
  back();
267
268
  }))}
268
- ${BgWidget.save(gvc.event(() => {
269
+ ${BgWidget.save(gvc.event(() => {
269
270
  const dialog = new ShareDialog(gvc.glitter);
270
271
  dialog.checkYesOrNot({
271
- callback: (select) => {
272
+ callback: select => {
272
273
  if (select) {
273
274
  dialog.dataLoading({ visible: true, text: '儲存中' });
274
275
  vm.data.updated_time = new Date();
@@ -287,7 +288,7 @@ export class AutoReply {
287
288
  text: `確認無誤後將儲存`,
288
289
  });
289
290
  }))}
290
- </div>`,
291
+ </div>`,
291
292
  ].join(''))}`;
292
293
  }
293
294
  static getDefCompare(tag) {
@@ -384,7 +385,7 @@ export class AutoReply {
384
385
  b.toggle = (_a = keyData.response.value.toggle) !== null && _a !== void 0 ? _a : true;
385
386
  b.content = keyData.response.value.content || b.content;
386
387
  b.name = keyData.response.value.name || b.name;
387
- b.updated_time = new Date(keyData.response.value.updated_time);
388
+ b.updated_time = keyData.response.value.updated_time && new Date(keyData.response.value.updated_time);
388
389
  }
389
390
  return b;
390
391
  });
package/lowcode/cms-plugin/sns-auto-reply.ts CHANGED
@@ -9,427 +9,430 @@ import { ShareDialog } from '../glitterBundle/dialog/ShareDialog.js';
9
9
  const html = String.raw;
10
10
 
11
11
  export class AutoReply {
12
- public static maxSize = 160;
13
- public static longSMS = 153;
14
- public static ticket = 15;
12
+ public static maxSize = 160;
13
+ public static longSMS = 153;
14
+ public static ticket = 15;
15
15
 
16
- public static main(gvc: GVC, widget: any) {
17
- const vm: {
18
- type: 'list' | 'replace';
19
- data: any;
20
- dataList: any;
21
- query?: string;
22
- tag: string;
23
- userData: any;
24
- } = {
25
- type: 'list',
26
- data: {},
27
- dataList: undefined,
28
- tag: '',
29
- query: '',
30
- userData: {
31
- userName: '',
32
- password: '',
33
- },
34
- };
35
- const glitter = gvc.glitter;
36
- const id = glitter.getUUID();
37
- return gvc.bindView(() => {
38
- return {
39
- bind: id,
40
- view: () => {
41
- if (vm.type === 'replace') {
42
- return AutoReply.autoSendEmail(
43
- gvc,
44
- vm.tag,
45
- () => {
46
- vm.type = 'list';
47
- gvc.notifyDataChange(id);
48
- },
49
- widget
16
+ public static main(gvc: GVC, widget: any) {
17
+ const vm: {
18
+ type: 'list' | 'replace';
19
+ data: any;
20
+ dataList: any;
21
+ query?: string;
22
+ tag: string;
23
+ userData: any;
24
+ } = {
25
+ type: 'list',
26
+ data: {},
27
+ dataList: undefined,
28
+ tag: '',
29
+ query: '',
30
+ userData: {
31
+ userName: '',
32
+ password: '',
33
+ },
34
+ };
35
+ const glitter = gvc.glitter;
36
+ const id = glitter.getUUID();
37
+ return gvc.bindView(() => {
38
+ return {
39
+ bind: id,
40
+ view: () => {
41
+ if (vm.type === 'replace') {
42
+ return AutoReply.autoSendEmail(
43
+ gvc,
44
+ vm.tag,
45
+ () => {
46
+ vm.type = 'list';
47
+ gvc.notifyDataChange(id);
48
+ },
49
+ widget
50
+ );
51
+ }
52
+ let vmi: any = undefined;
53
+
54
+ function getDatalist() {
55
+ return vm.dataList.map((dd: any) => {
56
+ return [
57
+ {
58
+ key: '發送時間',
59
+ value: dd.tag_name,
60
+ },
61
+ {
62
+ key: '標題',
63
+ value: Tool.truncateString(dd.title, 40),
64
+ },
65
+ {
66
+ key: '最後更新時間',
67
+ value: dd.updated_time ? gvc.glitter.ut.dateFormat(dd.updated_time, 'yyyy-MM-dd') : '系統預設',
68
+ },
69
+ {
70
+ key: '狀態',
71
+ value: gvc.bindView(() => {
72
+ const id2 = gvc.glitter.getUUID();
73
+ return {
74
+ bind: id2,
75
+ view: () => {
76
+ return BgWidget.switchTextButton(
77
+ gvc,
78
+ dd.toggle,
79
+ {
80
+ left: dd.toggle ? '啟用' : '關閉',
81
+ },
82
+ () => {
83
+ ApiUser.getPublicConfig(dd.tag, 'manager').then(res => {
84
+ dd.toggle = !dd.toggle;
85
+ res.response.value = res.response.value || {};
86
+ res.response.value.updated_time = new Date();
87
+ res.response.value.toggle = dd.toggle;
88
+ ApiUser.setPublicConfig({
89
+ key: dd.tag,
90
+ value: res.response.value,
91
+ user_id: 'manager',
92
+ }).then(() => {
93
+ gvc.notifyDataChange(id2);
94
+ });
95
+ });
96
+ }
50
97
  );
51
- }
52
- let vmi: any = undefined;
98
+ },
99
+ divCreate: {
100
+ elem: 'div',
101
+ style: 'gap:4px;',
102
+ class: 'd-flex',
103
+ option: [
104
+ {
105
+ key: 'onclick',
106
+ value: gvc.event((e, event) => {
107
+ event.stopPropagation();
108
+ }),
109
+ },
110
+ ],
111
+ },
112
+ };
113
+ }),
114
+ },
115
+ ];
116
+ });
117
+ }
53
118
 
54
- function getDatalist() {
55
- return vm.dataList.map((dd: any) => {
56
- return [
57
- {
58
- key: '發送時間',
59
- value: dd.tag_name,
60
- },
61
- {
62
- key: '標題',
63
- value: Tool.truncateString(dd.title, 40),
64
- },
65
- {
66
- key: '最後更新時間',
67
- value: dd.updated_time ? gvc.glitter.ut.dateFormat(dd.updated_time, 'yyyy-MM-dd') : '系統預設',
68
- },
69
- {
70
- key: '狀態',
71
- value: gvc.bindView(() => {
72
- const id2 = gvc.glitter.getUUID();
73
- return {
74
- bind: id2,
75
- view: () => {
76
- return BgWidget.switchTextButton(
77
- gvc,
78
- dd.toggle,
79
- {
80
- left: dd.toggle ? '啟用' : '關閉',
81
- },
82
- () => {
83
- ApiUser.getPublicConfig(dd.tag, 'manager').then((res) => {
84
- dd.toggle = !dd.toggle;
85
- res.response.value = res.response.value || {};
86
- res.response.value.updated_time = new Date();
87
- res.response.value.toggle = dd.toggle;
88
- ApiUser.setPublicConfig({
89
- key: dd.tag,
90
- value: res.response.value,
91
- user_id: 'manager',
92
- }).then(() => {
93
- gvc.notifyDataChange(id2);
94
- });
95
- });
96
- }
97
- );
98
- },
99
- divCreate: {
100
- elem: 'div',
101
- style: 'gap:4px;',
102
- class: 'd-flex',
103
- option: [
104
- {
105
- key: 'onclick',
106
- value: gvc.event((e, event) => {
107
- event.stopPropagation();
108
- }),
109
- },
110
- ],
111
- },
112
- };
113
- }),
114
- },
115
- ];
116
- });
119
+ return BgWidget.container(html`
120
+ <div class="title-container">
121
+ ${BgWidget.title('自動寄送簡訊')}
122
+ <div class="flex-fill"></div>
123
+ </div>
124
+ ${BgWidget.container(
125
+ BgWidget.mainCard(
126
+ BgWidget.tableV3({
127
+ gvc: gvc,
128
+ getData: async vmk => {
129
+ const appData = await ApiUser.getPublicConfig('store-information', 'manager');
130
+ vmi = vmk;
131
+ vmi.pageSize = Math.ceil(1);
132
+ vm.dataList = [
133
+ 'auto-sns-shipment-arrival',
134
+ 'auto-sns-shipment',
135
+ 'auto-sns-payment-successful',
136
+ 'auto-sns-order-create',
137
+ 'sns-proof-purchase',
138
+ 'auto-sns-birthday',
139
+ 'auto-phone-verify',
140
+ 'auto-sns-order-cancel-success',
141
+ ];
142
+ let index = 0;
143
+ for (const b of vm.dataList) {
144
+ vm.dataList[index] = await AutoReply.getDefCompare(b);
145
+ vm.dataList[index].title = vm.dataList[index].title.replace(
146
+ /@\{\{app_name\}\}/g,
147
+ (appData.response.value && appData.response.value.shop_name) || '商店名稱'
148
+ );
149
+ index++;
117
150
  }
151
+ vmi.pageSize = 1;
152
+ vmi.originalData = vm.dataList;
153
+ vmi.tableData = getDatalist();
154
+ vmi.loading = false;
155
+ vmi.callback();
156
+ },
157
+ rowClick: (data, index) => {
158
+ vm.tag = vm.dataList[index].tag;
159
+ vm.type = 'replace';
160
+ gvc.notifyDataChange(id);
161
+ },
162
+ filter: [],
163
+ })
164
+ )
165
+ )}
166
+ ${BgWidget.mbContainer(240)}
167
+ `);
168
+ },
169
+ };
170
+ });
171
+ }
118
172
 
119
- return BgWidget.container(
120
- html`
121
- <div class="title-container">
122
- ${BgWidget.title('自動寄送簡訊')}
123
- <div class="flex-fill"></div>
124
- </div>
125
- ${BgWidget.container(
126
- BgWidget.mainCard(
127
- BgWidget.tableV3({
128
- gvc: gvc,
129
- getData: async (vmk) => {
130
- const appData = await ApiUser.getPublicConfig('store-information', 'manager');
131
- vmi = vmk;
132
- vmi.pageSize = Math.ceil(1);
133
- vm.dataList = [
134
- 'auto-sns-shipment-arrival',
135
- 'auto-sns-shipment',
136
- 'auto-sns-payment-successful',
137
- 'auto-sns-order-create',
138
- 'sns-proof-purchase',
139
- 'auto-sns-birthday',
140
- 'auto-phone-verify',
141
- ];
142
- let index = 0;
143
- for (const b of vm.dataList) {
144
- vm.dataList[index] = await AutoReply.getDefCompare(b);
145
- vm.dataList[index].title = vm.dataList[index].title.replace(
146
- /@\{\{app_name\}\}/g,
147
- (appData.response.value && appData.response.value.shop_name) || '商店名稱'
148
- );
149
- index++;
150
- }
151
- vmi.pageSize = 1;
152
- vmi.originalData = vm.dataList;
153
- vmi.tableData = getDatalist();
154
- vmi.loading = false;
155
- vmi.callback();
156
- },
157
- rowClick: (data, index) => {
158
- vm.tag = vm.dataList[index].tag;
159
- vm.type = 'replace';
160
- gvc.notifyDataChange(id);
161
- },
162
- filter: [],
163
- })
164
- )
165
- )}
166
- ${BgWidget.mbContainer(240)}
167
- `
168
- );
173
+ public static autoSendEmail(gvc: GVC, tag: string, back: () => void, widget: any) {
174
+ let vm: {
175
+ data: any;
176
+ loading: boolean;
177
+ } = {
178
+ data: '',
179
+ loading: false,
180
+ };
181
+ const that = this;
182
+ let pointCount = 1;
183
+ return html` ${BgWidget.container(
184
+ [
185
+ html` <div class="title-container">
186
+ ${BgWidget.goBack(
187
+ gvc.event(() => {
188
+ back();
189
+ })
190
+ )}${BgWidget.title(
191
+ (() => {
192
+ const vm = {
193
+ id: gvc.glitter.getUUID(),
194
+ loading: true,
195
+ name: '簡訊設定',
196
+ };
197
+ return gvc.bindView({
198
+ bind: vm.id,
199
+ view: () => (vm.loading ? '' : vm.name),
200
+ divCreate: {},
201
+ onCreate: () => {
202
+ if (vm.loading) {
203
+ new Promise(resolve => {
204
+ AutoReply.getDefCompare(tag).then(dd => resolve(dd));
205
+ }).then((res: any) => {
206
+ if (res && res.tag_name) {
207
+ vm.name = res.tag_name;
208
+ }
209
+ vm.loading = false;
210
+ gvc.notifyDataChange(vm.id);
211
+ });
212
+ }
169
213
  },
170
- };
171
- });
172
- }
173
-
174
- public static autoSendEmail(gvc: GVC, tag: string, back: () => void, widget: any) {
175
- let vm: {
176
- data: any;
177
- loading: boolean;
178
- } = {
179
- data: '',
180
- loading: false,
181
- };
182
- const that = this;
183
- let pointCount = 1;
184
- return html` ${BgWidget.container(
185
- [
186
- html`<div class="title-container">
187
- ${BgWidget.goBack(
188
- gvc.event(() => {
189
- back();
190
- })
191
- )}${BgWidget.title(
192
- (() => {
193
- const vm = {
194
- id: gvc.glitter.getUUID(),
195
- loading: true,
196
- name: '簡訊設定',
197
- };
198
- return gvc.bindView({
199
- bind: vm.id,
200
- view: () => (vm.loading ? '' : vm.name),
201
- divCreate: {},
202
- onCreate: () => {
203
- if (vm.loading) {
204
- new Promise((resolve) => {
205
- AutoReply.getDefCompare(tag).then((dd) => resolve(dd));
206
- }).then((res: any) => {
207
- if (res && res.tag_name) {
208
- vm.name = res.tag_name;
209
- }
210
- vm.loading = false;
211
- gvc.notifyDataChange(vm.id);
212
- });
213
- }
214
- },
215
- });
216
- })()
217
- )}
218
- </div>`,
219
- BgWidget.mbContainer(24),
220
- BgWidget.alertInfo('可使用模板字串，簡訊將在寄送時自動填入相關數值', ['商家名稱：@{{app_name}}', '訂單號碼：@{{訂單號碼}}', '會員姓名：@{{user_name}}'], {
221
- class: 'mb-3',
222
- style: '',
223
- }),
224
- BgWidget.mainCard(
225
- gvc.bindView(() => {
226
- const id = gvc.glitter.getUUID();
227
- AutoReply.getDefCompare(tag).then((dd) => {
228
- vm.data = dd;
229
- vm.loading = false;
230
- gvc.notifyDataChange(id);
231
- });
232
- return {
233
- bind: id,
234
- view: () => {
235
- return [
236
- EditorElem.editeInput({
237
- gvc: gvc,
238
- title: '寄件者名稱',
239
- default: vm.data.name || '',
240
- callback: (text) => {
241
- vm.data.name = text;
242
- },
243
- placeHolder: '請輸入寄件者名稱',
244
- }),
245
- html`
246
- <div class="d-flex w-100 align-items-center justify-content-between p-0 my-2">
247
- <div class="d-flex align-items-center gap-2">
248
- ${EditorElem.h3('簡訊內文')}
249
- ${document.body.clientWidth > 768
250
- ? BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`, 'margin-top: 0.25em;')
251
- : html` <div style="margin-top: 0.25em;">
252
- ${BgWidget.iconButton({
253
- icon: 'info',
254
- event: gvc.event(() => {
255
- BgWidget.jumpAlert({
256
- gvc,
257
- text: `預計每則簡訊花費${pointCount * this.ticket}點`,
258
- justify: 'top',
259
- align: 'center',
260
- width: 200,
261
- });
262
- }),
263
- })}
264
- </div>`}
265
- </div>
266
- <div>${BgWidget.aiChatButton({ gvc, select: 'writer' })}</div>
267
- </div>
268
- `,
269
- EditorElem.editeText({
270
- gvc: gvc,
271
- title: '',
272
- default: vm.data.content || '',
273
- placeHolder: '',
274
- callback: (text) => {
275
- vm.data.content = text;
276
- let totalSize = 0;
214
+ });
215
+ })()
216
+ )}
217
+ </div>`,
218
+ BgWidget.mbContainer(24),
219
+ BgWidget.alertInfo(
220
+ '可使用模板字串，簡訊將在寄送時自動填入相關數值',
221
+ ['商家名稱：@{{app_name}}', '訂單號碼：@{{訂單號碼}}', '會員姓名：@{{user_name}}'],
222
+ {
223
+ class: 'mb-3',
224
+ style: '',
225
+ }
226
+ ),
227
+ BgWidget.mainCard(
228
+ gvc.bindView(() => {
229
+ const id = gvc.glitter.getUUID();
230
+ AutoReply.getDefCompare(tag).then(dd => {
231
+ vm.data = dd;
232
+ vm.loading = false;
233
+ gvc.notifyDataChange(id);
234
+ });
235
+ return {
236
+ bind: id,
237
+ view: () => {
238
+ return [
239
+ EditorElem.editeInput({
240
+ gvc: gvc,
241
+ title: '寄件者名稱',
242
+ default: vm.data.name || '',
243
+ callback: text => {
244
+ vm.data.name = text;
245
+ },
246
+ placeHolder: '請輸入寄件者名稱',
247
+ }),
248
+ html`
249
+ <div class="d-flex w-100 align-items-center justify-content-between p-0 my-2">
250
+ <div class="d-flex align-items-center gap-2">
251
+ ${EditorElem.h3('簡訊內文')}
252
+ ${document.body.clientWidth > 768
253
+ ? BgWidget.grayNote(`預計每則簡訊花費${pointCount * this.ticket}點`, 'margin-top: 0.25em;')
254
+ : html` <div style="margin-top: 0.25em;">
255
+ ${BgWidget.iconButton({
256
+ icon: 'info',
257
+ event: gvc.event(() => {
258
+ BgWidget.jumpAlert({
259
+ gvc,
260
+ text: `預計每則簡訊花費${pointCount * this.ticket}點`,
261
+ justify: 'top',
262
+ align: 'center',
263
+ width: 200,
264
+ });
265
+ }),
266
+ })}
267
+ </div>`}
268
+ </div>
269
+ <div>${BgWidget.aiChatButton({ gvc, select: 'writer' })}</div>
270
+ </div>
271
+ `,
272
+ EditorElem.editeText({
273
+ gvc: gvc,
274
+ title: '',
275
+ default: vm.data.content || '',
276
+ placeHolder: '',
277
+ callback: text => {
278
+ vm.data.content = text;
279
+ let totalSize = 0;
277
280
 
278
- for (let i = 0; i < text.length; i++) {
279
- const char = text[i];
280
- // 判斷是否為中文或全形字符（Unicode範圍包含中文）
281
- if (/[\u4e00-\u9fa5\uFF00-\uFFEF]/.test(char)) {
282
- totalSize += 2; // 中文或全形字符佔2個單位
283
- } else {
284
- totalSize += 1; // 英文或半形字符佔1個單位
285
- }
286
- }
281
+ for (let i = 0; i < text.length; i++) {
282
+ const char = text[i];
283
+ // 判斷是否為中文或全形字符（Unicode範圍包含中文）
284
+ if (/[\u4e00-\u9fa5\uFF00-\uFFEF]/.test(char)) {
285
+ totalSize += 2; // 中文或全形字符佔2個單位
286
+ } else {
287
+ totalSize += 1; // 英文或半形字符佔1個單位
288
+ }
289
+ }
287
290
 
288
- if (totalSize < this.maxSize) {
289
- pointCount = 1;
290
- } else {
291
- pointCount = Math.ceil(totalSize / this.longSMS);
292
- }
293
- gvc.notifyDataChange(id);
294
- },
295
- }),
296
- ].join('');
297
- },
298
- };
299
- })
300
- ),
301
- BgWidget.mbContainer(240),
302
- html` <div class="update-bar-container">
303
- ${BgWidget.cancel(
304
- gvc.event(() => {
305
- back();
306
- })
307
- )}
308
- ${BgWidget.save(
309
- gvc.event(() => {
310
- const dialog = new ShareDialog(gvc.glitter);
311
- dialog.checkYesOrNot({
312
- callback: (select) => {
313
- if (select) {
314
- dialog.dataLoading({ visible: true, text: '儲存中' });
315
- vm.data.updated_time = new Date();
316
- ApiUser.setPublicConfig({
317
- key: tag,
318
- value: vm.data,
319
- user_id: 'manager',
320
- }).then(() => {
321
- setTimeout(() => {
322
- dialog.dataLoading({ visible: false });
323
- dialog.successMessage({ text: '儲存成功' });
324
- }, 1000);
325
- });
326
- }
327
- },
328
- text: `確認無誤後將儲存`,
329
- });
330
- })
331
- )}
332
- </div>`,
333
- ].join('')
334
- )}`;
335
- }
291
+ if (totalSize < this.maxSize) {
292
+ pointCount = 1;
293
+ } else {
294
+ pointCount = Math.ceil(totalSize / this.longSMS);
295
+ }
296
+ gvc.notifyDataChange(id);
297
+ },
298
+ }),
299
+ ].join('');
300
+ },
301
+ };
302
+ })
303
+ ),
304
+ BgWidget.mbContainer(240),
305
+ html` <div class="update-bar-container">
306
+ ${BgWidget.cancel(
307
+ gvc.event(() => {
308
+ back();
309
+ })
310
+ )}
311
+ ${BgWidget.save(
312
+ gvc.event(() => {
313
+ const dialog = new ShareDialog(gvc.glitter);
314
+ dialog.checkYesOrNot({
315
+ callback: select => {
316
+ if (select) {
317
+ dialog.dataLoading({ visible: true, text: '儲存中' });
318
+ vm.data.updated_time = new Date();
319
+ ApiUser.setPublicConfig({
320
+ key: tag,
321
+ value: vm.data,
322
+ user_id: 'manager',
323
+ }).then(() => {
324
+ setTimeout(() => {
325
+ dialog.dataLoading({ visible: false });
326
+ dialog.successMessage({ text: '儲存成功' });
327
+ }, 1000);
328
+ });
329
+ }
330
+ },
331
+ text: `確認無誤後將儲存`,
332
+ });
333
+ })
334
+ )}
335
+ </div>`,
336
+ ].join('')
337
+ )}`;
338
+ }
336
339
 
337
- public static async getDefCompare(tag: string) {
338
- const dataList: any = [
339
- {
340
- tag: 'auto-phone-verify',
341
- tag_name: '電話認證',
342
- name: '@{{app_name}}',
343
- title: '[@{{app_name}}] 帳號認證通知',
344
- content: '嗨！歡迎加入 @{{app_name}}，請輸入驗證碼「 @{{code}} 」。請於一分鐘內輸入並完成驗證。',
345
- toggle: true,
346
- },
347
- {
348
- tag: 'auto-sns-shipment',
349
- tag_name: '商品出貨',
350
- name: '@{{app_name}}',
351
- title: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 出貨中',
352
- content: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 出貨中',
353
- toggle: true,
354
- },
355
- {
356
- tag: 'auto-sns-shipment-arrival',
357
- tag_name: '商品到貨',
358
- name: '@{{app_name}}',
359
- title: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 已到達',
360
- content: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 已到達',
361
- toggle: true,
362
- },
363
- {
364
- tag: 'auto-sns-order-create',
365
- tag_name: '訂單成立',
366
- name: '@{{app_name}}',
367
- title: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已成立',
368
- content: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已成立',
369
- toggle: true,
370
- },
371
- {
372
- tag: 'auto-sns-payment-successful',
373
- tag_name: '訂單付款成功',
374
- name: '@{{app_name}}',
375
- title: '[@{{app_name}}] #@{{訂單號碼}} 付款狀態 更新為: 已付款',
376
- content: '[@{{app_name}}] #@{{訂單號碼}} 付款狀態 更新為: 已付款',
377
- toggle: true,
378
- },
379
- {
380
- tag: 'sns-proof-purchase',
381
- tag_name: '訂單待核款',
382
- name: '@{{app_name}}',
383
- title: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已進入待核款',
384
- content: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已進入待核款',
385
- toggle: true,
386
- },
387
- {
388
- tag: 'auto-sns-order-cancel-success',
389
- tag_name: '取消訂單成功',
390
- name: '@{{app_name}}',
391
- title: '[@{{app_name}}] 您已成功取消訂單 #@{{訂單號碼}}',
392
- content: '[@{{app_name}}] 您已成功取消訂單 #@{{訂單號碼}}',
393
- toggle: true,
394
- },
395
- {
396
- tag: 'auto-sns-order-cancel-false',
397
- tag_name: '取消訂單失敗',
398
- name: '@{{app_name}}',
399
- title: '[@{{app_name}}] 取消訂單申請 #@{{訂單號碼}} 已失敗',
400
- content: '[@{{app_name}}] 取消訂單申請 #@{{訂單號碼}} 已失敗',
401
- toggle: true,
402
- },
403
- {
404
- tag: 'auto-sns-birthday',
405
- tag_name: '生日祝福',
406
- name: '@{{app_name}}',
407
- title: '[@{{app_name}}] [@{{user_name}}] 今天是您一年一度的大日子！祝您生日快樂！',
408
- content: '[@{{app_name}}] [@{{user_name}}] 今天是您一年一度的大日子！祝您生日快樂！',
409
- toggle: true,
410
- },
411
- {
412
- tag: 'auto-sns-welcome',
413
- tag_name: '歡迎信件',
414
- name: '@{{app_name}}',
415
- title: '[@{{app_name}}] 歡迎您加入@{{app_name}}！ 最豐富的選品商店',
416
- content: '[@{{app_name}}] 歡迎您加入@{{app_name}}！ 最豐富的選品商店',
417
- toggle: true,
418
- },
419
- ];
420
- const keyData = await ApiUser.getPublicConfig(tag, 'manager');
421
- const b = dataList.find((dd: any) => {
422
- return dd.tag === tag;
423
- })!;
424
- if (keyData.response.value) {
425
- b.title = keyData.response.value.title || b.title;
426
- b.toggle = keyData.response.value.toggle ?? true;
427
- b.content = keyData.response.value.content || b.content;
428
- b.name = keyData.response.value.name || b.name;
429
- b.updated_time = new Date(keyData.response.value.updated_time);
430
- }
431
- return b;
340
+ public static async getDefCompare(tag: string) {
341
+ const dataList: any = [
342
+ {
343
+ tag: 'auto-phone-verify',
344
+ tag_name: '電話認證',
345
+ name: '@{{app_name}}',
346
+ title: '[@{{app_name}}] 帳號認證通知',
347
+ content: '嗨！歡迎加入 @{{app_name}}，請輸入驗證碼「 @{{code}} 」。請於一分鐘內輸入並完成驗證。',
348
+ toggle: true,
349
+ },
350
+ {
351
+ tag: 'auto-sns-shipment',
352
+ tag_name: '商品出貨',
353
+ name: '@{{app_name}}',
354
+ title: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 出貨中',
355
+ content: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 出貨中',
356
+ toggle: true,
357
+ },
358
+ {
359
+ tag: 'auto-sns-shipment-arrival',
360
+ tag_name: '商品到貨',
361
+ name: '@{{app_name}}',
362
+ title: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 已到達',
363
+ content: '[@{{app_name}}] #@{{訂單號碼}} 送貨狀態 更新為: 已到達',
364
+ toggle: true,
365
+ },
366
+ {
367
+ tag: 'auto-sns-order-create',
368
+ tag_name: '訂單成立',
369
+ name: '@{{app_name}}',
370
+ title: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已成立',
371
+ content: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已成立',
372
+ toggle: true,
373
+ },
374
+ {
375
+ tag: 'auto-sns-payment-successful',
376
+ tag_name: '訂單付款成功',
377
+ name: '@{{app_name}}',
378
+ title: '[@{{app_name}}] #@{{訂單號碼}} 付款狀態 更新為: 已付款',
379
+ content: '[@{{app_name}}] #@{{訂單號碼}} 付款狀態 更新為: 已付款',
380
+ toggle: true,
381
+ },
382
+ {
383
+ tag: 'sns-proof-purchase',
384
+ tag_name: '訂單待核款',
385
+ name: '@{{app_name}}',
386
+ title: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已進入待核款',
387
+ content: '[@{{app_name}}] 您的訂單 #@{{訂單號碼}} 已進入待核款',
388
+ toggle: true,
389
+ },
390
+ {
391
+ tag: 'auto-sns-order-cancel-success',
392
+ tag_name: '取消訂單成功',
393
+ name: '@{{app_name}}',
394
+ title: '[@{{app_name}}] 您已成功取消訂單 #@{{訂單號碼}}',
395
+ content: '[@{{app_name}}] 您已成功取消訂單 #@{{訂單號碼}}',
396
+ toggle: true,
397
+ },
398
+ {
399
+ tag: 'auto-sns-order-cancel-false',
400
+ tag_name: '取消訂單失敗',
401
+ name: '@{{app_name}}',
402
+ title: '[@{{app_name}}] 取消訂單申請 #@{{訂單號碼}} 已失敗',
403
+ content: '[@{{app_name}}] 取消訂單申請 #@{{訂單號碼}} 已失敗',
404
+ toggle: true,
405
+ },
406
+ {
407
+ tag: 'auto-sns-birthday',
408
+ tag_name: '生日祝福',
409
+ name: '@{{app_name}}',
410
+ title: '[@{{app_name}}] [@{{user_name}}] 今天是您一年一度的大日子！祝您生日快樂！',
411
+ content: '[@{{app_name}}] [@{{user_name}}] 今天是您一年一度的大日子！祝您生日快樂！',
412
+ toggle: true,
413
+ },
414
+ {
415
+ tag: 'auto-sns-welcome',
416
+ tag_name: '歡迎信件',
417
+ name: '@{{app_name}}',
418
+ title: '[@{{app_name}}] 歡迎您加入@{{app_name}}！ 最豐富的選品商店',
419
+ content: '[@{{app_name}}] 歡迎您加入@{{app_name}}！ 最豐富的選品商店',
420
+ toggle: true,
421
+ },
422
+ ];
423
+ const keyData = await ApiUser.getPublicConfig(tag, 'manager');
424
+ const b = dataList.find((dd: any) => {
425
+ return dd.tag === tag;
426
+ })!;
427
+ if (keyData.response.value) {
428
+ b.title = keyData.response.value.title || b.title;
429
+ b.toggle = keyData.response.value.toggle ?? true;
430
+ b.content = keyData.response.value.content || b.content;
431
+ b.name = keyData.response.value.name || b.name;
432
+ b.updated_time = keyData.response.value.updated_time && new Date(keyData.response.value.updated_time);
432
433
  }
434
+ return b;
435
+ }
433
436
  }
434
437
 
435
438
  (window as any).glitter.setModule(import.meta.url, AutoReply);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ts-glitter",
3
- "version": "21.7.5",
3
+ "version": "21.7.6",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {