@sunggang/ui-lib 0.4.45 → 0.4.47

package/LiffProvider.cjs.js

@@ -456,20 +456,17 @@ var LiffContext = /*#__PURE__*/ React.createContext(undefined);
 var LiffProvider = function(param) {
     var children = param.children, liffId = param.liffId, _param_localStorageKey = param.localStorageKey, localStorageKey = _param_localStorageKey === void 0 ? "one-gobo-global-login" : _param_localStorageKey, checkTokenUrl = param.checkTokenUrl, loginUrl = param.loginUrl, accountLoginUrl = param.accountLoginUrl, memberInfoUrl = param.memberInfoUrl, _param_openInApp = param.openInApp, openInApp = _param_openInApp === void 0 ? false : _param_openInApp, _param_ignoreCheckAddFriend = param.ignoreCheckAddFriend, ignoreCheckAddFriend = _param_ignoreCheckAddFriend === void 0 ? false : _param_ignoreCheckAddFriend, _param_ignoreRoute = param.ignoreRoute, ignoreRoute = _param_ignoreRoute === void 0 ? false : _param_ignoreRoute, _param_loginByUser = param.loginByUser, loginByUser = _param_loginByUser === void 0 ? false : _param_loginByUser, _param_liffLogin = param.liffLogin, liffLogin = _param_liffLogin === void 0 ? false : _param_liffLogin, customerRedirectUrl = param.customerRedirectUrl, inviteCode = param.inviteCode, handleLoginError = param.handleLoginError;
     var _useState = _sliced_to_array(React.useState(null), 2), liffObject = _useState[0], setLiffObject = _useState[1];
-    var _useState1 = _sliced_to_array(React.useState(false), 2), liffInitialized = _useState1[0], setLiffInitialized = _useState1[1];
-    var _useState2 = _sliced_to_array(React.useState(""), 2), accessToken = _useState2[0], setAccessToken = _useState2[1];
-    var _useState3 = _sliced_to_array(React.useState(null), 2), liffError = _useState3[0], setLiffError = _useState3[1];
-    var _useState4 = _sliced_to_array(React.useState(null), 2), loginData = _useState4[0], setLoginData = _useState4[1];
-    var _useState5 = _sliced_to_array(React.useState(null), 2), userInfo = _useState5[0], setUserInfo = _useState5[1];
-    var _useState6 = _sliced_to_array(React.useState(null), 2), liffProfile = _useState6[0], setLiffProfile = _useState6[1];
-    var _useState7 = _sliced_to_array(React.useState(null), 2), isFriendship = _useState7[0], setFriendship = _useState7[1];
-    var _useState8 = _sliced_to_array(React.useState(null), 2), loginType = _useState8[0], setLoginType = _useState8[1];
+    var _useState1 = _sliced_to_array(React.useState(""), 2), accessToken = _useState1[0], setAccessToken = _useState1[1];
+    var _useState2 = _sliced_to_array(React.useState(null), 2), liffError = _useState2[0], setLiffError = _useState2[1];
+    var _useState3 = _sliced_to_array(React.useState(null), 2), loginData = _useState3[0], setLoginData = _useState3[1];
+    var _useState4 = _sliced_to_array(React.useState(null), 2), userInfo = _useState4[0], setUserInfo = _useState4[1];
+    var _useState5 = _sliced_to_array(React.useState(null), 2), liffProfile = _useState5[0], setLiffProfile = _useState5[1];
+    var _useState6 = _sliced_to_array(React.useState(null), 2), isFriendship = _useState6[0], setFriendship = _useState6[1];
+    var _useState7 = _sliced_to_array(React.useState(null), 2), loginType = _useState7[0], setLoginType = _useState7[1];
     // userInfo 的 localStorage key
     var userInfoStorageKey = "".concat(localStorageKey, "-userInfo");
-    // liff profile 的 localStorage key
-    var liffProfileStorageKey = "".concat(localStorageKey, "-liffProfile");
-    // liff initialized flag 的 localStorage key
-    var liffInitializedStorageKey = "".concat(localStorageKey, "-liffInitialized");
+    // liff userInfo 的 localStorage key
+    var liffUserInfoStorageKey = "".concat(localStorageKey, "-liffUserInfo");
     // 從 localStorage 載入 userInfo
     var loadUserInfoFromStorage = function() {
         try {
@@ -484,50 +481,36 @@ var LiffProvider = function(param) {
         }
         return null;
     };
-    // 從 localStorage 載入 LIFF profile
-    var loadLiffProfileFromStorage = function() {
+    // 儲存 userInfo 到 localStorage
+    var saveUserInfoToStorage = function(info) {
+        try {
+            window.localStorage.setItem(userInfoStorageKey, JSON.stringify(info));
+        } catch (err) {
+            console.error("儲存 userInfo 失敗:", err);
+        }
+    };
+    // 從 localStorage 載入 LIFF userInfo
+    var loadLiffUserInfoFromStorage = function() {
         try {
-            var stored = window.localStorage.getItem(liffProfileStorageKey);
+            var stored = window.localStorage.getItem(liffUserInfoStorageKey);
             if (stored) {
                 var parsed = JSON.parse(stored);
                 setLiffProfile(parsed);
                 return parsed;
             }
         } catch (err) {
-            console.error("載入 liffProfile 失敗:", err);
+            console.error("載入 liffUserInfo 失敗:", err);
         }
         return null;
     };
-    // 儲存 userInfo 到 localStorage
-    var saveUserInfoToStorage = React.useCallback(function(info) {
-        try {
-            window.localStorage.setItem(userInfoStorageKey, JSON.stringify(info));
-        } catch (err) {
-            console.error("儲存 userInfo 失敗:", err);
-        }
-    }, [
-        userInfoStorageKey
-    ]);
-    // 儲存 LIFF profile 到 localStorage
-    var saveLiffProfileToStorage = React.useCallback(function(info) {
+    // 儲存 LIFF userInfo 到 localStorage
+    var saveLiffUserInfoToStorage = function(info) {
         try {
-            window.localStorage.setItem(liffProfileStorageKey, JSON.stringify(info));
+            window.localStorage.setItem(liffUserInfoStorageKey, JSON.stringify(info));
         } catch (err) {
-            console.error("儲存 liffProfile 失敗:", err);
+            console.error("儲存 liffUserInfo 失敗:", err);
         }
-    }, [
-        liffProfileStorageKey
-    ]);
-    // 儲存 liffInitialized flag 到 localStorage
-    var saveLiffInitializedToStorage = React.useCallback(function() {
-        try {
-            window.localStorage.setItem(liffInitializedStorageKey, "1");
-        } catch (err) {
-            console.error("儲存 liffInitialized 失敗:", err);
-        }
-    }, [
-        liffInitializedStorageKey
-    ]);
+    };
     var fetchMemberInfo = function() {
         var _ref = _async_to_generator(function(token) {
             var response, err;
@@ -636,13 +619,6 @@ var LiffProvider = function(param) {
                         // token 無效時清除 userInfo
                         setUserInfo(null);
                         window.localStorage.removeItem(userInfoStorageKey);
-                        // token 無效也清除 liff 相關快取與已初始化標記
-                        try {
-                            window.localStorage.removeItem(liffProfileStorageKey);
-                            window.localStorage.removeItem(liffInitializedStorageKey);
-                        } catch (e) {
-                        // ignore
-                        }
                         return [
                             3,
                             7
@@ -752,7 +728,7 @@ var LiffProvider = function(param) {
     // 初始化 LIFF
     var initializeLiff = function() {
         var _ref = _async_to_generator(function(isValid) {
-            var _sdk_getAccessToken, _sdk_isLoggedIn, imported, sdk, lineToken, redirectUri, tempFriendship, friendship, friendFlag, error, err;
+            var customFetch, liff, originalFetch, profile, lineToken, redirectUri, tempFriendship, friendship, friendFlag, error, err;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -762,27 +738,48 @@ var LiffProvider = function(param) {
                             ,
                             11
                         ]);
-                        // 確保 LIFF 已初始化（只執行一次）
+                        customFetch = // 自訂 fetch 函數，避免每次請求都改變 URL
+                        // eslint-disable-next-line no-inner-declarations
+                        function customFetch(url, options) {
+                            if (url.toString().startsWith("https://liffsdk.line-scdn.net/xlt/") && url.toString().endsWith(".json")) {
+                                url = "".concat(url, "?ts=").concat(Math.random());
+                            }
+                            return originalFetch(url, options);
+                        };
                         return [
                             4,
-                            ensureLiffInitialized()
+                            Promise.resolve().then(function () { return require('./index.cjs3.js'); })
                         ];
                     case 1:
-                        _state.sent();
+                        liff = _state.sent().liff;
+                        originalFetch = window.fetch;
+                        window.fetch = customFetch;
+                        if (openInApp && !(liff === null || liff === void 0 ? void 0 : liff.isInClient()) && (liff === null || liff === void 0 ? void 0 : liff.getOS()) !== "web") window.location.href = "line://app/".concat(liffId);
                         return [
                             4,
-                            Promise.resolve().then(function () { return require('./index.cjs3.js'); })
+                            liff.init({
+                                liffId: liffId,
+                                withLoginOnExternalBrowser: false
+                            })
                         ];
                     case 2:
-                        imported = _state.sent();
-                        sdk = liffObject || imported.liff;
-                        setLiffObject(sdk);
-                        lineToken = sdk === null || sdk === void 0 ? void 0 : (_sdk_getAccessToken = sdk.getAccessToken) === null || _sdk_getAccessToken === void 0 ? void 0 : _sdk_getAccessToken.call(sdk);
-                        // 未登入先進行登入（呼叫 login 後立即 return，避免後續執行）
-                        if (!(sdk === null || sdk === void 0 ? void 0 : (_sdk_isLoggedIn = sdk.isLoggedIn) === null || _sdk_isLoggedIn === void 0 ? void 0 : _sdk_isLoggedIn.call(sdk))) {
+                        _state.sent();
+                        console.log("LIFF init succeeded.");
+                        setLiffObject(liff);
+                        return [
+                            4,
+                            liff.getProfile()
+                        ];
+                    case 3:
+                        profile = _state.sent();
+                        setLiffProfile(profile);
+                        saveLiffUserInfoToStorage(profile);
+                        lineToken = liff === null || liff === void 0 ? void 0 : liff.getAccessToken();
+                        // 未登入先進行登入
+                        if (!liff.isLoggedIn()) {
                             redirectUri = customerRedirectUrl || "".concat(window.location.href);
                             if (liffLogin) {
-                                sdk.login({
+                                liff.login({
                                     redirectUri: redirectUri
                                 });
                                 return [
@@ -792,42 +789,33 @@ var LiffProvider = function(param) {
                             if (loginByUser || ignoreRoute) return [
                                 2
                             ];
-                            sdk.login({
+                            liff.login({
                                 redirectUri: redirectUri
                             });
-                            return [
-                                2
-                            ];
                         }
                         tempFriendship = null;
                         if (!lineToken) return [
                             3,
                             9
                         ];
-                        _state.label = 3;
-                    case 3:
+                        _state.label = 4;
+                    case 4:
                         _state.trys.push([
-                            3,
+                            4,
                             6,
                             ,
                             7
                         ]);
-                        if (!(sdk.isLoggedIn && sdk.isLoggedIn())) return [
-                            3,
-                            5
-                        ];
                         return [
                             4,
-                            sdk.getFriendship()
+                            liff.getFriendship()
                         ];
-                    case 4:
+                    case 5:
                         friendship = _state.sent();
                         friendFlag = friendship === null || friendship === void 0 ? void 0 : friendship.friendFlag;
                         setFriendship(friendFlag);
                         tempFriendship = friendFlag;
                         console.log("isFriendship", friendFlag);
-                        _state.label = 5;
-                    case 5:
                         return [
                             3,
                             7
@@ -875,125 +863,6 @@ var LiffProvider = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    // 確保 LIFF init 只執行一次且在需要時才執行
-    var ensureLiffInitialized = React.useCallback(/*#__PURE__*/ _async_to_generator(function() {
-        var storedFlag, customFetch, liff, originalFetch, profile, e1;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    console.log("ensureLiffInitialized called", liffInitialized);
-                    // 如果 state 或 localStorage 上已有 initialized 的標記，就視為已初始化
-                    if (liffInitialized) return [
-                        2
-                    ];
-                    try {
-                        storedFlag = window.localStorage.getItem(liffInitializedStorageKey);
-                        if (storedFlag === "1") {
-                            setLiffInitialized(true);
-                            console.log("liffInitialized loaded from storage");
-                            return [
-                                2
-                            ];
-                        }
-                    } catch (e) {
-                    // ignore
-                    }
-                    if (!liffId) {
-                        console.warn("liffId 未提供，跳過 liff.init()。");
-                        return [
-                            2
-                        ];
-                    }
-                    _state.label = 1;
-                case 1:
-                    _state.trys.push([
-                        1,
-                        8,
-                        ,
-                        9
-                    ]);
-                    customFetch = // 自訂 fetch 函數，避免每次請求都改變 URL
-                    // eslint-disable-next-line no-inner-declarations
-                    function customFetch(url, options) {
-                        if (url.toString().startsWith("https://liffsdk.line-scdn.net/xlt/") && url.toString().endsWith(".json")) {
-                            url = "".concat(url, "?ts=").concat(Math.random());
-                        }
-                        return originalFetch(url, options);
-                    };
-                    return [
-                        4,
-                        Promise.resolve().then(function () { return require('./index.cjs3.js'); })
-                    ];
-                case 2:
-                    liff = _state.sent().liff;
-                    originalFetch = window.fetch;
-                    window.fetch = customFetch;
-                    if (openInApp && !(liff === null || liff === void 0 ? void 0 : liff.isInClient()) && (liff === null || liff === void 0 ? void 0 : liff.getOS()) !== "web") window.location.href = "line://app/".concat(liffId);
-                    return [
-                        4,
-                        liff.init({
-                            liffId: liffId,
-                            withLoginOnExternalBrowser: false
-                        })
-                    ];
-                case 3:
-                    _state.sent();
-                    _state.label = 4;
-                case 4:
-                    _state.trys.push([
-                        4,
-                        6,
-                        ,
-                        7
-                    ]);
-                    return [
-                        4,
-                        liff.getProfile()
-                    ];
-                case 5:
-                    profile = _state.sent();
-                    setLiffProfile(profile);
-                    saveLiffProfileToStorage(profile);
-                    return [
-                        3,
-                        7
-                    ];
-                case 6:
-                    _state.sent();
-                    return [
-                        3,
-                        7
-                    ];
-                case 7:
-                    setLiffObject(liff);
-                    setLiffInitialized(true);
-                    saveLiffInitializedToStorage();
-                    console.log("LIFF initialized.");
-                    return [
-                        3,
-                        9
-                    ];
-                case 8:
-                    e1 = _state.sent();
-                    console.error("ensureLiffInitialized failed:", e1);
-                    return [
-                        3,
-                        9
-                    ];
-                case 9:
-                    return [
-                        2
-                    ];
-            }
-        });
-    }), [
-        liffInitialized,
-        liffId,
-        openInApp,
-        saveLiffInitializedToStorage,
-        saveLiffProfileToStorage,
-        liffInitializedStorageKey
-    ]);
     var accountLogin = function() {
         var _ref = _async_to_generator(function(username, password) {
             var response, token, tokenType, finalToken, err;
@@ -1160,10 +1029,10 @@ var LiffProvider = function(param) {
         return trimmed.toLowerCase().startsWith("bearer ") ? trimmed : "Bearer ".concat(trimmed);
     };
     var searchParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
-    // 初始載入時從 localStorage 載入 userInfo 與 LIFF profile
+    // 初始載入時從 localStorage 載入 userInfo
     React.useEffect(function() {
         loadUserInfoFromStorage();
-        loadLiffProfileFromStorage();
+        loadLiffUserInfoFromStorage();
     }, []);
     // 客戶端初始化 LIFF
     React.useEffect(function() {
@@ -1241,21 +1110,34 @@ var LiffProvider = function(param) {
         }();
         checkAndInitialize();
     }, []);
-    var contextValue = {
-        liffObject: liffObject,
-        loginData: loginData,
-        userInfo: userInfo,
-        accessToken: accessToken,
-        liffError: liffError,
-        initializeLiff: function() {
-            return initializeLiff(false);
-        },
-        liffProfile: liffProfile,
-        isFriendship: isFriendship,
-        ensureLiffTokenValid: ensureLiffTokenValid,
-        accountLogin: accountLogin,
-        loginType: loginType
-    };
+    var contextValue = React.useMemo(function() {
+        return {
+            liffObject: liffObject,
+            loginData: loginData,
+            userInfo: userInfo,
+            accessToken: accessToken,
+            liffError: liffError,
+            initializeLiff: function() {
+                return initializeLiff(false);
+            },
+            isFriendship: isFriendship,
+            ensureLiffTokenValid: ensureLiffTokenValid,
+            accountLogin: accountLogin,
+            loginType: loginType,
+            liffProfile: liffProfile
+        };
+    }, [
+        liffObject,
+        loginData,
+        userInfo,
+        accessToken,
+        liffError,
+        isFriendship,
+        ensureLiffTokenValid,
+        accountLogin,
+        loginType,
+        liffProfile
+    ]);
     return /*#__PURE__*/ jsxRuntime.jsx(LiffContext.Provider, {
         value: contextValue,
         children: children

package/LiffProvider.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useCallback, useEffect, useContext } from 'react';
+import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
 
 function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -452,20 +452,17 @@ var LiffContext = /*#__PURE__*/ createContext(undefined);
 var LiffProvider = function(param) {
     var children = param.children, liffId = param.liffId, _param_localStorageKey = param.localStorageKey, localStorageKey = _param_localStorageKey === void 0 ? "one-gobo-global-login" : _param_localStorageKey, checkTokenUrl = param.checkTokenUrl, loginUrl = param.loginUrl, accountLoginUrl = param.accountLoginUrl, memberInfoUrl = param.memberInfoUrl, _param_openInApp = param.openInApp, openInApp = _param_openInApp === void 0 ? false : _param_openInApp, _param_ignoreCheckAddFriend = param.ignoreCheckAddFriend, ignoreCheckAddFriend = _param_ignoreCheckAddFriend === void 0 ? false : _param_ignoreCheckAddFriend, _param_ignoreRoute = param.ignoreRoute, ignoreRoute = _param_ignoreRoute === void 0 ? false : _param_ignoreRoute, _param_loginByUser = param.loginByUser, loginByUser = _param_loginByUser === void 0 ? false : _param_loginByUser, _param_liffLogin = param.liffLogin, liffLogin = _param_liffLogin === void 0 ? false : _param_liffLogin, customerRedirectUrl = param.customerRedirectUrl, inviteCode = param.inviteCode, handleLoginError = param.handleLoginError;
     var _useState = _sliced_to_array(useState(null), 2), liffObject = _useState[0], setLiffObject = _useState[1];
-    var _useState1 = _sliced_to_array(useState(false), 2), liffInitialized = _useState1[0], setLiffInitialized = _useState1[1];
-    var _useState2 = _sliced_to_array(useState(""), 2), accessToken = _useState2[0], setAccessToken = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(null), 2), liffError = _useState3[0], setLiffError = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(null), 2), loginData = _useState4[0], setLoginData = _useState4[1];
-    var _useState5 = _sliced_to_array(useState(null), 2), userInfo = _useState5[0], setUserInfo = _useState5[1];
-    var _useState6 = _sliced_to_array(useState(null), 2), liffProfile = _useState6[0], setLiffProfile = _useState6[1];
-    var _useState7 = _sliced_to_array(useState(null), 2), isFriendship = _useState7[0], setFriendship = _useState7[1];
-    var _useState8 = _sliced_to_array(useState(null), 2), loginType = _useState8[0], setLoginType = _useState8[1];
+    var _useState1 = _sliced_to_array(useState(""), 2), accessToken = _useState1[0], setAccessToken = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), liffError = _useState2[0], setLiffError = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(null), 2), loginData = _useState3[0], setLoginData = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(null), 2), userInfo = _useState4[0], setUserInfo = _useState4[1];
+    var _useState5 = _sliced_to_array(useState(null), 2), liffProfile = _useState5[0], setLiffProfile = _useState5[1];
+    var _useState6 = _sliced_to_array(useState(null), 2), isFriendship = _useState6[0], setFriendship = _useState6[1];
+    var _useState7 = _sliced_to_array(useState(null), 2), loginType = _useState7[0], setLoginType = _useState7[1];
     // userInfo 的 localStorage key
     var userInfoStorageKey = "".concat(localStorageKey, "-userInfo");
-    // liff profile 的 localStorage key
-    var liffProfileStorageKey = "".concat(localStorageKey, "-liffProfile");
-    // liff initialized flag 的 localStorage key
-    var liffInitializedStorageKey = "".concat(localStorageKey, "-liffInitialized");
+    // liff userInfo 的 localStorage key
+    var liffUserInfoStorageKey = "".concat(localStorageKey, "-liffUserInfo");
     // 從 localStorage 載入 userInfo
     var loadUserInfoFromStorage = function() {
         try {
@@ -480,50 +477,36 @@ var LiffProvider = function(param) {
         }
         return null;
     };
-    // 從 localStorage 載入 LIFF profile
-    var loadLiffProfileFromStorage = function() {
+    // 儲存 userInfo 到 localStorage
+    var saveUserInfoToStorage = function(info) {
+        try {
+            window.localStorage.setItem(userInfoStorageKey, JSON.stringify(info));
+        } catch (err) {
+            console.error("儲存 userInfo 失敗:", err);
+        }
+    };
+    // 從 localStorage 載入 LIFF userInfo
+    var loadLiffUserInfoFromStorage = function() {
         try {
-            var stored = window.localStorage.getItem(liffProfileStorageKey);
+            var stored = window.localStorage.getItem(liffUserInfoStorageKey);
             if (stored) {
                 var parsed = JSON.parse(stored);
                 setLiffProfile(parsed);
                 return parsed;
             }
         } catch (err) {
-            console.error("載入 liffProfile 失敗:", err);
+            console.error("載入 liffUserInfo 失敗:", err);
         }
         return null;
     };
-    // 儲存 userInfo 到 localStorage
-    var saveUserInfoToStorage = useCallback(function(info) {
-        try {
-            window.localStorage.setItem(userInfoStorageKey, JSON.stringify(info));
-        } catch (err) {
-            console.error("儲存 userInfo 失敗:", err);
-        }
-    }, [
-        userInfoStorageKey
-    ]);
-    // 儲存 LIFF profile 到 localStorage
-    var saveLiffProfileToStorage = useCallback(function(info) {
+    // 儲存 LIFF userInfo 到 localStorage
+    var saveLiffUserInfoToStorage = function(info) {
         try {
-            window.localStorage.setItem(liffProfileStorageKey, JSON.stringify(info));
+            window.localStorage.setItem(liffUserInfoStorageKey, JSON.stringify(info));
         } catch (err) {
-            console.error("儲存 liffProfile 失敗:", err);
+            console.error("儲存 liffUserInfo 失敗:", err);
         }
-    }, [
-        liffProfileStorageKey
-    ]);
-    // 儲存 liffInitialized flag 到 localStorage
-    var saveLiffInitializedToStorage = useCallback(function() {
-        try {
-            window.localStorage.setItem(liffInitializedStorageKey, "1");
-        } catch (err) {
-            console.error("儲存 liffInitialized 失敗:", err);
-        }
-    }, [
-        liffInitializedStorageKey
-    ]);
+    };
     var fetchMemberInfo = function() {
         var _ref = _async_to_generator(function(token) {
             var response, err;
@@ -632,13 +615,6 @@ var LiffProvider = function(param) {
                         // token 無效時清除 userInfo
                         setUserInfo(null);
                         window.localStorage.removeItem(userInfoStorageKey);
-                        // token 無效也清除 liff 相關快取與已初始化標記
-                        try {
-                            window.localStorage.removeItem(liffProfileStorageKey);
-                            window.localStorage.removeItem(liffInitializedStorageKey);
-                        } catch (e) {
-                        // ignore
-                        }
                         return [
                             3,
                             7
@@ -748,7 +724,7 @@ var LiffProvider = function(param) {
     // 初始化 LIFF
     var initializeLiff = function() {
         var _ref = _async_to_generator(function(isValid) {
-            var _sdk_getAccessToken, _sdk_isLoggedIn, imported, sdk, lineToken, redirectUri, tempFriendship, friendship, friendFlag, error, err;
+            var customFetch, liff, originalFetch, profile, lineToken, redirectUri, tempFriendship, friendship, friendFlag, error, err;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -758,27 +734,48 @@ var LiffProvider = function(param) {
                             ,
                             11
                         ]);
-                        // 確保 LIFF 已初始化（只執行一次）
+                        customFetch = // 自訂 fetch 函數，避免每次請求都改變 URL
+                        // eslint-disable-next-line no-inner-declarations
+                        function customFetch(url, options) {
+                            if (url.toString().startsWith("https://liffsdk.line-scdn.net/xlt/") && url.toString().endsWith(".json")) {
+                                url = "".concat(url, "?ts=").concat(Math.random());
+                            }
+                            return originalFetch(url, options);
+                        };
                         return [
                             4,
-                            ensureLiffInitialized()
+                            import('./index.esm3.js')
                         ];
                     case 1:
-                        _state.sent();
+                        liff = _state.sent().liff;
+                        originalFetch = window.fetch;
+                        window.fetch = customFetch;
+                        if (openInApp && !(liff === null || liff === void 0 ? void 0 : liff.isInClient()) && (liff === null || liff === void 0 ? void 0 : liff.getOS()) !== "web") window.location.href = "line://app/".concat(liffId);
                         return [
                             4,
-                            import('./index.esm3.js')
+                            liff.init({
+                                liffId: liffId,
+                                withLoginOnExternalBrowser: false
+                            })
                         ];
                     case 2:
-                        imported = _state.sent();
-                        sdk = liffObject || imported.liff;
-                        setLiffObject(sdk);
-                        lineToken = sdk === null || sdk === void 0 ? void 0 : (_sdk_getAccessToken = sdk.getAccessToken) === null || _sdk_getAccessToken === void 0 ? void 0 : _sdk_getAccessToken.call(sdk);
-                        // 未登入先進行登入（呼叫 login 後立即 return，避免後續執行）
-                        if (!(sdk === null || sdk === void 0 ? void 0 : (_sdk_isLoggedIn = sdk.isLoggedIn) === null || _sdk_isLoggedIn === void 0 ? void 0 : _sdk_isLoggedIn.call(sdk))) {
+                        _state.sent();
+                        console.log("LIFF init succeeded.");
+                        setLiffObject(liff);
+                        return [
+                            4,
+                            liff.getProfile()
+                        ];
+                    case 3:
+                        profile = _state.sent();
+                        setLiffProfile(profile);
+                        saveLiffUserInfoToStorage(profile);
+                        lineToken = liff === null || liff === void 0 ? void 0 : liff.getAccessToken();
+                        // 未登入先進行登入
+                        if (!liff.isLoggedIn()) {
                             redirectUri = customerRedirectUrl || "".concat(window.location.href);
                             if (liffLogin) {
-                                sdk.login({
+                                liff.login({
                                     redirectUri: redirectUri
                                 });
                                 return [
@@ -788,42 +785,33 @@ var LiffProvider = function(param) {
                             if (loginByUser || ignoreRoute) return [
                                 2
                             ];
-                            sdk.login({
+                            liff.login({
                                 redirectUri: redirectUri
                             });
-                            return [
-                                2
-                            ];
                         }
                         tempFriendship = null;
                         if (!lineToken) return [
                             3,
                             9
                         ];
-                        _state.label = 3;
-                    case 3:
+                        _state.label = 4;
+                    case 4:
                         _state.trys.push([
-                            3,
+                            4,
                             6,
                             ,
                             7
                         ]);
-                        if (!(sdk.isLoggedIn && sdk.isLoggedIn())) return [
-                            3,
-                            5
-                        ];
                         return [
                             4,
-                            sdk.getFriendship()
+                            liff.getFriendship()
                         ];
-                    case 4:
+                    case 5:
                         friendship = _state.sent();
                         friendFlag = friendship === null || friendship === void 0 ? void 0 : friendship.friendFlag;
                         setFriendship(friendFlag);
                         tempFriendship = friendFlag;
                         console.log("isFriendship", friendFlag);
-                        _state.label = 5;
-                    case 5:
                         return [
                             3,
                             7
@@ -871,125 +859,6 @@ var LiffProvider = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    // 確保 LIFF init 只執行一次且在需要時才執行
-    var ensureLiffInitialized = useCallback(/*#__PURE__*/ _async_to_generator(function() {
-        var storedFlag, customFetch, liff, originalFetch, profile, e1;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    console.log("ensureLiffInitialized called", liffInitialized);
-                    // 如果 state 或 localStorage 上已有 initialized 的標記，就視為已初始化
-                    if (liffInitialized) return [
-                        2
-                    ];
-                    try {
-                        storedFlag = window.localStorage.getItem(liffInitializedStorageKey);
-                        if (storedFlag === "1") {
-                            setLiffInitialized(true);
-                            console.log("liffInitialized loaded from storage");
-                            return [
-                                2
-                            ];
-                        }
-                    } catch (e) {
-                    // ignore
-                    }
-                    if (!liffId) {
-                        console.warn("liffId 未提供，跳過 liff.init()。");
-                        return [
-                            2
-                        ];
-                    }
-                    _state.label = 1;
-                case 1:
-                    _state.trys.push([
-                        1,
-                        8,
-                        ,
-                        9
-                    ]);
-                    customFetch = // 自訂 fetch 函數，避免每次請求都改變 URL
-                    // eslint-disable-next-line no-inner-declarations
-                    function customFetch(url, options) {
-                        if (url.toString().startsWith("https://liffsdk.line-scdn.net/xlt/") && url.toString().endsWith(".json")) {
-                            url = "".concat(url, "?ts=").concat(Math.random());
-                        }
-                        return originalFetch(url, options);
-                    };
-                    return [
-                        4,
-                        import('./index.esm3.js')
-                    ];
-                case 2:
-                    liff = _state.sent().liff;
-                    originalFetch = window.fetch;
-                    window.fetch = customFetch;
-                    if (openInApp && !(liff === null || liff === void 0 ? void 0 : liff.isInClient()) && (liff === null || liff === void 0 ? void 0 : liff.getOS()) !== "web") window.location.href = "line://app/".concat(liffId);
-                    return [
-                        4,
-                        liff.init({
-                            liffId: liffId,
-                            withLoginOnExternalBrowser: false
-                        })
-                    ];
-                case 3:
-                    _state.sent();
-                    _state.label = 4;
-                case 4:
-                    _state.trys.push([
-                        4,
-                        6,
-                        ,
-                        7
-                    ]);
-                    return [
-                        4,
-                        liff.getProfile()
-                    ];
-                case 5:
-                    profile = _state.sent();
-                    setLiffProfile(profile);
-                    saveLiffProfileToStorage(profile);
-                    return [
-                        3,
-                        7
-                    ];
-                case 6:
-                    _state.sent();
-                    return [
-                        3,
-                        7
-                    ];
-                case 7:
-                    setLiffObject(liff);
-                    setLiffInitialized(true);
-                    saveLiffInitializedToStorage();
-                    console.log("LIFF initialized.");
-                    return [
-                        3,
-                        9
-                    ];
-                case 8:
-                    e1 = _state.sent();
-                    console.error("ensureLiffInitialized failed:", e1);
-                    return [
-                        3,
-                        9
-                    ];
-                case 9:
-                    return [
-                        2
-                    ];
-            }
-        });
-    }), [
-        liffInitialized,
-        liffId,
-        openInApp,
-        saveLiffInitializedToStorage,
-        saveLiffProfileToStorage,
-        liffInitializedStorageKey
-    ]);
     var accountLogin = function() {
         var _ref = _async_to_generator(function(username, password) {
             var response, token, tokenType, finalToken, err;
@@ -1156,10 +1025,10 @@ var LiffProvider = function(param) {
         return trimmed.toLowerCase().startsWith("bearer ") ? trimmed : "Bearer ".concat(trimmed);
     };
     var searchParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
-    // 初始載入時從 localStorage 載入 userInfo 與 LIFF profile
+    // 初始載入時從 localStorage 載入 userInfo
     useEffect(function() {
         loadUserInfoFromStorage();
-        loadLiffProfileFromStorage();
+        loadLiffUserInfoFromStorage();
     }, []);
     // 客戶端初始化 LIFF
     useEffect(function() {
@@ -1237,21 +1106,34 @@ var LiffProvider = function(param) {
         }();
         checkAndInitialize();
     }, []);
-    var contextValue = {
-        liffObject: liffObject,
-        loginData: loginData,
-        userInfo: userInfo,
-        accessToken: accessToken,
-        liffError: liffError,
-        initializeLiff: function() {
-            return initializeLiff(false);
-        },
-        liffProfile: liffProfile,
-        isFriendship: isFriendship,
-        ensureLiffTokenValid: ensureLiffTokenValid,
-        accountLogin: accountLogin,
-        loginType: loginType
-    };
+    var contextValue = useMemo(function() {
+        return {
+            liffObject: liffObject,
+            loginData: loginData,
+            userInfo: userInfo,
+            accessToken: accessToken,
+            liffError: liffError,
+            initializeLiff: function() {
+                return initializeLiff(false);
+            },
+            isFriendship: isFriendship,
+            ensureLiffTokenValid: ensureLiffTokenValid,
+            accountLogin: accountLogin,
+            loginType: loginType,
+            liffProfile: liffProfile
+        };
+    }, [
+        liffObject,
+        loginData,
+        userInfo,
+        accessToken,
+        liffError,
+        isFriendship,
+        ensureLiffTokenValid,
+        accountLogin,
+        loginType,
+        liffProfile
+    ]);
     return /*#__PURE__*/ jsx(LiffContext.Provider, {
         value: contextValue,
         children: children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.4.45",
+  "version": "0.4.47",
   "sideEffects": [
     "*.css",
     "./src/style.css",

package/src/lib/Provider/LiffProvider.d.ts

@@ -3,7 +3,6 @@ type LiffContextType = {
     liffObject: any;
     loginData: any;
     userInfo?: any;
-    liffProfile?: any;
     accessToken: string;
     liffError: string | null;
     initializeLiff: () => Promise<void>;