astra-sdk-web 1.1.25 → 1.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astra-sdk-web",
-  "version": "1.1.25",
+  "version": "1.1.26",
   "description": "Official Astra SDK for JavaScript/TypeScript",
   "type": "module",
   "main": "./dist/astra-sdk.cjs.js",

package/src/pages/QRCodePage.tsx

@@ -16,7 +16,7 @@ interface QRCodePageProps {
   serverKey?: string;
 }
 
-function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraprotocol.com', sessionId, apiBaseUrl, serverKey }: QRCodePageProps = {}) {
+function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk.astraprotocol.com', sessionId, apiBaseUrl, serverKey }: QRCodePageProps = {}) {
   const [qrUrl, setQrUrl] = useState<string>('');
   const [copied, setCopied] = useState<boolean>(false);
 
@@ -54,15 +54,15 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
     }
   };
 
-  const handleClose = () => {
-    if (onClose) {
-      onClose();
-    }
-  };
+  // const handleClose = () => {
+  //   if (onClose) {
+  //     onClose();
+  //   }
+  // };
 
   const handleCheckResult = async () => {
     if (!apiBaseUrl || !sessionId || !serverKey) {
-      toast.error('Missing configuration to check KYC result.');
+      toast.warn('Missing configuration to check KYC result.');
       return;
     }
 
@@ -94,6 +94,8 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
   };
 
   return (
+    <>
+    
     <div className="fixed inset-0 flex items-center justify-center bg-gradient-to-br from-gray-900 via-gray-800 to-black p-4 sm:p-6 md:p-8 z-[1000]">
       <ToastContainer position="top-right" />
       {/* Background pattern overlay */}
@@ -103,7 +105,7 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
       }}></div>
       
       <div className="relative bg-[rgba(20,20,20,0.95)] backdrop-blur-sm rounded-2xl p-5 sm:p-6 md:p-7 max-w-[450px] w-full h-[80vh] flex flex-col text-center shadow-[0_8px_32px_rgba(0,0,0,0.5)] border border-white/10">
-        <button 
+        {/* <button 
           className="absolute top-5 right-5 bg-transparent border-none text-white cursor-pointer p-2 flex items-center justify-center rounded transition-colors hover:bg-white/10 active:bg-white/20" 
           onClick={handleClose} 
           aria-label="Close"
@@ -112,7 +114,7 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
             <line x1="18" y1="6" x2="6" y2="18"></line>
             <line x1="6" y1="6" x2="18" y2="18"></line>
           </svg>
-        </button>
+        </button> */}
 
         <div className="flex flex-col items-center gap-3 sm:gap-4 flex-1 overflow-y-auto custom__scrollbar">
           <h1 className="m-0 text-white text-xl sm:text-2xl font-semibold leading-tight">Continue on Mobile</h1>
@@ -136,7 +138,7 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
           <div className="w-full text-left mt-auto">
             <p className="m-0 mb-2 text-white text-xs sm:text-sm opacity-80">Or open:</p>
             <div className="flex flex-col sm:flex-row items-start sm:items-center gap-2 p-2 sm:p-3 bg-white/10 rounded-lg border border-white/20">
-              <code className="flex-1 text-white text-xs sm:text-sm break-all text-left m-0 font-mono">{qrUrl}</code>
+              <code className="flex-1 text-white text-xs sm:text-sm break-all text-left m-0 font-mono line-clamp-1">{qrUrl}</code>
               <button 
                 className="bg-transparent border-none text-white cursor-pointer p-1.5 flex items-center justify-center rounded transition-colors flex-shrink-0 hover:bg-white/10 active:bg-white/20 self-end sm:self-auto" 
                 onClick={handleCopyUrl}
@@ -166,6 +168,8 @@ function QRCodePage({ onClose, mobileBaseUrl = 'https://kyc-sdk-stage.astraproto
         </div>
       </div>
     </div>
+    </>
+
   );
 }