@sunggang/ui-lib 0.3.43 → 0.3.45

package/index.esm.css

@@ -574,58 +574,35 @@ video {
   color: hsl(var(--foreground));
     font-feature-settings: 'rlig' 1, 'calt' 1;
 }
-.\!container {
-  width: 100% !important;
-}
 .container {
   width: 100%;
 }
 @media (min-width: 640px) {
 
-  .\!container {
-    max-width: 640px !important;
-  }
-
   .container {
     max-width: 640px;
   }
 }
 @media (min-width: 768px) {
 
-  .\!container {
-    max-width: 768px !important;
-  }
-
   .container {
     max-width: 768px;
   }
 }
 @media (min-width: 1024px) {
 
-  .\!container {
-    max-width: 1024px !important;
-  }
-
   .container {
     max-width: 1024px;
   }
 }
 @media (min-width: 1280px) {
 
-  .\!container {
-    max-width: 1280px !important;
-  }
-
   .container {
     max-width: 1280px;
   }
 }
 @media (min-width: 1536px) {
 
-  .\!container {
-    max-width: 1536px !important;
-  }
-
   .container {
     max-width: 1536px;
   }
@@ -636,9 +613,6 @@ video {
 .pointer-events-auto {
   pointer-events: auto;
 }
-.\!visible {
-  visibility: visible !important;
-}
 .visible {
   visibility: visible;
 }
@@ -651,24 +625,15 @@ video {
 .static {
   position: static;
 }
-.\!fixed {
-  position: fixed !important;
-}
 .fixed {
   position: fixed;
 }
 .absolute {
   position: absolute;
 }
-.\!relative {
-  position: relative !important;
-}
 .relative {
   position: relative;
 }
-.sticky {
-  position: sticky;
-}
 .inset-0 {
   inset: 0px;
 }
@@ -731,9 +696,6 @@ video {
 .top-\[72px\] {
   top: 72px;
 }
-.isolate {
-  isolation: isolate;
-}
 .z-10 {
   z-index: 10;
 }
@@ -749,9 +711,6 @@ video {
 .z-\[9999\] {
   z-index: 9999;
 }
-.m-1 {
-  margin: 0.25rem;
-}
 .m-4 {
   margin: 1rem;
 }
@@ -836,9 +795,6 @@ video {
 .mt-5 {
   margin-top: 1.25rem;
 }
-.\!block {
-  display: block !important;
-}
 .block {
   display: block;
 }
@@ -854,42 +810,12 @@ video {
 .inline-flex {
   display: inline-flex;
 }
-.\!table {
-  display: table !important;
-}
 .table {
   display: table;
 }
-.inline-table {
-  display: inline-table;
-}
-.table-caption {
-  display: table-caption;
-}
-.table-cell {
-  display: table-cell;
-}
-.flow-root {
-  display: flow-root;
-}
-.\!grid {
-  display: grid !important;
-}
 .grid {
   display: grid;
 }
-.inline-grid {
-  display: inline-grid;
-}
-.\!contents {
-  display: contents !important;
-}
-.contents {
-  display: contents;
-}
-.list-item {
-  display: list-item;
-}
 .hidden {
   display: none;
 }
@@ -1103,18 +1029,9 @@ video {
 .flex-none {
   flex: none;
 }
-.flex-shrink {
-  flex-shrink: 1;
-}
-.shrink {
-  flex-shrink: 1;
-}
 .shrink-0 {
   flex-shrink: 0;
 }
-.flex-grow {
-  flex-grow: 1;
-}
 .grow {
   flex-grow: 1;
 }
@@ -1155,9 +1072,6 @@ video {
   --tw-rotate: 90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.\!transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
-}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1184,11 +1098,6 @@ video {
      -moz-user-select: none;
           user-select: none;
 }
-.select-all {
-  -webkit-user-select: all;
-     -moz-user-select: all;
-          user-select: all;
-}
 .resize {
   resize: both;
 }
@@ -1413,9 +1322,6 @@ video {
 .border-\[\#ffffff33\] {
   border-color: #ffffff33;
 }
-.border-\[top\2c left\2c right\2c bottom\] {
-  border-color: top,left,right,bottom;
-}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1812,9 +1718,6 @@ video {
 .text-right {
   text-align: right;
 }
-.text-justify {
-  text-align: justify;
-}
 .indent-1 {
   text-indent: 0.25rem;
 }
@@ -1863,9 +1766,6 @@ video {
 .font-bold {
   font-weight: 700;
 }
-.font-light {
-  font-weight: 300;
-}
 .font-medium {
   font-weight: 500;
 }
@@ -1887,10 +1787,6 @@ video {
 .italic {
   font-style: italic;
 }
-.ordinal {
-  --tw-ordinal: ordinal;
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
-}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -2102,23 +1998,12 @@ video {
 .underline {
   text-decoration-line: underline;
 }
-.overline {
-  text-decoration-line: overline;
-}
 .line-through {
   text-decoration-line: line-through;
 }
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
-.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.subpixel-antialiased {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
-}
 .opacity-0 {
   opacity: 0;
 }
@@ -2206,28 +2091,9 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.grayscale {
-  --tw-grayscale: grayscale(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.invert {
-  --tw-invert: invert(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.sepia {
-  --tw-sepia: sepia(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.\!filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
-}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.backdrop-filter {
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2267,9 +2133,6 @@ video {
 .duration-500 {
   transition-duration: 500ms;
 }
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2290,12 +2153,6 @@ video {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
-.zoom-in {
-  --tw-enter-scale: 0;
-}
-.zoom-out {
-  --tw-exit-scale: 0;
-}
 .duration-1000 {
   animation-duration: 1000ms;
 }
@@ -2308,57 +2165,12 @@ video {
 .duration-500 {
   animation-duration: 500ms;
 }
-.ease-in {
-  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.\!running {
-  animation-play-state: running !important;
-}
-.running {
-  animation-play-state: running;
-}
-.paused {
-  animation-play-state: paused;
-}
-.\[a-zA-Z0-9\:\\\\-\\\\\._\$\] {
-  a-z-a--z0-9: \\-\\. $;
-}
-.\[hash\:base64\] {
-  hash: base64;
-}
-.\[key\:string\] {
-  key: string;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#assetsOrigin\] {
-  module: ckbox/ckbox~CKBoxConfig#assetsOrigin;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#defaultUploadCategories\] {
-  module: ckbox/ckbox~CKBoxConfig#defaultUploadCategories;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#ignoreDataId\] {
-  module: ckbox/ckbox~CKBoxConfig#ignoreDataId;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#language\] {
-  module: ckbox/ckbox~CKBoxConfig#language;
-}
-.\[module\:ckbox\/ckbox\~CKBoxConfig\#serviceOrigin\] {
-  module: ckbox/ckbox~CKBoxConfig#serviceOrigin;
-}
-.\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#elementName\] {
-  module: media-embed/mediaembed~MediaEmbedConfig#elementName;
-}
-.\[module\:media-embed\/mediaembed\~MediaEmbedConfig\#previewsInData\=false\] {
-  module: media-embed/mediaembed~MediaEmbedConfig#previewsInData=false;
-}
-.\[module\:ui\/template\~TemplateBinding\#callback\] {
-  module: ui/template~TemplateBinding#callback;
-}
 
 /* gary */
 

package/index.esm2.js

@@ -78396,6 +78396,7 @@ var LiffProvider = function(param) {
     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 _useState7 = _sliced_to_array(useState(null), 2), queryToken = _useState7[0], setQueryToken = _useState7[1];
     var fetchMemberInfo = function() {
         var _ref = _async_to_generator(function(token) {
             var response, err;
@@ -78856,14 +78857,32 @@ var LiffProvider = function(param) {
     }), [
         liffObject
     ]);
+    var searchParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : null;
     // 客戶端初始化 LIFF
     useEffect(function() {
         var checkAndInitialize = function() {
             var _ref = _async_to_generator(function() {
-                var loginStore, jwtToken, _parsedStore_data, _parsedStore_state, parsedStore, isValid, _tmp;
+                var tokenFromQuery, isValid, loginStore, jwtToken, _parsedStore_data, _parsedStore_state, parsedStore, isValid1, _tmp;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
+                            tokenFromQuery = searchParams === null || searchParams === void 0 ? void 0 : searchParams.get("token");
+                            if (!tokenFromQuery) return [
+                                3,
+                                2
+                            ];
+                            setQueryToken(tokenFromQuery);
+                            return [
+                                4,
+                                checkTokenFunc(tokenFromQuery)
+                            ];
+                        case 1:
+                            isValid = _state.sent();
+                            if (isValid) return [
+                                2
+                            ];
+                            _state.label = 2;
+                        case 2:
                             loginStore = window.localStorage.getItem(localStorageKey) || loginData;
                             jwtToken = "";
                             if (loginStore) {
@@ -78877,28 +78896,28 @@ var LiffProvider = function(param) {
                             }
                             if (!jwtToken) return [
                                 3,
-                                2
+                                4
                             ];
                             return [
                                 4,
                                 checkTokenFunc(jwtToken)
                             ];
-                        case 1:
+                        case 3:
                             _tmp = _state.sent();
                             return [
                                 3,
-                                3
+                                5
                             ];
-                        case 2:
+                        case 4:
                             _tmp = false;
-                            _state.label = 3;
-                        case 3:
-                            isValid = _tmp;
+                            _state.label = 5;
+                        case 5:
+                            isValid1 = _tmp;
                             return [
                                 4,
-                                initializeLiff(isValid)
+                                initializeLiff(isValid1)
                             ];
-                        case 4:
+                        case 6:
                             _state.sent();
                             return [
                                 2
@@ -78925,7 +78944,8 @@ var LiffProvider = function(param) {
             isFriendship: isFriendship,
             ensureLiffTokenValid: ensureLiffTokenValid,
             accountLogin: accountLogin,
-            loginType: loginType
+            loginType: loginType,
+            queryToken: queryToken
         };
     }, [
         liffObject,
@@ -78936,7 +78956,8 @@ var LiffProvider = function(param) {
         isFriendship,
         ensureLiffTokenValid,
         accountLogin,
-        loginType
+        loginType,
+        queryToken
     ]);
     return /*#__PURE__*/ jsx(LiffContext.Provider, {
         value: contextValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.3.43",
+  "version": "0.3.45",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",