@pezkuwi/react-qr 3.16.6

package/build-tsc-cjs/NetworkSpecs.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrNetworkSpecs = 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 DisplayNetworkSpecs({ className, networkSpecs, size, style }) {
+    const data = (0, react_1.useMemo)(() => (0, util_js_1.encodeString)(JSON.stringify(networkSpecs)), [networkSpecs]);
+    if (!data) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(Display_js_1.QrDisplay, { className: className, size: size, skipEncoding: true, style: style, value: data }));
+}
+exports.QrNetworkSpecs = react_1.default.memo(DisplayNetworkSpecs);

package/build-tsc-cjs/Scan.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrScan = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const browser_1 = require("@zxing/browser");
+const react_1 = tslib_1.__importStar(require("react"));
+const styled_js_1 = require("./styled.js");
+const util_js_1 = require("./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 = (0, react_1.useRef)(null);
+    const controlsRef = (0, react_1.useRef)(null);
+    const containerStyle = (0, react_1.useMemo)(() => (0, util_js_1.createImgSize)(size), [size]);
+    const _onError = (0, react_1.useCallback)((error) => onError(error), [onError]);
+    (0, react_1.useEffect)(() => {
+        const codeReader = new browser_1.BrowserQRCodeReader();
+        const startScanning = async () => {
+            try {
+                const videoInputDevices = await browser_1.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 ((0, jsx_runtime_1.jsx)(StyledDiv, { className: className, style: containerStyle, children: (0, jsx_runtime_1.jsx)("video", { className: 'ui--qr-Scan', ref: videoRef, style: style }) }));
+}
+const StyledDiv = styled_js_1.styled.div `
+  .ui--qr-Scan {
+    display: inline-block;
+    height: 100%;
+    transform: matrix(-1, 0, 0, 1, 0, 0);
+    width: 100%;
+  }
+`;
+exports.QrScan = react_1.default.memo(Scan);

package/build-tsc-cjs/ScanAddress.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrScanAddress = 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_crypto_1 = require("@pezkuwi/util-crypto");
+const constants_js_1 = require("./constants.js");
+const Scan_js_1 = require("./Scan.js");
+function ScanAddress({ className, isEthereum, onError, onScan, size, style }) {
+    const _onScan = (0, react_1.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' : constants_js_1.ADDRESS_PREFIX);
+                const isValidPrefix = (prefix === expectedPrefix) || (prefix === constants_js_1.SEED_PREFIX);
+                if (!isValidPrefix) {
+                    throw new Error(`Invalid prefix received, expected '${expectedPrefix} or ${constants_js_1.SEED_PREFIX}' , found '${prefix}'`);
+                }
+                const isAddress = prefix === expectedPrefix;
+                if (isAddress && !isEthereum) {
+                    (0, util_crypto_1.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 ((0, jsx_runtime_1.jsx)(Scan_js_1.QrScan, { className: className, onError: onError, onScan: _onScan, size: size, style: style }));
+}
+exports.QrScanAddress = react_1.default.memo(ScanAddress);

package/build-tsc-cjs/ScanSignature.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrScanSignature = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const Scan_js_1 = require("./Scan.js");
+function ScanSignature({ className, onError, onScan, size, style }) {
+    const _onScan = (0, react_1.useCallback)((signature) => signature && onScan({ signature: `0x${signature}` }), [onScan]);
+    return ((0, jsx_runtime_1.jsx)(Scan_js_1.QrScan, { className: className, onError: onError, onScan: _onScan, size: size, style: style }));
+}
+exports.QrScanSignature = react_1.default.memo(ScanSignature);

package/build-tsc-cjs/bundle.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrScanSignature = exports.QrScanAddress = exports.packageInfo = exports.QrNetworkSpecs = exports.QrDisplayPayload = exports.QrDisplayAddress = void 0;
+var DisplayAddress_js_1 = require("./DisplayAddress.js");
+Object.defineProperty(exports, "QrDisplayAddress", { enumerable: true, get: function () { return DisplayAddress_js_1.QrDisplayAddress; } });
+var DisplayPayload_js_1 = require("./DisplayPayload.js");
+Object.defineProperty(exports, "QrDisplayPayload", { enumerable: true, get: function () { return DisplayPayload_js_1.QrDisplayPayload; } });
+var NetworkSpecs_js_1 = require("./NetworkSpecs.js");
+Object.defineProperty(exports, "QrNetworkSpecs", { enumerable: true, get: function () { return NetworkSpecs_js_1.QrNetworkSpecs; } });
+var packageInfo_js_1 = require("./packageInfo.js");
+Object.defineProperty(exports, "packageInfo", { enumerable: true, get: function () { return packageInfo_js_1.packageInfo; } });
+var ScanAddress_js_1 = require("./ScanAddress.js");
+Object.defineProperty(exports, "QrScanAddress", { enumerable: true, get: function () { return ScanAddress_js_1.QrScanAddress; } });
+var ScanSignature_js_1 = require("./ScanSignature.js");
+Object.defineProperty(exports, "QrScanSignature", { enumerable: true, get: function () { return ScanSignature_js_1.QrScanSignature; } });

package/build-tsc-cjs/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CMD_SIGN_MSG = exports.CMD_SIGN_IMMORTAL_TX = exports.CMD_SIGN_TX_HASH = exports.CMD_SIGN_TX = exports.CRYPTO_SR25519 = exports.SUBSTRATE_ID = exports.FRAME_SIZE = exports.SEED_PREFIX = exports.ADDRESS_PREFIX = void 0;
+exports.ADDRESS_PREFIX = 'substrate';
+exports.SEED_PREFIX = 'secret';
+exports.FRAME_SIZE = 1024;
+exports.SUBSTRATE_ID = new Uint8Array([0x53]);
+exports.CRYPTO_SR25519 = new Uint8Array([0x01]);
+exports.CMD_SIGN_TX = new Uint8Array([0]);
+exports.CMD_SIGN_TX_HASH = new Uint8Array([1]);
+exports.CMD_SIGN_IMMORTAL_TX = new Uint8Array([2]);
+exports.CMD_SIGN_MSG = new Uint8Array([3]);

package/build-tsc-cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+require("./packageDetect.js");
+tslib_1.__exportStar(require("./bundle.js"), exports);

package/build-tsc-cjs/packageDetect.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const util_1 = require("@pezkuwi/util");
+const packageInfo_js_1 = require("./packageInfo.js");
+(0, util_1.detectPackage)(packageInfo_js_1.packageInfo, null, []);

package/build-tsc-cjs/packageInfo.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageInfo = void 0;
+exports.packageInfo = { name: '@pezkuwi/react-qr', path: typeof __dirname === 'string' ? __dirname : 'auto', type: 'cjs', version: '3.16.6' };

package/build-tsc-cjs/qrcode.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.qrcode = void 0;
+const tslib_1 = require("tslib");
+const qrcode_generator_1 = tslib_1.__importDefault(require("qrcode-generator"));
+const qrcode = qrcode_generator_1.default;
+exports.qrcode = qrcode;
+qrcode.stringToBytes = (data) => data;

package/build-tsc-cjs/styled.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styled = void 0;
+var styled_components_1 = require("styled-components");
+Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return styled_components_1.styled; } });

package/build-tsc-cjs/util.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.encodeNumber = encodeNumber;
+exports.encodeString = encodeString;
+exports.decodeString = decodeString;
+exports.createAddressPayload = createAddressPayload;
+exports.createSignPayload = createSignPayload;
+exports.createFrames = createFrames;
+exports.createImgSize = createImgSize;
+const util_1 = require("@pezkuwi/util");
+const util_crypto_1 = require("@pezkuwi/util-crypto");
+const constants_js_1 = require("./constants.js");
+const MULTIPART = new Uint8Array([0]);
+function encodeNumber(value) {
+    return new Uint8Array([value >> 8, value & 0xff]);
+}
+function encodeString(value) {
+    const count = value.length;
+    const u8a = new Uint8Array(count);
+    for (let i = 0; i < count; i++) {
+        u8a[i] = value.charCodeAt(i);
+    }
+    return u8a;
+}
+function decodeString(value) {
+    return value.reduce((str, code) => {
+        return str + String.fromCharCode(code);
+    }, '');
+}
+function createAddressPayload(address, genesisHash) {
+    return encodeString(`${constants_js_1.ADDRESS_PREFIX}:${address}:${genesisHash}`);
+}
+function createSignPayload(address, cmd, payload, genesisHash) {
+    return (0, util_1.u8aConcat)(constants_js_1.SUBSTRATE_ID, constants_js_1.CRYPTO_SR25519, new Uint8Array([cmd]), (0, util_crypto_1.decodeAddress)(address), (0, util_1.u8aToU8a)(payload), (0, util_1.u8aToU8a)(genesisHash));
+}
+function createFrames(input) {
+    const frames = [];
+    let idx = 0;
+    while (idx < input.length) {
+        frames.push(input.subarray(idx, idx + constants_js_1.FRAME_SIZE));
+        idx += constants_js_1.FRAME_SIZE;
+    }
+    return frames.map((frame, index) => (0, util_1.u8aConcat)(MULTIPART, encodeNumber(frames.length), encodeNumber(index), frame));
+}
+function createImgSize(size) {
+    if (!size) {
+        return {
+            height: 'auto',
+            width: '100%'
+        };
+    }
+    const height = (0, util_1.isString)(size)
+        ? size
+        : `${size}px`;
+    return {
+        height,
+        width: height
+    };
+}

package/build-tsc-esm/Display.js

@@ -0,0 +1,91 @@
+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-tsc-esm/DisplayAddress.js

@@ -0,0 +1,12 @@
+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-tsc-esm/DisplayPayload.js

@@ -0,0 +1,12 @@
+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-tsc-esm/NetworkSpecs.js

@@ -0,0 +1,12 @@
+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-tsc-esm/Scan.js

@@ -0,0 +1,53 @@
+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-tsc-esm/ScanAddress.js

@@ -0,0 +1,41 @@
+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-tsc-esm/ScanSignature.js

@@ -0,0 +1,8 @@
+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-tsc-esm/bundle.js

@@ -0,0 +1,6 @@
+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-tsc-esm/constants.js

@@ -0,0 +1,9 @@
+export const ADDRESS_PREFIX = 'substrate';
+export const SEED_PREFIX = 'secret';
+export const FRAME_SIZE = 1024;
+export const SUBSTRATE_ID = new Uint8Array([0x53]);
+export const CRYPTO_SR25519 = new Uint8Array([0x01]);
+export const CMD_SIGN_TX = new Uint8Array([0]);
+export const CMD_SIGN_TX_HASH = new Uint8Array([1]);
+export const CMD_SIGN_IMMORTAL_TX = new Uint8Array([2]);
+export const CMD_SIGN_MSG = new Uint8Array([3]);

package/build-tsc-esm/index.js

@@ -0,0 +1,2 @@
+import './packageDetect.js';
+export * from './bundle.js';

package/build-tsc-esm/packageDetect.js

@@ -0,0 +1,3 @@
+import { detectPackage } from '@pezkuwi/util';
+import { packageInfo } from './packageInfo.js';
+detectPackage(packageInfo, null, []);

package/build-tsc-esm/packageInfo.js

@@ -0,0 +1 @@
+export const packageInfo = { name: '@pezkuwi/react-qr', path: (import.meta && import.meta.url) ? new URL(import.meta.url).pathname.substring(0, new URL(import.meta.url).pathname.lastIndexOf('/') + 1) : 'auto', type: 'esm', version: '3.16.6' };

package/build-tsc-esm/qrcode.js

@@ -0,0 +1,4 @@
+import _qrcode from 'qrcode-generator';
+const qrcode = _qrcode;
+qrcode.stringToBytes = (data) => data;
+export { qrcode };

package/build-tsc-esm/styled.js

@@ -0,0 +1 @@
+export { styled } from 'styled-components';

package/build-tsc-esm/util.js

@@ -0,0 +1,50 @@
+import { isString, u8aConcat, u8aToU8a } from '@pezkuwi/util';
+import { decodeAddress } from '@pezkuwi/util-crypto';
+import { ADDRESS_PREFIX, CRYPTO_SR25519, FRAME_SIZE, SUBSTRATE_ID } from './constants.js';
+const MULTIPART = new Uint8Array([0]);
+export function encodeNumber(value) {
+    return new Uint8Array([value >> 8, value & 0xff]);
+}
+export function encodeString(value) {
+    const count = value.length;
+    const u8a = new Uint8Array(count);
+    for (let i = 0; i < count; i++) {
+        u8a[i] = value.charCodeAt(i);
+    }
+    return u8a;
+}
+export function decodeString(value) {
+    return value.reduce((str, code) => {
+        return str + String.fromCharCode(code);
+    }, '');
+}
+export function createAddressPayload(address, genesisHash) {
+    return encodeString(`${ADDRESS_PREFIX}:${address}:${genesisHash}`);
+}
+export function createSignPayload(address, cmd, payload, genesisHash) {
+    return u8aConcat(SUBSTRATE_ID, CRYPTO_SR25519, new Uint8Array([cmd]), decodeAddress(address), u8aToU8a(payload), u8aToU8a(genesisHash));
+}
+export function createFrames(input) {
+    const frames = [];
+    let idx = 0;
+    while (idx < input.length) {
+        frames.push(input.subarray(idx, idx + FRAME_SIZE));
+        idx += FRAME_SIZE;
+    }
+    return frames.map((frame, index) => u8aConcat(MULTIPART, encodeNumber(frames.length), encodeNumber(index), frame));
+}
+export function createImgSize(size) {
+    if (!size) {
+        return {
+            height: 'auto',
+            width: '100%'
+        };
+    }
+    const height = isString(size)
+        ? size
+        : `${size}px`;
+    return {
+        height,
+        width: height
+    };
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/pezkuwichain/ui/issues",
+  "description": "Generates and reads QR codes",
+  "engines": {
+    "node": ">=18"
+  },
+  "homepage": "https://github.com/pezkuwichain/ui/tree/master/packages/react-qr#readme",
+  "license": "Apache-2.0",
+  "name": "@pezkuwi/react-qr",
+  "repository": {
+    "directory": "packages/react-qr",
+    "type": "git",
+    "url": "https://github.com/pezkuwichain/ui.git"
+  },
+  "sideEffects": [
+    "./packageDetect.js",
+    "./packageDetect.cjs"
+  ],
+  "type": "module",
+  "version": "3.16.6",
+  "main": "index.js",
+  "dependencies": {
+    "@pezkuwi/ui-settings": "3.16.6",
+    "@pezkuwi/util": "^14.0.5",
+    "@pezkuwi/util-crypto": "^14.0.5",
+    "@zxing/browser": "^0.1.5",
+    "@zxing/library": "^0.21.2",
+    "qrcode-generator": "^1.4.4",
+    "styled-components": "^6.1.1",
+    "tslib": "^2.8.1"
+  },
+  "peerDependencies": {
+    "@pezkuwi/util": "*",
+    "@pezkuwi/util-crypto": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-is": "*"
+  }
+}