ts-glitter 21.1.8 → 21.1.9

package/lowcode/cms-plugin/stock-stores.js

@@ -7,6 +7,7 @@ import { ApiUser } from '../glitter-base/route/user.js';
 import { ApiStock } from '../glitter-base/route/stock.js';
 import { CheckInput } from '../modules/checkInput.js';
 import { Tool } from '../modules/tool.js';
+import { TableStorage } from './module/table-storage.js';
 const html = String.raw;
 export class StockStores {
     static main(gvc, isShop) {
@@ -22,6 +23,7 @@ export class StockStores {
             filter: {},
             orderString: '',
             isShop: isShop,
+            listLimit: TableStorage.getLimit(),
         };
         return gvc.bindView({
             bind: vm.id,
@@ -96,8 +98,7 @@ export class StockStores {
                                 gvc,
                                 callback: (value) => {
                                     vm.queryType = value;
-                                    gvc.notifyDataChange(vm.tableId);
-                                    gvc.notifyDataChange(id);
+                                    gvc.notifyDataChange([vm.tableId, id]);
                                 },
                                 default: vm.queryType || 'name',
                                 options: isShop
@@ -111,9 +112,16 @@ export class StockStores {
                             }),
                             BgWidget.searchFilter(gvc.event(e => {
                                 vm.query = `${e.value}`.trim();
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(id);
+                                gvc.notifyDataChange([vm.tableId, id]);
                             }), vm.query || '', isShop ? '搜尋門市名稱' : '搜尋庫存點名稱'),
+                            BgWidget.countingFilter({
+                                gvc,
+                                callback: value => {
+                                    vm.listLimit = value;
+                                    gvc.notifyDataChange([vm.tableId, id]);
+                                },
+                                default: vm.listLimit,
+                            }),
                         ];
                         const filterTags = ListComp.getFilterTags(FilterOptions.storesFunnel);
                         return BgListComponent.listBarRWD(filterList, filterTags);
@@ -127,10 +135,9 @@ export class StockStores {
                         gvc: gvc,
                         getData: vd => {
                             vmi = vd;
-                            const limit = 100;
                             function callback(list) {
                                 vm.dataList = list;
-                                vmi.pageSize = Math.ceil(list.length / limit);
+                                vmi.pageSize = Math.ceil(list.length / vm.listLimit);
                                 vmi.originalData = vm.dataList;
                                 vmi.tableData = getDatalist();
                                 vmi.loading = false;

package/lowcode/cms-plugin/stock-stores.ts

@@ -8,6 +8,7 @@ import { ApiUser } from '../glitter-base/route/user.js';
 import { ApiStock } from '../glitter-base/route/stock.js';
 import { CheckInput } from '../modules/checkInput.js';
 import { Tool } from '../modules/tool.js';
+import { TableStorage } from './module/table-storage.js';
 
 const html = String.raw;
 
@@ -32,6 +33,7 @@ type VM = {
   queryType: string;
   orderString: string;
   isShop: boolean;
+  listLimit: number;
 };
 
 export class StockStores {
@@ -48,6 +50,7 @@ export class StockStores {
       filter: {},
       orderString: '',
       isShop: isShop,
+      listLimit: TableStorage.getLimit(),
     };
 
     return gvc.bindView({
@@ -134,8 +137,7 @@ export class StockStores {
                         gvc,
                         callback: (value: any) => {
                           vm.queryType = value;
-                          gvc.notifyDataChange(vm.tableId);
-                          gvc.notifyDataChange(id);
+                          gvc.notifyDataChange([vm.tableId, id]);
                         },
                         default: vm.queryType || 'name',
                         options: isShop
@@ -150,12 +152,19 @@ export class StockStores {
                       BgWidget.searchFilter(
                         gvc.event(e => {
                           vm.query = `${e.value}`.trim();
-                          gvc.notifyDataChange(vm.tableId);
-                          gvc.notifyDataChange(id);
+                          gvc.notifyDataChange([vm.tableId, id]);
                         }),
                         vm.query || '',
                         isShop ? '搜尋門市名稱' : '搜尋庫存點名稱'
                       ),
+                      BgWidget.countingFilter({
+                        gvc,
+                        callback: value => {
+                          vm.listLimit = value;
+                          gvc.notifyDataChange([vm.tableId, id]);
+                        },
+                        default: vm.listLimit,
+                      }),
                     ];
 
                     const filterTags = ListComp.getFilterTags(FilterOptions.storesFunnel);
@@ -170,11 +179,10 @@ export class StockStores {
                     gvc: gvc,
                     getData: vd => {
                       vmi = vd;
-                      const limit = 100;
 
                       function callback(list: StoreData[]) {
                         vm.dataList = list;
-                        vmi.pageSize = Math.ceil(list.length / limit);
+                        vmi.pageSize = Math.ceil(list.length / vm.listLimit);
                         vmi.originalData = vm.dataList;
                         vmi.tableData = getDatalist();
                         vmi.loading = false;

package/lowcode/cms-plugin/stock-vendors.js

@@ -6,6 +6,7 @@ import { FilterOptions } from './filter-options.js';
 import { ApiUser } from '../glitter-base/route/user.js';
 import { CheckInput } from '../modules/checkInput.js';
 import { Tool } from '../modules/tool.js';
+import { TableStorage } from './module/table-storage.js';
 const html = String.raw;
 export class StockVendors {
     static main(gvc) {
@@ -20,6 +21,7 @@ export class StockVendors {
             queryType: '',
             filter: {},
             orderString: '',
+            listLimit: TableStorage.getLimit(),
         };
         return gvc.bindView({
             bind: vm.id,
@@ -83,17 +85,23 @@ export class StockVendors {
                                 gvc,
                                 callback: (value) => {
                                     vm.queryType = value;
-                                    gvc.notifyDataChange(vm.tableId);
-                                    gvc.notifyDataChange(id);
+                                    gvc.notifyDataChange([vm.tableId, id]);
                                 },
                                 default: vm.queryType || 'name',
                                 options: FilterOptions.vendorsSelect,
                             }),
                             BgWidget.searchFilter(gvc.event(e => {
                                 vm.query = `${e.value}`.trim();
-                                gvc.notifyDataChange(vm.tableId);
-                                gvc.notifyDataChange(id);
+                                gvc.notifyDataChange([vm.tableId, id]);
                             }), vm.query || '', '搜尋庫存點名稱'),
+                            BgWidget.countingFilter({
+                                gvc,
+                                callback: value => {
+                                    vm.listLimit = value;
+                                    gvc.notifyDataChange([vm.tableId, id]);
+                                },
+                                default: vm.listLimit,
+                            }),
                         ];
                         const filterTags = ListComp.getFilterTags(FilterOptions.vendorsFunnel);
                         return BgListComponent.listBarRWD(filterList, filterTags);
@@ -107,14 +115,13 @@ export class StockVendors {
                         gvc: gvc,
                         getData: vd => {
                             vmi = vd;
-                            const limit = 100;
                             this.getPublicData().then((data) => {
                                 if (data.list) {
                                     data.list = data.list.filter((item) => {
                                         return vm.query === '' || item.name.includes(vm.query);
                                     });
                                     vm.dataList = data.list;
-                                    vmi.pageSize = Math.ceil(data.list.length / limit);
+                                    vmi.pageSize = Math.ceil(data.list.length / vm.listLimit);
                                     vmi.originalData = vm.dataList;
                                     vmi.tableData = getDatalist();
                                 }

package/lowcode/cms-plugin/stock-vendors.ts

@@ -7,6 +7,7 @@ import { FilterOptions } from './filter-options.js';
 import { ApiUser } from '../glitter-base/route/user.js';
 import { CheckInput } from '../modules/checkInput.js';
 import { Tool } from '../modules/tool.js';
+import { TableStorage } from './module/table-storage.js';
 
 const html = String.raw;
 
@@ -29,6 +30,7 @@ type VM = {
   query: string;
   queryType: string;
   orderString: string;
+  listLimit: number;
 };
 
 export class StockVendors {
@@ -45,6 +47,7 @@ export class StockVendors {
       queryType: '',
       filter: {},
       orderString: '',
+      listLimit: TableStorage.getLimit(),
     };
 
     return gvc.bindView({
@@ -133,8 +136,7 @@ export class StockVendors {
                         gvc,
                         callback: (value: any) => {
                           vm.queryType = value;
-                          gvc.notifyDataChange(vm.tableId);
-                          gvc.notifyDataChange(id);
+                          gvc.notifyDataChange([vm.tableId, id]);
                         },
                         default: vm.queryType || 'name',
                         options: FilterOptions.vendorsSelect,
@@ -142,12 +144,19 @@ export class StockVendors {
                       BgWidget.searchFilter(
                         gvc.event(e => {
                           vm.query = `${e.value}`.trim();
-                          gvc.notifyDataChange(vm.tableId);
-                          gvc.notifyDataChange(id);
+                          gvc.notifyDataChange([vm.tableId, id]);
                         }),
                         vm.query || '',
                         '搜尋庫存點名稱'
                       ),
+                      BgWidget.countingFilter({
+                        gvc,
+                        callback: value => {
+                          vm.listLimit = value;
+                          gvc.notifyDataChange([vm.tableId, id]);
+                        },
+                        default: vm.listLimit,
+                      }),
                     ];
 
                     const filterTags = ListComp.getFilterTags(FilterOptions.vendorsFunnel);
@@ -162,14 +171,13 @@ export class StockVendors {
                     gvc: gvc,
                     getData: vd => {
                       vmi = vd;
-                      const limit = 100;
                       this.getPublicData().then((data: any) => {
                         if (data.list) {
                           data.list = data.list.filter((item: VendorData) => {
                             return vm.query === '' || item.name.includes(vm.query);
                           });
                           vm.dataList = data.list;
-                          vmi.pageSize = Math.ceil(data.list.length / limit);
+                          vmi.pageSize = Math.ceil(data.list.length / vm.listLimit);
                           vmi.originalData = vm.dataList;
                           vmi.tableData = getDatalist();
                         }

package/lowcode/cms-plugin/user-list.js

@@ -26,6 +26,7 @@ import { UserExcel } from './module/user-excel.js';
 import { GlobalUser } from '../glitter-base/global/global-user.js';
 import { ListHeaderOption } from './list-header-option.js';
 import { UserModule } from './user/user-module.js';
+import { TableStorage } from './module/table-storage.js';
 const html = String.raw;
 export class UserList {
     static main(gvc, obj) {
@@ -53,6 +54,7 @@ export class UserList {
             headerConfig: [],
             apiJSON: {},
             checkedData: [],
+            listLimit: TableStorage.getLimit(),
         };
         const ListComp = new BgListComponent(gvc, vm, FilterOptions.userFilterFrame);
         vm.filter = ListComp.getFilterObject();
@@ -300,6 +302,14 @@ export class UserList {
                                                 vm.query = `${e.value}`.trim();
                                                 gvc.notifyDataChange([vm.barId, vm.tableId]);
                                             }), vm.query || '', '搜尋所有用戶'),
+                                            BgWidget.countingFilter({
+                                                gvc,
+                                                callback: value => {
+                                                    vm.listLimit = value;
+                                                    gvc.notifyDataChange([vm.barId, vm.tableId]);
+                                                },
+                                                default: vm.listLimit,
+                                            }),
                                             BgWidget.funnelFilter({
                                                 gvc,
                                                 callback: () => ListComp.showRightMenu(userFunnel),
@@ -358,10 +368,9 @@ export class UserList {
                                                 vmi = vd;
                                                 vm.tabLoading = true;
                                                 UserList.vm.page = vmi.page;
-                                                const limit = 20;
                                                 vm.apiJSON = {
                                                     page: vmi.page - 1,
-                                                    limit: limit,
+                                                    limit: vm.listLimit,
                                                     search: vm.query || undefined,
                                                     searchType: vm.queryType || 'name',
                                                     orderString: vm.orderString || '',
@@ -371,8 +380,8 @@ export class UserList {
                                                 };
                                                 ApiUser.getUserListOrders(vm.apiJSON).then(data => {
                                                     vm.dataList = data.response.data;
-                                                    vmi.limit = limit;
-                                                    vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                    vmi.limit = vm.listLimit;
+                                                    vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                                     vmi.originalData = vm.dataList;
                                                     vmi.tableData = getUserlist();
                                                     vmi.allResult = () => __awaiter(this, void 0, void 0, function* () {
@@ -495,6 +504,7 @@ export class UserList {
             headerConfig: [],
             apiJSON: {},
             checkedData: [],
+            listLimit: TableStorage.getLimit(),
         };
         const ListComp = new BgListComponent(gvc, vm, FilterOptions.userFilterFrame);
         vm.filter = ListComp.getFilterObject();
@@ -558,6 +568,14 @@ export class UserList {
                                             vm.query = `${e.value}`.trim();
                                             gvc.notifyDataChange([vm.barId, vm.tableId]);
                                         }), vm.query || '', '搜尋會員電話/編號/名稱'),
+                                        BgWidget.countingFilter({
+                                            gvc,
+                                            callback: value => {
+                                                vm.listLimit = value;
+                                                gvc.notifyDataChange([vm.barId, vm.tableId]);
+                                            },
+                                            default: vm.listLimit,
+                                        }),
                                         BgWidget.funnelFilter({
                                             gvc,
                                             callback: () => ListComp.showRightMenu(userFunnel),
@@ -584,10 +602,9 @@ export class UserList {
                                     gvc: gvc,
                                     getData: vd => {
                                         vmi = vd;
-                                        const limit = 20;
                                         vm.apiJSON = {
                                             page: vmi.page - 1,
-                                            limit: limit,
+                                            limit: vm.listLimit,
                                             search: vm.query || undefined,
                                             searchType: vm.queryType || 'name',
                                             orderString: vm.orderString || '',
@@ -597,7 +614,7 @@ export class UserList {
                                         };
                                         ApiUser.getUserListOrders(vm.apiJSON).then(data => {
                                             vm.dataList = data.response.data;
-                                            vmi.pageSize = Math.ceil(data.response.total / limit);
+                                            vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                             vmi.originalData = vm.dataList;
                                             vmi.tableData = getDatalist();
                                             vmi.loading = false;

package/lowcode/cms-plugin/user-list.ts

@@ -18,6 +18,7 @@ import { UserExcel } from './module/user-excel.js';
 import { GlobalUser } from '../glitter-base/global/global-user.js';
 import { ListHeaderOption } from './list-header-option.js';
 import { UserModule } from './user/user-module.js';
+import { TableStorage } from './module/table-storage.js';
 
 const html = String.raw;
 
@@ -43,6 +44,7 @@ type ViewModel = {
   headerConfig: string[];
   apiJSON: any;
   checkedData: any[];
+  listLimit: number;
 };
 
 export class UserList {
@@ -89,6 +91,7 @@ export class UserList {
       headerConfig: [],
       apiJSON: {},
       checkedData: [],
+      listLimit: TableStorage.getLimit(),
     };
 
     const ListComp = new BgListComponent(gvc, vm, FilterOptions.userFilterFrame);
@@ -369,6 +372,14 @@ export class UserList {
                               vm.query || '',
                               '搜尋所有用戶'
                             ),
+                            BgWidget.countingFilter({
+                              gvc,
+                              callback: value => {
+                                vm.listLimit = value;
+                                gvc.notifyDataChange([vm.barId, vm.tableId]);
+                              },
+                              default: vm.listLimit,
+                            }),
                             BgWidget.funnelFilter({
                               gvc,
                               callback: () => ListComp.showRightMenu(userFunnel),
@@ -433,11 +444,10 @@ export class UserList {
                               vmi = vd;
                               vm.tabLoading = true;
                               UserList.vm.page = vmi.page;
-                              const limit = 20;
 
                               vm.apiJSON = {
                                 page: vmi.page - 1,
-                                limit: limit,
+                                limit: vm.listLimit,
                                 search: vm.query || undefined,
                                 searchType: vm.queryType || 'name',
                                 orderString: vm.orderString || '',
@@ -448,8 +458,8 @@ export class UserList {
 
                               ApiUser.getUserListOrders(vm.apiJSON).then(data => {
                                 vm.dataList = data.response.data;
-                                vmi.limit = limit;
-                                vmi.pageSize = Math.ceil(data.response.total / limit);
+                                vmi.limit = vm.listLimit;
+                                vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                                 vmi.originalData = vm.dataList;
                                 vmi.tableData = getUserlist();
 
@@ -588,6 +598,7 @@ export class UserList {
       headerConfig: [],
       apiJSON: {},
       checkedData: [],
+      listLimit: TableStorage.getLimit(),
     };
 
     const ListComp = new BgListComponent(gvc, vm, FilterOptions.userFilterFrame);
@@ -660,6 +671,14 @@ export class UserList {
                       vm.query || '',
                       '搜尋會員電話/編號/名稱'
                     ),
+                    BgWidget.countingFilter({
+                      gvc,
+                      callback: value => {
+                        vm.listLimit = value;
+                        gvc.notifyDataChange([vm.barId, vm.tableId]);
+                      },
+                      default: vm.listLimit,
+                    }),
                     BgWidget.funnelFilter({
                       gvc,
                       callback: () => ListComp.showRightMenu(userFunnel),
@@ -687,10 +706,9 @@ export class UserList {
                   gvc: gvc,
                   getData: vd => {
                     vmi = vd;
-                    const limit = 20;
                     vm.apiJSON = {
                       page: vmi.page - 1,
-                      limit: limit,
+                      limit: vm.listLimit,
                       search: vm.query || undefined,
                       searchType: vm.queryType || 'name',
                       orderString: vm.orderString || '',
@@ -700,7 +718,7 @@ export class UserList {
                     };
                     ApiUser.getUserListOrders(vm.apiJSON).then(data => {
                       vm.dataList = data.response.data;
-                      vmi.pageSize = Math.ceil(data.response.total / limit);
+                      vmi.pageSize = Math.ceil(data.response.total / vm.listLimit);
                       vmi.originalData = vm.dataList;
                       vmi.tableData = getDatalist();
                       vmi.loading = false;

package/lowcode/css/editor.css

@@ -588,6 +588,10 @@ h6 {
   background: var(--background-orange);
 }
 
+.form-switch .form-check-input {
+  box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.2);
+}
+
 .form-switch .form-check-input:checked {
   background-color: var(--main-black) !important;
   box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.2);
@@ -902,7 +906,7 @@ h6 {
   color: var(--main-black);
 }
 
-.c_funnel {
+.c_filter_view {
   display: flex;
   padding: 9px;
   min-width: 40px;
@@ -941,6 +945,7 @@ h6 {
   color: var(--main-black);
   font-size: 16px;
   font-weight: 400;
+  padding-top: 1px;
 }
 
 .c_dropdown {
@@ -1277,9 +1282,9 @@ h6 {
   }
 
   .c_absolute {
-    width: 200px;
-    height: 250px;
-    padding: 12px;
+    width: 220px;
+    height: 280px;
+    padding: 16px;
   }
 
   .btn-gray,

package/lowcode/public-components/product/pd-class.js

@@ -283,6 +283,7 @@ export class PdClass {
         });
     }
     static showSwiper(obj) {
+        var _a;
         const isPhone = document.body.clientWidth < 768;
         obj.gvc.glitter.addStyleLink(['https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css']);
         obj.gvc.glitter.addMtScript([
@@ -300,8 +301,10 @@ export class PdClass {
             }
         });
         PdClass.addSpecStyle(obj.gvc);
-        if (obj.vm.specs.length === 0) {
-            obj.vm.specs = obj.vm.specs.map((spec) => spec.option[0].title);
+        const invisibleVariants = obj.prod.variants.filter(v => v.invisible);
+        const visibleVariants = obj.prod.variants.filter(v => !v.invisible);
+        if (obj.vm.specs.length === 0 || invisibleVariants.find(iv => Tool.ObjCompare(iv.spec, obj.vm.specs))) {
+            obj.vm.specs = (_a = visibleVariants === null || visibleVariants === void 0 ? void 0 : visibleVariants[0].spec) !== null && _a !== void 0 ? _a : [];
         }
         obj.prod.preview_image = obj.prod.preview_image.filter(image => {
             return image !== 'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722936949034-default_image.jpg';
@@ -648,6 +651,7 @@ export class PdClass {
                 return {
                     bind: ids.ids_spec,
                     view: () => {
+                        const invisibleVariants = prod.variants.filter(v => v.invisible).map(v => v.spec);
                         return prod.specs
                             .map((spec, index1) => {
                             return html ` <div>
@@ -656,6 +660,11 @@ export class PdClass {
                       </h5>
                       <div class="d-flex gap-2 flex-wrap">
                         ${gvc.map(spec.option.map((opt) => {
+                                const cloneSpecs = vm.specs.slice();
+                                cloneSpecs[index1] = opt.title;
+                                if (invisibleVariants.find(iv => Tool.ObjCompare(iv, cloneSpecs))) {
+                                    return '';
+                                }
                                 return html ` <div
                               gvc-option="spec-option-${index1}"
                               class="spec-option ${vm.specs[index1] === opt.title ? 'selected-option' : ''}"

package/lowcode/public-components/product/pd-class.ts

@@ -437,9 +437,13 @@ export class PdClass {
     });
     PdClass.addSpecStyle(obj.gvc);
 
+    // 可顯示與不可顯示產品規格
+    const invisibleVariants = obj.prod.variants.filter(v => v.invisible);
+    const visibleVariants = obj.prod.variants.filter(v => !v.invisible);
+
     // 更新規格
-    if (obj.vm.specs.length === 0) {
-      obj.vm.specs = obj.vm.specs.map((spec: any) => spec.option[0].title);
+    if (obj.vm.specs.length === 0 || invisibleVariants.find(iv => Tool.ObjCompare(iv.spec, obj.vm.specs))) {
+      obj.vm.specs = visibleVariants?.[0].spec ?? [];
     }
 
     // 過濾預覽圖片
@@ -830,6 +834,8 @@ export class PdClass {
           return {
             bind: ids.ids_spec,
             view: () => {
+              const invisibleVariants = prod.variants.filter(v => v.invisible).map(v => v.spec);
+
               return prod.specs
                 .map((spec, index1) => {
                   return html` <div>
@@ -839,6 +845,14 @@ export class PdClass {
                       <div class="d-flex gap-2 flex-wrap">
                         ${gvc.map(
                           spec.option.map((opt: any) => {
+                            // 排除不可顯示的規格選項
+                            const cloneSpecs = vm.specs.slice();
+                            cloneSpecs[index1] = opt.title;
+
+                            if (invisibleVariants.find(iv => Tool.ObjCompare(iv, cloneSpecs))) {
+                              return '';
+                            }
+
                             return html` <div
                               gvc-option="spec-option-${index1}"
                               class="spec-option ${vm.specs[index1] === opt.title ? 'selected-option' : ''}"
@@ -1052,7 +1066,6 @@ export class PdClass {
                           });
                         }
                       );
-                      // gvc.glitter.getModule('',(module)=>{
                     })}"
                   >
                     <i class="fa-brands fa-rocketchat"></i>

package/lowcode/public-components/public/ad.js

@@ -1,4 +1,14 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { ApiTrack } from '../../glitter-base/route/api-track.js';
+import { GlobalUser } from '../../glitter-base/global/global-user.js';
 export class Ad {
     static gtagEvent(name, obj) {
         const gtag = window.gtag;
@@ -7,16 +17,38 @@ export class Ad {
         }
     }
     static fbqEvent(name, obj) {
-        const fbq = window.fbq;
-        obj.eventID = obj.eventID || window.glitter.getUUID();
-        if (fbq) {
-            fbq('track', name, JSON.parse(JSON.stringify(obj)));
-        }
-        obj.event_id = obj.eventID;
-        delete obj.eventID;
-        ApiTrack.track({
-            event_name: name,
-            custom_data: obj,
+        return __awaiter(this, void 0, void 0, function* () {
+            const fbq = window.fbq;
+            obj.eventID = obj.eventID || window.glitter.getUUID();
+            if (fbq) {
+                if (GlobalUser.userInfo) {
+                    function hashSHA256(input) {
+                        return __awaiter(this, void 0, void 0, function* () {
+                            const encoder = new TextEncoder();
+                            const data = encoder.encode(input.trim().toLowerCase());
+                            const hashBuffer = yield crypto.subtle.digest('SHA-256', data);
+                            return Array.from(new Uint8Array(hashBuffer))
+                                .map(b => b.toString(16).padStart(2, '0'))
+                                .join('');
+                        });
+                    }
+                    const obj = {};
+                    if (GlobalUser.userInfo.email) {
+                        obj.email = yield hashSHA256(GlobalUser.userInfo.email);
+                    }
+                    if (GlobalUser.userInfo.phone) {
+                        obj.phone = yield hashSHA256(GlobalUser.userInfo.phone);
+                    }
+                    fbq('init', window.fb_pixel_id, obj);
+                }
+                fbq('track', name, JSON.parse(JSON.stringify(obj)));
+            }
+            obj.event_id = obj.eventID;
+            delete obj.eventID;
+            ApiTrack.track({
+                event_name: name,
+                custom_data: obj,
+            });
         });
     }
 }