@sunggang/ui-lib 0.4.43 → 0.4.45

package/LiffProvider.cjs.js

@@ -456,14 +456,20 @@ 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(""), 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), isFriendship = _useState5[0], setFriendship = _useState5[1];
-    var _useState6 = _sliced_to_array(React.useState(null), 2), loginType = _useState6[0], setLoginType = _useState6[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];
     // 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");
     // 從 localStorage 載入 userInfo
     var loadUserInfoFromStorage = function() {
         try {
@@ -478,14 +484,50 @@ var LiffProvider = function(param) {
         }
         return null;
     };
+    // 從 localStorage 載入 LIFF profile
+    var loadLiffProfileFromStorage = function() {
+        try {
+            var stored = window.localStorage.getItem(liffProfileStorageKey);
+            if (stored) {
+                var parsed = JSON.parse(stored);
+                setLiffProfile(parsed);
+                return parsed;
+            }
+        } catch (err) {
+            console.error("載入 liffProfile 失敗:", err);
+        }
+        return null;
+    };
     // 儲存 userInfo 到 localStorage
-    var saveUserInfoToStorage = function(info) {
+    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) {
+        try {
+            window.localStorage.setItem(liffProfileStorageKey, JSON.stringify(info));
+        } catch (err) {
+            console.error("儲存 liffProfile 失敗:", 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;
@@ -594,6 +636,13 @@ 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
@@ -703,41 +752,37 @@ var LiffProvider = function(param) {
     // 初始化 LIFF
     var initializeLiff = function() {
         var _ref = _async_to_generator(function(isValid) {
-            var customFetch, liff, originalFetch, lineToken, redirectUri, e, tempFriendship, friendship, friendFlag, error, err;
+            var _sdk_getAccessToken, _sdk_isLoggedIn, imported, sdk, lineToken, redirectUri, tempFriendship, friendship, friendFlag, error, err;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         _state.trys.push([
                             0,
-                            16,
+                            10,
                             ,
-                            17
+                            11
                         ]);
-                        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);
-                        };
+                        // 確保 LIFF 已初始化（只執行一次）
                         return [
                             4,
-                            Promise.resolve().then(function () { return require('./index.cjs3.js'); })
+                            ensureLiffInitialized()
                         ];
                     case 1:
-                        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);
-                        console.log("LIFF init succeeded.");
-                        setLiffObject(liff);
-                        lineToken = liff === null || liff === void 0 ? void 0 : liff.getAccessToken();
-                        // 未登入先進行登入（呼叫 login 後立即 return，避免後續執行 init）
-                        if (!liff.isLoggedIn()) {
+                        _state.sent();
+                        return [
+                            4,
+                            Promise.resolve().then(function () { return require('./index.cjs3.js'); })
+                        ];
+                    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))) {
                             redirectUri = customerRedirectUrl || "".concat(window.location.href);
                             if (liffLogin) {
-                                liff.login({
+                                sdk.login({
                                     redirectUri: redirectUri
                                 });
                                 return [
@@ -747,105 +792,54 @@ var LiffProvider = function(param) {
                             if (loginByUser || ignoreRoute) return [
                                 2
                             ];
-                            liff.login({
+                            sdk.login({
                                 redirectUri: redirectUri
                             });
                             return [
                                 2
                             ];
                         }
-                        if (!!liffId) return [
-                            3,
-                            2
-                        ];
-                        console.warn("liffId 未提供，跳過 liff.init()。");
-                        return [
-                            3,
-                            8
-                        ];
-                    case 2:
-                        if (!!liff.isLoggedIn()) return [
+                        tempFriendship = null;
+                        if (!lineToken) return [
                             3,
-                            7
+                            9
                         ];
                         _state.label = 3;
                     case 3:
                         _state.trys.push([
                             3,
-                            5,
-                            ,
-                            6
-                        ]);
-                        return [
-                            4,
-                            liff.init({
-                                liffId: liffId,
-                                withLoginOnExternalBrowser: false
-                            })
-                        ];
-                    case 4:
-                        _state.sent();
-                        return [
-                            3,
-                            6
-                        ];
-                    case 5:
-                        e = _state.sent();
-                        console.error("liff.init() 失敗：", e);
-                        return [
-                            3,
-                            6
-                        ];
-                    case 6:
-                        return [
-                            3,
-                            8
-                        ];
-                    case 7:
-                        console.log("LIFF 已登入，跳過 liff.init() 以避免重複的 verify/profile 呼叫。");
-                        _state.label = 8;
-                    case 8:
-                        tempFriendship = null;
-                        if (!lineToken) return [
-                            3,
-                            15
-                        ];
-                        _state.label = 9;
-                    case 9:
-                        _state.trys.push([
-                            9,
-                            12,
+                            6,
                             ,
-                            13
+                            7
                         ]);
-                        if (!!liff.isLoggedIn()) return [
+                        if (!(sdk.isLoggedIn && sdk.isLoggedIn())) return [
                             3,
-                            11
+                            5
                         ];
                         return [
                             4,
-                            liff.getFriendship()
+                            sdk.getFriendship()
                         ];
-                    case 10:
+                    case 4:
                         friendship = _state.sent();
                         friendFlag = friendship === null || friendship === void 0 ? void 0 : friendship.friendFlag;
                         setFriendship(friendFlag);
                         tempFriendship = friendFlag;
                         console.log("isFriendship", friendFlag);
-                        _state.label = 11;
-                    case 11:
+                        _state.label = 5;
+                    case 5:
                         return [
                             3,
-                            13
+                            7
                         ];
-                    case 12:
+                    case 6:
                         error = _state.sent();
                         console.error("Error in liff.getFriendship():", error);
                         return [
                             3,
-                            13
+                            7
                         ];
-                    case 13:
+                    case 7:
                         console.log("isValid", isValid);
                         if (tempFriendship && isValid) return [
                             2
@@ -854,23 +848,23 @@ var LiffProvider = function(param) {
                             4,
                             loginInit(lineToken)
                         ];
-                    case 14:
+                    case 8:
                         _state.sent();
-                        _state.label = 15;
-                    case 15:
+                        _state.label = 9;
+                    case 9:
                         return [
                             3,
-                            17
+                            11
                         ];
-                    case 16:
+                    case 10:
                         err = _state.sent();
                         setLiffError(err.toString());
                         console.log("LIFF init failed.", err);
                         return [
                             3,
-                            17
+                            11
                         ];
-                    case 17:
+                    case 11:
                         return [
                             2
                         ];
@@ -881,6 +875,125 @@ 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;
@@ -1047,9 +1160,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
+    // 初始載入時從 localStorage 載入 userInfo 與 LIFF profile
     React.useEffect(function() {
         loadUserInfoFromStorage();
+        loadLiffProfileFromStorage();
     }, []);
     // 客戶端初始化 LIFF
     React.useEffect(function() {
@@ -1127,32 +1241,21 @@ var LiffProvider = function(param) {
         }();
         checkAndInitialize();
     }, []);
-    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
-        };
-    }, [
-        liffObject,
-        loginData,
-        userInfo,
-        accessToken,
-        liffError,
-        isFriendship,
-        ensureLiffTokenValid,
-        accountLogin,
-        loginType
-    ]);
+    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
+    };
     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, useMemo, useContext } from 'react';
+import { createContext, useState, useCallback, useEffect, useContext } from 'react';
 
 function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -452,14 +452,20 @@ 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(""), 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), isFriendship = _useState5[0], setFriendship = _useState5[1];
-    var _useState6 = _sliced_to_array(useState(null), 2), loginType = _useState6[0], setLoginType = _useState6[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];
     // 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");
     // 從 localStorage 載入 userInfo
     var loadUserInfoFromStorage = function() {
         try {
@@ -474,14 +480,50 @@ var LiffProvider = function(param) {
         }
         return null;
     };
+    // 從 localStorage 載入 LIFF profile
+    var loadLiffProfileFromStorage = function() {
+        try {
+            var stored = window.localStorage.getItem(liffProfileStorageKey);
+            if (stored) {
+                var parsed = JSON.parse(stored);
+                setLiffProfile(parsed);
+                return parsed;
+            }
+        } catch (err) {
+            console.error("載入 liffProfile 失敗:", err);
+        }
+        return null;
+    };
     // 儲存 userInfo 到 localStorage
-    var saveUserInfoToStorage = function(info) {
+    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) {
+        try {
+            window.localStorage.setItem(liffProfileStorageKey, JSON.stringify(info));
+        } catch (err) {
+            console.error("儲存 liffProfile 失敗:", 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;
@@ -590,6 +632,13 @@ 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
@@ -699,41 +748,37 @@ var LiffProvider = function(param) {
     // 初始化 LIFF
     var initializeLiff = function() {
         var _ref = _async_to_generator(function(isValid) {
-            var customFetch, liff, originalFetch, lineToken, redirectUri, e, tempFriendship, friendship, friendFlag, error, err;
+            var _sdk_getAccessToken, _sdk_isLoggedIn, imported, sdk, lineToken, redirectUri, tempFriendship, friendship, friendFlag, error, err;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         _state.trys.push([
                             0,
-                            16,
+                            10,
                             ,
-                            17
+                            11
                         ]);
-                        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);
-                        };
+                        // 確保 LIFF 已初始化（只執行一次）
                         return [
                             4,
-                            import('./index.esm3.js')
+                            ensureLiffInitialized()
                         ];
                     case 1:
-                        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);
-                        console.log("LIFF init succeeded.");
-                        setLiffObject(liff);
-                        lineToken = liff === null || liff === void 0 ? void 0 : liff.getAccessToken();
-                        // 未登入先進行登入（呼叫 login 後立即 return，避免後續執行 init）
-                        if (!liff.isLoggedIn()) {
+                        _state.sent();
+                        return [
+                            4,
+                            import('./index.esm3.js')
+                        ];
+                    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))) {
                             redirectUri = customerRedirectUrl || "".concat(window.location.href);
                             if (liffLogin) {
-                                liff.login({
+                                sdk.login({
                                     redirectUri: redirectUri
                                 });
                                 return [
@@ -743,105 +788,54 @@ var LiffProvider = function(param) {
                             if (loginByUser || ignoreRoute) return [
                                 2
                             ];
-                            liff.login({
+                            sdk.login({
                                 redirectUri: redirectUri
                             });
                             return [
                                 2
                             ];
                         }
-                        if (!!liffId) return [
-                            3,
-                            2
-                        ];
-                        console.warn("liffId 未提供，跳過 liff.init()。");
-                        return [
-                            3,
-                            8
-                        ];
-                    case 2:
-                        if (!!liff.isLoggedIn()) return [
+                        tempFriendship = null;
+                        if (!lineToken) return [
                             3,
-                            7
+                            9
                         ];
                         _state.label = 3;
                     case 3:
                         _state.trys.push([
                             3,
-                            5,
-                            ,
-                            6
-                        ]);
-                        return [
-                            4,
-                            liff.init({
-                                liffId: liffId,
-                                withLoginOnExternalBrowser: false
-                            })
-                        ];
-                    case 4:
-                        _state.sent();
-                        return [
-                            3,
-                            6
-                        ];
-                    case 5:
-                        e = _state.sent();
-                        console.error("liff.init() 失敗：", e);
-                        return [
-                            3,
-                            6
-                        ];
-                    case 6:
-                        return [
-                            3,
-                            8
-                        ];
-                    case 7:
-                        console.log("LIFF 已登入，跳過 liff.init() 以避免重複的 verify/profile 呼叫。");
-                        _state.label = 8;
-                    case 8:
-                        tempFriendship = null;
-                        if (!lineToken) return [
-                            3,
-                            15
-                        ];
-                        _state.label = 9;
-                    case 9:
-                        _state.trys.push([
-                            9,
-                            12,
+                            6,
                             ,
-                            13
+                            7
                         ]);
-                        if (!!liff.isLoggedIn()) return [
+                        if (!(sdk.isLoggedIn && sdk.isLoggedIn())) return [
                             3,
-                            11
+                            5
                         ];
                         return [
                             4,
-                            liff.getFriendship()
+                            sdk.getFriendship()
                         ];
-                    case 10:
+                    case 4:
                         friendship = _state.sent();
                         friendFlag = friendship === null || friendship === void 0 ? void 0 : friendship.friendFlag;
                         setFriendship(friendFlag);
                         tempFriendship = friendFlag;
                         console.log("isFriendship", friendFlag);
-                        _state.label = 11;
-                    case 11:
+                        _state.label = 5;
+                    case 5:
                         return [
                             3,
-                            13
+                            7
                         ];
-                    case 12:
+                    case 6:
                         error = _state.sent();
                         console.error("Error in liff.getFriendship():", error);
                         return [
                             3,
-                            13
+                            7
                         ];
-                    case 13:
+                    case 7:
                         console.log("isValid", isValid);
                         if (tempFriendship && isValid) return [
                             2
@@ -850,23 +844,23 @@ var LiffProvider = function(param) {
                             4,
                             loginInit(lineToken)
                         ];
-                    case 14:
+                    case 8:
                         _state.sent();
-                        _state.label = 15;
-                    case 15:
+                        _state.label = 9;
+                    case 9:
                         return [
                             3,
-                            17
+                            11
                         ];
-                    case 16:
+                    case 10:
                         err = _state.sent();
                         setLiffError(err.toString());
                         console.log("LIFF init failed.", err);
                         return [
                             3,
-                            17
+                            11
                         ];
-                    case 17:
+                    case 11:
                         return [
                             2
                         ];
@@ -877,6 +871,125 @@ 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;
@@ -1043,9 +1156,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
+    // 初始載入時從 localStorage 載入 userInfo 與 LIFF profile
     useEffect(function() {
         loadUserInfoFromStorage();
+        loadLiffProfileFromStorage();
     }, []);
     // 客戶端初始化 LIFF
     useEffect(function() {
@@ -1123,32 +1237,21 @@ var LiffProvider = function(param) {
         }();
         checkAndInitialize();
     }, []);
-    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
-        };
-    }, [
-        liffObject,
-        loginData,
-        userInfo,
-        accessToken,
-        liffError,
-        isFriendship,
-        ensureLiffTokenValid,
-        accountLogin,
-        loginType
-    ]);
+    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
+    };
     return /*#__PURE__*/ jsx(LiffContext.Provider, {
         value: contextValue,
         children: children

package/package.json

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

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

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