@pezkuwi/reactnative-identicon 3.16.6

package/build/package.json

@@ -0,0 +1,186 @@
+{
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/pezkuwichain/ui/issues",
+  "description": "Renders an SVG picture representing an address",
+  "engines": {
+    "node": ">=18"
+  },
+  "homepage": "https://github.com/pezkuwichain/ui/tree/master/packages/reactnative-identicon#readme",
+  "license": "Apache-2.0",
+  "name": "@pezkuwi/reactnative-identicon",
+  "repository": {
+    "directory": "packages/reactnative-identicon",
+    "type": "git",
+    "url": "https://github.com/pezkuwichain/ui.git"
+  },
+  "sideEffects": [
+    "./packageDetect.js",
+    "./cjs/packageDetect.js"
+  ],
+  "type": "module",
+  "version": "3.16.6",
+  "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"
+      }
+    },
+    "./icons": {
+      "module": {
+        "types": "./icons/index.d.ts",
+        "default": "./icons/index.js"
+      },
+      "require": {
+        "types": "./cjs/icons/index.d.ts",
+        "default": "./cjs/icons/index.js"
+      },
+      "default": {
+        "types": "./icons/index.d.ts",
+        "default": "./icons/index.js"
+      }
+    },
+    "./icons/Empty": {
+      "module": {
+        "types": "./icons/Empty.d.ts",
+        "default": "./icons/Empty.js"
+      },
+      "require": {
+        "types": "./cjs/icons/Empty.d.ts",
+        "default": "./cjs/icons/Empty.js"
+      },
+      "default": {
+        "types": "./icons/Empty.d.ts",
+        "default": "./icons/Empty.js"
+      }
+    },
+    "./icons/Polkadot": {
+      "module": {
+        "types": "./icons/Polkadot.d.ts",
+        "default": "./icons/Polkadot.js"
+      },
+      "require": {
+        "types": "./cjs/icons/Polkadot.d.ts",
+        "default": "./cjs/icons/Polkadot.js"
+      },
+      "default": {
+        "types": "./icons/Polkadot.d.ts",
+        "default": "./icons/Polkadot.js"
+      }
+    },
+    "./Identicon": {
+      "module": {
+        "types": "./Identicon.d.ts",
+        "default": "./Identicon.js"
+      },
+      "require": {
+        "types": "./cjs/Identicon.d.ts",
+        "default": "./cjs/Identicon.js"
+      },
+      "default": {
+        "types": "./Identicon.d.ts",
+        "default": "./Identicon.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"
+      }
+    },
+    "./types": {
+      "module": {
+        "types": "./types.d.ts",
+        "default": "./types.js"
+      },
+      "require": {
+        "types": "./cjs/types.d.ts",
+        "default": "./cjs/types.js"
+      },
+      "default": {
+        "types": "./types.d.ts",
+        "default": "./types.js"
+      }
+    }
+  },
+  "dependencies": {
+    "@pezkuwi/ui-shared": "3.16.6",
+    "@pezkuwi/util": "^14.0.5",
+    "@pezkuwi/util-crypto": "^14.0.5",
+    "react-native-svg": "^14.1.0",
+    "tslib": "^2.8.1"
+  },
+  "peerDependencies": {
+    "@pezkuwi/util": "*",
+    "@pezkuwi/util-crypto": "*",
+    "react": "*",
+    "react-native": "*"
+  }
+}

package/build/packageDetect.d.ts

@@ -0,0 +1 @@
+export {};

package/build/packageDetect.js

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

package/build/packageInfo.d.ts

@@ -0,0 +1,6 @@
+export declare const packageInfo: {
+    name: string;
+    path: string;
+    type: string;
+    version: string;
+};

package/build/packageInfo.js

@@ -0,0 +1 @@
+export const packageInfo = { name: '@pezkuwi/reactnative-identicon', 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/types.d.ts

@@ -0,0 +1,6 @@
+export interface Props {
+    address: string;
+    isAlternative?: boolean;
+    publicKey: string;
+    size: number;
+}

package/build/types.js

@@ -0,0 +1 @@
+export {};

package/build-tsc/Identicon.d.ts

@@ -0,0 +1,20 @@
+import type { Prefix } from '@pezkuwi/util-crypto/address/types';
+import React from 'react';
+interface Props {
+    prefix?: Prefix;
+    size?: number;
+    theme?: 'polkadot';
+    value?: string | Uint8Array | null;
+}
+interface State {
+    address: string;
+    publicKey: string;
+}
+export default class IdentityIcon extends React.PureComponent<Props, State> {
+    state: State;
+    private static prefix?;
+    static setDefaultPrefix(prefix: Prefix): void;
+    static getDerivedStateFromProps({ prefix, value }: Props, prevState: State): State | null;
+    render(): React.ReactNode;
+}
+export {};

package/build-tsc/bundle.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/index.js';
+export { packageInfo } from './packageInfo.js';

package/build-tsc/icons/Empty.d.ts

@@ -0,0 +1,3 @@
+import type { Props } from '../types.js';
+import React from 'react';
+export default function Empty({ size }: Props): React.ReactElement<Props>;

package/build-tsc/icons/Polkadot.d.ts

@@ -0,0 +1,3 @@
+import type { Props } from '../types.js';
+import React from 'react';
+export default function Identicon({ address, isAlternative, size }: Props): React.ReactElement<Props>;

package/build-tsc/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Empty } from './Empty.js';
+export { default as Polkadot } from './Polkadot.js';

package/build-tsc/index.d.ts

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

package/build-tsc/packageDetect.d.ts

@@ -0,0 +1 @@
+export {};

package/build-tsc/packageInfo.d.ts

@@ -0,0 +1,6 @@
+export declare const packageInfo: {
+    name: string;
+    path: string;
+    type: string;
+    version: string;
+};

package/build-tsc/types.d.ts

@@ -0,0 +1,6 @@
+export interface Props {
+    address: string;
+    isAlternative?: boolean;
+    publicKey: string;
+    size: number;
+}

package/build-tsc-cjs/Identicon.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const util_1 = require("@pezkuwi/util");
+const util_crypto_1 = require("@pezkuwi/util-crypto");
+const index_js_1 = require("./icons/index.js");
+const Fallback = index_js_1.Polkadot;
+const DEFAULT_SIZE = 64;
+const DEFAULT_THEME = 'polkadot';
+const Components = {
+    polkadot: index_js_1.Polkadot
+};
+class IdentityIcon extends react_1.default.PureComponent {
+    state = {
+        address: '',
+        publicKey: '0x'
+    };
+    static prefix = undefined;
+    static setDefaultPrefix(prefix) {
+        IdentityIcon.prefix = prefix;
+    }
+    static getDerivedStateFromProps({ prefix = IdentityIcon.prefix, value }, prevState) {
+        try {
+            const address = (0, util_1.isU8a)(value) || (0, util_1.isHex)(value)
+                ? (0, util_crypto_1.encodeAddress)(value, prefix)
+                : (value || '');
+            const publicKey = (0, util_1.u8aToHex)((0, util_crypto_1.decodeAddress)(address, true, prefix));
+            return address === prevState.address
+                ? null
+                : { address, publicKey };
+        }
+        catch {
+            return {
+                address: '',
+                publicKey: '0x'
+            };
+        }
+    }
+    render() {
+        const { size = DEFAULT_SIZE, theme = DEFAULT_THEME } = this.props;
+        const { address, publicKey } = this.state;
+        const Component = !address
+            ? index_js_1.Empty
+            : Components[theme] || Fallback;
+        return ((0, jsx_runtime_1.jsx)(Component, { address: address, publicKey: publicKey, size: size }));
+    }
+}
+exports.default = IdentityIcon;

package/build-tsc-cjs/bundle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageInfo = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./icons/index.js"), exports);
+var packageInfo_js_1 = require("./packageInfo.js");
+Object.defineProperty(exports, "packageInfo", { enumerable: true, get: function () { return packageInfo_js_1.packageInfo; } });

package/build-tsc-cjs/icons/Empty.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Empty;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_svg_1 = require("react-native-svg");
+function Empty({ size }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, { height: size, viewBox: '0 0 64 64', width: size, children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: '32', cy: '32', fill: '#eee', r: '32' }) }) }));
+}

package/build-tsc-cjs/icons/Polkadot.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Identicon;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_svg_1 = require("react-native-svg");
+const ui_shared_1 = require("@pezkuwi/ui-shared");
+function renderCircle({ cx, cy, fill, r }, key) {
+    return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: cx, cy: cy, fill: fill, r: r }, key));
+}
+function Identicon({ address, isAlternative = false, size }) {
+    const circles = (0, react_1.useMemo)(() => (0, ui_shared_1.polkadotIcon)(address, { isAlternative }), [address, isAlternative]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, { height: size, id: address, viewBox: '0 0 64 64', width: size, children: circles.map(renderCircle) }) }));
+}

package/build-tsc-cjs/icons/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Polkadot = exports.Empty = void 0;
+const tslib_1 = require("tslib");
+var Empty_js_1 = require("./Empty.js");
+Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return tslib_1.__importDefault(Empty_js_1).default; } });
+var Polkadot_js_1 = require("./Polkadot.js");
+Object.defineProperty(exports, "Polkadot", { enumerable: true, get: function () { return tslib_1.__importDefault(Polkadot_js_1).default; } });

package/build-tsc-cjs/index.js

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

package/build-tsc-cjs/packageDetect.js

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

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/reactnative-identicon', path: typeof __dirname === 'string' ? __dirname : 'auto', type: 'cjs', version: '3.16.6' };

package/build-tsc-cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build-tsc-esm/Identicon.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { isHex, isU8a, u8aToHex } from '@pezkuwi/util';
+import { decodeAddress, encodeAddress } from '@pezkuwi/util-crypto';
+import { Empty, Polkadot } from './icons/index.js';
+const Fallback = Polkadot;
+const DEFAULT_SIZE = 64;
+const DEFAULT_THEME = 'polkadot';
+const Components = {
+    polkadot: Polkadot
+};
+export default class IdentityIcon extends React.PureComponent {
+    state = {
+        address: '',
+        publicKey: '0x'
+    };
+    static prefix = undefined;
+    static setDefaultPrefix(prefix) {
+        IdentityIcon.prefix = prefix;
+    }
+    static getDerivedStateFromProps({ prefix = IdentityIcon.prefix, value }, prevState) {
+        try {
+            const address = isU8a(value) || isHex(value)
+                ? encodeAddress(value, prefix)
+                : (value || '');
+            const publicKey = u8aToHex(decodeAddress(address, true, prefix));
+            return address === prevState.address
+                ? null
+                : { address, publicKey };
+        }
+        catch {
+            return {
+                address: '',
+                publicKey: '0x'
+            };
+        }
+    }
+    render() {
+        const { size = DEFAULT_SIZE, theme = DEFAULT_THEME } = this.props;
+        const { address, publicKey } = this.state;
+        const Component = !address
+            ? Empty
+            : Components[theme] || Fallback;
+        return (_jsx(Component, { address: address, publicKey: publicKey, size: size }));
+    }
+}

package/build-tsc-esm/bundle.js

@@ -0,0 +1,2 @@
+export * from './icons/index.js';
+export { packageInfo } from './packageInfo.js';

package/build-tsc-esm/icons/Empty.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { View } from 'react-native';
+import { Circle, Svg } from 'react-native-svg';
+export default function Empty({ size }) {
+    return (_jsx(View, { children: _jsx(Svg, { height: size, viewBox: '0 0 64 64', width: size, children: _jsx(Circle, { cx: '32', cy: '32', fill: '#eee', r: '32' }) }) }));
+}

package/build-tsc-esm/icons/Polkadot.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { View } from 'react-native';
+import { Circle as SvgCircle, Svg } from 'react-native-svg';
+import { polkadotIcon } from '@pezkuwi/ui-shared';
+function renderCircle({ cx, cy, fill, r }, key) {
+    return (_jsx(SvgCircle, { cx: cx, cy: cy, fill: fill, r: r }, key));
+}
+export default function Identicon({ address, isAlternative = false, size }) {
+    const circles = useMemo(() => polkadotIcon(address, { isAlternative }), [address, isAlternative]);
+    return (_jsx(View, { children: _jsx(Svg, { height: size, id: address, viewBox: '0 0 64 64', width: size, children: circles.map(renderCircle) }) }));
+}

package/build-tsc-esm/icons/index.js

@@ -0,0 +1,2 @@
+export { default as Empty } from './Empty.js';
+export { default as Polkadot } from './Polkadot.js';

package/build-tsc-esm/index.js

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

package/build-tsc-esm/packageDetect.js

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

package/build-tsc-esm/packageInfo.js

@@ -0,0 +1 @@
+export const packageInfo = { name: '@pezkuwi/reactnative-identicon', 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/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "author": "Jaco Greeff <jacogr@gmail.com>",
+  "bugs": "https://github.com/pezkuwichain/ui/issues",
+  "description": "Renders an SVG picture representing an address",
+  "engines": {
+    "node": ">=18"
+  },
+  "homepage": "https://github.com/pezkuwichain/ui/tree/master/packages/reactnative-identicon#readme",
+  "license": "Apache-2.0",
+  "name": "@pezkuwi/reactnative-identicon",
+  "repository": {
+    "directory": "packages/reactnative-identicon",
+    "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-shared": "3.16.6",
+    "@pezkuwi/util": "^14.0.5",
+    "@pezkuwi/util-crypto": "^14.0.5",
+    "react-native-svg": "^14.1.0",
+    "tslib": "^2.8.1"
+  },
+  "devDependencies": {
+    "@types/react-native": "^0.72.8"
+  },
+  "peerDependencies": {
+    "@pezkuwi/util": "*",
+    "@pezkuwi/util-crypto": "*",
+    "react": "*",
+    "react-native": "*"
+  }
+}

package/src/Identicon.tsx

@@ -0,0 +1,81 @@
+// Copyright 2017-2025 @pezkuwi/reactnative-identicon authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Prefix } from '@pezkuwi/util-crypto/address/types';
+import type { Props as ComponentProps } from './types.js';
+
+import React from 'react';
+
+import { isHex, isU8a, u8aToHex } from '@pezkuwi/util';
+import { decodeAddress, encodeAddress } from '@pezkuwi/util-crypto';
+
+import { Empty, Polkadot } from './icons/index.js';
+
+const Fallback = Polkadot;
+
+interface Props {
+  prefix?: Prefix;
+  size?: number;
+  theme?: 'polkadot';
+  value?: string | Uint8Array | null;
+}
+
+interface State {
+  address: string;
+  publicKey: string;
+}
+
+const DEFAULT_SIZE = 64;
+const DEFAULT_THEME = 'polkadot';
+
+const Components: Record<string, React.ComponentType<ComponentProps>> = {
+  polkadot: Polkadot
+};
+
+export default class IdentityIcon extends React.PureComponent<Props, State> {
+  public override state: State = {
+    address: '',
+    publicKey: '0x'
+  };
+
+  private static prefix?: Prefix = undefined;
+
+  public static setDefaultPrefix (prefix: Prefix): void {
+    IdentityIcon.prefix = prefix;
+  }
+
+  public static getDerivedStateFromProps ({ prefix = IdentityIcon.prefix, value }: Props, prevState: State): State | null {
+    try {
+      const address = isU8a(value) || isHex(value)
+        ? encodeAddress(value, prefix)
+        : (value || '');
+      const publicKey = u8aToHex(decodeAddress(address, true, prefix));
+
+      return address === prevState.address
+        ? null
+        : { address, publicKey };
+    } catch {
+      return {
+        address: '',
+        publicKey: '0x'
+      };
+    }
+  }
+
+  public override render (): React.ReactNode {
+    const { size = DEFAULT_SIZE, theme = DEFAULT_THEME } = this.props;
+    const { address, publicKey } = this.state;
+
+    const Component = !address
+      ? Empty
+      : Components[theme] || Fallback;
+
+    return (
+      <Component
+        address={address}
+        publicKey={publicKey}
+        size={size}
+      />
+    );
+  }
+}

package/src/bundle.ts

@@ -0,0 +1,5 @@
+// Copyright 2017-2025 @pezkuwi/reactnative-identicon authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export * from './icons/index.js';
+export { packageInfo } from './packageInfo.js';