← ClaudeAtlas

igrantio-qr-codelisted

Wallet QR code panel for EUDI Wallet (EUDIW) and European Business Wallet (EUBW) flows on the iGrant.io Organisation Wallet Suite: credential-offer / presentation-request QR with optional centre logo, optional green tick on scan, refresh that mints a new exchange, open-in-wallet deep link, transaction-code block, and pending/scanned/error states. Use whenever an issuer or verifier frontend renders a wallet QR.
L3-iGrant/skills · ★ 0 · Code & Development · score 73
Install: claude install-skill L3-iGrant/skills
# iGrant.io wallet QR panel ## When to use Any time a frontend renders a wallet QR: the issuance `credentialOffer` or the verification `vpTokenQrCode` URI. This skill is the single QR pattern for the `igrantio-issuer-frontend` and `igrantio-verifier-frontend` skills; use it instead of hand-rolling a QR component. For the bare URI-to-image helper only, `igrantio-frontend-client` ships a minimal `QrCode`; this skill is the full panel (logo, refresh, wallet button, tx code, states). **Before you build**: run the integrator intake in `igrantio-ows-overview` - environment, API key, tenancy, backend host, webhooks, frontend - one question at a time, a recommended default with each. ## Ask the integrator first Two visual options are deliberate brand choices. If the user has not already specified them, ask before building: 1. **Centre logo in the QR?** If yes, which asset (e.g. their brand mark or the iGrant.io logo). Enabling a logo switches the QR to error-correction level H automatically. 2. **Green tick overlay when scanned?** A centred green tick over the QR once the wallet responds (`scannedOverlay`, default on; colour via `tickColor`). Defaults when the user has no preference: no logo, tick overlay on. ## What it provides - **`WalletQrPanel`** - one component covering the whole QR lifecycle: - QR canvas from the wallet URI (`qrcode` peer dep, swappable). - **Centre logo** (`logoSrc`, `logoRatio` default 0.28, max 0.3, `logoBackground` white backing) - re