@sunggang/ui-lib 0.3.42 → 0.3.44

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

@@ -78388,7 +78388,7 @@ function _ts_generator(thisArg, body) {
 }
 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, customerRedirectUrl = param.customerRedirectUrl, inviteCode = param.inviteCode, handleLoginError = param.handleLoginError;
+    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];
@@ -78616,6 +78616,14 @@ var LiffProvider = function(param) {
                         // 未登入先進行登入
                         if (!liff.isLoggedIn()) {
                             redirectUri = customerRedirectUrl || "".concat(window.location.href);
+                            if (liffLogin) {
+                                liff.login({
+                                    redirectUri: redirectUri
+                                });
+                                return [
+                                    2
+                                ];
+                            }
                             if (loginByUser || ignoreRoute) return [
                                 2
                             ];
@@ -78903,7 +78911,9 @@ var LiffProvider = function(param) {
             };
         }();
         checkAndInitialize();
-    }, []);
+    }, [
+        liffLogin
+    ]);
     var contextValue = useMemo$1(function() {
         return {
             liffObject: liffObject,

package/package.json

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

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

@@ -12,7 +12,7 @@ type LiffContextType = {
     accountLogin: (username: string, password: string) => Promise<void>;
 };
 export declare const LiffContext: React.Context<LiffContextType | undefined>;
-export declare const LiffProvider: ({ children, liffId, localStorageKey, checkTokenUrl, loginUrl, accountLoginUrl, memberInfoUrl, openInApp, ignoreCheckAddFriend, ignoreRoute, loginByUser, customerRedirectUrl, inviteCode, handleLoginError, }: {
+export declare const LiffProvider: ({ children, liffId, localStorageKey, checkTokenUrl, loginUrl, accountLoginUrl, memberInfoUrl, openInApp, ignoreCheckAddFriend, ignoreRoute, loginByUser, liffLogin, customerRedirectUrl, inviteCode, handleLoginError, }: {
     children: React.ReactNode;
     liffId: string;
     localStorageKey: string;
@@ -24,6 +24,7 @@ export declare const LiffProvider: ({ children, liffId, localStorageKey, checkTo
     ignoreCheckAddFriend?: boolean | undefined;
     ignoreRoute?: boolean | undefined;
     loginByUser?: boolean | undefined;
+    liffLogin?: boolean | undefined;
     customerRedirectUrl?: string | undefined;
     inviteCode?: string | undefined;
     handleLoginError?: (() => void) | undefined;