@spicenet-io/spiceflow-ui 1.9.22 → 1.9.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs.js +63 -20
  2. package/dist/index.js +63 -20
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -5359,26 +5359,48 @@ const DepositWidget = ({
5359
5359
  return /* @__PURE__ */ jsxRuntime.jsxs(
5360
5360
  "div",
5361
5361
  {
5362
- style: { ...containerStyles, position: "relative", overflow: "hidden" },
5362
+ style: { ...containerStyles, position: "relative" },
5363
5363
  className,
5364
5364
  children: [
5365
- intentStatus && /* @__PURE__ */ jsxRuntime.jsx(
5366
- DepositStatusPanel,
5365
+ /* @__PURE__ */ jsxRuntime.jsx(
5366
+ "div",
5367
5367
  {
5368
- intentStatus,
5369
- onClose: clearStatus,
5370
- onRetry: () => {
5371
- clearStatus();
5372
- handleDeposit();
5373
- },
5374
- onNewDeposit: () => {
5375
- clearStatus();
5376
- setSelectedDepositAsset(null);
5377
- spiceDepositSubmittedRef.current = null;
5378
- refreshSpiceAssets();
5368
+ style: {
5369
+ position: "absolute",
5370
+ inset: 0,
5371
+ overflow: "hidden",
5372
+ pointerEvents: "none"
5379
5373
  },
5380
- theme,
5381
- asOverlay: true
5374
+ children: /* @__PURE__ */ jsxRuntime.jsx(
5375
+ "div",
5376
+ {
5377
+ style: {
5378
+ position: "relative",
5379
+ width: "100%",
5380
+ height: "100%",
5381
+ pointerEvents: "auto"
5382
+ },
5383
+ children: intentStatus && /* @__PURE__ */ jsxRuntime.jsx(
5384
+ DepositStatusPanel,
5385
+ {
5386
+ intentStatus,
5387
+ onClose: clearStatus,
5388
+ onRetry: () => {
5389
+ clearStatus();
5390
+ handleDeposit();
5391
+ },
5392
+ onNewDeposit: () => {
5393
+ clearStatus();
5394
+ setSelectedDepositAsset(null);
5395
+ spiceDepositSubmittedRef.current = null;
5396
+ refreshSpiceAssets();
5397
+ },
5398
+ theme,
5399
+ asOverlay: true
5400
+ }
5401
+ )
5402
+ }
5403
+ )
5382
5404
  }
5383
5405
  ),
5384
5406
  !loadingSpiceAssets && !hasSpiceBalance && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6394,12 +6416,33 @@ const CrossChainDepositModal = ({
6394
6416
  "div",
6395
6417
  {
6396
6418
  style: {
6397
- padding: "0 24px 24px 24px",
6398
- position: "relative",
6399
- overflow: "hidden"
6419
+ padding: "0 24px 32px 24px",
6420
+ position: "relative"
6400
6421
  },
6401
6422
  children: [
6402
- statusOverlay,
6423
+ /* @__PURE__ */ jsxRuntime.jsx(
6424
+ "div",
6425
+ {
6426
+ style: {
6427
+ position: "absolute",
6428
+ inset: 0,
6429
+ overflow: "hidden",
6430
+ pointerEvents: "none"
6431
+ },
6432
+ children: /* @__PURE__ */ jsxRuntime.jsx(
6433
+ "div",
6434
+ {
6435
+ style: {
6436
+ position: "relative",
6437
+ width: "100%",
6438
+ height: "100%",
6439
+ pointerEvents: "auto"
6440
+ },
6441
+ children: statusOverlay
6442
+ }
6443
+ )
6444
+ }
6445
+ ),
6403
6446
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "16px" }, children: [
6404
6447
  /* @__PURE__ */ jsxRuntime.jsxs(
6405
6448
  "div",
package/dist/index.js CHANGED
@@ -5357,26 +5357,48 @@ const DepositWidget = ({
5357
5357
  return /* @__PURE__ */ jsxs(
5358
5358
  "div",
5359
5359
  {
5360
- style: { ...containerStyles, position: "relative", overflow: "hidden" },
5360
+ style: { ...containerStyles, position: "relative" },
5361
5361
  className,
5362
5362
  children: [
5363
- intentStatus && /* @__PURE__ */ jsx(
5364
- DepositStatusPanel,
5363
+ /* @__PURE__ */ jsx(
5364
+ "div",
5365
5365
  {
5366
- intentStatus,
5367
- onClose: clearStatus,
5368
- onRetry: () => {
5369
- clearStatus();
5370
- handleDeposit();
5371
- },
5372
- onNewDeposit: () => {
5373
- clearStatus();
5374
- setSelectedDepositAsset(null);
5375
- spiceDepositSubmittedRef.current = null;
5376
- refreshSpiceAssets();
5366
+ style: {
5367
+ position: "absolute",
5368
+ inset: 0,
5369
+ overflow: "hidden",
5370
+ pointerEvents: "none"
5377
5371
  },
5378
- theme,
5379
- asOverlay: true
5372
+ children: /* @__PURE__ */ jsx(
5373
+ "div",
5374
+ {
5375
+ style: {
5376
+ position: "relative",
5377
+ width: "100%",
5378
+ height: "100%",
5379
+ pointerEvents: "auto"
5380
+ },
5381
+ children: intentStatus && /* @__PURE__ */ jsx(
5382
+ DepositStatusPanel,
5383
+ {
5384
+ intentStatus,
5385
+ onClose: clearStatus,
5386
+ onRetry: () => {
5387
+ clearStatus();
5388
+ handleDeposit();
5389
+ },
5390
+ onNewDeposit: () => {
5391
+ clearStatus();
5392
+ setSelectedDepositAsset(null);
5393
+ spiceDepositSubmittedRef.current = null;
5394
+ refreshSpiceAssets();
5395
+ },
5396
+ theme,
5397
+ asOverlay: true
5398
+ }
5399
+ )
5400
+ }
5401
+ )
5380
5402
  }
5381
5403
  ),
5382
5404
  !loadingSpiceAssets && !hasSpiceBalance && /* @__PURE__ */ jsx(
@@ -6392,12 +6414,33 @@ const CrossChainDepositModal = ({
6392
6414
  "div",
6393
6415
  {
6394
6416
  style: {
6395
- padding: "0 24px 24px 24px",
6396
- position: "relative",
6397
- overflow: "hidden"
6417
+ padding: "0 24px 32px 24px",
6418
+ position: "relative"
6398
6419
  },
6399
6420
  children: [
6400
- statusOverlay,
6421
+ /* @__PURE__ */ jsx(
6422
+ "div",
6423
+ {
6424
+ style: {
6425
+ position: "absolute",
6426
+ inset: 0,
6427
+ overflow: "hidden",
6428
+ pointerEvents: "none"
6429
+ },
6430
+ children: /* @__PURE__ */ jsx(
6431
+ "div",
6432
+ {
6433
+ style: {
6434
+ position: "relative",
6435
+ width: "100%",
6436
+ height: "100%",
6437
+ pointerEvents: "auto"
6438
+ },
6439
+ children: statusOverlay
6440
+ }
6441
+ )
6442
+ }
6443
+ ),
6401
6444
  /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
6402
6445
  /* @__PURE__ */ jsxs(
6403
6446
  "div",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spicenet-io/spiceflow-ui",
3
- "version": "1.9.22",
3
+ "version": "1.9.23",
4
4
  "description": "Spiceflow UI SDK",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",