@jaw.id/ui 0.0.1 → 0.0.2

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+## 0.0.2 (2026-02-19)
+
+### 🩹 Fixes
+
+- **ui,keys:** prevent crash when call permission selector is undefined ([#111](https://github.com/JustaName-id/jaw-mono/pull/111))
+
+### ❤️ Thank You
+
+- Leo Franklin @LeoFranklin015

package/dist/{ccip-Cdkx99iZ.js → ccip-CQ-gVxMf.js}

@@ -1,4 +1,4 @@
-import { B as p, g as m, s as w, d as k, i as b, l as L, a as O, c as R, b as E, e as x, H as y, f as M } from "./index-DlfjdYW4.js";
+import { B as p, g as m, s as w, d as k, i as b, l as L, a as O, c as R, b as E, e as x, H as y, f as M } from "./index-Dy2WdHwt.js";
 class S extends p {
   constructor({ callbackSelector: s, cause: e, data: o, extraData: n, sender: c, urls: t }) {
     super(e.shortMessage || "An error occurred while fetching for an offchain result.", {

package/dist/components/PermissionDialog/types.d.ts

@@ -10,7 +10,7 @@ export interface SpendPermission {
 }
 export interface CallPermission {
     target: string;
-    selector: string;
+    selector?: string;
     functionSignature: string;
 }
 export interface PermissionDialogProps {

package/dist/components/PermissionDialog/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PermissionDialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IAGzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IAGzB,UAAU,EAAE,MAAM,CAAC;IAGnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IAGrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,SAAS,CAAC,EAAE,IAAI,CAAC;IAGjB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,aAAa,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PermissionDialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAGtC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IAGzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IAGzB,UAAU,EAAE,MAAM,CAAC;IAGnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IAGrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,SAAS,CAAC,EAAE,IAAI,CAAC;IAGjB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAG5B,aAAa,EAAE,MAAM,CAAC;CACvB"}

package/dist/{index-DlfjdYW4.js → index-Dy2WdHwt.js}

@@ -40082,7 +40082,7 @@ async function Eg(t, e) {
     });
     return z === "0x" ? { data: void 0 } : { data: z };
   } catch (_) {
-    const L = AW(_), { offchainLookup: O, offchainLookupSignature: C } = await import("./ccip-Cdkx99iZ.js");
+    const L = AW(_), { offchainLookup: O, offchainLookupSignature: C } = await import("./ccip-CQ-gVxMf.js");
     if (t.ccipRead !== !1 && L?.slice(0, 10) === C && x)
       return { data: await O(t, { data: L, to: x }) };
     throw N && L?.slice(0, 10) === "0x101bb98d" ? new Qq({ factory: d }) : x5(_, {
@@ -80844,7 +80844,7 @@ const JS = ({ to: t, data: e, chainId: n, apiKey: r }) => {
       I.removeEventListener("wheel", U);
     };
   }, []);
-  const W = _h(l || 1, d, 24), Z = f || W, Q = (I) => I.toLowerCase() === IS.toLowerCase() ? "Any Contract" : null, K = (I, U) => U.toLowerCase() === ffe.toLowerCase() ? "Any Function" : I, Y = (I) => I ? `${I.slice(0, 5)}...${I.slice(-4)}` : "", ae = (I, U) => {
+  const W = _h(l || 1, d, 24), Z = f || W, Q = (I) => I.toLowerCase() === IS.toLowerCase() ? "Any Contract" : null, K = (I, U) => U?.toLowerCase() === ffe.toLowerCase() ? "Any Function" : I, Y = (I) => I ? `${I.slice(0, 5)}...${I.slice(-4)}` : "", ae = (I, U) => {
     typeof window < "u" && navigator?.clipboard && (navigator.clipboard.writeText(I), U(!0), setTimeout(() => U(!1), 3e3));
   }, X = !m && !b && !$ && !E && (!P || v), te = o.length, H = a.length, D = te + H;
   return /* @__PURE__ */ j(
@@ -82588,8 +82588,8 @@ function R0e({
     };
   }), [Z, d, N, v]), Y = ct(() => Q.map((H) => ({
     target: H.target,
-    selector: H.selector || "",
-    functionSignature: H.functionSignature || uM(H.selector || "")
+    selector: H.selector,
+    functionSignature: H.functionSignature || (H.selector ? uM(H.selector) : "Unknown Function")
   })), [Q]), ae = ct(() => oM(t.data.expiry), [t.data.expiry]), le = ct(() => {
     const H = [];
     if (K.length > 0) {
@@ -82943,8 +82943,8 @@ function B0e({
     };
   }) : [], [g, h, S, M]), K = ct(() => g?.calls ? g.calls.map((te) => ({
     target: te.target,
-    selector: te.selector || "",
-    functionSignature: te.functionSignature || uM(te.selector || "")
+    selector: te.selector,
+    functionSignature: te.functionSignature || (te.selector ? uM(te.selector) : "Unknown Function")
   })) : [], [g]), Y = ct(() => {
     if (!g) return "";
     const te = parseInt(g.end, 10);

package/dist/index.js

@@ -1,4 +1,4 @@
-import { q as e, m as o, C as n, o as c, n as i, D as t, E as l, r, p as I, F as d, G as g, L as D, h as k, O as u, P as T, R as C, S as p, j as h, T as m, U as f, t as E, W as P, I as S, k as U, N as y, A, J as F, K as G, z as N, M as O, v as R, y as b, w as v, x as w, u as x } from "./index-DlfjdYW4.js";
+import { q as e, m as o, C as n, o as c, n as i, D as t, E as l, r, p as I, F as d, G as g, L as D, h as k, O as u, P as T, R as C, S as p, j as h, T as m, U as f, t as E, W as P, I as S, k as U, N as y, A, J as F, K as G, z as N, M as O, v as R, y as b, w as v, x as w, u as x } from "./index-Dy2WdHwt.js";
 export {
   e as BadgeDollarIcon,
   o as CloseIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jaw.id/ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "sideEffects": [
     "**/*.css",
@@ -64,4 +64,4 @@
     "tailwindcss": "3",
     "vite-plugin-lib-inject-css": "^2.2.2"
   }
-}
+}

package/src/components/PermissionDialog/index.tsx

@@ -149,8 +149,8 @@ export const PermissionDialog = ({
     return null;
   };
 
-  const getFunctionDisplayName = (signature: string, selector: string): string => {
-    if (selector.toLowerCase() === ANY_FN_SEL.toLowerCase()) {
+  const getFunctionDisplayName = (signature: string, selector?: string): string => {
+    if (selector?.toLowerCase() === ANY_FN_SEL.toLowerCase()) {
       return 'Any Function';
     }
     return signature;

package/src/components/PermissionDialog/types.ts

@@ -12,7 +12,7 @@ export interface SpendPermission {
 
 export interface CallPermission {
   target: string;
-  selector: string;
+  selector?: string;
   functionSignature: string;
 }
 

package/src/react/ReactUIHandler.tsx

@@ -2195,8 +2195,8 @@ function PermissionDialogWrapper({
   // Format call permissions
   const calls = useMemo(() => callsData.map(call => ({
     target: call.target,
-    selector: call.selector || '',
-    functionSignature: call.functionSignature || resolveFunctionSelector(call.selector || ''),
+    selector: call.selector,
+    functionSignature: call.functionSignature || (call.selector ? resolveFunctionSelector(call.selector) : 'Unknown Function'),
   })), [callsData]);
 
   // Format expiry date
@@ -2818,8 +2818,8 @@ function RevokePermissionDialogWrapper({
 
     return fetchedPermissionData.calls.map((call: any) => ({
       target: call.target,
-      selector: call.selector || '',
-      functionSignature: call.functionSignature || resolveFunctionSelector(call.selector || ''),
+      selector: call.selector,
+      functionSignature: call.functionSignature || (call.selector ? resolveFunctionSelector(call.selector) : 'Unknown Function'),
     }));
   }, [fetchedPermissionData]);