@verifiedinc-public/shared-ui-elements 8.18.0 → 8.18.1

package/dist/shared/magic-qr-code-D3dKHTz5.mjs

@@ -1 +0,0 @@
-"use strict";import{useState as m,useEffect as g,useMemo as p,useRef as w}from"react";import{m as v}from"./makeGoogleFont-pok2oDWs.mjs";import*as O from"qrcode";import b from"qr-code-styling";import{i as q}from"./isEqual-DtYX82bV.mjs";import{j as L}from"./jsx-runtime-Bw_mFXrg.mjs";import{g as C}from"./generateKeyFromString-D1AuwK4y.mjs";function $(o,r){const[e,n]=m("idle"),[a,i]=m(null);return g(()=>{if(!o||!r){n("idle"),i(null);return}const l=`google-font-${o.replace(/\s+/g,"-").toLowerCase()}`,d=document.getElementById(l);if(d){const s=d.getAttribute("data-status"),t=d.getAttribute("data-css-content");s==="loaded"&&t?(n("loaded"),i(t)):s==="error"?(n("error"),i(null)):n("loading");return}return n("loading"),i(null),(async()=>{try{const s=v(o),t=await fetch(s);if(!t.ok)throw new Error(`Failed to fetch font CSS: ${t.statusText}`);const u=await t.text(),c=document.createElement("style");c.id=l,c.textContent=u,c.setAttribute("data-status","loaded"),c.setAttribute("data-css-content",u),document.head.appendChild(c),n("loaded"),i(u)}catch(s){console.error(`Failed to load Google Font ${o}:`,s);const t=document.createElement("style");t.id=l,t.setAttribute("data-status","error"),document.head.appendChild(t),n("error"),i(null)}})(),()=>{const s=document.getElementById(l);s&&document.head.removeChild(s)}},[o,r]),{status:e,isLoading:e==="loading",isLoaded:e==="loaded",hasError:e==="error",cssContent:a}}function x(o){const r=p(()=>O.create(o.data),[o.data]).modules.data;return p(()=>{const e=o.size/Math.sqrt(r.length);let n=`<svg viewBox="0 0 ${o.size} ${o.size}" xmlns="http://www.w3.org/2000/svg">`;const a=o.imageSize,i=(o.size-a)/2,l=(o.size-a)/2;for(let d=0;d<r.length;d++){const s=d%Math.sqrt(r.length)*e,t=Math.floor(d/Math.sqrt(r.length))*e,u=e/2,c=r[d]===1,y=s+e>=i&&s<i+a&&t+e>=l&&t<l+a;!c||y||(n+=`<rect x="${s}" y="${t}" width="${e}" height="${e}" rx="${u}" ry="${u}" fill='${o.fill||"#000000"}' />`)}return n+="</svg>",n},[r,o])}function k(o,r=250){const[e,n]=m(o);return g(()=>{const a=setTimeout(()=>{n(o)},r);return()=>{clearTimeout(a)}},[o,r]),e}function E(o,r,e="mousedown",n={},a=null){g(()=>{const i=l=>{const d=l.target;!d||!d.isConnected||(Array.isArray(o)?o.filter(s=>!!s.current).every(s=>s.current&&!s.current.contains(d)):o.current&&!o.current.contains(d))&&r(l)};return(a??window).addEventListener(e,i,n),()=>{(a??window).removeEventListener(e,i,n)}},[n,e,r,o])}function f({options:o,className:r}){function e(t){return{width:t?.width??300,height:t?.height??300,type:t?.type??"svg",data:t?.data,image:t?.image,qrOptions:{typeNumber:0,mode:"Byte",errorCorrectionLevel:"Q",...t?.qrOptions},imageOptions:{crossOrigin:"anonymous",margin:20,...t?.imageOptions},dotsOptions:{color:"#000000",type:"square",...t?.dotsOptions},cornersSquareOptions:t?.cornersSquareOptions,cornersDotOptions:t?.cornersDotOptions,backgroundOptions:{...t?.backgroundOptions}}}const[n]=m(e(o)),[a]=m(new b(n)),i=w(null),l=p(()=>()=>L.jsx("div",{className:r,ref:i},"qr-code"),[r]),d=async t=>await a.getRawData(t),s=async(t,u)=>{await a.download({name:t,extension:u})};return g(()=>{i.current&&a.append(i.current)},[a,i]),g(()=>{a&&(q(n,e(o))||a.update(e(o)))},[a,n,o]),{Component:l,getRawData:d,download:s}}function h({magicLink:o,brandLogo:r}){const e=p(()=>({options:{type:"svg",shape:"square",width:1024,height:1024,data:o,qrOptions:{errorCorrectionLevel:"H"},image:r??void 0,dotsOptions:{type:"dots",color:"#000000"},cornersSquareOptions:{type:"dot",color:"#000000"},cornersDotOptions:{type:"dot",color:"#000000"},backgroundOptions:{color:"#00000000"}}}),[r,o]),n=p(()=>C(JSON.stringify(e)),[e]);return{options:e,key:n}}function S({magicLink:o,brandLogo:r}){const{options:e,key:n}=h({magicLink:o,brandLogo:r});return{qrcode:f(e),key:n}}export{x as a,k as b,E as c,f as d,S as e,h as f,$ as u};

package/dist/shared/motions-B0UReILW.mjs

@@ -1 +0,0 @@
-"use strict";import{Box as r,Stack as f,TableBody as i,TableRow as m,TableCell as e,Typography as d,Button as c}from"@mui/material";import{u as M}from"./useCounter-BV32zXDQ.mjs";import{j as l}from"./jsx-runtime-Bw_mFXrg.mjs";import{motion as o}from"framer-motion";function w({children:a,from:s,to:t,map:n}){const{ref:p}=M({from:s,to:t,map:n});return l.jsx(r,{ref:p,component:"span",children:a})}const P=o(r,{forwardMotionProps:!1}),b=o(f,{forwardMotionProps:!1}),u=o(i,{forwardMotionProps:!1}),x=o(m,{forwardMotionProps:!1}),y=o(e,{forwardMotionProps:!1}),B=o(d,{forwardMotionProps:!1}),T=o(c,{forwardMotionProps:!1});export{w as C,P as M,b as a,u as b,x as c,y as d,B as e,T as f};