ts-glitter 14.2.8 → 14.3.0

package/lowcode/public-components/user-manager/um-class.js

@@ -12,206 +12,234 @@ import { GlobalUser } from '../../glitter-base/global/global-user.js';
 import { Tool } from '../../modules/tool.js';
 import { BgWidget } from '../../backend-manager/bg-widget.js';
 import { ShareDialog } from '../../glitterBundle/dialog/ShareDialog.js';
+import { ApiWallet } from '../../glitter-base/route/wallet.js';
+import { CheckInput } from '../../modules/checkInput.js';
 const html = String.raw;
+const css = String.raw;
 export class UmClass {
     static nav(gvc) {
+        const glitter = gvc.glitter;
         this.addStyle(gvc);
+        const vm = {
+            id: gvc.glitter.getUUID(),
+            loading: true,
+            pageName: glitter.getUrlParameter('page'),
+        };
         let changePage = (index, type, subData) => { };
         gvc.glitter.getModule(new URL('./official_event/page/change-page.js', gvc.glitter.root_path).href, (cl) => {
             changePage = cl.changePage;
         });
-        const pageName = gvc.glitter.getUrlParameter('page');
-        const buttonHTML = [
-            {
-                key: 'account_userinfo',
-                title: '個人資料',
-            },
-            {
-                key: 'voucher-list',
-                title: '我的優惠券',
-            },
-            {
-                key: 'rebate',
-                title: '我的購物金',
-            },
-            {
-                key: 'order_list',
-                title: '訂單記錄',
-            },
-            {
-                key: 'wishlist',
-                title: '心願單',
-            },
-            {
-                key: 'reset_password',
-                title: '重設密碼',
-            },
-            {
-                key: 'logout',
-                title: '登出',
-            },
-        ]
-            .map((item) => {
-            return html `
-                    <div
-                        class="option px-2 d-flex justify-content-center um-nav-btn ${pageName === item.key ? 'um-nav-btn-active' : ''}"
-                        onclick="${gvc.event(() => __awaiter(this, void 0, void 0, function* () {
-                if (item.key === 'reset_password') {
-                    const dialog = new ShareDialog(gvc.glitter);
-                    dialog.dataLoading({ visible: true });
-                    const userData = yield UmClass.getUserData(gvc);
-                    dialog.dataLoading({ visible: false });
-                    UmClass.dialog({
-                        gvc: gvc,
-                        title: '重設密碼事件',
-                        tag: '',
-                        innerHTML: (gvc) => {
-                            let update_vm = {
-                                verify_code: '',
-                                pwd: '',
-                            };
-                            let get_verify_timer = 0;
-                            let repeat_pwd = '';
-                            return [
-                                html `<div class="tx_normal fw-normal mb-1" style="">密碼</div>`,
-                                html `<input
-                                                class="bgw-input "
-                                                style=""
-                                                type="password"
-                                                placeholder="請輸入密碼"
-                                                oninput="${gvc.event((e, event) => {
-                                    update_vm.pwd = e.value;
-                                })}"
-                                                value="${update_vm.pwd}"
-                                            />`,
-                                html `<div class="tx_normal fw-normal mt-2 mb-1" style="">確認密碼</div>`,
-                                html `<input
-                                                class="bgw-input mb-2"
-                                                style=""
-                                                type="password"
-                                                placeholder="請再次輸入密碼"
-                                                oninput="${gvc.event((e, event) => {
-                                    repeat_pwd = e.value;
-                                })}"
-                                                value="${repeat_pwd}"
-                                            />`,
-                                gvc.bindView(() => {
-                                    const id = gvc.glitter.getUUID();
-                                    return {
-                                        bind: id,
-                                        view: () => {
-                                            return html `重設密碼驗證碼
-                                                        ${BgWidget.blueNote(get_verify_timer ? `驗證碼已發送至『${userData.userData.email}』` : '點我取得驗證碼', gvc.event(() => {
-                                                if (!get_verify_timer) {
-                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                    dialog.dataLoading({ visible: true });
-                                                    ApiUser.emailVerify(userData.userData.email, window.appName).then((r) => __awaiter(this, void 0, void 0, function* () {
-                                                        dialog.dataLoading({ visible: false });
-                                                        get_verify_timer = 60;
-                                                        gvc.notifyDataChange(id);
-                                                    }));
-                                                }
-                                            }))}`;
-                                        },
-                                        divCreate: {
-                                            class: `d-flex flex-column`,
-                                            style: `gap:3px;`,
-                                        },
-                                        onCreate: () => {
-                                            if (get_verify_timer > 0) {
-                                                get_verify_timer--;
-                                                setTimeout(() => {
-                                                    gvc.notifyDataChange(id);
-                                                }, 1000);
-                                            }
-                                        },
-                                    };
-                                }),
-                                html `<input
-                                                class="bgw-input mt-2 mb-4"
-                                                style=""
-                                                type="text"
-                                                placeholder="請輸入驗證碼"
-                                                oninput="${gvc.event((e, event) => {
-                                    update_vm.verify_code = e.value;
-                                })}"
-                                                value="${update_vm.verify_code}"
-                                            />`,
-                                html `<div class="d-flex align-items-center justify-content-end pt-2 border-top mx-n3">
-                                                <div
-                                                    class="um-nav-btn um-nav-btn-active d-flex align-items-center justify-content-center"
-                                                    style="cursor:pointer;"
-                                                    type="button"
-                                                    onclick="${gvc.event(() => {
-                                    if (update_vm.pwd.length < 8) {
-                                        dialog.errorMessage({ text: '密碼必須大於8位數' });
-                                        return;
-                                    }
-                                    if (repeat_pwd !== update_vm.pwd) {
-                                        dialog.errorMessage({ text: '請再次確認密碼' });
-                                        return;
-                                    }
-                                    dialog.dataLoading({ visible: true });
-                                    ApiUser.updateUserData({
-                                        userData: update_vm,
-                                    }).then((res) => {
-                                        dialog.dataLoading({ visible: false });
-                                        if (!res.result && res.response.data.msg === 'email-verify-false') {
-                                            dialog.errorMessage({ text: '信箱驗證碼輸入錯誤' });
-                                        }
-                                        else if (!res.result && res.response.data.msg === 'phone-verify-false') {
-                                            dialog.errorMessage({ text: '簡訊驗證碼輸入錯誤' });
-                                        }
-                                        else if (!res.result && res.response.data.msg === 'phone-exists') {
-                                            dialog.errorMessage({ text: '此電話號碼已存在' });
-                                        }
-                                        else if (!res.result && res.response.data.msg === 'email-exists') {
-                                            dialog.errorMessage({ text: '此信箱已存在' });
-                                        }
-                                        else if (!res.result) {
-                                            dialog.errorMessage({ text: '更新異常' });
-                                        }
-                                        else {
-                                            dialog.successMessage({ text: '更改成功' });
-                                            gvc.closeDialog();
-                                        }
-                                    });
-                                })}"
-                                                >
-                                                    <span class="tx_700_white">確認重設</span>
-                                                </div>
-                                            </div>`,
-                            ].join('');
-                        },
-                    });
-                    console.log('重設密碼事件');
-                }
-                else if (item.key === 'logout') {
-                    GlobalUser.token = '';
-                    changePage('index', 'home', {});
+        return gvc.bindView({
+            bind: vm.id,
+            view: () => {
+                if (vm.loading) {
+                    return '';
                 }
                 else {
-                    changePage(item.key, 'page', {});
+                    glitter.share.rebateConfig.title = CheckInput.isEmpty(glitter.share.rebateConfig.title) ? '購物金' : glitter.share.rebateConfig.title;
+                    const buttonHTML = [
+                        {
+                            key: 'account_userinfo',
+                            title: '個人資料',
+                        },
+                        {
+                            key: 'voucher-list',
+                            title: '我的優惠券',
+                        },
+                        {
+                            key: 'rebate',
+                            title: `我的${glitter.share.rebateConfig.title}`,
+                        },
+                        {
+                            key: 'order_list',
+                            title: '訂單記錄',
+                        },
+                        {
+                            key: 'wishlist',
+                            title: '心願單',
+                        },
+                        {
+                            key: 'reset_password',
+                            title: '重設密碼',
+                        },
+                        {
+                            key: 'logout',
+                            title: '登出',
+                        },
+                    ]
+                        .map((item) => {
+                        return html `
+                                <div
+                                    class="option px-2 d-flex justify-content-center um-nav-btn ${vm.pageName === item.key ? 'um-nav-btn-active' : ''}"
+                                    onclick="${gvc.event(() => __awaiter(this, void 0, void 0, function* () {
+                            if (item.key === 'reset_password') {
+                                const dialog = new ShareDialog(gvc.glitter);
+                                dialog.dataLoading({ visible: true });
+                                const userData = yield UmClass.getUserData(gvc);
+                                dialog.dataLoading({ visible: false });
+                                UmClass.dialog({
+                                    gvc: gvc,
+                                    title: '重設密碼事件',
+                                    tag: '',
+                                    innerHTML: (gvc) => {
+                                        let update_vm = {
+                                            verify_code: '',
+                                            pwd: '',
+                                        };
+                                        let get_verify_timer = 0;
+                                        let repeat_pwd = '';
+                                        return [
+                                            html `<div class="tx_normal fw-normal mb-1" style="">密碼</div>`,
+                                            html `<input
+                                                            class="bgw-input "
+                                                            style=""
+                                                            type="password"
+                                                            placeholder="請輸入密碼"
+                                                            oninput="${gvc.event((e, event) => {
+                                                update_vm.pwd = e.value;
+                                            })}"
+                                                            value="${update_vm.pwd}"
+                                                        />`,
+                                            html `<div class="tx_normal fw-normal mt-2 mb-1" style="">確認密碼</div>`,
+                                            html `<input
+                                                            class="bgw-input mb-2"
+                                                            style=""
+                                                            type="password"
+                                                            placeholder="請再次輸入密碼"
+                                                            oninput="${gvc.event((e, event) => {
+                                                repeat_pwd = e.value;
+                                            })}"
+                                                            value="${repeat_pwd}"
+                                                        />`,
+                                            gvc.bindView(() => {
+                                                const id = gvc.glitter.getUUID();
+                                                return {
+                                                    bind: id,
+                                                    view: () => {
+                                                        return html `重設密碼驗證碼
+                                                                    ${BgWidget.blueNote(get_verify_timer ? `驗證碼已發送至『${userData.userData.email}』` : '點我取得驗證碼', gvc.event(() => {
+                                                            if (!get_verify_timer) {
+                                                                const dialog = new ShareDialog(gvc.glitter);
+                                                                dialog.dataLoading({ visible: true });
+                                                                ApiUser.emailVerify(userData.userData.email, window.appName).then((r) => __awaiter(this, void 0, void 0, function* () {
+                                                                    dialog.dataLoading({ visible: false });
+                                                                    get_verify_timer = 60;
+                                                                    gvc.notifyDataChange(id);
+                                                                }));
+                                                            }
+                                                        }))}`;
+                                                    },
+                                                    divCreate: {
+                                                        class: `d-flex flex-column`,
+                                                        style: `gap:3px;`,
+                                                    },
+                                                    onCreate: () => {
+                                                        if (get_verify_timer > 0) {
+                                                            get_verify_timer--;
+                                                            setTimeout(() => {
+                                                                gvc.notifyDataChange(id);
+                                                            }, 1000);
+                                                        }
+                                                    },
+                                                };
+                                            }),
+                                            html `<input
+                                                            class="bgw-input mt-2 mb-4"
+                                                            style=""
+                                                            type="text"
+                                                            placeholder="請輸入驗證碼"
+                                                            oninput="${gvc.event((e, event) => {
+                                                update_vm.verify_code = e.value;
+                                            })}"
+                                                            value="${update_vm.verify_code}"
+                                                        />`,
+                                            html `<div class="d-flex align-items-center justify-content-end pt-2 border-top mx-n3">
+                                                            <div
+                                                                class="um-nav-btn um-nav-btn-active d-flex align-items-center justify-content-center"
+                                                                style="cursor:pointer;"
+                                                                type="button"
+                                                                onclick="${gvc.event(() => {
+                                                if (update_vm.pwd.length < 8) {
+                                                    dialog.errorMessage({ text: '密碼必須大於8位數' });
+                                                    return;
+                                                }
+                                                if (repeat_pwd !== update_vm.pwd) {
+                                                    dialog.errorMessage({ text: '請再次確認密碼' });
+                                                    return;
+                                                }
+                                                dialog.dataLoading({ visible: true });
+                                                ApiUser.updateUserData({
+                                                    userData: update_vm,
+                                                }).then((res) => {
+                                                    dialog.dataLoading({ visible: false });
+                                                    if (!res.result && res.response.data.msg === 'email-verify-false') {
+                                                        dialog.errorMessage({ text: '信箱驗證碼輸入錯誤' });
+                                                    }
+                                                    else if (!res.result && res.response.data.msg === 'phone-verify-false') {
+                                                        dialog.errorMessage({ text: '簡訊驗證碼輸入錯誤' });
+                                                    }
+                                                    else if (!res.result && res.response.data.msg === 'phone-exists') {
+                                                        dialog.errorMessage({ text: '此電話號碼已存在' });
+                                                    }
+                                                    else if (!res.result && res.response.data.msg === 'email-exists') {
+                                                        dialog.errorMessage({ text: '此信箱已存在' });
+                                                    }
+                                                    else if (!res.result) {
+                                                        dialog.errorMessage({ text: '更新異常' });
+                                                    }
+                                                    else {
+                                                        dialog.successMessage({ text: '更改成功' });
+                                                        gvc.closeDialog();
+                                                    }
+                                                });
+                                            })}"
+                                                            >
+                                                                <span class="tx_700_white">確認重設</span>
+                                                            </div>
+                                                        </div>`,
+                                        ].join('');
+                                    },
+                                });
+                            }
+                            else if (item.key === 'logout') {
+                                GlobalUser.token = '';
+                                changePage('index', 'home', {});
+                            }
+                            else {
+                                changePage(item.key, 'page', {});
+                            }
+                        }))}"
+                                >
+                                    ${item.title}
+                                </div>
+                            `;
+                    })
+                        .join('');
+                    return html ` <div class="account-section">
+                        <div class="section-title mb-4 mt-0 pt-lg-3 um-nav-title">我的帳號</div>
+                        ${document.body.clientWidth > 768
+                        ? html ` <div class="mx-auto mt-3 um-nav-container">
+                                  <div class="account-options d-flex gap-3">${buttonHTML}</div>
+                              </div>`
+                        : html ` <div class="account-navigation w-100">
+                                  <nav class="nav-links mb-3 mb-md-0">
+                                      <div class="nav-options d-flex flex-wrap justify-content-between um-nav-mobile-tags-container px-2">${buttonHTML}</div>
+                                  </nav>
+                              </div>`}
+                    </div>`;
                 }
-            }))}"
-                    >
-                        ${item.title}
-                    </div>
-                `;
-        })
-            .join('');
-        return html ` <div class="account-section">
-            <div class="section-title mb-4 mt-0 pt-lg-3 um-nav-title">我的帳號</div>
-            ${document.body.clientWidth > 768
-            ? html ` <div class="mx-auto mt-3 um-nav-container">
-                      <div class="account-options d-flex gap-3">${buttonHTML}</div>
-                  </div>`
-            : html ` <div class="account-navigation w-100">
-                      <nav class="nav-links mb-3 mb-md-0">
-                          <div class="nav-options d-flex flex-wrap justify-content-between um-nav-mobile-tags-container px-2">${buttonHTML}</div>
-                      </nav>
-                  </div>`}
-        </div>`;
+            },
+            divCreate: {},
+            onCreate: () => {
+                if (vm.loading) {
+                    UmClass.getRebateInfo().then((data) => {
+                        glitter.share.rebateConfig = data;
+                        vm.loading = false;
+                        gvc.notifyDataChange(vm.id);
+                    });
+                }
+            },
+        });
     }
     static spinner(height) {
         return html ` <div class="d-flex align-items-center justify-content-center flex-column w-100 mx-auto" style="height: ${height !== null && height !== void 0 ? height : '100vh'}">
@@ -247,6 +275,22 @@ export class UmClass {
             </div>`;
         }, obj.tag);
     }
+    static getRebateInfo() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                ApiWallet.getRebateConfig({
+                    type: 'me',
+                }).then((res) => __awaiter(this, void 0, void 0, function* () {
+                    if (res.result && res.response.data) {
+                        resolve(res.response.data);
+                    }
+                    else {
+                        resolve({});
+                    }
+                }));
+            });
+        });
+    }
     static getUserData(gvc) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
@@ -283,9 +327,7 @@ export class UmClass {
         });
     }
     static addStyle(gvc) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const css = String.raw;
-            gvc.addStyle(css `
+        gvc.addStyle(`
             .um-nav-title {
                 font-weight: 700;
                 font-size: 36px;
@@ -588,7 +630,6 @@ export class UmClass {
                 }
             }
         `);
-        });
     }
     static jumpAlert(obj) {
         var _a, _b;