@keystonehq/sdk - npm Package Compare versions

Comparing version 0.19.2 to 0.20.0

dist/components/BaseQRCode.d.ts

@@ -0,1 +1,2 @@
+import React from "react";
 export declare const BaseQRCode: ({ size, data, ecl, }: {
@@ -5,2 +6,2 @@ data: string;
     ecl?: "L" | "M" | "Q" | "H";
-}) => JSX.Element;
+}) => React.JSX.Element;

dist/components/InitialPage.d.ts

@@ -0,5 +1,12 @@
+import React from "react";
 export declare const InitialPage: (props: {
     walletMode: string;
-    link: string;
+    link: string | undefined;
+    description?: {
+        first: string;
+        second: string;
+        third: string;
+        fourth: string;
+    };
     onButtonClick: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

dist/components/LoadingSpinner.d.ts

@@ -1,1 +0,2 @@
-export declare const LoadingSpinner: () => JSX.Element;
+import React from "react";
+export declare const LoadingSpinner: () => React.JSX.Element;

dist/sdk.cjs.development.js

@@ -51,3 +51,2 @@ 'use strict';
 })(exports.ReadStatus || (exports.ReadStatus = {}));
-
 (function (PlayStatus) {
@@ -57,3 +56,2 @@ PlayStatus["canceled"] = "canceled";
 })(exports.PlayStatus || (exports.PlayStatus = {}));
-
 (function (SupportedResult) {
@@ -75,2 +73,3 @@ SupportedResult["UR_BYTES"] = "bytes";
   SupportedResult["UR_COSMOS_SIGNATURE"] = "cosmos-signature";
+  SupportedResult["UR_PSBT"] = "crypto-psbt";
 })(exports.SupportedResult || (exports.SupportedResult = {}));
@@ -127,3 +126,2 @@
   const ee = React.useMemo(() => new events.EventEmitter(), []);
-
   const reset = () => {
@@ -134,3 +132,2 @@ setData(DEFAULT_UR);
   };
-
   React.useEffect(() => {
@@ -149,7 +146,5 @@ if (urEncoder.cbor.toString("hex") !== DEFAULT_UR.cbor.toString("hex")) {
   }, [refreshSpeed, urEncoder]);
-
   const finish = () => {
     ee.emit("finish", true);
   };
-
   const element = shouldShow ? React__default.createElement("div", {
@@ -181,3 +176,2 @@ style: {
         setData(data);
-
         if (options) {
@@ -190,3 +184,2 @@ options.refreshSpeed && setRefreshSpeed(options.refreshSpeed);
         }
-
         ee.once("finish", () => {
@@ -203,7 +196,6 @@ reset();
   constructor(msg) {
-    super(msg); // Set the prototype explicitly.
-
+    super(msg);
+    // Set the prototype explicitly.
     Object.setPrototypeOf(this, URTypeError.prototype);
   }
-
 }
@@ -262,3 +254,2 @@
   const [description, setDescription] = React.useState(null);
-
   const reset = () => {
@@ -268,7 +259,5 @@ setURDecoder(new bcUr.URDecoder());
   };
-
   const processQRCode = (qr, errorMessgeOnURType) => {
     processUR(qr, errorMessgeOnURType);
   };
-
   const handleStop = () => {
@@ -279,7 +268,5 @@ ee.emit("read", {
   };
-
   const handleRetry = () => {
     reset();
   };
-
   const processUR = (ur, errorMessgeOnURType) => {
@@ -313,3 +300,2 @@ try {
   };
-
   const element = React__default.createElement("div", {
@@ -373,3 +359,2 @@ style: {
         setExpectTypes(expect);
-
         if (options) {
@@ -380,3 +365,2 @@ options.title && setTitle(options.title);
         }
-
         ee.once("read", result => {
@@ -392,2 +376,4 @@ reset();
 
+const mulitCoinLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAKAAAAACc9ikyAAAD+ElEQVRYCb1WbWiNURw/Z9caY5SyrKzVhuUtZcYoJdZ8kMywGClG+WK+eJsPmogNKfZBxBbmAyPyEgvtA8UUX9inbVeb8AGTd8t2j9/vdp91ntPzPPd57h3/+t1z/uf/ev7nnP9zhUiMsmH2BOgF9ifmIjmrVpgrDWuScxfMeqUW2EqiB2sjgrlJTDsNZmHACqyP2xJzGcyq2iU4E7kTzFVw7fEw+Qbou9bn94K7FCIlgNFh6I7y0E8oAQ9/NlEBuAig71ifv4VspM1iiJnHHsGZyPohjmdzxzeu79acsyFJm8UQMnzbfONmUIvnsRTG4g3DWAM8B24DM4GkaR88WMGcxkYtQr2h+wl8niYPPJ0Aix+AU2Cu8UlmASRe0gHA1L1JYaLUBEPToc7v1hx7XdISTc/3tAiaXs+uE3K2ZdJaQE/MnLdDzvvhm3ij2wDTkc4vj3lLx/gmji7tqmL6voYNcRze17zwv4CemNuc/xt8NSoqsau5OfoD2TSAxDb+EXDTNdeX0igeHYSCaajzfGoWZWDidU90O84XWIZuYw4EvwDT0OK527GG8VUPfcuO4wPAsVvqt/MolIYDbsSmxLPUiS+gEpgBOH1Z+7HOC90MMBFXYnn0jM35S8hDrtZJCFgBluZEHB/bIWenc6XVV1Qo/MCxCoM2ucUi0lwubX4YfBng1TKvQ1426MWY1NSolAs94jJKVoYaOh2DbqGw3ddQqutqkGcooEG5rmHM+8DvMNZs7KVuUaiUWOUjOO0k9HIjSpzOq1RRv0xgus2jnTkONhxbKsZ4A7gFlMbWRChddMLtZ4v3O0YiojZvq8rkEbwCrOai278Dkw98BxYBLYD+anaB58sREzerosiAaMExjCbvl0KpooAV6HIx2IN1Bk8FTgF6cLDiCLCTk86z8mlKSCzBbr6S90NSooumiXYm8MjBgG+3KbZehXGygw6XmAQrEU0C77TETxII3ofA6zrrZR+PIAvoBrhTEnvAPIBJZAIdQLzS8r8BkxGTNqq5AxLHocQY8iYxOIKuwCu4Sxkr8B7g5bLoIiYMTjoExAtOvTqASYiORtmmJCohxRfyBv3GeqkVnDJWgLQQaAV45iw3k5oKsAMySb9UDcVaKuduUYWiX1xDObPJI/AHDBXhBsnvwiBZCXChAuA/nWdkQLxg0bJGOf8/tDtG9fxNKqNfisX4ZKamC/Gw/Zzs9e9GiL1Q5n0ICn6A5gQJ5KY7C4Ig33s90WibdXOsr3ud7wsoshcwiaAUPfegRm76syHgBylINaIX0c1hout8FecB/i/Uy23OedvZP/4Z5cDzSeAnYAZnK54P/BcahygHAD5dNh12tilAIPoLD0OnpwCV000AAAAASUVORK5CYII=";
+const BtcOnlyLogo = "data:image/png;base64,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";
 const InitialPage = props => {
@@ -406,5 +392,7 @@ return React__default.createElement("div", {
     style: {
-      display: "inline-block"
+      display: "inline-block",
+      width: "2.5rem",
+      height: "2.5rem"
     },
-    src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAKAAAAACc9ikyAAAD+ElEQVRYCb1WbWiNURw/Z9caY5SyrKzVhuUtZcYoJdZ8kMywGClG+WK+eJsPmogNKfZBxBbmAyPyEgvtA8UUX9inbVeb8AGTd8t2j9/vdp91ntPzPPd57h3/+t1z/uf/ev7nnP9zhUiMsmH2BOgF9ifmIjmrVpgrDWuScxfMeqUW2EqiB2sjgrlJTDsNZmHACqyP2xJzGcyq2iU4E7kTzFVw7fEw+Qbou9bn94K7FCIlgNFh6I7y0E8oAQ9/NlEBuAig71ifv4VspM1iiJnHHsGZyPohjmdzxzeu79acsyFJm8UQMnzbfONmUIvnsRTG4g3DWAM8B24DM4GkaR88WMGcxkYtQr2h+wl8niYPPJ0Aix+AU2Cu8UlmASRe0gHA1L1JYaLUBEPToc7v1hx7XdISTc/3tAiaXs+uE3K2ZdJaQE/MnLdDzvvhm3ij2wDTkc4vj3lLx/gmji7tqmL6voYNcRze17zwv4CemNuc/xt8NSoqsau5OfoD2TSAxDb+EXDTNdeX0igeHYSCaajzfGoWZWDidU90O84XWIZuYw4EvwDT0OK527GG8VUPfcuO4wPAsVvqt/MolIYDbsSmxLPUiS+gEpgBOH1Z+7HOC90MMBFXYnn0jM35S8hDrtZJCFgBluZEHB/bIWenc6XVV1Qo/MCxCoM2ucUi0lwubX4YfBng1TKvQ1426MWY1NSolAs94jJKVoYaOh2DbqGw3ddQqutqkGcooEG5rmHM+8DvMNZs7KVuUaiUWOUjOO0k9HIjSpzOq1RRv0xgus2jnTkONhxbKsZ4A7gFlMbWRChddMLtZ4v3O0YiojZvq8rkEbwCrOai278Dkw98BxYBLYD+anaB58sREzerosiAaMExjCbvl0KpooAV6HIx2IN1Bk8FTgF6cLDiCLCTk86z8mlKSCzBbr6S90NSooumiXYm8MjBgG+3KbZehXGygw6XmAQrEU0C77TETxII3ofA6zrrZR+PIAvoBrhTEnvAPIBJZAIdQLzS8r8BkxGTNqq5AxLHocQY8iYxOIKuwCu4Sxkr8B7g5bLoIiYMTjoExAtOvTqASYiORtmmJCohxRfyBv3GeqkVnDJWgLQQaAV45iw3k5oKsAMySb9UDcVaKuduUYWiX1xDObPJI/AHDBXhBsnvwiBZCXChAuA/nWdkQLxg0bJGOf8/tDtG9fxNKqNfisX4ZKamC/Gw/Zzs9e9GiL1Q5n0ICn6A5gQJ5KY7C4Ig33s90WibdXOsr3ud7wsoshcwiaAUPfegRm76syHgBylINaIX0c1hout8FecB/i/Uy23OedvZP/4Z5cDzSeAnYAZnK54P/BcahygHAD5dNh12tilAIPoLD0OnpwCV000AAAAASUVORK5CYII=",
+    src: props.walletMode === "btc" ? BtcOnlyLogo : mulitCoinLogo,
     alt: ""
@@ -417,3 +405,3 @@ }), React__default.createElement("div", {
     }
-  }, "Sync Keystone")), React__default.createElement("ul", {
+  }, props.walletMode === "btc" ? "Sync Keystone BTC" : "Sync Keystone")), React__default.createElement("ul", {
     style: {
@@ -429,15 +417,15 @@ marginTop: "2rem",
     }
-  }, "1. Turn on your Keystone hardware device"), React__default.createElement("li", {
+  }, props.description ? props.description[0] : '1. Turn on your Keystone hardware device'), React__default.createElement("li", {
     style: {
       marginBottom: "0.75rem"
     }
-  }, `2. Select your "${props.walletMode}" as your Watch-only wallet(Companion App)`), React__default.createElement("li", {
+  }, props.description ? props.description[1] : `2. Select your "${props.walletMode}" as your Watch-only wallet(Companion App)`), React__default.createElement("li", {
     style: {
       marginBottom: "0.75rem"
     }
-  }, " ", "3. Press the \"Scan Keystone\" button and scan the QR Code displayed on your Keystone hardware wallet"), React__default.createElement("li", {
+  }, " ", props.description ? props.description[2] : '3. Press the "Scan Keystone" button and scan the QR Code displayed on your Keystone hardware wallet'), React__default.createElement("li", {
     style: {
       marginBottom: "0.75rem"
     }
-  }, " ", "4. Select account and check your watch-only wallet")), React__default.createElement("div", {
+  }, " ", props.description ? props.description[3] : "4. Select account and check your watch-only wallet")), props.link.length > 0 && React__default.createElement("div", {
     style: {
@@ -462,3 +450,3 @@ marginBottom: "1rem"
   overlay: {
-    zIndex: 999
+    zIndex: 9999
   },
@@ -482,2 +470,3 @@ content: {
   const [link, setLink] = React.useState("");
+  const [description, setDescription] = React.useState(undefined);
   const [mode, setMode] = React.useState(null);
@@ -491,3 +480,2 @@ const [AnimatedQRCodePlayer, {
   }] = useAnimatedQRCodeReader();
-
   const close = () => {
@@ -497,3 +485,2 @@ ee.emit("close");
   };
-
   const reset = () => {
@@ -505,7 +492,5 @@ setMode(null);
   };
-
   const goToRead = () => {
     setMode("read");
   };
-
   const renderPannel = pageMode => {
@@ -516,2 +501,3 @@ if (pageMode === "initial") {
         link: link,
+        description: description,
         onButtonClick: goToRead
@@ -527,3 +513,2 @@ });
   };
-
   const element = React__default.createElement(Modal, {
@@ -574,6 +559,6 @@ isOpen: visible,
         });
-
         if (options.renderInitial) {
           setWalltMode(options.renderInitial.walletMode);
           setLink(options.renderInitial.link);
+          setDescription(options.renderInitial.description);
           setMode("initial");
@@ -613,3 +598,2 @@ setVisible(true);
 let cameraReady;
-
 const bootstrap = () => {
@@ -623,3 +607,2 @@ const htmlBody = document.getElementsByTagName("body").item(0);
 };
-
 const setupSdk = (r, p, status) => {
@@ -626,0 +609,0 @@ initialized = true;

dist/sdk.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react-dom")),r=require("react"),n=e(r),a=e(require("react-modal")),s=require("events"),i=require("rxjs"),l=e(require("qrcode.react")),o=require("@ngraveio/bc-ur");const A=({size:e=200,data:t="",ecl:r="L"})=>n.createElement(l,{value:t,size:e,level:r});var c,u,m;(c=exports.ReadStatus||(exports.ReadStatus={})).canceled="canceled",c.success="success",(u=exports.PlayStatus||(exports.PlayStatus={})).canceled="canceled",u.success="success",(m=exports.SupportedResult||(exports.SupportedResult={})).UR_BYTES="bytes",m.UR_CRYPTO_HDKEY="crypto-hdkey",m.UR_CRYPTO_ACCOUNT="crypto-account",m.UR_ETH_SIGN_REQUEST="eth-sign-request",m.UR_ETH_SIGNATURE="eth-signature",m.UR_CRYPTO_MULTI_ACCOUNTS="crypto-multi-accounts",m.UR_SOL_SIGN_REQUEST="sol-sign-request",m.UR_SOL_SIGNATURE="sol-signature",m.UR_APTOS_SIGN_REQUEST="aptos-sign-request",m.UR_APTOS_SIGNATURE="aptos-signature",m.UR_ARWEAVE_SIGN_REQUEST="arweave-sign-request",m.UR_ARWEAVE_SIGNATURE="arweave-signature",m.UR_ARWEAVE_CRYPTO_ACCOUNT="arweave-crypto-account",m.UR_COSMOS_SIGN_REQUEST="cosmos-sign-request",m.UR_COSMOS_SIGNATURE="cosmos-signature";const d={minWidth:"16rem",height:"3rem",background:"#784FFE",borderColor:"grey",borderRadius:"8px",borderWidth:1,color:"white",outline:"none",margin:2},y=e=>{const{onClick:t,children:r}=e;return n.createElement("button",{onClick:t,style:d},r)},E=e=>n.createElement("div",{style:{width:"100%",marginTop:"1rem",display:"flex",flexDirection:"row-reverse",alignItems:"center",justifyContent:"center"}},e.children),g=new o.UR(Buffer.from("NO DATA","utf-8"));class p extends Error{constructor(e){super(e),Object.setPrototypeOf(this,p.prototype)}}const S=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",style:{margin:"auto",display:"block",shapeRendering:"auto",animationPlayState:"running",animationDelay:"0s"},width:"200px",height:"200px",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},n.createElement("circle",{cx:"50",cy:"50",fill:"none",stroke:"#9b9b9b",strokeWidth:"7",r:"35",strokeDasharray:"164.93361431346415 56.97787143782138",style:{animationPlayState:"running",animationDelay:"0s"}},n.createElement("animateTransform",{attributeName:"transform",type:"rotate",repeatCount:"indefinite",dur:"1s",values:"0 50 50;360 50 50",keyTimes:"0;1",style:{animationPlayState:"running",animationDelay:"0s"}}))),f=n.lazy(()=>new Promise((function(e){e(function(e){if(e&&e.__esModule)return e;var t={};return e&&Object.keys(e).forEach((function(r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})})),t.default=e,t}(require("react-qr-reader")))})));let R="";const h=e=>n.createElement("div",{style:{paddingLeft:"1rem"}},n.createElement("div",{style:{display:"flex",alignItems:"center",padding:0}},n.createElement("img",{style:{display:"inline-block"},src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAKAAAAACc9ikyAAAD+ElEQVRYCb1WbWiNURw/Z9caY5SyrKzVhuUtZcYoJdZ8kMywGClG+WK+eJsPmogNKfZBxBbmAyPyEgvtA8UUX9inbVeb8AGTd8t2j9/vdp91ntPzPPd57h3/+t1z/uf/ev7nnP9zhUiMsmH2BOgF9ifmIjmrVpgrDWuScxfMeqUW2EqiB2sjgrlJTDsNZmHACqyP2xJzGcyq2iU4E7kTzFVw7fEw+Qbou9bn94K7FCIlgNFh6I7y0E8oAQ9/NlEBuAig71ifv4VspM1iiJnHHsGZyPohjmdzxzeu79acsyFJm8UQMnzbfONmUIvnsRTG4g3DWAM8B24DM4GkaR88WMGcxkYtQr2h+wl8niYPPJ0Aix+AU2Cu8UlmASRe0gHA1L1JYaLUBEPToc7v1hx7XdISTc/3tAiaXs+uE3K2ZdJaQE/MnLdDzvvhm3ij2wDTkc4vj3lLx/gmji7tqmL6voYNcRze17zwv4CemNuc/xt8NSoqsau5OfoD2TSAxDb+EXDTNdeX0igeHYSCaajzfGoWZWDidU90O84XWIZuYw4EvwDT0OK527GG8VUPfcuO4wPAsVvqt/MolIYDbsSmxLPUiS+gEpgBOH1Z+7HOC90MMBFXYnn0jM35S8hDrtZJCFgBluZEHB/bIWenc6XVV1Qo/MCxCoM2ucUi0lwubX4YfBng1TKvQ1426MWY1NSolAs94jJKVoYaOh2DbqGw3ddQqutqkGcooEG5rmHM+8DvMNZs7KVuUaiUWOUjOO0k9HIjSpzOq1RRv0xgus2jnTkONhxbKsZ4A7gFlMbWRChddMLtZ4v3O0YiojZvq8rkEbwCrOai278Dkw98BxYBLYD+anaB58sREzerosiAaMExjCbvl0KpooAV6HIx2IN1Bk8FTgF6cLDiCLCTk86z8mlKSCzBbr6S90NSooumiXYm8MjBgG+3KbZehXGygw6XmAQrEU0C77TETxII3ofA6zrrZR+PIAvoBrhTEnvAPIBJZAIdQLzS8r8BkxGTNqq5AxLHocQY8iYxOIKuwCu4Sxkr8B7g5bLoIiYMTjoExAtOvTqASYiORtmmJCohxRfyBv3GeqkVnDJWgLQQaAV45iw3k5oKsAMySb9UDcVaKuduUYWiX1xDObPJI/AHDBXhBsnvwiBZCXChAuA/nWdkQLxg0bJGOf8/tDtG9fxNKqNfisX4ZKamC/Gw/Zzs9e9GiL1Q5n0ICn6A5gQJ5KY7C4Ig33s90WibdXOsr3ud7wsoshcwiaAUPfegRm76syHgBylINaIX0c1hout8FecB/i/Uy23OedvZP/4Z5cDzSeAnYAZnK54P/BcahygHAD5dNh12tilAIPoLD0OnpwCV000AAAAASUVORK5CYII=",alt:""}),n.createElement("div",{style:{fontSize:"1.25rem",fontWeight:"bold",marginLeft:"1rem"}},"Sync Keystone")),n.createElement("ul",{style:{marginTop:"2rem",listStyleType:"none",padding:0,fontSize:"1rem"}},n.createElement("li",{style:{marginBottom:"0.75rem"}},"1. Turn on your Keystone hardware device"),n.createElement("li",{style:{marginBottom:"0.75rem"}},`2. Select your "${e.walletMode}" as your Watch-only wallet(Companion App)`),n.createElement("li",{style:{marginBottom:"0.75rem"}}," ",'3. Press the "Scan Keystone" button and scan the QR Code displayed on your Keystone hardware wallet'),n.createElement("li",{style:{marginBottom:"0.75rem"}}," ","4. Select account and check your watch-only wallet")),n.createElement("div",{style:{marginBottom:"1rem"}},n.createElement("a",{style:{marginTop:"1.25rem",color:"#784FFE",textDecoration:"none"},href:e.link,target:"_blank",rel:"noreferrer"},"Click here to view detailed tutorial")),n.createElement(y,{onClick:e.onButtonClick},"Sync Keystone")),v={overlay:{zIndex:999},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",borderRadius:"10px",width:"37rem",marginRight:"-50%",transform:"translate(-50%, -50%)",postion:"relative"}};var x=()=>{const[e,{read:t,play:l,cameraReady:c}]=(()=>{const e=r.useMemo(()=>new s.EventEmitter,[]),[t,l]=r.useState(!1),[c,u]=r.useState(""),[m,d]=r.useState(""),[x,w]=r.useState(null),[U,{play:C}]=(()=>{const[e,t]=r.useState(g),[a,l]=r.useState(!1),[c,u]=r.useState(100),[m,d]=r.useState(400),[p,S]=r.useState(!1),[f,R]=r.useState(null),[h,v]=r.useState(null),x=r.useMemo(()=>new o.UREncoder(e,m),[e]),[w,U]=r.useState(x.nextPart()),C=r.useMemo(()=>new s.EventEmitter,[]);return r.useEffect(()=>{x.cbor.toString("hex")!==g.cbor.toString("hex")&&l(!0)},[x]),r.useEffect(()=>{const e=i.interval(c).subscribe(()=>{U(x.nextPart())});return()=>{e.unsubscribe()}},[c,x]),[a?n.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},f&&n.createElement("p",{style:{fontSize:"1.25rem",fontWeight:"bold"}},f),n.createElement(A,{size:288,data:w}),h&&n.createElement("p",{style:{fontSize:"1rem",textAlign:"center"}},h),n.createElement(E,null,n.createElement(y,{onClick:()=>{C.emit("finish",!0)}},p?"Scan Keystone":"Finish"))):n.createElement("div",null),{play:(e,r)=>new Promise(n=>{t(e),r&&(r.refreshSpeed&&u(r.refreshSpeed),r.hasNext&&S(r.hasNext),r.title&&R(r.title),r.description&&v(r.description),r.maxFragmentLength&&d(r.maxFragmentLength)),C.once("finish",()=>{t(g),l(!1),u(100),n(exports.PlayStatus.success)})})}]})(),[b,{read:T,cameraReady:B}]=(()=>{const[e,t]=r.useState(!1),[a,i]=r.useState([]),[l,A]=r.useState(new o.URDecoder),[c,u]=r.useState(""),m=r.useMemo(()=>new s.EventEmitter,[]),[d,g]=r.useState(null),[h,v]=r.useState(0),[x,w]=r.useState(null),U=()=>{A(new o.URDecoder),u("")};return[n.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},d&&n.createElement("p",{style:{fontSize:"1.25rem",fontWeight:"bold"}},d),x&&n.createElement("p",{style:{fontSize:"1rem",textAlign:"center"}},x),n.createElement(r.Suspense,{fallback:n.createElement("div",null)},n.createElement("div",{style:{position:"relative",width:"100%"}},e?null:n.createElement("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}},n.createElement(S,null)),n.createElement(f,{onScan:e=>{e&&(t(!0),((e,t)=>{try{if(l.isComplete()){const e=l.resultUR();let t=!1;if(a.forEach(r=>{if(r===e.type)return t=!0,void m.emit("read",{result:e,status:"success"})}),!t)throw new p(`received ur type ${e.type}, but expected [${a.join(",")}]`)}else l.receivePart(e),v(l.getProgress())}catch(e){u(e instanceof p?t:e.message)}})(e,R))},delay:100,style:{width:"100%"},onError:e=>{u(e.message)}}))),n.createElement("p",null,(100*h).toFixed(0)," %"),c&&n.createElement("p",{style:{color:"red",fontSize:"1rem"}},c),n.createElement(E,null,n.createElement(y,{onClick:()=>{m.emit("read",{status:"canceled"})}},"Close"),c&&n.createElement(y,{onClick:()=>{U()}},"Retry"))),{read:(e,t)=>new Promise(r=>{i(e),t&&(t.title&&g(t.title),t.description&&w(t.description),R=t.URTypeErrorMessage?t.URTypeErrorMessage:""),m.once("read",e=>{U(),r(e)})}),cameraReady:e}]})(),D=()=>{w(null),d(""),u(""),l(!1)};var P;return[n.createElement(a,{isOpen:t,style:v},n.createElement("div",{onClick:()=>{e.emit("close"),D()}},n.createElement("img",{style:{position:"absolute",top:"1rem",right:"1rem"},src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAAAmklEQVQoFZWRwQ3DIAwAa4brJPBP80hnaD/lD5N0iYxEfRVBxBGRwsvgO2PZklJaReTrvX/eTk7O+VVKuTtgDRYVPyOeHAysAFV40jCGEB69aHN/YSRZGK4JVuKu5/DrToDoqnI9tOh4vXJ2Qlc96kSY2lTfWs0m9DCT0r3MSkUrXR9r3eBCNbuDrY/td23z7Vg3wQhGIgcD+wPGY2fPvHuWagAAAABJRU5ErkJggg=="})),n.createElement("div",{style:{width:"35rem",padding:18,flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center",color:"#002237"}},"initial"===(P=x)?n.createElement(h,{walletMode:c,link:m,onButtonClick:()=>{w("read")}}):"read"===P?b:"play"===P?U:null)),{play:(t,r)=>new Promise(n=>{e.once("close",()=>{n(exports.PlayStatus.canceled)}),l(!0),w("play"),C(t,r).then(()=>{D(),n(exports.PlayStatus.success)})}),read:async(t,r)=>new Promise(n=>{e.once("close",()=>{D(),n({status:exports.ReadStatus.canceled})}),r.renderInitial?(u(r.renderInitial.walletMode),d(r.renderInitial.link),w("initial"),l(!0),T(t,r).then(e=>{D(),n(e)})):(w("read"),l(!0),T(t,r).then(e=>{D(),n(e)}))}),cameraReady:B}]})();return T(t,l,c),e};let w,U,C,b=!1;const T=(e,t,r)=>{b=!0,w=e,U=t,C=r};exports.default={bootstrap:()=>{const e=document.getElementsByTagName("body").item(0),r=document.createElement("div");r.id="kv_sdk_container",e.appendChild(r),a.setAppElement("#kv_sdk_container"),t.render(n.createElement(x),r)},getSdk:()=>{if(b)return{read:w,play:U,cameraReady:C};throw new Error("SDK is not initialized")}};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var A=e(require("react-dom")),t=require("react"),n=e(t),r=e(require("react-modal")),a=require("events"),i=require("rxjs"),s=e(require("qrcode.react")),o=require("@ngraveio/bc-ur");const l=({size:e=200,data:A="",ecl:t="L"})=>n.createElement(s,{value:A,size:e,level:t});var c,g,m;(c=exports.ReadStatus||(exports.ReadStatus={})).canceled="canceled",c.success="success",(g=exports.PlayStatus||(exports.PlayStatus={})).canceled="canceled",g.success="success",(m=exports.SupportedResult||(exports.SupportedResult={})).UR_BYTES="bytes",m.UR_CRYPTO_HDKEY="crypto-hdkey",m.UR_CRYPTO_ACCOUNT="crypto-account",m.UR_ETH_SIGN_REQUEST="eth-sign-request",m.UR_ETH_SIGNATURE="eth-signature",m.UR_CRYPTO_MULTI_ACCOUNTS="crypto-multi-accounts",m.UR_SOL_SIGN_REQUEST="sol-sign-request",m.UR_SOL_SIGNATURE="sol-signature",m.UR_APTOS_SIGN_REQUEST="aptos-sign-request",m.UR_APTOS_SIGNATURE="aptos-signature",m.UR_ARWEAVE_SIGN_REQUEST="arweave-sign-request",m.UR_ARWEAVE_SIGNATURE="arweave-signature",m.UR_ARWEAVE_CRYPTO_ACCOUNT="arweave-crypto-account",m.UR_COSMOS_SIGN_REQUEST="cosmos-sign-request",m.UR_COSMOS_SIGNATURE="cosmos-signature",m.UR_PSBT="crypto-psbt";const u={minWidth:"16rem",height:"3rem",background:"#784FFE",borderColor:"grey",borderRadius:"8px",borderWidth:1,color:"white",outline:"none",margin:2},E=e=>{const{onClick:A,children:t}=e;return n.createElement("button",{onClick:A,style:u},t)},d=e=>n.createElement("div",{style:{width:"100%",marginTop:"1rem",display:"flex",flexDirection:"row-reverse",alignItems:"center",justifyContent:"center"}},e.children),B=new o.UR(Buffer.from("NO DATA","utf-8"));class f extends Error{constructor(e){super(e),Object.setPrototypeOf(this,f.prototype)}}const w=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",style:{margin:"auto",display:"block",shapeRendering:"auto",animationPlayState:"running",animationDelay:"0s"},width:"200px",height:"200px",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"},n.createElement("circle",{cx:"50",cy:"50",fill:"none",stroke:"#9b9b9b",strokeWidth:"7",r:"35",strokeDasharray:"164.93361431346415 56.97787143782138",style:{animationPlayState:"running",animationDelay:"0s"}},n.createElement("animateTransform",{attributeName:"transform",type:"rotate",repeatCount:"indefinite",dur:"1s",values:"0 50 50;360 50 50",keyTimes:"0;1",style:{animationPlayState:"running",animationDelay:"0s"}}))),C=n.lazy(()=>new Promise((function(e){e(function(e){if(e&&e.__esModule)return e;var A={};return e&&Object.keys(e).forEach((function(t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(A,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})})),A.default=e,A}(require("react-qr-reader")))})));let I="";const y=e=>n.createElement("div",{style:{paddingLeft:"1rem"}},n.createElement("div",{style:{display:"flex",alignItems:"center",padding:0}},n.createElement("img",{style:{display:"inline-block",width:"2.5rem",height:"2.5rem"},src:"btc"===e.walletMode?"data:image/png;base64,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":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAKAAAAACc9ikyAAAD+ElEQVRYCb1WbWiNURw/Z9caY5SyrKzVhuUtZcYoJdZ8kMywGClG+WK+eJsPmogNKfZBxBbmAyPyEgvtA8UUX9inbVeb8AGTd8t2j9/vdp91ntPzPPd57h3/+t1z/uf/ev7nnP9zhUiMsmH2BOgF9ifmIjmrVpgrDWuScxfMeqUW2EqiB2sjgrlJTDsNZmHACqyP2xJzGcyq2iU4E7kTzFVw7fEw+Qbou9bn94K7FCIlgNFh6I7y0E8oAQ9/NlEBuAig71ifv4VspM1iiJnHHsGZyPohjmdzxzeu79acsyFJm8UQMnzbfONmUIvnsRTG4g3DWAM8B24DM4GkaR88WMGcxkYtQr2h+wl8niYPPJ0Aix+AU2Cu8UlmASRe0gHA1L1JYaLUBEPToc7v1hx7XdISTc/3tAiaXs+uE3K2ZdJaQE/MnLdDzvvhm3ij2wDTkc4vj3lLx/gmji7tqmL6voYNcRze17zwv4CemNuc/xt8NSoqsau5OfoD2TSAxDb+EXDTNdeX0igeHYSCaajzfGoWZWDidU90O84XWIZuYw4EvwDT0OK527GG8VUPfcuO4wPAsVvqt/MolIYDbsSmxLPUiS+gEpgBOH1Z+7HOC90MMBFXYnn0jM35S8hDrtZJCFgBluZEHB/bIWenc6XVV1Qo/MCxCoM2ucUi0lwubX4YfBng1TKvQ1426MWY1NSolAs94jJKVoYaOh2DbqGw3ddQqutqkGcooEG5rmHM+8DvMNZs7KVuUaiUWOUjOO0k9HIjSpzOq1RRv0xgus2jnTkONhxbKsZ4A7gFlMbWRChddMLtZ4v3O0YiojZvq8rkEbwCrOai278Dkw98BxYBLYD+anaB58sREzerosiAaMExjCbvl0KpooAV6HIx2IN1Bk8FTgF6cLDiCLCTk86z8mlKSCzBbr6S90NSooumiXYm8MjBgG+3KbZehXGygw6XmAQrEU0C77TETxII3ofA6zrrZR+PIAvoBrhTEnvAPIBJZAIdQLzS8r8BkxGTNqq5AxLHocQY8iYxOIKuwCu4Sxkr8B7g5bLoIiYMTjoExAtOvTqASYiORtmmJCohxRfyBv3GeqkVnDJWgLQQaAV45iw3k5oKsAMySb9UDcVaKuduUYWiX1xDObPJI/AHDBXhBsnvwiBZCXChAuA/nWdkQLxg0bJGOf8/tDtG9fxNKqNfisX4ZKamC/Gw/Zzs9e9GiL1Q5n0ICn6A5gQJ5KY7C4Ig33s90WibdXOsr3ud7wsoshcwiaAUPfegRm76syHgBylINaIX0c1hout8FecB/i/Uy23OedvZP/4Z5cDzSeAnYAZnK54P/BcahygHAD5dNh12tilAIPoLD0OnpwCV000AAAAASUVORK5CYII=",alt:""}),n.createElement("div",{style:{fontSize:"1.25rem",fontWeight:"bold",marginLeft:"1rem"}},"btc"===e.walletMode?"Sync Keystone BTC":"Sync Keystone")),n.createElement("ul",{style:{marginTop:"2rem",listStyleType:"none",padding:0,fontSize:"1rem"}},n.createElement("li",{style:{marginBottom:"0.75rem"}},e.description?e.description[0]:"1. Turn on your Keystone hardware device"),n.createElement("li",{style:{marginBottom:"0.75rem"}},e.description?e.description[1]:`2. Select your "${e.walletMode}" as your Watch-only wallet(Companion App)`),n.createElement("li",{style:{marginBottom:"0.75rem"}}," ",e.description?e.description[2]:'3. Press the "Scan Keystone" button and scan the QR Code displayed on your Keystone hardware wallet'),n.createElement("li",{style:{marginBottom:"0.75rem"}}," ",e.description?e.description[3]:"4. Select account and check your watch-only wallet")),e.link.length>0&&n.createElement("div",{style:{marginBottom:"1rem"}},n.createElement("a",{style:{marginTop:"1.25rem",color:"#784FFE",textDecoration:"none"},href:e.link,target:"_blank",rel:"noreferrer"},"Click here to view detailed tutorial")),n.createElement(E,{onClick:e.onButtonClick},"Sync Keystone")),Q={overlay:{zIndex:9999},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",borderRadius:"10px",width:"37rem",marginRight:"-50%",transform:"translate(-50%, -50%)",postion:"relative"}};var h=()=>{const[e,{read:A,play:s,cameraReady:c}]=(()=>{const e=t.useMemo(()=>new a.EventEmitter,[]),[A,s]=t.useState(!1),[c,g]=t.useState(""),[m,u]=t.useState(""),[h,S]=t.useState(void 0),[b,R]=t.useState(null),[p,{play:P}]=(()=>{const[e,A]=t.useState(B),[r,s]=t.useState(!1),[c,g]=t.useState(100),[m,u]=t.useState(400),[f,w]=t.useState(!1),[C,I]=t.useState(null),[y,Q]=t.useState(null),h=t.useMemo(()=>new o.UREncoder(e,m),[e]),[S,b]=t.useState(h.nextPart()),R=t.useMemo(()=>new a.EventEmitter,[]);return t.useEffect(()=>{h.cbor.toString("hex")!==B.cbor.toString("hex")&&s(!0)},[h]),t.useEffect(()=>{const e=i.interval(c).subscribe(()=>{b(h.nextPart())});return()=>{e.unsubscribe()}},[c,h]),[r?n.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},C&&n.createElement("p",{style:{fontSize:"1.25rem",fontWeight:"bold"}},C),n.createElement(l,{size:288,data:S}),y&&n.createElement("p",{style:{fontSize:"1rem",textAlign:"center"}},y),n.createElement(d,null,n.createElement(E,{onClick:()=>{R.emit("finish",!0)}},f?"Scan Keystone":"Finish"))):n.createElement("div",null),{play:(e,t)=>new Promise(n=>{A(e),t&&(t.refreshSpeed&&g(t.refreshSpeed),t.hasNext&&w(t.hasNext),t.title&&I(t.title),t.description&&Q(t.description),t.maxFragmentLength&&u(t.maxFragmentLength)),R.once("finish",()=>{A(B),s(!1),g(100),n(exports.PlayStatus.success)})})}]})(),[v,{read:G,cameraReady:Y}]=(()=>{const[e,A]=t.useState(!1),[r,i]=t.useState([]),[s,l]=t.useState(new o.URDecoder),[c,g]=t.useState(""),m=t.useMemo(()=>new a.EventEmitter,[]),[u,B]=t.useState(null),[y,Q]=t.useState(0),[h,S]=t.useState(null),b=()=>{l(new o.URDecoder),g("")};return[n.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},u&&n.createElement("p",{style:{fontSize:"1.25rem",fontWeight:"bold"}},u),h&&n.createElement("p",{style:{fontSize:"1rem",textAlign:"center"}},h),n.createElement(t.Suspense,{fallback:n.createElement("div",null)},n.createElement("div",{style:{position:"relative",width:"100%"}},e?null:n.createElement("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}},n.createElement(w,null)),n.createElement(C,{onScan:e=>{e&&(A(!0),((e,A)=>{try{if(s.isComplete()){const e=s.resultUR();let A=!1;if(r.forEach(t=>{if(t===e.type)return A=!0,void m.emit("read",{result:e,status:"success"})}),!A)throw new f(`received ur type ${e.type}, but expected [${r.join(",")}]`)}else s.receivePart(e),Q(s.getProgress())}catch(e){g(e instanceof f?A:e.message)}})(e,I))},delay:100,style:{width:"100%"},onError:e=>{g(e.message)}}))),n.createElement("p",null,(100*y).toFixed(0)," %"),c&&n.createElement("p",{style:{color:"red",fontSize:"1rem"}},c),n.createElement(d,null,n.createElement(E,{onClick:()=>{m.emit("read",{status:"canceled"})}},"Close"),c&&n.createElement(E,{onClick:()=>{b()}},"Retry"))),{read:(e,A)=>new Promise(t=>{i(e),A&&(A.title&&B(A.title),A.description&&S(A.description),I=A.URTypeErrorMessage?A.URTypeErrorMessage:""),m.once("read",e=>{b(),t(e)})}),cameraReady:e}]})(),x=()=>{R(null),u(""),g(""),s(!1)};var D;return[n.createElement(r,{isOpen:A,style:Q},n.createElement("div",{onClick:()=>{e.emit("close"),x()}},n.createElement("img",{style:{position:"absolute",top:"1rem",right:"1rem"},src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAAAmklEQVQoFZWRwQ3DIAwAa4brJPBP80hnaD/lD5N0iYxEfRVBxBGRwsvgO2PZklJaReTrvX/eTk7O+VVKuTtgDRYVPyOeHAysAFV40jCGEB69aHN/YSRZGK4JVuKu5/DrToDoqnI9tOh4vXJ2Qlc96kSY2lTfWs0m9DCT0r3MSkUrXR9r3eBCNbuDrY/td23z7Vg3wQhGIgcD+wPGY2fPvHuWagAAAABJRU5ErkJggg=="})),n.createElement("div",{style:{width:"35rem",padding:18,flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center",color:"#002237"}},"initial"===(D=b)?n.createElement(y,{walletMode:c,link:m,description:h,onButtonClick:()=>{R("read")}}):"read"===D?v:"play"===D?p:null)),{play:(A,t)=>new Promise(n=>{e.once("close",()=>{n(exports.PlayStatus.canceled)}),s(!0),R("play"),P(A,t).then(()=>{x(),n(exports.PlayStatus.success)})}),read:async(A,t)=>new Promise(n=>{e.once("close",()=>{x(),n({status:exports.ReadStatus.canceled})}),t.renderInitial?(g(t.renderInitial.walletMode),u(t.renderInitial.link),S(t.renderInitial.description),R("initial"),s(!0),G(A,t).then(e=>{x(),n(e)})):(R("read"),s(!0),G(A,t).then(e=>{x(),n(e)}))}),cameraReady:Y}]})();return P(A,s,c),e};let S,b,R,p=!1;const P=(e,A,t)=>{p=!0,S=e,b=A,R=t};exports.default={bootstrap:()=>{const e=document.getElementsByTagName("body").item(0),t=document.createElement("div");t.id="kv_sdk_container",e.appendChild(t),r.setAppElement("#kv_sdk_container"),A.render(n.createElement(h),t)},getSdk:()=>{if(p)return{read:S,play:b,cameraReady:R};throw new Error("SDK is not initialized")}};
 //# sourceMappingURL=sdk.cjs.production.min.js.map

dist/sdk.esm.js

@@ -22,3 +22,2 @@ import ReactDOM from 'react-dom';
 var ReadStatus;
-
 (function (ReadStatus) {
@@ -28,5 +27,3 @@ ReadStatus["canceled"] = "canceled";
 })(ReadStatus || (ReadStatus = {}));
-
 var PlayStatus;
-
 (function (PlayStatus) {
@@ -36,5 +33,3 @@ PlayStatus["canceled"] = "canceled";
 })(PlayStatus || (PlayStatus = {}));
-
 var SupportedResult;
-
 (function (SupportedResult) {
@@ -56,2 +51,3 @@ SupportedResult["UR_BYTES"] = "bytes";
   SupportedResult["UR_COSMOS_SIGNATURE"] = "cosmos-signature";
+  SupportedResult["UR_PSBT"] = "crypto-psbt";
 })(SupportedResult || (SupportedResult = {}));
@@ -108,3 +104,2 @@
   const ee = useMemo(() => new EventEmitter(), []);
-
   const reset = () => {
@@ -115,3 +110,2 @@ setData(DEFAULT_UR);
   };
-
   useEffect(() => {
@@ -130,7 +124,5 @@ if (urEncoder.cbor.toString("hex") !== DEFAULT_UR.cbor.toString("hex")) {
   }, [refreshSpeed, urEncoder]);
-
   const finish = () => {
     ee.emit("finish", true);
   };
-
   const element = shouldShow ? React.createElement("div", {
@@ -162,3 +154,2 @@ style: {
         setData(data);
-
         if (options) {
@@ -171,3 +162,2 @@ options.refreshSpeed && setRefreshSpeed(options.refreshSpeed);
         }
-
         ee.once("finish", () => {
@@ -184,7 +174,6 @@ reset();
   constructor(msg) {
-    super(msg); // Set the prototype explicitly.
-
+    super(msg);
+    // Set the prototype explicitly.
     Object.setPrototypeOf(this, URTypeError.prototype);
   }
-
 }
@@ -243,3 +232,2 @@
   const [description, setDescription] = useState(null);
-
   const reset = () => {
@@ -249,7 +237,5 @@ setURDecoder(new URDecoder());
   };
-
   const processQRCode = (qr, errorMessgeOnURType) => {
     processUR(qr, errorMessgeOnURType);
   };
-
   const handleStop = () => {
@@ -260,7 +246,5 @@ ee.emit("read", {
   };
-
   const handleRetry = () => {
     reset();
   };
-
   const processUR = (ur, errorMessgeOnURType) => {
@@ -294,3 +278,2 @@ try {
   };
-
   const element = React.createElement("div", {
@@ -354,3 +337,2 @@ style: {
         setExpectTypes(expect);
-
         if (options) {
@@ -361,3 +343,2 @@ options.title && setTitle(options.title);
         }
-
         ee.once("read", result => {
@@ -373,2 +354,4 @@ reset();
 
+const mulitCoinLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAKAAAAACc9ikyAAAD+ElEQVRYCb1WbWiNURw/Z9caY5SyrKzVhuUtZcYoJdZ8kMywGClG+WK+eJsPmogNKfZBxBbmAyPyEgvtA8UUX9inbVeb8AGTd8t2j9/vdp91ntPzPPd57h3/+t1z/uf/ev7nnP9zhUiMsmH2BOgF9ifmIjmrVpgrDWuScxfMeqUW2EqiB2sjgrlJTDsNZmHACqyP2xJzGcyq2iU4E7kTzFVw7fEw+Qbou9bn94K7FCIlgNFh6I7y0E8oAQ9/NlEBuAig71ifv4VspM1iiJnHHsGZyPohjmdzxzeu79acsyFJm8UQMnzbfONmUIvnsRTG4g3DWAM8B24DM4GkaR88WMGcxkYtQr2h+wl8niYPPJ0Aix+AU2Cu8UlmASRe0gHA1L1JYaLUBEPToc7v1hx7XdISTc/3tAiaXs+uE3K2ZdJaQE/MnLdDzvvhm3ij2wDTkc4vj3lLx/gmji7tqmL6voYNcRze17zwv4CemNuc/xt8NSoqsau5OfoD2TSAxDb+EXDTNdeX0igeHYSCaajzfGoWZWDidU90O84XWIZuYw4EvwDT0OK527GG8VUPfcuO4wPAsVvqt/MolIYDbsSmxLPUiS+gEpgBOH1Z+7HOC90MMBFXYnn0jM35S8hDrtZJCFgBluZEHB/bIWenc6XVV1Qo/MCxCoM2ucUi0lwubX4YfBng1TKvQ1426MWY1NSolAs94jJKVoYaOh2DbqGw3ddQqutqkGcooEG5rmHM+8DvMNZs7KVuUaiUWOUjOO0k9HIjSpzOq1RRv0xgus2jnTkONhxbKsZ4A7gFlMbWRChddMLtZ4v3O0YiojZvq8rkEbwCrOai278Dkw98BxYBLYD+anaB58sREzerosiAaMExjCbvl0KpooAV6HIx2IN1Bk8FTgF6cLDiCLCTk86z8mlKSCzBbr6S90NSooumiXYm8MjBgG+3KbZehXGygw6XmAQrEU0C77TETxII3ofA6zrrZR+PIAvoBrhTEnvAPIBJZAIdQLzS8r8BkxGTNqq5AxLHocQY8iYxOIKuwCu4Sxkr8B7g5bLoIiYMTjoExAtOvTqASYiORtmmJCohxRfyBv3GeqkVnDJWgLQQaAV45iw3k5oKsAMySb9UDcVaKuduUYWiX1xDObPJI/AHDBXhBsnvwiBZCXChAuA/nWdkQLxg0bJGOf8/tDtG9fxNKqNfisX4ZKamC/Gw/Zzs9e9GiL1Q5n0ICn6A5gQJ5KY7C4Ig33s90WibdXOsr3ud7wsoshcwiaAUPfegRm76syHgBylINaIX0c1hout8FecB/i/Uy23OedvZP/4Z5cDzSeAnYAZnK54P/BcahygHAD5dNh12tilAIPoLD0OnpwCV000AAAAASUVORK5CYII=";
+const BtcOnlyLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYAAAAGACAYAAACkx7W/AAAPa0lEQVR4Ae3dT5KbaZHA4VeFD2CWRG80J5i5AT0nmbnFwGqYVV+DOQnNCYAbVAREsIHoYsMG2sJlO+1SlSQrVfrzvZnPcwQi6My35C9/YwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcG2rwV5v31vdvflhwCk24/sffvjLfw5YqLvBIesBJ9psNr8esGAGwEFv3g44xWZz//Dw1/8fsGAGwEHv/mPACTab8asBC2cAHHJ35wVAnu2fSRgAB6w2m38fkGT7ZxYGwAGbsfICIMf2z0QMgANWq9V6QILtn5kYAAdt1gOO9X77H+PH3w6YhAGwx9u3b9cDEjar8f3Dw8P9gEkYAHu9WQ/IePfj/w2YiAGwz082fgDmaJux+bXtn9kYAPtsVj4C43i2fyZkAOzlBcBxbP/MygDYZ7PyERjHsf0zKQNgj9VqeAHwVbZ/ZmYA7LPxDQBHeLfy1S/TMgB2eAzBvH8CeAFw2Obx3/3/5fsBkzIAdlsP+ArBF2ZnAOwkBMNXOPpGAQbATkIwHOboGxUYALsIwXCI7Z8iDIAdhGA4xPZPFQbADkIw7GX7pxADYAchGPax/VOJAbCTj8DYQfCFYgyAZ4Rg2EfwhWoMgBeEYNjD0TeKMQCeE4JhB0ffqMgAeE4Ihl1s/xRkALzgBcA22z9VGQDPCcHwnO2fogyAZ4RgeMr2T2UGwHNCMDwl+EJhBsATQjBsEXyhOANg23rAJ4IvVGcAbBGC4RNH32jAANgiBMNHjr7RgQHwlBAMj2z/NGEAPCEEwyPbP10YAE8IwWD7pxMD4AkhGGz/dGIAbPERWGuCLzRjAHwiBIPgC90YAJ8JwbTn6BvNGABBCKY1R9/oyAAIQjC92f5pyAD4zAugK9s/XRkAQQimL9s/TRkAnwjB9GT7pzMDIAjB9CT4QmMGwBCCaUvwheYMgI/Wg3YEX+jOAPhACKYdR9/AAPhICKYbR9/AAPhICKYX2z98YAAMIZhubP/wkQEwhGBasf3DZwbAEILpxPYPXxgAH/gIrAXBF9jyZjQnBNPHh+DLD84+HOuP341v7+7Gbwa7bcbDN78YPx0T8wIQgunD0beU1d3478F+d+N+TM4AEIJpwdG3nD9/N9arMf5rsNf735MexuQMACGYHmz/KT/e+bH8a94PgD+MyRkAQjDl2f5zbP9H8gIoQAimPtt/iu3/OHdvxu/G5NoPACGY2mz/Obb/47375/jbmJwXgBBMbYIvKbb/470Z/hXQ1IRgihN8Sfm0/f98cJSf/dIAmN16UJbgS86PY3w7/H/iWPejgOYDQAimLEff0lZ3438HR9kYABUIwVTl6FvOn7778NXvenCU1Wb+H4Af9R4AQjA12f7TbP857zbj96OA1gNACKYm23+O7T/v/cCc/iOwR60HgBBMQbb/NNt/3uadF8D0hGDqsf3n2P5Ps/qJF0ABPgIrRfAl7W7lq99T/OPv/hXQ1IRg6vkQfHH24WiPwZf3/5t9O8jZjId/+5UXwOSEYMpx9C1F8OVEBUIwoe8AEIIpxdG3HEffTlchBBP6DgAhmFps/ymOvp2uQggmNP4TkBdAFbb/HNv/K3kBFCAEU4ftP8X2/zoVQjCh7QAQgqnB9p9j+3+9CiGY0PgF4BuAEgRfUmz/r1chBBNaDgAhmCIEX1IEX86jQggmdH0BrAfTE3zJEXw5i/tRSNMBIAQzPUff0hx9e70qIZjQdAAIwczO0bccR9/Oo0oIJvQcAEIwc7P9p9n+z6NKCCa0HABCMHOz/efY/s+nSggmtBwAQjATs/2n2f7Pp0oIJvR8AQjBTMv2n2P7P68qIZjQ9EdgH4FNSfAlTfDlvKqEYEK7ASAEMy/BlxzBlzMrFIIJDV8AQjDTcvQtRfDlzAqFYEK/ASAEMyVH33IcfTu/SiGY0G8ACMHMyfaf4ujb+VUKwYSGfwLyApiN7T/H9n8hXgAFCMHMx/afYvu/jEohmNBuAAjBzMX2n2P7v5xKIZjQ8AXgG4CpCL6k2P4vp1IIJrQaAEIwkxF8SRF8uaxKIZjQ7QWwHkxD8CVH8OWi7kdBzQaAEMw0HH1Lc/TtcqqFYEKzASAEMwtH33IcfbusaiGY0GsACMHMwfafZvu/rGohmNBqAAjBzMH2n2P7v7xqIZjQagAIwUzA9p9m+7+8aiGY0OsFIASzeLb/HNv/dVQLwYRmPwL7CGzRBF/SBF+uo1oIJrQZAEIwyyf4kiP4ciUFQzCh0QtACGbxHH1LEXy5koIhmNBnAAjBLJqjbzmOvl1PxRBM6DMAhGCWzfaf4ujb9VQMwYRGfwLyAlgq23+O7f/KvAAKEIJZLtt/iu3/uiqGYEKbASAEs0y2/xzb//VVDMGERi8A3wAskuBLiu3/+iqGYEKLASAEs1CCLymCL7dRMQQTurwA1oPFEXzJEXy5iftRWJMBIASzOI6+pTn6dn1VQzChyQAQglkaR99yHH27jaohmNBjAAjBLIvtP832fxtVQzChxQAQglkW23+O7f92qoZgQosBIASzILb/NNv/7VQNwYQeLwAhmMWw/efY/m+raggmNPkR2EdgiyD4kib4cltVQzCh/AAQglkOwZccwZcbKxyCCQ1eAEIwi+HoW4rgy40VDsGE+gNACGYRHH3LcfTt9iqHYEL9ASAEswy2/xRH326vcggmNPgTkBfArdn+c2z/C+EFUIAQzO3Z/lNs/8tQOQQTyg8AIZjbsv3n2P6Xo3IIJjR4AfgG4KYEX1Js/8tROQQTSg8AIZgbE3xJEXxZlsohmFD9BbAe3IzgS47gy6LcjwaKDwAhmJtx9C3N0bflqB6CCcUHgBDMrTj6luPo27JUD8GE2gNACOY2bP9ptv9lqR6CCaUHgBDMbdj+c2z/y1M9BBNKDwAhmBuw/afZ/peneggm1H4BCMFcne0/x/a/TNVDMKH4j8A+ArsqwZc0wZdlqh6CCWUHgBDM9Qm+5Ai+LFSDEEwo/AIQgrk6R99SBF8WqkEIJtQdAEIwV+XoW46jb8vVIQQT6g4AIZjrsv2nOPq2XB1CMKHwn4C8AK7F9p9j+184L4AChGCux/afYvtftg4hmFB2AAjBXIftP8f2v3wdQjCh8AvANwBXIfiSYvtfvg4hmFByAAjBXIngS4rgyxw6hGBC1RfAenBxgi85gi9TuB+NFB0AQjAX5+hbmqNvy9clBBOKDgAhmEtz9C3H0bc5dAnBhJoDQAjmsmz/abb/OXQJwYSSA0AI5rJs/zm2/3l0CcGEkgNACOaCbP9ptv95dAnBhJovACGYi7H959j+59IlBBOK/gjsI7CLEHxJE3yZS5cQTCg3AIRgLkfwJUfwZTKNQjCh4AtACOZiHH1LEXyZTKMQTKg3AIRgLsLRtxxH3+bTKQQT6g0AIZjLsP2nOPo2n04hmFDwT0BeAOdm+8+x/U/KC6AAIZjzs/2n2P7n1CkEE8oNACGY87L959j+59UpBBMKvgB8A3BWgi8ptv95dQrBhFIDQAjmzARfUgRf5tYpBBOqvQDWg7MRfMkRfJna/Wio2AAQgjkbR9/SHH2bV7cQTCg2AIRgzsXRtxxH3+bWLQQTag0AIZjzsP2n2f7n1i0EE0oNACGY87D959j+59ctBBNKDQAhmDOw/afZ/ufXLQQTar0AhGBezfafY/uvoVsIJhT7EdhHYK8i+JIm+FJDtxBMKDMAhGBeT/AlR/CliIYhmFDoBSAE82qOvqUIvhTRMAQT6gwAIZhXcfQtx9G3OjqGYEKdASAE8zq2/xRH3+roGIIJhf4E5AVwKtt/ju2/GC+AAoRgTmf7T7H919IxBBPKDAAhmNPY/nNs//V0DMGEQi8A3wCcRPAlxfZfT8cQTCgxAIRgTiT4kiL4UlPHEEyo8gJYD9IEX3IEX0q6H40VGQBCMGmOvqU5+lZP1xBMKDIAhGCyHH3LcfStpq4hmFBjAAjB5Nj+02z/NXUNwYQSA0AIJsf2n2P7r6trCCaUGABCMAm2/zTbf11dQzChxgtACOZotv8c239tXUMwociPwD4CO4rgS5rgS21dQzBh+gEgBHM8wZccwZfiGodgQoEXgBDM0Rx9SxF8Ka5xCCbMPwCEYI7i6FuOo2/1dQ7BhPkHgBDMcWz/KY6+1dc5BBMK/AnIC+BrbP85tv8mvABKvAB8BPY1tv8U238PnUMwYfoBIARzmO0/x/bfR+cQTCjwAvANwEGCLym2/z46h2DCagAfPG7/7+7Gb4Yvf1v45n/8969OEhJeSfCllfuBAQDB0bc+uodgggEAw9G3brqHYIIBAMP23033EEwwAGjP9t9P9xBMMABoz/bfT/cQTDAAaM3231P3EEwwAGhN8KWnfzQPwQQfgtHWY/Dl7uOHX3SyGQ/f/GL8dOAFQF+CL00JwXxmANCSo299CcF8YQDQkqNvfQnBfGEA0I7tvzkvgM8MANqx/fcmBPOFAUArtn+EYL4wAGjF9o8QzBcGAG182v5/PmjtZ780AIIBQBuCLwzb/xYDgDYcfUMIZpsBQAuOvvFICGabAUALtn8eCcFsMwAoz/ZPEILZZgBQnu2fIASzzQCgNNs/TwnBbDMAKE3whaeEYLYJwlCW4AtbhGBe8AKgLMEXtgjBvGAAUJKjbzwnBPOSAUBJjr7xnBDMSwYA5dj+2ckL4AUDgHJs/+wiBPOSAUAptn/2EYJ5yQCgFNs/+wjBvGQAUIbgC4cIwbxkAFCG4AsH3A9eMAAow9E39hGC2c0AoARH3zhECGY3A4ASbP8cIgSzmwHA9Gz/fI0QzG4GANOz/fM1QjC7GQBMzfbPMYRgdjMAmJrgC8cQgtlNEIZpCb5wFCGYvbwAmJbgC0cRgtnLAGBKjr5xLCGY/QwApuToG8cSgtnPAGA6tn9SvAD2MgCYju2fDCGY/QwApmL7J0sIZj8DgKnY/skSgtnPAGAagi+cQghmPwOAaQi+cIL7wV4GANNw9I0sIZjDDACm4OgbpxCCOcwAYAq2f04hBHOYAcDi2f45lRDMYQYAi2f751RCMIcZACya7Z/XEII5zABg0QRfeA0hGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAluZfhYzBWjaMZ7EAAAAASUVORK5CYII=";
 const InitialPage = props => {
@@ -387,5 +370,7 @@ return React.createElement("div", {
     style: {
-      display: "inline-block"
+      display: "inline-block",
+      width: "2.5rem",
+      height: "2.5rem"
     },
-    src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAKAAAAACc9ikyAAAD+ElEQVRYCb1WbWiNURw/Z9caY5SyrKzVhuUtZcYoJdZ8kMywGClG+WK+eJsPmogNKfZBxBbmAyPyEgvtA8UUX9inbVeb8AGTd8t2j9/vdp91ntPzPPd57h3/+t1z/uf/ev7nnP9zhUiMsmH2BOgF9ifmIjmrVpgrDWuScxfMeqUW2EqiB2sjgrlJTDsNZmHACqyP2xJzGcyq2iU4E7kTzFVw7fEw+Qbou9bn94K7FCIlgNFh6I7y0E8oAQ9/NlEBuAig71ifv4VspM1iiJnHHsGZyPohjmdzxzeu79acsyFJm8UQMnzbfONmUIvnsRTG4g3DWAM8B24DM4GkaR88WMGcxkYtQr2h+wl8niYPPJ0Aix+AU2Cu8UlmASRe0gHA1L1JYaLUBEPToc7v1hx7XdISTc/3tAiaXs+uE3K2ZdJaQE/MnLdDzvvhm3ij2wDTkc4vj3lLx/gmji7tqmL6voYNcRze17zwv4CemNuc/xt8NSoqsau5OfoD2TSAxDb+EXDTNdeX0igeHYSCaajzfGoWZWDidU90O84XWIZuYw4EvwDT0OK527GG8VUPfcuO4wPAsVvqt/MolIYDbsSmxLPUiS+gEpgBOH1Z+7HOC90MMBFXYnn0jM35S8hDrtZJCFgBluZEHB/bIWenc6XVV1Qo/MCxCoM2ucUi0lwubX4YfBng1TKvQ1426MWY1NSolAs94jJKVoYaOh2DbqGw3ddQqutqkGcooEG5rmHM+8DvMNZs7KVuUaiUWOUjOO0k9HIjSpzOq1RRv0xgus2jnTkONhxbKsZ4A7gFlMbWRChddMLtZ4v3O0YiojZvq8rkEbwCrOai278Dkw98BxYBLYD+anaB58sREzerosiAaMExjCbvl0KpooAV6HIx2IN1Bk8FTgF6cLDiCLCTk86z8mlKSCzBbr6S90NSooumiXYm8MjBgG+3KbZehXGygw6XmAQrEU0C77TETxII3ofA6zrrZR+PIAvoBrhTEnvAPIBJZAIdQLzS8r8BkxGTNqq5AxLHocQY8iYxOIKuwCu4Sxkr8B7g5bLoIiYMTjoExAtOvTqASYiORtmmJCohxRfyBv3GeqkVnDJWgLQQaAV45iw3k5oKsAMySb9UDcVaKuduUYWiX1xDObPJI/AHDBXhBsnvwiBZCXChAuA/nWdkQLxg0bJGOf8/tDtG9fxNKqNfisX4ZKamC/Gw/Zzs9e9GiL1Q5n0ICn6A5gQJ5KY7C4Ig33s90WibdXOsr3ud7wsoshcwiaAUPfegRm76syHgBylINaIX0c1hout8FecB/i/Uy23OedvZP/4Z5cDzSeAnYAZnK54P/BcahygHAD5dNh12tilAIPoLD0OnpwCV000AAAAASUVORK5CYII=",
+    src: props.walletMode === "btc" ? BtcOnlyLogo : mulitCoinLogo,
     alt: ""
@@ -398,3 +383,3 @@ }), React.createElement("div", {
     }
-  }, "Sync Keystone")), React.createElement("ul", {
+  }, props.walletMode === "btc" ? "Sync Keystone BTC" : "Sync Keystone")), React.createElement("ul", {
     style: {
@@ -410,15 +395,15 @@ marginTop: "2rem",
     }
-  }, "1. Turn on your Keystone hardware device"), React.createElement("li", {
+  }, props.description ? props.description[0] : '1. Turn on your Keystone hardware device'), React.createElement("li", {
     style: {
       marginBottom: "0.75rem"
     }
-  }, `2. Select your "${props.walletMode}" as your Watch-only wallet(Companion App)`), React.createElement("li", {
+  }, props.description ? props.description[1] : `2. Select your "${props.walletMode}" as your Watch-only wallet(Companion App)`), React.createElement("li", {
     style: {
       marginBottom: "0.75rem"
     }
-  }, " ", "3. Press the \"Scan Keystone\" button and scan the QR Code displayed on your Keystone hardware wallet"), React.createElement("li", {
+  }, " ", props.description ? props.description[2] : '3. Press the "Scan Keystone" button and scan the QR Code displayed on your Keystone hardware wallet'), React.createElement("li", {
     style: {
       marginBottom: "0.75rem"
     }
-  }, " ", "4. Select account and check your watch-only wallet")), React.createElement("div", {
+  }, " ", props.description ? props.description[3] : "4. Select account and check your watch-only wallet")), props.link.length > 0 && React.createElement("div", {
     style: {
@@ -443,3 +428,3 @@ marginBottom: "1rem"
   overlay: {
-    zIndex: 999
+    zIndex: 9999
   },
@@ -463,2 +448,3 @@ content: {
   const [link, setLink] = useState("");
+  const [description, setDescription] = useState(undefined);
   const [mode, setMode] = useState(null);
@@ -472,3 +458,2 @@ const [AnimatedQRCodePlayer, {
   }] = useAnimatedQRCodeReader();
-
   const close = () => {
@@ -478,3 +463,2 @@ ee.emit("close");
   };
-
   const reset = () => {
@@ -486,7 +470,5 @@ setMode(null);
   };
-
   const goToRead = () => {
     setMode("read");
   };
-
   const renderPannel = pageMode => {
@@ -497,2 +479,3 @@ if (pageMode === "initial") {
         link: link,
+        description: description,
         onButtonClick: goToRead
@@ -508,3 +491,2 @@ });
   };
-
   const element = React.createElement(Modal, {
@@ -555,6 +537,6 @@ isOpen: visible,
         });
-
         if (options.renderInitial) {
           setWalltMode(options.renderInitial.walletMode);
           setLink(options.renderInitial.link);
+          setDescription(options.renderInitial.description);
           setMode("initial");
@@ -594,3 +576,2 @@ setVisible(true);
 let cameraReady;
-
 const bootstrap = () => {
@@ -604,3 +585,2 @@ const htmlBody = document.getElementsByTagName("body").item(0);
 };
-
 const setupSdk = (r, p, status) => {
@@ -607,0 +587,0 @@ initialized = true;

dist/types.d.ts

@@ -31,2 +31,3 @@ import { UR } from "@ngraveio/bc-ur";
         link: string;
+        description?: string[];
     };
@@ -50,4 +51,5 @@ URTypeErrorMessage?: string;
     UR_COSMOS_SIGN_REQUEST = "cosmos-sign-request",
-    UR_COSMOS_SIGNATURE = "cosmos-signature"
+    UR_COSMOS_SIGNATURE = "cosmos-signature",
+    UR_PSBT = "crypto-psbt"
 }
 export {};

package.json

 {
   "name": "@keystonehq/sdk",
-  "version": "0.19.2",
+  "version": "0.20.0",
   "description": "Keystone airgaped wallet SDK",
@@ -21,8 +21,2 @@ "author": "aaronisme <[e-mail]>",
   },
-  "scripts": {
-    "clean": "rm -rf ./dist",
-    "start": "webpack serve --open",
-    "build": "tsdx build",
-    "test": "jest --passWithNoTests"
-  },
   "bugs": {
@@ -48,3 +42,3 @@ "url": "https://github.com/KeystoneHQ/keystone-airgaped-base/issues"
     "@types/qrcode.react": "^1.0.1",
-    "@types/react": "^16.0.0",
+    "@types/react": "^16.8.0",
     "@types/react-dom": "^16.0.0",
@@ -54,4 +48,4 @@ "@types/react-modal": "^3.12.0",
     "html-webpack-plugin": "^5.3.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0",
     "tsdx": "^0.14.1",
@@ -63,3 +57,9 @@ "typescript": "^4.6.2",
   },
-  "gitHead": "e7df2021cfd688bd0365aed7cc1a31cad8c74ff5"
-}
+  "gitHead": "83d8e223d29e5cc71dccc963388d65a87c894636",
+  "scripts": {
+    "clean": "rm -rf ./dist",
+    "start": "webpack serve --open",
+    "build": "tsdx build",
+    "test": "jest --passWithNoTests"
+  }
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

196753

increased by20.33%

Lines of code

1403

increased by7.1%

Worsened metrics

Number of low supply chain risk alerts

7

increased by75%

No dependency changes