@pezkuwi/react-qr 3.16.7 → 3.16.8

package/package.json

@@ -15,11 +15,245 @@
   },
   "sideEffects": [
     "./packageDetect.js",
-    "./packageDetect.cjs"
+    "./cjs/packageDetect.js"
   ],
   "type": "module",
-  "version": "3.16.7",
-  "main": "index.js",
+  "version": "3.16.8",
+  "main": "./cjs/index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./cjs/package.json": "./cjs/package.json",
+    "./cjs/*": "./cjs/*.js",
+    ".": {
+      "module": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "require": {
+        "types": "./cjs/index.d.ts",
+        "default": "./cjs/index.js"
+      },
+      "default": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
+    },
+    "./bundle": {
+      "module": {
+        "types": "./bundle.d.ts",
+        "default": "./bundle.js"
+      },
+      "require": {
+        "types": "./cjs/bundle.d.ts",
+        "default": "./cjs/bundle.js"
+      },
+      "default": {
+        "types": "./bundle.d.ts",
+        "default": "./bundle.js"
+      }
+    },
+    "./constants": {
+      "module": {
+        "types": "./constants.d.ts",
+        "default": "./constants.js"
+      },
+      "require": {
+        "types": "./cjs/constants.d.ts",
+        "default": "./cjs/constants.js"
+      },
+      "default": {
+        "types": "./constants.d.ts",
+        "default": "./constants.js"
+      }
+    },
+    "./Display": {
+      "module": {
+        "types": "./Display.d.ts",
+        "default": "./Display.js"
+      },
+      "require": {
+        "types": "./cjs/Display.d.ts",
+        "default": "./cjs/Display.js"
+      },
+      "default": {
+        "types": "./Display.d.ts",
+        "default": "./Display.js"
+      }
+    },
+    "./DisplayAddress": {
+      "module": {
+        "types": "./DisplayAddress.d.ts",
+        "default": "./DisplayAddress.js"
+      },
+      "require": {
+        "types": "./cjs/DisplayAddress.d.ts",
+        "default": "./cjs/DisplayAddress.js"
+      },
+      "default": {
+        "types": "./DisplayAddress.d.ts",
+        "default": "./DisplayAddress.js"
+      }
+    },
+    "./DisplayPayload": {
+      "module": {
+        "types": "./DisplayPayload.d.ts",
+        "default": "./DisplayPayload.js"
+      },
+      "require": {
+        "types": "./cjs/DisplayPayload.d.ts",
+        "default": "./cjs/DisplayPayload.js"
+      },
+      "default": {
+        "types": "./DisplayPayload.d.ts",
+        "default": "./DisplayPayload.js"
+      }
+    },
+    "./NetworkSpecs": {
+      "module": {
+        "types": "./NetworkSpecs.d.ts",
+        "default": "./NetworkSpecs.js"
+      },
+      "require": {
+        "types": "./cjs/NetworkSpecs.d.ts",
+        "default": "./cjs/NetworkSpecs.js"
+      },
+      "default": {
+        "types": "./NetworkSpecs.d.ts",
+        "default": "./NetworkSpecs.js"
+      }
+    },
+    "./package.json": {
+      "require": "./cjs/package.json",
+      "default": "./package.json"
+    },
+    "./packageDetect": {
+      "module": {
+        "types": "./packageDetect.d.ts",
+        "default": "./packageDetect.js"
+      },
+      "require": {
+        "types": "./cjs/packageDetect.d.ts",
+        "default": "./cjs/packageDetect.js"
+      },
+      "default": {
+        "types": "./packageDetect.d.ts",
+        "default": "./packageDetect.js"
+      }
+    },
+    "./packageInfo.js": {
+      "module": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      },
+      "require": {
+        "types": "./cjs/packageInfo.d.ts",
+        "default": "./cjs/packageInfo.js"
+      },
+      "default": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      }
+    },
+    "./packageInfo": {
+      "module": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      },
+      "require": {
+        "types": "./cjs/packageInfo.d.ts",
+        "default": "./cjs/packageInfo.js"
+      },
+      "default": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      }
+    },
+    "./qrcode": {
+      "module": {
+        "types": "./qrcode.d.ts",
+        "default": "./qrcode.js"
+      },
+      "require": {
+        "types": "./cjs/qrcode.d.ts",
+        "default": "./cjs/qrcode.js"
+      },
+      "default": {
+        "types": "./qrcode.d.ts",
+        "default": "./qrcode.js"
+      }
+    },
+    "./Scan": {
+      "module": {
+        "types": "./Scan.d.ts",
+        "default": "./Scan.js"
+      },
+      "require": {
+        "types": "./cjs/Scan.d.ts",
+        "default": "./cjs/Scan.js"
+      },
+      "default": {
+        "types": "./Scan.d.ts",
+        "default": "./Scan.js"
+      }
+    },
+    "./ScanAddress": {
+      "module": {
+        "types": "./ScanAddress.d.ts",
+        "default": "./ScanAddress.js"
+      },
+      "require": {
+        "types": "./cjs/ScanAddress.d.ts",
+        "default": "./cjs/ScanAddress.js"
+      },
+      "default": {
+        "types": "./ScanAddress.d.ts",
+        "default": "./ScanAddress.js"
+      }
+    },
+    "./ScanSignature": {
+      "module": {
+        "types": "./ScanSignature.d.ts",
+        "default": "./ScanSignature.js"
+      },
+      "require": {
+        "types": "./cjs/ScanSignature.d.ts",
+        "default": "./cjs/ScanSignature.js"
+      },
+      "default": {
+        "types": "./ScanSignature.d.ts",
+        "default": "./ScanSignature.js"
+      }
+    },
+    "./styled": {
+      "module": {
+        "types": "./styled.d.ts",
+        "default": "./styled.js"
+      },
+      "require": {
+        "types": "./cjs/styled.d.ts",
+        "default": "./cjs/styled.js"
+      },
+      "default": {
+        "types": "./styled.d.ts",
+        "default": "./styled.js"
+      }
+    },
+    "./util": {
+      "module": {
+        "types": "./util.d.ts",
+        "default": "./util.js"
+      },
+      "require": {
+        "types": "./cjs/util.d.ts",
+        "default": "./cjs/util.js"
+      },
+      "default": {
+        "types": "./util.d.ts",
+        "default": "./util.js"
+      }
+    }
+  },
   "dependencies": {
     "@pezkuwi/ui-settings": "3.16.6",
     "@pezkuwi/util": "^14.0.5",

package/build/Display.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { objectSpread } from '@pezkuwi/util';
-import { xxhashAsHex } from '@pezkuwi/util-crypto';
-import { qrcode } from './qrcode.js';
-import { styled } from './styled.js';
-import { createFrames, createImgSize } from './util.js';
-const DEFAULT_FRAME_DELAY = 2750;
-const TIMER_INC = 500;
-function getDataUrl(value) {
-    const qr = qrcode(0, 'M');
-    // HACK See our qrcode stringToBytes override as used internally. This
-    // will only work for the case where we actually pass `Bytes` in here
-    qr.addData(value, 'Byte');
-    qr.make();
-    return qr.createDataURL(16, 0);
-}
-function Display({ className = '', size, skipEncoding, style = {}, timerDelay = DEFAULT_FRAME_DELAY, value }) {
-    const [{ image }, setFrameState] = useState({ frameIdx: 0, frames: [], image: null, valueHash: null });
-    const timerRef = useRef({ timerDelay, timerId: null });
-    const containerStyle = useMemo(() => createImgSize(size), [size]);
-    // run on initial load to setup the global timer and provide and unsubscribe
-    useEffect(() => {
-        const nextFrame = () => setFrameState((state) => {
-            // when we have a single frame, we only ever fire once
-            if (state.frames.length <= 1) {
-                return state;
-            }
-            let frameIdx = state.frameIdx + 1;
-            // when we overflow, skip to the first and slightly increase the delay between frames
-            if (frameIdx === state.frames.length) {
-                frameIdx = 0;
-                timerRef.current.timerDelay = timerRef.current.timerDelay + TIMER_INC;
-            }
-            // only encode the frames on demand, not above as part of the
-            // state derivation - in the case of large payloads, this should
-            // be slightly more responsive on initial load
-            const newState = objectSpread({}, state, {
-                frameIdx,
-                image: getDataUrl(state.frames[frameIdx])
-            });
-            // set the new timer last
-            timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
-            return newState;
-        });
-        timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
-        return () => {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            timerRef.current.timerId && clearTimeout(timerRef.current.timerId);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        setFrameState((state) => {
-            const valueHash = xxhashAsHex(value);
-            if (valueHash === state.valueHash) {
-                return state;
-            }
-            const frames = skipEncoding
-                ? [value]
-                : createFrames(value);
-            // encode on demand
-            return {
-                frameIdx: 0,
-                frames,
-                image: getDataUrl(frames[0]),
-                valueHash
-            };
-        });
-    }, [skipEncoding, value]);
-    if (!image) {
-        return null;
-    }
-    return (_jsx(StyledDiv, { className: className, style: containerStyle, children: _jsx("div", { className: 'ui--qr-Display', style: style, children: _jsx("img", { src: image }) }) }));
-}
-const StyledDiv = styled.div `
-  .ui--qr-Display {
-    height: 100%;
-    width: 100%;
-
-    img,
-    svg {
-      background: white;
-      height: auto !important;
-      max-height: 100%;
-      max-width: 100%;
-      width: auto !important;
-    }
-  }
-`;
-export const QrDisplay = React.memo(Display);

package/build/DisplayAddress.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { QrDisplay } from './Display.js';
-import { createAddressPayload } from './util.js';
-function DisplayAddress({ address, className, genesisHash, size, style, timerDelay }) {
-    const data = useMemo(() => createAddressPayload(address, genesisHash), [address, genesisHash]);
-    if (!data) {
-        return null;
-    }
-    return (_jsx(QrDisplay, { className: className, size: size, skipEncoding: true, style: style, timerDelay: timerDelay, value: data }));
-}
-export const QrDisplayAddress = React.memo(DisplayAddress);

package/build/DisplayPayload.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { QrDisplay } from './Display.js';
-import { createSignPayload } from './util.js';
-function DisplayPayload({ address, className, cmd, genesisHash, payload, size, style, timerDelay }) {
-    const data = useMemo(() => createSignPayload(address, cmd, payload, genesisHash), [address, cmd, payload, genesisHash]);
-    if (!data) {
-        return null;
-    }
-    return (_jsx(QrDisplay, { className: className, size: size, style: style, timerDelay: timerDelay, value: data }));
-}
-export const QrDisplayPayload = React.memo(DisplayPayload);

package/build/NetworkSpecs.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { QrDisplay } from './Display.js';
-import { encodeString } from './util.js';
-function DisplayNetworkSpecs({ className, networkSpecs, size, style }) {
-    const data = useMemo(() => encodeString(JSON.stringify(networkSpecs)), [networkSpecs]);
-    if (!data) {
-        return null;
-    }
-    return (_jsx(QrDisplay, { className: className, size: size, skipEncoding: true, style: style, value: data }));
-}
-export const QrNetworkSpecs = React.memo(DisplayNetworkSpecs);

package/build/README.md

@@ -1,3 +0,0 @@
-# @pezkuwi/react-qr
-
-A Qr-code component that allows for the transfer of addresses and transaction payloads to and from external readers. It implements the [Universal Offline Signatures](https://github.com/maciejhirsz/uos) specification to read and generated QR codes.

package/build/Scan.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BrowserQRCodeReader } from '@zxing/browser';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { styled } from './styled.js';
-import { createImgSize } from './util.js';
-const DEFAULT_DELAY = 150;
-const DEFAULT_ERROR = (error) => {
-    console.error('@pezkuwi/react-qr:Scan', error.message);
-};
-function Scan({ className = '', delay = DEFAULT_DELAY, onError = DEFAULT_ERROR, onScan, size, style = {} }) {
-    const videoRef = useRef(null);
-    const controlsRef = useRef(null);
-    const containerStyle = useMemo(() => createImgSize(size), [size]);
-    const _onError = useCallback((error) => onError(error), [onError]);
-    useEffect(() => {
-        const codeReader = new BrowserQRCodeReader();
-        const startScanning = async () => {
-            try {
-                const videoInputDevices = await BrowserQRCodeReader.listVideoInputDevices();
-                const selectedDeviceId = videoInputDevices[0].deviceId;
-                controlsRef.current = await codeReader.decodeFromVideoDevice(selectedDeviceId, videoRef.current ?? undefined, (result, error) => {
-                    if (result) {
-                        onScan(result.getText());
-                    }
-                    if (error && !(error instanceof Error)) {
-                        _onError(new Error(error));
-                    }
-                });
-            }
-            catch (error) {
-                _onError(error instanceof Error ? error : new Error('Unknown error occurred'));
-            }
-        };
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
-        const timeoutId = setTimeout(startScanning, delay);
-        return () => {
-            clearTimeout(timeoutId);
-            if (controlsRef.current) {
-                controlsRef.current.stop();
-            }
-        };
-    }, [onScan, _onError, delay]);
-    return (_jsx(StyledDiv, { className: className, style: containerStyle, children: _jsx("video", { className: 'ui--qr-Scan', ref: videoRef, style: style }) }));
-}
-const StyledDiv = styled.div `
-  .ui--qr-Scan {
-    display: inline-block;
-    height: 100%;
-    transform: matrix(-1, 0, 0, 1, 0, 0);
-    width: 100%;
-  }
-`;
-export const QrScan = React.memo(Scan);

package/build/ScanAddress.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
-import { decodeAddress } from '@pezkuwi/util-crypto';
-import { ADDRESS_PREFIX, SEED_PREFIX } from './constants.js';
-import { QrScan } from './Scan.js';
-function ScanAddress({ className, isEthereum, onError, onScan, size, style }) {
-    const _onScan = useCallback((data) => {
-        if (data) {
-            try {
-                let prefix;
-                let content;
-                let genesisHash;
-                let name;
-                if (!isEthereum) {
-                    [prefix, content, genesisHash, ...name] = data.split(':');
-                }
-                else {
-                    [prefix, content, ...name] = data.split(':');
-                    genesisHash = null;
-                    content = content.substring(0, 42);
-                }
-                const expectedPrefix = (isEthereum ? 'ethereum' : ADDRESS_PREFIX);
-                const isValidPrefix = (prefix === expectedPrefix) || (prefix === SEED_PREFIX);
-                if (!isValidPrefix) {
-                    throw new Error(`Invalid prefix received, expected '${expectedPrefix} or ${SEED_PREFIX}' , found '${prefix}'`);
-                }
-                const isAddress = prefix === expectedPrefix;
-                if (isAddress && !isEthereum) {
-                    decodeAddress(content);
-                }
-                onScan({ content, genesisHash: genesisHash, isAddress, name: name?.length ? name.join(':') : undefined });
-            }
-            catch (error) {
-                onError && onError(error);
-                console.error('@pezkuwi/react-qr:QrScanAddress', error.message, data);
-            }
-        }
-    }, [onScan, onError, isEthereum]);
-    return (_jsx(QrScan, { className: className, onError: onError, onScan: _onScan, size: size, style: style }));
-}
-export const QrScanAddress = React.memo(ScanAddress);

package/build/ScanSignature.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback } from 'react';
-import { QrScan } from './Scan.js';
-function ScanSignature({ className, onError, onScan, size, style }) {
-    const _onScan = useCallback((signature) => signature && onScan({ signature: `0x${signature}` }), [onScan]);
-    return (_jsx(QrScan, { className: className, onError: onError, onScan: _onScan, size: size, style: style }));
-}
-export const QrScanSignature = React.memo(ScanSignature);

package/build/bundle.js

@@ -1,6 +0,0 @@
-export { QrDisplayAddress } from './DisplayAddress.js';
-export { QrDisplayPayload } from './DisplayPayload.js';
-export { QrNetworkSpecs } from './NetworkSpecs.js';
-export { packageInfo } from './packageInfo.js';
-export { QrScanAddress } from './ScanAddress.js';
-export { QrScanSignature } from './ScanSignature.js';

package/build/cjs/Display.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface Props {
-    className?: string | undefined;
-    size?: string | number | undefined;
-    skipEncoding?: boolean;
-    style?: React.CSSProperties | undefined;
-    timerDelay?: number | undefined;
-    value: Uint8Array;
-}
-declare function Display({ className, size, skipEncoding, style, timerDelay, value }: Props): React.ReactElement<Props> | null;
-export declare const QrDisplay: React.MemoExoticComponent<typeof Display>;
-export {};

package/build/cjs/Display.js

@@ -1,95 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QrDisplay = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const util_1 = require("@pezkuwi/util");
-const util_crypto_1 = require("@pezkuwi/util-crypto");
-const qrcode_js_1 = require("./qrcode.js");
-const styled_js_1 = require("./styled.js");
-const util_js_1 = require("./util.js");
-const DEFAULT_FRAME_DELAY = 2750;
-const TIMER_INC = 500;
-function getDataUrl(value) {
-    const qr = (0, qrcode_js_1.qrcode)(0, 'M');
-    // HACK See our qrcode stringToBytes override as used internally. This
-    // will only work for the case where we actually pass `Bytes` in here
-    qr.addData(value, 'Byte');
-    qr.make();
-    return qr.createDataURL(16, 0);
-}
-function Display({ className = '', size, skipEncoding, style = {}, timerDelay = DEFAULT_FRAME_DELAY, value }) {
-    const [{ image }, setFrameState] = (0, react_1.useState)({ frameIdx: 0, frames: [], image: null, valueHash: null });
-    const timerRef = (0, react_1.useRef)({ timerDelay, timerId: null });
-    const containerStyle = (0, react_1.useMemo)(() => (0, util_js_1.createImgSize)(size), [size]);
-    // run on initial load to setup the global timer and provide and unsubscribe
-    (0, react_1.useEffect)(() => {
-        const nextFrame = () => setFrameState((state) => {
-            // when we have a single frame, we only ever fire once
-            if (state.frames.length <= 1) {
-                return state;
-            }
-            let frameIdx = state.frameIdx + 1;
-            // when we overflow, skip to the first and slightly increase the delay between frames
-            if (frameIdx === state.frames.length) {
-                frameIdx = 0;
-                timerRef.current.timerDelay = timerRef.current.timerDelay + TIMER_INC;
-            }
-            // only encode the frames on demand, not above as part of the
-            // state derivation - in the case of large payloads, this should
-            // be slightly more responsive on initial load
-            const newState = (0, util_1.objectSpread)({}, state, {
-                frameIdx,
-                image: getDataUrl(state.frames[frameIdx])
-            });
-            // set the new timer last
-            timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
-            return newState;
-        });
-        timerRef.current.timerId = setTimeout(nextFrame, timerRef.current.timerDelay);
-        return () => {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            timerRef.current.timerId && clearTimeout(timerRef.current.timerId);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setFrameState((state) => {
-            const valueHash = (0, util_crypto_1.xxhashAsHex)(value);
-            if (valueHash === state.valueHash) {
-                return state;
-            }
-            const frames = skipEncoding
-                ? [value]
-                : (0, util_js_1.createFrames)(value);
-            // encode on demand
-            return {
-                frameIdx: 0,
-                frames,
-                image: getDataUrl(frames[0]),
-                valueHash
-            };
-        });
-    }, [skipEncoding, value]);
-    if (!image) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(StyledDiv, { className: className, style: containerStyle, children: (0, jsx_runtime_1.jsx)("div", { className: 'ui--qr-Display', style: style, children: (0, jsx_runtime_1.jsx)("img", { src: image }) }) }));
-}
-const StyledDiv = styled_js_1.styled.div `
-  .ui--qr-Display {
-    height: 100%;
-    width: 100%;
-
-    img,
-    svg {
-      background: white;
-      height: auto !important;
-      max-height: 100%;
-      max-width: 100%;
-      width: auto !important;
-    }
-  }
-`;
-exports.QrDisplay = react_1.default.memo(Display);

package/build/cjs/DisplayAddress.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface Props {
-    address: string;
-    genesisHash: string;
-    className?: string;
-    size?: string | number;
-    style?: React.CSSProperties;
-    timerDelay?: number;
-}
-declare function DisplayAddress({ address, className, genesisHash, size, style, timerDelay }: Props): React.ReactElement<Props> | null;
-export declare const QrDisplayAddress: React.MemoExoticComponent<typeof DisplayAddress>;
-export {};

package/build/cjs/DisplayAddress.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QrDisplayAddress = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const Display_js_1 = require("./Display.js");
-const util_js_1 = require("./util.js");
-function DisplayAddress({ address, className, genesisHash, size, style, timerDelay }) {
-    const data = (0, react_1.useMemo)(() => (0, util_js_1.createAddressPayload)(address, genesisHash), [address, genesisHash]);
-    if (!data) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(Display_js_1.QrDisplay, { className: className, size: size, skipEncoding: true, style: style, timerDelay: timerDelay, value: data }));
-}
-exports.QrDisplayAddress = react_1.default.memo(DisplayAddress);

package/build/cjs/DisplayPayload.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-interface Props {
-    address: string;
-    className?: string;
-    cmd: number;
-    delay?: number;
-    genesisHash: Uint8Array | string;
-    payload: Uint8Array;
-    size?: string | number;
-    style?: React.CSSProperties;
-    timerDelay?: number;
-}
-declare function DisplayPayload({ address, className, cmd, genesisHash, payload, size, style, timerDelay }: Props): React.ReactElement<Props> | null;
-export declare const QrDisplayPayload: React.MemoExoticComponent<typeof DisplayPayload>;
-export {};

package/build/cjs/DisplayPayload.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QrDisplayPayload = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const Display_js_1 = require("./Display.js");
-const util_js_1 = require("./util.js");
-function DisplayPayload({ address, className, cmd, genesisHash, payload, size, style, timerDelay }) {
-    const data = (0, react_1.useMemo)(() => (0, util_js_1.createSignPayload)(address, cmd, payload, genesisHash), [address, cmd, payload, genesisHash]);
-    if (!data) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(Display_js_1.QrDisplay, { className: className, size: size, style: style, timerDelay: timerDelay, value: data }));
-}
-exports.QrDisplayPayload = react_1.default.memo(DisplayPayload);