@medialane/ui 0.257.0 → 0.258.0

package/dist/utils/use-email-code.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-email-code.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useReducer } from \"react\";\nimport type { AccountApi } from \"@medialane/sdk\";\nimport { describeError } from \"./describe-error.js\";\nimport { emailCodeReducer, initialEmailCodeState, type EmailCodeState } from \"./email-code.js\";\n\nexport type EmailCodeApi = Pick<AccountApi, \"requestEmailCode\" | \"verifyEmailCode\">;\n\nexport interface EmailCode {\n  state: EmailCodeState;\n  setCode(code: string): void;\n  send(to?: string): Promise<boolean>;\n  fail(message: string): void;\n  verify(options?: { code?: string; after?: () => Promise<void> | void }): Promise<boolean>;\n  markReady(): void;\n}\n\nexport function useEmailCode(email: string | null, api: () => EmailCodeApi): EmailCode {\n  const [state, dispatch] = useReducer(emailCodeReducer, initialEmailCodeState);\n\n  useEffect(() => {\n    if (state.cooldown === 0) return;\n    const id = setTimeout(() => dispatch({ type: \"tick\" }), 1000);\n    return () => clearTimeout(id);\n  }, [state.cooldown]);\n\n  const send = useCallback(\n    async (to = email) => {\n      if (!to) return false;\n      dispatch({ type: \"send-started\" });\n      try {\n        await api().requestEmailCode(to);\n        dispatch({ type: \"send-succeeded\" });\n        return true;\n      } catch (err) {\n        dispatch({ type: \"send-failed\", message: describeError(err, \"Couldn't send the code. Please try again.\").message });\n        return false;\n      }\n    },\n    [email, api],\n  );\n\n  const verify = useCallback<EmailCode[\"verify\"]>(\n    async ({ code, after } = {}) => {\n      const toVerify = code ?? state.code;\n      if (!email || toVerify.length !== 6) return false;\n      dispatch({ type: \"verify-started\" });\n      try {\n        await api().verifyEmailCode(email, toVerify);\n        await after?.();\n        return true;\n      } catch (err) {\n        dispatch({ type: \"verify-failed\", message: describeError(err, \"Incorrect code. Please try again.\").message });\n        return false;\n      }\n    },\n    [email, state.code, api],\n  );\n\n  const setCode = useCallback((code: string) => dispatch({ type: \"code-changed\", code }), []);\n  const markReady = useCallback(() => dispatch({ type: \"send-succeeded\" }), []);\n  const fail = useCallback((message: string) => dispatch({ type: \"verify-failed\", message }), []);\n\n  return { state, setCode, send, verify, markReady, fail };\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,kBAAkB;AAEnD,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB,6BAAkD;AAatE,SAAS,aAAa,OAAsB,KAAoC;AACrF,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,kBAAkB,qBAAqB;AAE5E,YAAU,MAAM;AACd,QAAI,MAAM,aAAa,EAAG;AAC1B,UAAM,KAAK,WAAW,MAAM,SAAS,EAAE,MAAM,OAAO,CAAC,GAAG,GAAI;AAC5D,WAAO,MAAM,aAAa,EAAE;AAAA,EAC9B,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,OAAO;AAAA,IACX,OAAO,KAAK,UAAU;AACpB,UAAI,CAAC,GAAI,QAAO;AAChB,eAAS,EAAE,MAAM,eAAe,CAAC;AACjC,UAAI;AACF,cAAM,IAAI,EAAE,iBAAiB,EAAE;AAC/B,iBAAS,EAAE,MAAM,iBAAiB,CAAC;AACnC,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,iBAAS,EAAE,MAAM,eAAe,SAAS,cAAc,KAAK,2CAA2C,EAAE,QAAQ,CAAC;AAClH,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,OAAO,GAAG;AAAA,EACb;AAEA,QAAM,SAAS;AAAA,IACb,OAAO,EAAE,MAAM,MAAM,IAAI,CAAC,MAAM;AAC9B,YAAM,WAAW,QAAQ,MAAM;AAC/B,UAAI,CAAC,SAAS,SAAS,WAAW,EAAG,QAAO;AAC5C,eAAS,EAAE,MAAM,iBAAiB,CAAC;AACnC,UAAI;AACF,cAAM,IAAI,EAAE,gBAAgB,OAAO,QAAQ;AAC3C,cAAM,QAAQ;AACd,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,iBAAS,EAAE,MAAM,iBAAiB,SAAS,cAAc,KAAK,mCAAmC,EAAE,QAAQ,CAAC;AAC5G,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,OAAO,MAAM,MAAM,GAAG;AAAA,EACzB;AAEA,QAAM,UAAU,YAAY,CAAC,SAAiB,SAAS,EAAE,MAAM,gBAAgB,KAAK,CAAC,GAAG,CAAC,CAAC;AAC1F,QAAM,YAAY,YAAY,MAAM,SAAS,EAAE,MAAM,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC5E,QAAM,OAAO,YAAY,CAAC,YAAoB,SAAS,EAAE,MAAM,iBAAiB,QAAQ,CAAC,GAAG,CAAC,CAAC;AAE9F,SAAO,EAAE,OAAO,SAAS,MAAM,QAAQ,WAAW,KAAK;AACzD;","names":[]}
+{"version":3,"sources":["../../src/utils/use-email-code.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useReducer } from \"react\";\nimport type { AccountApi } from \"@medialane/sdk\";\nimport { describeError } from \"./describe-error.js\";\nimport { emailCodeReducer, initialEmailCodeState, type EmailCodeState } from \"./email-code.js\";\n\nexport type EmailCodeApi = Pick<AccountApi, \"requestEmailCode\" | \"verifyEmailCode\">;\n\nexport interface EmailCode {\n  state: EmailCodeState;\n  setCode(code: string): void;\n  send(to?: string): Promise<boolean>;\n  fail(message: string): void;\n  verify(options?: { code?: string; after?: () => Promise<void> | void }): Promise<boolean>;\n  markReady(): void;\n}\n\nexport function useEmailCode(email: string | null, api: () => EmailCodeApi): EmailCode {\n  const [state, dispatch] = useReducer(emailCodeReducer, initialEmailCodeState);\n\n  useEffect(() => {\n    if (state.cooldown === 0) return;\n    const id = setTimeout(() => dispatch({ type: \"tick\" }), 1000);\n    return () => clearTimeout(id);\n  }, [state.cooldown]);\n\n  const send = useCallback(\n    async (to = email) => {\n      if (!to) return false;\n      dispatch({ type: \"send-started\" });\n      try {\n        await api().requestEmailCode(to);\n        dispatch({ type: \"send-succeeded\" });\n        return true;\n      } catch (err) {\n        dispatch({ type: \"send-failed\", message: describeError(err).message });\n        return false;\n      }\n    },\n    [email, api],\n  );\n\n  const verify = useCallback<EmailCode[\"verify\"]>(\n    async ({ code, after } = {}) => {\n      const toVerify = code ?? state.code;\n      if (!email || toVerify.length !== 6) return false;\n      dispatch({ type: \"verify-started\" });\n      try {\n        await api().verifyEmailCode(email, toVerify);\n        await after?.();\n        return true;\n      } catch (err) {\n        dispatch({ type: \"verify-failed\", message: describeError(err).message });\n        return false;\n      }\n    },\n    [email, state.code, api],\n  );\n\n  const setCode = useCallback((code: string) => dispatch({ type: \"code-changed\", code }), []);\n  const markReady = useCallback(() => dispatch({ type: \"send-succeeded\" }), []);\n  const fail = useCallback((message: string) => dispatch({ type: \"verify-failed\", message }), []);\n\n  return { state, setCode, send, verify, markReady, fail };\n}\n"],"mappings":";AAEA,SAAS,aAAa,WAAW,kBAAkB;AAEnD,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB,6BAAkD;AAatE,SAAS,aAAa,OAAsB,KAAoC;AACrF,QAAM,CAAC,OAAO,QAAQ,IAAI,WAAW,kBAAkB,qBAAqB;AAE5E,YAAU,MAAM;AACd,QAAI,MAAM,aAAa,EAAG;AAC1B,UAAM,KAAK,WAAW,MAAM,SAAS,EAAE,MAAM,OAAO,CAAC,GAAG,GAAI;AAC5D,WAAO,MAAM,aAAa,EAAE;AAAA,EAC9B,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,OAAO;AAAA,IACX,OAAO,KAAK,UAAU;AACpB,UAAI,CAAC,GAAI,QAAO;AAChB,eAAS,EAAE,MAAM,eAAe,CAAC;AACjC,UAAI;AACF,cAAM,IAAI,EAAE,iBAAiB,EAAE;AAC/B,iBAAS,EAAE,MAAM,iBAAiB,CAAC;AACnC,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,iBAAS,EAAE,MAAM,eAAe,SAAS,cAAc,GAAG,EAAE,QAAQ,CAAC;AACrE,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,OAAO,GAAG;AAAA,EACb;AAEA,QAAM,SAAS;AAAA,IACb,OAAO,EAAE,MAAM,MAAM,IAAI,CAAC,MAAM;AAC9B,YAAM,WAAW,QAAQ,MAAM;AAC/B,UAAI,CAAC,SAAS,SAAS,WAAW,EAAG,QAAO;AAC5C,eAAS,EAAE,MAAM,iBAAiB,CAAC;AACnC,UAAI;AACF,cAAM,IAAI,EAAE,gBAAgB,OAAO,QAAQ;AAC3C,cAAM,QAAQ;AACd,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,iBAAS,EAAE,MAAM,iBAAiB,SAAS,cAAc,GAAG,EAAE,QAAQ,CAAC;AACvE,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,OAAO,MAAM,MAAM,GAAG;AAAA,EACzB;AAEA,QAAM,UAAU,YAAY,CAAC,SAAiB,SAAS,EAAE,MAAM,gBAAgB,KAAK,CAAC,GAAG,CAAC,CAAC;AAC1F,QAAM,YAAY,YAAY,MAAM,SAAS,EAAE,MAAM,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC5E,QAAM,OAAO,YAAY,CAAC,YAAoB,SAAS,EAAE,MAAM,iBAAiB,QAAQ,CAAC,GAAG,CAAC,CAAC;AAE9F,SAAO,EAAE,OAAO,SAAS,MAAM,QAAQ,WAAW,KAAK;AACzD;","names":[]}

package/dist/utils/use-transaction.cjs

@@ -32,12 +32,14 @@ function useTransaction() {
   const [txHash, setTxHash] = (0, import_react.useState)(null);
   const [receipt, setReceipt] = (0, import_react.useState)(null);
   const [error, setError] = (0, import_react.useState)(null);
+  const [retryable, setRetryable] = (0, import_react.useState)(true);
   const run = (0, import_react.useCallback)(
     async (work) => {
       setPhase("preparing");
       setTxHash(null);
       setReceipt(null);
       setError(null);
+      setRetryable(true);
       try {
         const signer = await app.getSigner();
         let hash = null;
@@ -62,7 +64,18 @@ function useTransaction() {
         setPhase("success");
         return true;
       } catch (err) {
-        setError((0, import_describe_error.describeError)(err, "We couldn't complete that. Please try again.").message);
+        if (err instanceof import_starknet.SponsoredCallRejectedError) {
+          console.error("[medialane] transaction refused", {
+            reference: err.requestId?.slice(0, 8),
+            stage: err.stage,
+            status: err.status,
+            code: err.code,
+            detail: err.detail
+          });
+        }
+        const notice = (0, import_describe_error.describeError)(err);
+        setError(notice.message);
+        setRetryable(notice.retryable);
         setPhase("error");
         return false;
       } finally {
@@ -76,8 +89,9 @@ function useTransaction() {
     setTxHash(null);
     setReceipt(null);
     setError(null);
+    setRetryable(true);
   }, []);
-  return { phase, txHash, receipt, error, run, reset };
+  return { phase, txHash, receipt, error, retryable, run, reset };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/utils/use-transaction.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-transaction.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\nimport { assertTransactionSucceeded, syncTransactionBestEffort, type ReceiptLike } from \"@medialane/sdk/starknet\";\nimport { useMedialaneApp } from \"../components/medialane-app.js\";\nimport type { FastMintSigner } from \"../components/fast-mint/types.js\";\nimport { describeError } from \"./describe-error.js\";\n\nexport type TransactionPhase = \"idle\" | \"preparing\" | \"submitting\" | \"confirming\" | \"success\" | \"error\";\n\nexport function useTransaction() {\n  const app = useMedialaneApp();\n  const [phase, setPhase] = useState<TransactionPhase>(\"idle\");\n  const [txHash, setTxHash] = useState<string | null>(null);\n  const [receipt, setReceipt] = useState<ReceiptLike | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const run = useCallback(\n    async (work: (signer: FastMintSigner) => Promise<void>): Promise<boolean> => {\n      setPhase(\"preparing\");\n      setTxHash(null);\n      setReceipt(null);\n      setError(null);\n      try {\n        const signer = await app.getSigner();\n        let hash: string | null = null;\n        const tracked: FastMintSigner = {\n          address: signer.address,\n          signTypedData: (data) => signer.signTypedData(data),\n          execute: async (calls, opts) => {\n            setPhase(\"submitting\");\n            const result = await signer.execute(calls, opts);\n            hash = result.txHash;\n            setTxHash(result.txHash);\n            setPhase(\"confirming\");\n            return result;\n          },\n        };\n        await work(tracked);\n        if (hash) {\n          const client = app.getClient();\n          setReceipt(await assertTransactionSucceeded(client.provider, hash));\n          await syncTransactionBestEffort(client, hash);\n        }\n        setPhase(\"success\");\n        return true;\n      } catch (err) {\n        setError(describeError(err, \"We couldn't complete that. Please try again.\").message);\n        setPhase(\"error\");\n        return false;\n      } finally {\n        app.releaseSigner?.();\n      }\n    },\n    [app],\n  );\n\n  const reset = useCallback(() => {\n    setPhase(\"idle\");\n    setTxHash(null);\n    setReceipt(null);\n    setError(null);\n  }, []);\n\n  return { phase, txHash, receipt, error, run, reset };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAsC;AACtC,sBAAwF;AACxF,2BAAgC;AAEhC,4BAA8B;AAIvB,SAAS,iBAAiB;AAC/B,QAAM,UAAM,sCAAgB;AAC5B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA2B,MAAM;AAC3D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAwB,IAAI;AACxD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAA6B,IAAI;AAC/D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAwB,IAAI;AAEtD,QAAM,UAAM;AAAA,IACV,OAAO,SAAsE;AAC3E,eAAS,WAAW;AACpB,gBAAU,IAAI;AACd,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,UAAI;AACF,cAAM,SAAS,MAAM,IAAI,UAAU;AACnC,YAAI,OAAsB;AAC1B,cAAM,UAA0B;AAAA,UAC9B,SAAS,OAAO;AAAA,UAChB,eAAe,CAAC,SAAS,OAAO,cAAc,IAAI;AAAA,UAClD,SAAS,OAAO,OAAO,SAAS;AAC9B,qBAAS,YAAY;AACrB,kBAAM,SAAS,MAAM,OAAO,QAAQ,OAAO,IAAI;AAC/C,mBAAO,OAAO;AACd,sBAAU,OAAO,MAAM;AACvB,qBAAS,YAAY;AACrB,mBAAO;AAAA,UACT;AAAA,QACF;AACA,cAAM,KAAK,OAAO;AAClB,YAAI,MAAM;AACR,gBAAM,SAAS,IAAI,UAAU;AAC7B,qBAAW,UAAM,4CAA2B,OAAO,UAAU,IAAI,CAAC;AAClE,oBAAM,2CAA0B,QAAQ,IAAI;AAAA,QAC9C;AACA,iBAAS,SAAS;AAClB,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,qBAAS,qCAAc,KAAK,8CAA8C,EAAE,OAAO;AACnF,iBAAS,OAAO;AAChB,eAAO;AAAA,MACT,UAAE;AACA,YAAI,gBAAgB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,YAAQ,0BAAY,MAAM;AAC9B,aAAS,MAAM;AACf,cAAU,IAAI;AACd,eAAW,IAAI;AACf,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,OAAO,QAAQ,SAAS,OAAO,KAAK,MAAM;AACrD;","names":[]}
+{"version":3,"sources":["../../src/utils/use-transaction.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\nimport { SponsoredCallRejectedError, assertTransactionSucceeded, syncTransactionBestEffort, type ReceiptLike } from \"@medialane/sdk/starknet\";\nimport { useMedialaneApp } from \"../components/medialane-app.js\";\nimport type { FastMintSigner } from \"../components/fast-mint/types.js\";\nimport { describeError } from \"./describe-error.js\";\n\nexport type TransactionPhase = \"idle\" | \"preparing\" | \"submitting\" | \"confirming\" | \"success\" | \"error\";\n\nexport function useTransaction() {\n  const app = useMedialaneApp();\n  const [phase, setPhase] = useState<TransactionPhase>(\"idle\");\n  const [txHash, setTxHash] = useState<string | null>(null);\n  const [receipt, setReceipt] = useState<ReceiptLike | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [retryable, setRetryable] = useState(true);\n\n  const run = useCallback(\n    async (work: (signer: FastMintSigner) => Promise<void>): Promise<boolean> => {\n      setPhase(\"preparing\");\n      setTxHash(null);\n      setReceipt(null);\n      setError(null);\n      setRetryable(true);\n      try {\n        const signer = await app.getSigner();\n        let hash: string | null = null;\n        const tracked: FastMintSigner = {\n          address: signer.address,\n          signTypedData: (data) => signer.signTypedData(data),\n          execute: async (calls, opts) => {\n            setPhase(\"submitting\");\n            const result = await signer.execute(calls, opts);\n            hash = result.txHash;\n            setTxHash(result.txHash);\n            setPhase(\"confirming\");\n            return result;\n          },\n        };\n        await work(tracked);\n        if (hash) {\n          const client = app.getClient();\n          setReceipt(await assertTransactionSucceeded(client.provider, hash));\n          await syncTransactionBestEffort(client, hash);\n        }\n        setPhase(\"success\");\n        return true;\n      } catch (err) {\n        if (err instanceof SponsoredCallRejectedError) {\n          console.error(\"[medialane] transaction refused\", {\n            reference: err.requestId?.slice(0, 8),\n            stage: err.stage,\n            status: err.status,\n            code: err.code,\n            detail: err.detail,\n          });\n        }\n        const notice = describeError(err);\n        setError(notice.message);\n        setRetryable(notice.retryable);\n        setPhase(\"error\");\n        return false;\n      } finally {\n        app.releaseSigner?.();\n      }\n    },\n    [app],\n  );\n\n  const reset = useCallback(() => {\n    setPhase(\"idle\");\n    setTxHash(null);\n    setReceipt(null);\n    setError(null);\n    setRetryable(true);\n  }, []);\n\n  return { phase, txHash, receipt, error, retryable, run, reset };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAsC;AACtC,sBAAoH;AACpH,2BAAgC;AAEhC,4BAA8B;AAIvB,SAAS,iBAAiB;AAC/B,QAAM,UAAM,sCAAgB;AAC5B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA2B,MAAM;AAC3D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAwB,IAAI;AACxD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAA6B,IAAI;AAC/D,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAwB,IAAI;AACtD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,IAAI;AAE/C,QAAM,UAAM;AAAA,IACV,OAAO,SAAsE;AAC3E,eAAS,WAAW;AACpB,gBAAU,IAAI;AACd,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,mBAAa,IAAI;AACjB,UAAI;AACF,cAAM,SAAS,MAAM,IAAI,UAAU;AACnC,YAAI,OAAsB;AAC1B,cAAM,UAA0B;AAAA,UAC9B,SAAS,OAAO;AAAA,UAChB,eAAe,CAAC,SAAS,OAAO,cAAc,IAAI;AAAA,UAClD,SAAS,OAAO,OAAO,SAAS;AAC9B,qBAAS,YAAY;AACrB,kBAAM,SAAS,MAAM,OAAO,QAAQ,OAAO,IAAI;AAC/C,mBAAO,OAAO;AACd,sBAAU,OAAO,MAAM;AACvB,qBAAS,YAAY;AACrB,mBAAO;AAAA,UACT;AAAA,QACF;AACA,cAAM,KAAK,OAAO;AAClB,YAAI,MAAM;AACR,gBAAM,SAAS,IAAI,UAAU;AAC7B,qBAAW,UAAM,4CAA2B,OAAO,UAAU,IAAI,CAAC;AAClE,oBAAM,2CAA0B,QAAQ,IAAI;AAAA,QAC9C;AACA,iBAAS,SAAS;AAClB,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,YAAI,eAAe,4CAA4B;AAC7C,kBAAQ,MAAM,mCAAmC;AAAA,YAC/C,WAAW,IAAI,WAAW,MAAM,GAAG,CAAC;AAAA,YACpC,OAAO,IAAI;AAAA,YACX,QAAQ,IAAI;AAAA,YACZ,MAAM,IAAI;AAAA,YACV,QAAQ,IAAI;AAAA,UACd,CAAC;AAAA,QACH;AACA,cAAM,aAAS,qCAAc,GAAG;AAChC,iBAAS,OAAO,OAAO;AACvB,qBAAa,OAAO,SAAS;AAC7B,iBAAS,OAAO;AAChB,eAAO;AAAA,MACT,UAAE;AACA,YAAI,gBAAgB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,YAAQ,0BAAY,MAAM;AAC9B,aAAS,MAAM;AACf,cAAU,IAAI;AACd,eAAW,IAAI;AACf,aAAS,IAAI;AACb,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,OAAO,QAAQ,SAAS,OAAO,WAAW,KAAK,MAAM;AAChE;","names":[]}

package/dist/utils/use-transaction.d.cts

@@ -10,6 +10,7 @@ declare function useTransaction(): {
     txHash: string | null;
     receipt: ReceiptLike | null;
     error: string | null;
+    retryable: boolean;
     run: (work: (signer: FastMintSigner) => Promise<void>) => Promise<boolean>;
     reset: () => void;
 };

package/dist/utils/use-transaction.d.ts

@@ -10,6 +10,7 @@ declare function useTransaction(): {
     txHash: string | null;
     receipt: ReceiptLike | null;
     error: string | null;
+    retryable: boolean;
     run: (work: (signer: FastMintSigner) => Promise<void>) => Promise<boolean>;
     reset: () => void;
 };

package/dist/utils/use-transaction.js

@@ -1,6 +1,6 @@
 "use client";
 import { useCallback, useState } from "react";
-import { assertTransactionSucceeded, syncTransactionBestEffort } from "@medialane/sdk/starknet";
+import { SponsoredCallRejectedError, assertTransactionSucceeded, syncTransactionBestEffort } from "@medialane/sdk/starknet";
 import { useMedialaneApp } from "../components/medialane-app.js";
 import { describeError } from "./describe-error.js";
 function useTransaction() {
@@ -9,12 +9,14 @@ function useTransaction() {
   const [txHash, setTxHash] = useState(null);
   const [receipt, setReceipt] = useState(null);
   const [error, setError] = useState(null);
+  const [retryable, setRetryable] = useState(true);
   const run = useCallback(
     async (work) => {
       setPhase("preparing");
       setTxHash(null);
       setReceipt(null);
       setError(null);
+      setRetryable(true);
       try {
         const signer = await app.getSigner();
         let hash = null;
@@ -39,7 +41,18 @@ function useTransaction() {
         setPhase("success");
         return true;
       } catch (err) {
-        setError(describeError(err, "We couldn't complete that. Please try again.").message);
+        if (err instanceof SponsoredCallRejectedError) {
+          console.error("[medialane] transaction refused", {
+            reference: err.requestId?.slice(0, 8),
+            stage: err.stage,
+            status: err.status,
+            code: err.code,
+            detail: err.detail
+          });
+        }
+        const notice = describeError(err);
+        setError(notice.message);
+        setRetryable(notice.retryable);
         setPhase("error");
         return false;
       } finally {
@@ -53,8 +66,9 @@ function useTransaction() {
     setTxHash(null);
     setReceipt(null);
     setError(null);
+    setRetryable(true);
   }, []);
-  return { phase, txHash, receipt, error, run, reset };
+  return { phase, txHash, receipt, error, retryable, run, reset };
 }
 export {
   useTransaction

package/dist/utils/use-transaction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-transaction.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\nimport { assertTransactionSucceeded, syncTransactionBestEffort, type ReceiptLike } from \"@medialane/sdk/starknet\";\nimport { useMedialaneApp } from \"../components/medialane-app.js\";\nimport type { FastMintSigner } from \"../components/fast-mint/types.js\";\nimport { describeError } from \"./describe-error.js\";\n\nexport type TransactionPhase = \"idle\" | \"preparing\" | \"submitting\" | \"confirming\" | \"success\" | \"error\";\n\nexport function useTransaction() {\n  const app = useMedialaneApp();\n  const [phase, setPhase] = useState<TransactionPhase>(\"idle\");\n  const [txHash, setTxHash] = useState<string | null>(null);\n  const [receipt, setReceipt] = useState<ReceiptLike | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const run = useCallback(\n    async (work: (signer: FastMintSigner) => Promise<void>): Promise<boolean> => {\n      setPhase(\"preparing\");\n      setTxHash(null);\n      setReceipt(null);\n      setError(null);\n      try {\n        const signer = await app.getSigner();\n        let hash: string | null = null;\n        const tracked: FastMintSigner = {\n          address: signer.address,\n          signTypedData: (data) => signer.signTypedData(data),\n          execute: async (calls, opts) => {\n            setPhase(\"submitting\");\n            const result = await signer.execute(calls, opts);\n            hash = result.txHash;\n            setTxHash(result.txHash);\n            setPhase(\"confirming\");\n            return result;\n          },\n        };\n        await work(tracked);\n        if (hash) {\n          const client = app.getClient();\n          setReceipt(await assertTransactionSucceeded(client.provider, hash));\n          await syncTransactionBestEffort(client, hash);\n        }\n        setPhase(\"success\");\n        return true;\n      } catch (err) {\n        setError(describeError(err, \"We couldn't complete that. Please try again.\").message);\n        setPhase(\"error\");\n        return false;\n      } finally {\n        app.releaseSigner?.();\n      }\n    },\n    [app],\n  );\n\n  const reset = useCallback(() => {\n    setPhase(\"idle\");\n    setTxHash(null);\n    setReceipt(null);\n    setError(null);\n  }, []);\n\n  return { phase, txHash, receipt, error, run, reset };\n}\n"],"mappings":";AAEA,SAAS,aAAa,gBAAgB;AACtC,SAAS,4BAA4B,iCAAmD;AACxF,SAAS,uBAAuB;AAEhC,SAAS,qBAAqB;AAIvB,SAAS,iBAAiB;AAC/B,QAAM,MAAM,gBAAgB;AAC5B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA2B,MAAM;AAC3D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B,IAAI;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,MAAM;AAAA,IACV,OAAO,SAAsE;AAC3E,eAAS,WAAW;AACpB,gBAAU,IAAI;AACd,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,UAAI;AACF,cAAM,SAAS,MAAM,IAAI,UAAU;AACnC,YAAI,OAAsB;AAC1B,cAAM,UAA0B;AAAA,UAC9B,SAAS,OAAO;AAAA,UAChB,eAAe,CAAC,SAAS,OAAO,cAAc,IAAI;AAAA,UAClD,SAAS,OAAO,OAAO,SAAS;AAC9B,qBAAS,YAAY;AACrB,kBAAM,SAAS,MAAM,OAAO,QAAQ,OAAO,IAAI;AAC/C,mBAAO,OAAO;AACd,sBAAU,OAAO,MAAM;AACvB,qBAAS,YAAY;AACrB,mBAAO;AAAA,UACT;AAAA,QACF;AACA,cAAM,KAAK,OAAO;AAClB,YAAI,MAAM;AACR,gBAAM,SAAS,IAAI,UAAU;AAC7B,qBAAW,MAAM,2BAA2B,OAAO,UAAU,IAAI,CAAC;AAClE,gBAAM,0BAA0B,QAAQ,IAAI;AAAA,QAC9C;AACA,iBAAS,SAAS;AAClB,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,iBAAS,cAAc,KAAK,8CAA8C,EAAE,OAAO;AACnF,iBAAS,OAAO;AAChB,eAAO;AAAA,MACT,UAAE;AACA,YAAI,gBAAgB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,MAAM;AACf,cAAU,IAAI;AACd,eAAW,IAAI;AACf,aAAS,IAAI;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,OAAO,QAAQ,SAAS,OAAO,KAAK,MAAM;AACrD;","names":[]}
+{"version":3,"sources":["../../src/utils/use-transaction.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\nimport { SponsoredCallRejectedError, assertTransactionSucceeded, syncTransactionBestEffort, type ReceiptLike } from \"@medialane/sdk/starknet\";\nimport { useMedialaneApp } from \"../components/medialane-app.js\";\nimport type { FastMintSigner } from \"../components/fast-mint/types.js\";\nimport { describeError } from \"./describe-error.js\";\n\nexport type TransactionPhase = \"idle\" | \"preparing\" | \"submitting\" | \"confirming\" | \"success\" | \"error\";\n\nexport function useTransaction() {\n  const app = useMedialaneApp();\n  const [phase, setPhase] = useState<TransactionPhase>(\"idle\");\n  const [txHash, setTxHash] = useState<string | null>(null);\n  const [receipt, setReceipt] = useState<ReceiptLike | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [retryable, setRetryable] = useState(true);\n\n  const run = useCallback(\n    async (work: (signer: FastMintSigner) => Promise<void>): Promise<boolean> => {\n      setPhase(\"preparing\");\n      setTxHash(null);\n      setReceipt(null);\n      setError(null);\n      setRetryable(true);\n      try {\n        const signer = await app.getSigner();\n        let hash: string | null = null;\n        const tracked: FastMintSigner = {\n          address: signer.address,\n          signTypedData: (data) => signer.signTypedData(data),\n          execute: async (calls, opts) => {\n            setPhase(\"submitting\");\n            const result = await signer.execute(calls, opts);\n            hash = result.txHash;\n            setTxHash(result.txHash);\n            setPhase(\"confirming\");\n            return result;\n          },\n        };\n        await work(tracked);\n        if (hash) {\n          const client = app.getClient();\n          setReceipt(await assertTransactionSucceeded(client.provider, hash));\n          await syncTransactionBestEffort(client, hash);\n        }\n        setPhase(\"success\");\n        return true;\n      } catch (err) {\n        if (err instanceof SponsoredCallRejectedError) {\n          console.error(\"[medialane] transaction refused\", {\n            reference: err.requestId?.slice(0, 8),\n            stage: err.stage,\n            status: err.status,\n            code: err.code,\n            detail: err.detail,\n          });\n        }\n        const notice = describeError(err);\n        setError(notice.message);\n        setRetryable(notice.retryable);\n        setPhase(\"error\");\n        return false;\n      } finally {\n        app.releaseSigner?.();\n      }\n    },\n    [app],\n  );\n\n  const reset = useCallback(() => {\n    setPhase(\"idle\");\n    setTxHash(null);\n    setReceipt(null);\n    setError(null);\n    setRetryable(true);\n  }, []);\n\n  return { phase, txHash, receipt, error, retryable, run, reset };\n}\n"],"mappings":";AAEA,SAAS,aAAa,gBAAgB;AACtC,SAAS,4BAA4B,4BAA4B,iCAAmD;AACpH,SAAS,uBAAuB;AAEhC,SAAS,qBAAqB;AAIvB,SAAS,iBAAiB;AAC/B,QAAM,MAAM,gBAAgB;AAC5B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA2B,MAAM;AAC3D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B,IAAI;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAE/C,QAAM,MAAM;AAAA,IACV,OAAO,SAAsE;AAC3E,eAAS,WAAW;AACpB,gBAAU,IAAI;AACd,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,mBAAa,IAAI;AACjB,UAAI;AACF,cAAM,SAAS,MAAM,IAAI,UAAU;AACnC,YAAI,OAAsB;AAC1B,cAAM,UAA0B;AAAA,UAC9B,SAAS,OAAO;AAAA,UAChB,eAAe,CAAC,SAAS,OAAO,cAAc,IAAI;AAAA,UAClD,SAAS,OAAO,OAAO,SAAS;AAC9B,qBAAS,YAAY;AACrB,kBAAM,SAAS,MAAM,OAAO,QAAQ,OAAO,IAAI;AAC/C,mBAAO,OAAO;AACd,sBAAU,OAAO,MAAM;AACvB,qBAAS,YAAY;AACrB,mBAAO;AAAA,UACT;AAAA,QACF;AACA,cAAM,KAAK,OAAO;AAClB,YAAI,MAAM;AACR,gBAAM,SAAS,IAAI,UAAU;AAC7B,qBAAW,MAAM,2BAA2B,OAAO,UAAU,IAAI,CAAC;AAClE,gBAAM,0BAA0B,QAAQ,IAAI;AAAA,QAC9C;AACA,iBAAS,SAAS;AAClB,eAAO;AAAA,MACT,SAAS,KAAK;AACZ,YAAI,eAAe,4BAA4B;AAC7C,kBAAQ,MAAM,mCAAmC;AAAA,YAC/C,WAAW,IAAI,WAAW,MAAM,GAAG,CAAC;AAAA,YACpC,OAAO,IAAI;AAAA,YACX,QAAQ,IAAI;AAAA,YACZ,MAAM,IAAI;AAAA,YACV,QAAQ,IAAI;AAAA,UACd,CAAC;AAAA,QACH;AACA,cAAM,SAAS,cAAc,GAAG;AAChC,iBAAS,OAAO,OAAO;AACvB,qBAAa,OAAO,SAAS;AAC7B,iBAAS,OAAO;AAChB,eAAO;AAAA,MACT,UAAE;AACA,YAAI,gBAAgB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,MAAM;AACf,cAAU,IAAI;AACd,eAAW,IAAI;AACf,aAAS,IAAI;AACb,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,OAAO,QAAQ,SAAS,OAAO,WAAW,KAAK,MAAM;AAChE;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.257.0",
+  "version": "0.258.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,
@@ -51,7 +51,7 @@
     "preview": "vite --config preview/vite.config.ts"
   },
   "peerDependencies": {
-    "@medialane/sdk": ">=0.205.0 <0.206.0",
+    "@medialane/sdk": ">=0.206.0 <0.207.0",
     "@radix-ui/react-checkbox": ">=1.1.0",
     "@radix-ui/react-collapsible": ">=1.1.0",
     "@radix-ui/react-dialog": ">=1.1.0",
@@ -85,7 +85,7 @@
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.14.5",
     "@hookform/resolvers": "^3.10.0",
-    "@medialane/sdk": "0.205.0",
+    "@medialane/sdk": "0.206.0",
     "@radix-ui/react-checkbox": "^1.3.8",
     "@radix-ui/react-collapsible": "^1.1.17",
     "@radix-ui/react-dialog": "^1.1.20",