@gluwa/connect-kit 0.2.0-next.7 → 0.2.0-next.9

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @gluwa/wallet-kit
 
+## 0.2.0-next.9
+
+### Patch Changes
+
+- 18e631a: fix bugs
+
+## 0.2.0-next.8
+
+### Patch Changes
+
+- e3789b4: emit OnSessionExpired when credit-connect QR session times out
+- Updated dependencies [e3789b4]
+  - @gluwa/credit-connect-hub-node-ws@0.1.0-next.4
+  - @gluwa/credit-connect-sdk@0.2.0-next.4
+  - @gluwa/credit-connect-e2ee-tweetnacl@0.2.0-next.4
+  - @gluwa/credit-connect-storage-local@0.2.0-next.4
+
 ## 0.2.0-next.7
 
 ### Patch Changes

package/dist/{chunk-EDNRW47A.js → chunk-VE5LB7BN.js}

@@ -65,6 +65,10 @@ var creditConnectConnector = /* @__PURE__ */ __name((options) => {
         emitWagmiDisconnect == null ? void 0 : emitWagmiDisconnect();
       }
     });
+    manager.on("sessionExpired", (payload) => {
+      console.log("[CC connector] session expired \u2192 emit session_expired", payload);
+      emitWagmiMessage == null ? void 0 : emitWagmiMessage("session_expired", payload);
+    });
     return manager;
   }, "createManagerIfNeeded");
   const ensureManagerInitialized = /* @__PURE__ */ __name(async () => {

package/dist/credit-connect.js

@@ -1,7 +1,7 @@
 import React from "react";
 import {
   creditConnectConnector
-} from "./chunk-EDNRW47A.js";
+} from "./chunk-VE5LB7BN.js";
 export {
   creditConnectConnector
 };

package/dist/index.css

@@ -564,8 +564,9 @@
     width: 100%;
     max-width: none;
     grid-template-columns: 1fr;
+    grid-template-rows: minmax(0, 1fr);
     max-height: 82dvh;
-    height: 100%;
+    height: auto;
     border-radius: 12px 12px 0 0;
   }
   .ck-root .ck-dialog[data-step=selector] .ck-detail {
@@ -877,6 +878,7 @@
 .ck-detail {
   display: flex;
   flex-direction: column;
+  min-width: 0;
   background: var(--semantic-paper-dialog);
   min-height: 0;
   position: relative;
@@ -959,6 +961,9 @@
 .ck-detail-body::-webkit-scrollbar-thumb:hover {
   background-color: var(--scale-gray-400);
 }
+.ck-detail-body:has(.ck-all-wallets) {
+  padding-bottom: 0;
+}
 
 /* src/layout/connectDialog/idle/style.scss */
 .ck-idle {
@@ -1158,15 +1163,15 @@
   overflow: hidden;
   outline: none;
 }
-.ck-qr-loading {
-  border: 1px solid var(--semantic-divider-divider-1);
-}
-.ck-qr-timeout {
+.ck-qr-skeleton {
+  padding: 20px;
   border: 1px solid var(--semantic-divider-divider-1);
+  border-radius: 20px;
 }
-.ck-qr-skeleton {
-  width: 248px;
-  height: 248px;
+.ck-qr-skeleton-inner {
+  display: block;
+  width: 246px;
+  height: 246px;
   background:
     linear-gradient(
       132deg,
@@ -1177,9 +1182,24 @@
   animation: ck-qr-shimmer 1.5s linear infinite;
 }
 @media (max-width: 767px) {
-  .ck-qr-skeleton {
-    width: 200px;
-    height: 200px;
+  .ck-qr-skeleton-inner {
+    width: 198px;
+    height: 198px;
+  }
+}
+.ck-qr-timeout {
+  width: 288px;
+  height: 288px;
+  border: 1px solid var(--semantic-divider-divider-1);
+  background: var(--scale-gray-100);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+@media (max-width: 767px) {
+  .ck-qr-timeout {
+    width: 240px;
+    height: 240px;
   }
 }
 @keyframes ck-qr-shimmer {
@@ -1207,20 +1227,6 @@
     height: 198px;
   }
 }
-.ck-qr-timeout {
-  width: 248px;
-  height: 248px;
-  background: var(--scale-gray-100);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-@media (max-width: 767px) {
-  .ck-qr-timeout {
-    width: 200px;
-    height: 200px;
-  }
-}
 .ck-qr-timeout-inner {
   display: flex;
   flex-direction: column;
@@ -1690,15 +1696,8 @@
   gap: 8px;
   flex-shrink: 0;
 }
-@media (max-width: 392px) {
-  .ck-all-wallets-controls {
-    flex-direction: column;
-    align-items: flex-end;
-    gap: 12px;
-  }
-  .ck-all-wallets-controls .ck-search {
-    width: 100%;
-  }
+.ck-all-wallets-controls .ck-search {
+  min-width: 0;
 }
 .ck-wc-filter-btn {
   display: inline-flex;