zigap-utils 0.0.506 → 0.0.507

package/README.md

@@ -28,9 +28,10 @@ const App = () => {
         sigMessage="hello world"
         expire={{ type: 'EXTEND', seconds: 3600 }}
         icon="http://sample.icon-url.com"
-        onReceive={({ isSuccess }) => {
-          if(isSuccess) {
+        onReceive={({ status }) => {
+          if(status === 'SUCCESS') {
             // something to do after login (refresh page...)
+            // status type: 'REQUEST' | 'ACCOUNT' | 'SUCCESS' | 'ERROR'
           }
         }}
       />
@@ -52,22 +53,23 @@ const App = () => {
 | `availableNetworks` | string[] | List of connectable networks in dapp |
 | `sigMessage` | string | Messages signed to verify the identity of the user |
 | `validSeconds` | number | QR code valid time(minutes) |
-| `onReceive` | (value) => void | Function called after login request |
+| `onReceive` | (res) => void | Function called after login request |
 | `expire` | {type: "NONE / FIX / EXTEND", seconds: number} | time and type for user login to expire |
 | `icon` | string | Your dapp icon url to be displayed on zigap app |
+| `processingMark` | {type: "DEFAULT" / "CUSTOM" / "NONE", component: React.ReactNode} | How to show the QR image when it's being processed |
 
 <br>
 
 ### `AddressProvideQR` props
 
-| prop type           | type            | description                                     |
-| ------------------- | --------------- | ----------------------------------------------- |
-| `dapp`              | string          | Name of the dapp to use                         |
-| `url`               | string          | The url of dapp to connect                      |
-| `availableNetworks` | string[]        | List of connectable networks in dapp            |
-| `validSeconds`      | number          | QR code valid time(seconds)                     |
-| `onReceive`         | (value) => void | Function called after login request             |
-| `icon`              | string          | Your dapp icon url to be displayed on zigap app |
+| prop type           | type          | description                                     |
+| ------------------- | ------------- | ----------------------------------------------- |
+| `dapp`              | string        | Name of the dapp to use                         |
+| `url`               | string        | The url of dapp to connect                      |
+| `availableNetworks` | string[]      | List of connectable networks in dapp            |
+| `validSeconds`      | number        | QR code valid time(seconds)                     |
+| `onReceive`         | (res) => void | Function called after login request             |
+| `icon`              | string        | Your dapp icon url to be displayed on zigap app |
 
 <br>
 
@@ -94,11 +96,13 @@ import { useZigap } from 'zigap-utils';
 ...
 
 const Component = () => {
-  const { userInfo, logout } = useZigap();
+  const { userInfo, logout, isWindowLoaded } = useZigap();
 
   const handleLogout = () => {
-    logout();
-    window.location.reload();
+    if(isWindowLoaded) {
+      logout();
+      window.location.reload();
+    }
   }
 
   return (

package/dist/components/LoginQR/LoginQR.d.ts

@@ -1,4 +1,4 @@
 import { LoginQRProps } from './LoginQR.types';
 
-declare const LoginQR: ({ availableNetworks, dapp, url, sigMessage, onReceive, validSeconds, isShowLogo, logoSize, expire, icon, size, ...props }: LoginQRProps) => import("react/jsx-runtime").JSX.Element;
+declare const LoginQR: ({ availableNetworks, dapp, url, sigMessage, onReceive, validSeconds, isShowLogo, logoSize, expire, icon, size, processingMark, ...props }: LoginQRProps) => import("react/jsx-runtime").JSX.Element;
 export default LoginQR;

package/dist/components/LoginQR/LoginQR.types.d.ts

@@ -34,6 +34,14 @@ export type LoginResultType = {
     issuedDateTime: string;
     expire: LoginExpireType;
 };
+export type ProcessingMarkType = {
+    type: 'DEFAULT';
+} | {
+    type: 'CUSTOM';
+    component: React.ReactNode;
+} | {
+    type: 'NONE';
+};
 export type LoginQRProps = {
     availableNetworks: string[];
     dapp: string;
@@ -41,8 +49,9 @@ export type LoginQRProps = {
     sigMessage: string;
     validSeconds: number;
     onReceive?: (res: {
-        isSuccess: boolean;
+        status: 'REQUEST' | 'ACCOUNT' | 'SUCCESS' | 'ERROR';
     }) => void;
     expire: LoginExpireType;
     icon?: string;
+    processingMark?: ProcessingMarkType;
 } & CommonStyleType;