0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/RecentTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecentTokens.d.ts","sourceRoot":"","sources":["../../../src/widget/components/RecentTokens.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAI5C,UAAU,iBAAiB;IACzB,YAAY,EAAE,KAAK,EAAE,CAAA;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoDpD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/widget/components/RecentTokens.js

@@ -1,37 +0,0 @@
-import { addressEqual as d } from "../../utils/address.js";
-import c from "./TokenImage.js";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-var u = ({ recentTokens: s, onTokenSelect: t, selectedToken: a }) => {
-  if (s.length === 0) return null;
-  const l = (r) => a ? d(r.contractAddress, a.contractAddress) && (r.chainId || 0) === (a.chainId || 0) : !1;
-  return /* @__PURE__ */ o("div", {
-    className: "mb-0",
-    children: [/* @__PURE__ */ e("h3", {
-      className: "text-[10px] font-medium text-gray-500 dark:text-gray-500 text-left mb-1",
-      children: "Recently Used"
-    }), /* @__PURE__ */ e("div", {
-      className: "flex gap-1 overflow-x-auto trails-scrollbar",
-      children: s.map((r) => {
-        const i = l(r);
-        return /* @__PURE__ */ e("button", {
-          type: "button",
-          onClick: () => t(r),
-          title: `${r.symbol} - ${r.name}`,
-          className: `flex-shrink-0 p-1 border-solid trails-border-radius-button transition-colors cursor-pointer ${i ? "bg-blue-100 dark:bg-blue-900/30 border-2 border-blue-500" : "trails-bg-secondary border-2 border-transparent hover:trails-hover-bg"}`,
-          children: /* @__PURE__ */ e("div", {
-            className: "rounded-full flex items-center justify-center bg-white dark:bg-gray-600",
-            children: /* @__PURE__ */ e(c, {
-              symbol: r.symbol,
-              imageUrl: r.imageUrl,
-              chainId: r.chainId || 0,
-              size: 28
-            })
-          })
-        }, `${r.chainId || 0}-${r.contractAddress}`);
-      })
-    })]
-  });
-};
-export {
-  u as default
-};

package/dist/widget/components/RecipientSelectorButton.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export declare const RecipientSelectorButton: React.FC<{
-    selectedRecipient: string | null;
-}>;
-export default RecipientSelectorButton;
-//# sourceMappingURL=RecipientSelectorButton.d.ts.map

package/dist/widget/components/RecipientSelectorButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecipientSelectorButton.d.ts","sourceRoot":"","sources":["../../../src/widget/components/RecipientSelectorButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7C,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;CACjC,CAiDA,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/widget/components/RecipientSelectorButton.js

@@ -1,36 +0,0 @@
-import { addressEqual as o } from "../../utils/address.js";
-import { useViewManager as n } from "../../hooks/useViewManager.js";
-import { AddressWalletIcon as l } from "./AddressWalletIcon.js";
-import { AddressOrEnsName as d } from "./AddressOrEnsName.js";
-import { useAccount as i } from "@0xtrails/wallet";
-import { Fragment as c, jsx as e, jsxs as s } from "react/jsx-runtime";
-import { ChevronRight as u } from "lucide-react";
-var k = ({ selectedRecipient: r }) => {
-  const { navigate: a, screen: m } = n(), { address: t } = i();
-  return /* @__PURE__ */ s("button", {
-    type: "button",
-    onClick: () => {
-      a("recipients", { backTarget: m });
-    },
-    className: `flex items-center space-x-2 transition-colors cursor-pointer border-none p-0 ${r && t && !o(r, t) ? "text-amber-700 dark:text-amber-300 bg-amber-500/10 px-2 py-1 rounded-md" : "text-blue-500 hover:text-blue-600 bg-transparent"}`,
-    title: r ? `Selected: ${r}` : "Select recipient",
-    children: [r ? /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ e("div", {
-      className: "flex items-center mr-1",
-      children: /* @__PURE__ */ e(l, {
-        size: 20,
-        walletAddress: r
-      })
-    }), /* @__PURE__ */ e(d, {
-      address: r,
-      startChars: 4,
-      endChars: 4,
-      className: "text-sm font-medium m-0"
-    })] }) : /* @__PURE__ */ e("span", {
-      className: "text-sm font-medium m-0",
-      children: "Select Recipient"
-    }), /* @__PURE__ */ e(u, { className: "w-4 h-4 m-0" })]
-  });
-};
-export {
-  k as default
-};

package/dist/widget/components/Recipients.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface RecipientsProps {
-    onBack?: () => void;
-    selectedRecipient?: string;
-    onRecipientSelect?: (address: string) => void;
-}
-export declare const Recipients: React.FC<RecipientsProps>;
-export default Recipients;
-//# sourceMappingURL=Recipients.d.ts.map

package/dist/widget/components/Recipients.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Recipients.d.ts","sourceRoot":"","sources":["../../../src/widget/components/Recipients.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA6C9B,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C;AAsBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0ShD,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/widget/components/Recipients.js

@@ -1,208 +0,0 @@
-import { logger as W } from "../../logger/index.js";
-import { addressEqual as q, truncateAddress as F } from "../../utils/address.js";
-import { useWalletConnectionContext as H } from "../../hooks/useWalletConnectionContext.js";
-import { useSelectedRecipient as Q } from "../../hooks/useSelectedRecipient.js";
-import { useViewManager as X } from "../../hooks/useViewManager.js";
-import { ScreenHeader as D } from "./ScreenHeader.js";
-import z from "./CopyButton.js";
-import { useResolveEnsAddress as G, useResolveEnsName as J } from "../../ens.js";
-import { AddressWalletIcon as K } from "./AddressWalletIcon.js";
-import { AddressOrEnsName as Y } from "./AddressOrEnsName.js";
-import { useRecipients as Z } from "../../hooks/useRecipients.js";
-import { EnsAvatar as _ } from "./ENSAvatar.js";
-import ee from "./SimpleRecipientInputScreen.js";
-import { isAddress as w } from "viem";
-import { useCallback as u, useEffect as te, useState as j } from "react";
-import { useAccount as re, useConnectedWallets as se } from "@0xtrails/wallet";
-import { Fragment as ae, jsx as t, jsxs as s } from "react/jsx-runtime";
-import { Plus as ne, X as ie } from "lucide-react";
-var de = ({ address: n, connectorName: p, children: i }) => /* @__PURE__ */ s("div", {
-  className: "flex flex-col min-w-0 flex-1",
-  children: [/* @__PURE__ */ s("div", {
-    className: "flex items-center space-x-1",
-    children: [/* @__PURE__ */ t(Y, {
-      address: n,
-      className: "text-sm font-medium trails-text-primary"
-    }), i]
-  }), p && /* @__PURE__ */ t("div", {
-    className: "text-xs text-gray-400 truncate",
-    children: p
-  })]
-}), le = (n) => n !== null && n !== "recipients", oe = {
-  pay: "send-form",
-  fund: "fund-form",
-  earn: "earn",
-  swap: "swap",
-  withdraw: "withdraw"
-}, Ie = ({ onBack: n, selectedRecipient: p = "", onRecipientSelect: i }) => {
-  const { navigate: d, mode: k, backScreen: f } = X(), { setSelectedRecipient: x } = Q(), { recentRecipients: R, addRecentRecipient: g, clearRecentRecipients: L } = Z(), [r, A] = j(p), [S, l] = j(!1), { address: o, connectionId: T } = re(), V = se(), { setConnectionContext: B } = H(), h = f === "withdraw", v = r.trim(), { ensAddress: N, isLoading: M } = G({ textInput: v }), { ensName: b, isLoading: P } = J({ address: w(v) ? v : "" }), y = M || P;
-  te(() => {
-    const m = setTimeout(async () => {
-      if (!r || r.trim() === "") {
-        l(!1);
-        return;
-      }
-      const a = r.trim();
-      if (w(a)) {
-        l(!0), b ? await g(a, a, b) : await g(a, a);
-        return;
-      }
-      a.includes(".") && a.endsWith(".eth") ? N ? (l(!0), await g(a, N, a)) : y || l(!1) : l(!1);
-    }, 300);
-    return () => clearTimeout(m);
-  }, [
-    r,
-    N,
-    b,
-    y,
-    g
-  ]);
-  const I = u((e) => {
-    A(e);
-  }, []), U = u(() => {
-    o && A(o);
-  }, [o]), c = u(() => le(f) ? f : oe[k], [k, f]), $ = u((e) => {
-    W.console.log("[trails-sdk] Selected recent recipient:", e), x(e.address), i?.(e.address), d(c());
-  }, [
-    x,
-    i,
-    d,
-    c
-  ]), O = u((e) => {
-    W.console.log("[trails-sdk] Selected connected wallet:", e), x(e), i?.(e), d(c());
-  }, [
-    x,
-    i,
-    d,
-    c
-  ]), C = () => !r || r.trim() === "" ? null : y ? "Resolving ENS name..." : null, E = () => y ? "text-blue-500" : S ? "text-green-500" : r && r.trim() !== "" ? "text-red-500" : "text-gray-500";
-  return /* @__PURE__ */ s("div", {
-    className: "space-y-4",
-    children: [/* @__PURE__ */ t(D, {
-      onBack: n,
-      headerContent: h ? "Withdraw to" : "Select recipient address",
-      headerContentAlign: "center"
-    }), /* @__PURE__ */ s("div", {
-      className: "space-y-4",
-      children: [
-        !r.trim() && !h && /* @__PURE__ */ s("div", {
-          className: "space-y-2",
-          children: [V.map((e) => /* @__PURE__ */ t("button", {
-            type: "button",
-            className: "w-full text-left px-4 py-2 text-sm flex items-center cursor-pointer transition-colors rounded-xl hover:bg-gray-100 dark:hover:bg-gray-700",
-            onClick: () => O(e.address),
-            children: /* @__PURE__ */ s("div", {
-              className: "flex items-center gap-3",
-              children: [/* @__PURE__ */ t(K, {
-                size: 30,
-                walletAddress: e.address
-              }), /* @__PURE__ */ t(de, {
-                address: e.address,
-                connectorName: e.name,
-                children: /* @__PURE__ */ t(z, {
-                  text: e.address,
-                  stopPropagation: !0,
-                  className: "p-0.5 z-10 relative",
-                  size: "sm",
-                  as: "span"
-                })
-              })]
-            })
-          }, e.address)), /* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: () => {
-              B("recipient-selection", c(), o, T), d("wallet-list", { backTarget: "recipients" });
-            },
-            className: "w-full text-left px-4 py-2 text-sm flex items-center justify-between cursor-pointer transition-colors rounded-xl trails-text-primary trails-hover-bg",
-            children: /* @__PURE__ */ s("div", {
-              className: "flex items-center gap-3",
-              children: [/* @__PURE__ */ t("div", {
-                className: "w-8 h-8 shrink-0 flex items-center justify-center",
-                children: /* @__PURE__ */ t(ne, { className: "w-8 h-8 text-gray-600 dark:text-gray-400" })
-              }), /* @__PURE__ */ t("span", {
-                className: "font-medium",
-                children: "Add new wallet"
-              })]
-            })
-          })]
-        }),
-        !r.trim() && !h && /* @__PURE__ */ t("div", { className: "border-b border-gray-200 dark:border-gray-700" }),
-        /* @__PURE__ */ t("div", {
-          className: "space-y-2",
-          children: h ? /* @__PURE__ */ t(ee, {
-            recipientInput: r,
-            onChange: I,
-            validationMessage: C(),
-            validationColor: E(),
-            onUseConnected: U,
-            canUseConnected: !!o
-          }) : /* @__PURE__ */ s(ae, { children: [/* @__PURE__ */ t("input", {
-            type: "text",
-            value: r,
-            onChange: (e) => I(e.target.value),
-            placeholder: "Or input recipient address",
-            className: "w-full px-4 py-4 text-sm rounded-xl border trails-border-primary bg-transparent trails-text-primary placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-grey-500 focus:border-transparent"
-          }), C() && /* @__PURE__ */ t("p", {
-            className: `text-xs ${E()} text-left`,
-            children: C()
-          })] })
-        }),
-        R.length > 0 && /* @__PURE__ */ s("div", {
-          className: "space-y-2",
-          children: [/* @__PURE__ */ s("div", {
-            className: "flex items-center justify-between",
-            children: [/* @__PURE__ */ t("div", {
-              className: "text-sm font-medium text-gray-900 dark:text-gray-100 text-left",
-              children: "Recent recipient addresses"
-            }), /* @__PURE__ */ s("button", {
-              type: "button",
-              onClick: L,
-              className: "flex items-center gap-1 px-2 py-1 text-xs font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition-colors cursor-pointer",
-              children: ["Clear", /* @__PURE__ */ t(ie, { className: "w-3 h-3" })]
-            })]
-          }), /* @__PURE__ */ t("div", {
-            className: "trails-border-radius-container",
-            children: R.map((e) => {
-              const m = r.trim();
-              return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("button", {
-                type: "button",
-                className: `w-full text-left px-4 py-3 text-sm flex items-center justify-between cursor-pointer transition-colors rounded-xl ${m && w(m) && q(e.address, m) ? "bg-gray-100 dark:bg-gray-700" : "trails-text-primary trails-hover-bg"}`,
-                onClick: () => $(e),
-                "aria-label": `Select recipient ${e.ensName || e.address}`,
-                children: /* @__PURE__ */ s("div", {
-                  className: "flex items-center gap-3",
-                  children: [/* @__PURE__ */ t(_, {
-                    address: e.address,
-                    size: 28,
-                    className: "shrink-0"
-                  }), /* @__PURE__ */ s("div", {
-                    className: "text-left",
-                    children: [/* @__PURE__ */ s("div", {
-                      className: "flex items-center space-x-1",
-                      children: [/* @__PURE__ */ t("span", {
-                        className: "text-sm font-medium",
-                        children: F(e.address, 6, 4)
-                      }), /* @__PURE__ */ t(z, {
-                        text: e.address,
-                        stopPropagation: !0,
-                        className: "p-0.5 z-10 relative",
-                        size: "sm",
-                        as: "span"
-                      })]
-                    }), e.ensName && /* @__PURE__ */ t("div", {
-                      className: "text-xs text-gray-500 dark:text-gray-400",
-                      children: e.ensName
-                    })]
-                  })]
-                })
-              }) }, e.address);
-            })
-          })]
-        })
-      ]
-    })]
-  });
-};
-export {
-  Ie as default
-};

package/dist/widget/components/RefundWarning.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { FundMethod } from '../../transactionIntent/types.js';
-interface RefundWarningProps {
-    fundMethod?: FundMethod;
-    isSenderContractOnOrigin?: boolean;
-    isSenderContractOnDestination?: boolean;
-    isSequenceWallet?: boolean;
-}
-export declare const RefundWarning: React.FC<RefundWarningProps>;
-export {};
-//# sourceMappingURL=RefundWarning.d.ts.map

package/dist/widget/components/RefundWarning.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RefundWarning.d.ts","sourceRoot":"","sources":["../../../src/widget/components/RefundWarning.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAElE,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkDtD,CAAA"}

package/dist/widget/components/RefundWarning.js

@@ -1,33 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-var i = ({ isSenderContractOnOrigin: r, isSenderContractOnDestination: t, isSequenceWallet: n = !1 }) => {
-  if (!(r && !t && !n)) return null;
-  let a = "";
-  return r && !t && (a = "The sender is a contract address. Funds may be lost if the transaction fails and the contract cannot accept refunds on the destination chain."), /* @__PURE__ */ e("div", {
-    className: "mb-2 px-2 py-3 rounded-lg bg-amber-500/10 border border-solid border-amber-500/30",
-    children: /* @__PURE__ */ s("div", {
-      className: "flex items-start space-x-2",
-      children: [/* @__PURE__ */ e("svg", {
-        className: "w-4 h-4 text-amber-500 flex-shrink-0 mt-0.5",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24",
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ e("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
-        })
-      }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ e("p", {
-        className: "text-sm font-medium text-amber-600 dark:text-amber-400",
-        children: "Risk of Fund Loss"
-      }), /* @__PURE__ */ e("p", {
-        className: "text-xs mt-1 text-amber-600 dark:text-amber-400",
-        children: a
-      })] })]
-    })
-  });
-};
-export {
-  i as RefundWarning
-};

package/dist/widget/components/RequiredPropsError.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-interface RequiredPropsErrorProps {
-    missingProps: string[];
-    componentName: string;
-}
-export declare const RequiredPropsError: React.FC<RequiredPropsErrorProps>;
-export {};
-//# sourceMappingURL=RequiredPropsError.d.ts.map

package/dist/widget/components/RequiredPropsError.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredPropsError.d.ts","sourceRoot":"","sources":["../../../src/widget/components/RequiredPropsError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,uBAAuB;IAC/B,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwBhE,CAAA"}

package/dist/widget/components/RequiredPropsError.js

@@ -1,14 +0,0 @@
-import { ErrorDisplay as i } from "./ErrorDisplay.js";
-import { jsx as n } from "react/jsx-runtime";
-var l = ({ missingProps: r, componentName: e }) => r.length === 0 ? null : /* @__PURE__ */ n(i, {
-  errorPrettified: `Missing required ${e} prop${r.length > 1 ? "s" : ""}`,
-  error: `The following required props are missing for the ${e} component:
-${r.map((o) => `- ${o}`).join(`
-`)}
-
-Please ensure all required props are provided when rendering the ${e} component.`,
-  severity: "error"
-});
-export {
-  l as RequiredPropsError
-};

package/dist/widget/components/ScreenHeader.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-interface ScreenHeaderProps {
-    onBack?: () => void;
-    headerContent?: string | React.ReactNode;
-    rightSideContent?: React.ReactNode;
-    headerContentAlign?: "left" | "center";
-    onDebugScreenSelect?: (screen: string) => void;
-    showAccountActions?: boolean;
-    customActions?: React.ReactNode;
-}
-export declare const ScreenHeader: React.FC<ScreenHeaderProps>;
-export {};
-//# sourceMappingURL=ScreenHeader.d.ts.map

package/dist/widget/components/ScreenHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScreenHeader.d.ts","sourceRoot":"","sources":["../../../src/widget/components/ScreenHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,iBAAiB;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACxC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACtC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoGpD,CAAA"}

package/dist/widget/components/ScreenHeader.js

@@ -1,64 +0,0 @@
-import { useWidgetProps as u } from "../../hooks/useWidgetProps.js";
-import { useClickTracking as p } from "../../hooks/useClickTracking.js";
-import y from "./AccountActionsDropdown.js";
-import h from "./AccountIntentTransactionHistoryButton.js";
-import { useTrailsModal as x } from "../providers/TrailsModalProvider.js";
-import { useConnection as b } from "@0xtrails/wallet";
-import { Fragment as k, jsx as e, jsxs as r } from "react/jsx-runtime";
-import { ChevronLeft as v, X as N } from "lucide-react";
-var _ = ({ onBack: o, headerContent: t, rightSideContent: a, headerContentAlign: c = "left", showAccountActions: l = !1, customActions: i }) => {
-  const { isConnected: m } = b(), { renderInline: d } = u(), { getHandleCloseModal: g, isModalOpen: f } = x(), { trackClick: n } = p();
-  return /* @__PURE__ */ r("div", {
-    className: "flex items-center justify-between w-full mb-4",
-    children: [/* @__PURE__ */ r("div", {
-      className: "flex items-center",
-      children: [o && /* @__PURE__ */ e("button", {
-        type: "button",
-        onClick: () => {
-          n({
-            component: "ScreenHeader",
-            action: "navigate_back",
-            metadata: { headerContent: typeof t == "string" ? t : "custom" }
-          }), o();
-        },
-        className: "flex h-8 w-8 justify-center items-center rounded-full bg-gray-50 dark:bg-gray-700 cursor-pointer transition-colors text-gray-900 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 mr-2",
-        title: "Back",
-        children: /* @__PURE__ */ e(v, { className: "h-4 w-4" })
-      }), t && /* @__PURE__ */ e("h2", {
-        className: `text-lg font-bold ${c === "center" ? "text-center" : "text-left"} text-gray-900 dark:text-white`,
-        children: t
-      })]
-    }), /* @__PURE__ */ r("div", {
-      className: "flex items-center gap-2",
-      children: [
-        a && /* @__PURE__ */ e("div", {
-          className: "text-right max-w-[280px]",
-          children: a
-        }),
-        i,
-        m && l && /* @__PURE__ */ r(k, { children: [/* @__PURE__ */ e("div", {
-          className: "m-0",
-          children: /* @__PURE__ */ e(h, {})
-        }), /* @__PURE__ */ e(y, {})] }),
-        !d && f && /* @__PURE__ */ e("button", {
-          type: "button",
-          onClick: () => {
-            n({
-              component: "ScreenHeader",
-              action: "close_modal",
-              metadata: { headerContent: typeof t == "string" ? t : "custom" }
-            });
-            const s = g();
-            s && s();
-          },
-          className: "flex h-8 w-8 justify-center items-center rounded-full bg-gray-50 dark:bg-gray-700 cursor-pointer transition-colors text-gray-900 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600",
-          title: "Close",
-          children: /* @__PURE__ */ e(N, { className: "h-4 w-4" })
-        })
-      ]
-    })]
-  });
-};
-export {
-  _ as ScreenHeader
-};

package/dist/widget/components/SearchInputField.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-interface SearchInputFieldProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    onDebouncedChange?: (value: string) => void;
-    debounceMs?: number;
-    placeholder?: string;
-    autoFocus?: boolean;
-    rightAlignedComponent?: React.ReactNode;
-    className?: string;
-}
-export declare const SearchInputField: React.FC<SearchInputFieldProps>;
-export default SearchInputField;
-//# sourceMappingURL=SearchInputField.d.ts.map

package/dist/widget/components/SearchInputField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInputField.d.ts","sourceRoot":"","sources":["../../../src/widget/components/SearchInputField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiF5D,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/widget/components/SearchInputField.js

@@ -1,51 +0,0 @@
-import { useCallback as N, useEffect as n, useRef as d, useState as k } from "react";
-import { jsx as s, jsxs as S } from "react/jsx-runtime";
-import { Search as T } from "lucide-react";
-var j = ({ value: e, onChange: t, onDebouncedChange: a, debounceMs: m = 300, placeholder: v = "Search", autoFocus: o = !1, rightAlignedComponent: i, className: b = "" }) => {
-  const u = d(null), r = d(null), [l, p] = k(e ?? ""), c = e !== void 0 && t !== void 0, y = c ? e : l;
-  n(() => {
-    c && e !== l && p(e);
-  }, [
-    e,
-    c,
-    l
-  ]), n(() => () => {
-    r.current && clearTimeout(r.current);
-  }, []);
-  const x = N((h) => {
-    const f = h.target.value;
-    p(f), t && t(f), a && (r.current && clearTimeout(r.current), r.current = setTimeout(() => {
-      a(f);
-    }, m));
-  }, [
-    t,
-    a,
-    m
-  ]);
-  return n(() => {
-    o && u.current && u.current.focus();
-  }, [o]), /* @__PURE__ */ S("div", {
-    className: `relative ${b}`,
-    children: [
-      /* @__PURE__ */ s("div", {
-        className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",
-        children: /* @__PURE__ */ s(T, { className: "h-5 w-5 text-gray-500 dark:text-gray-500" })
-      }),
-      /* @__PURE__ */ s("input", {
-        ref: u,
-        type: "text",
-        value: y,
-        onChange: x,
-        placeholder: v,
-        className: `block w-full pl-10 ${i ? "pr-16" : "pr-4"} py-2 border border-solid border-gray-200 dark:border-gray-700 trails-border-radius-input focus:ring-2 focus:ring-blue-500 focus:border-blue-500 trails-input`
-      }),
-      i && /* @__PURE__ */ s("div", {
-        className: "absolute inset-y-0 right-0 flex items-center",
-        children: i
-      })
-    ]
-  });
-};
-export {
-  j as default
-};

package/dist/widget/components/SessionTimeoutScreen.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-interface SessionTimeoutScreenProps {
-    onTryAgain?: () => void;
-    onBack?: () => void;
-    onRetry?: () => void;
-    title?: string;
-    message?: string;
-    showAnimation?: boolean;
-}
-export declare const SessionTimeoutScreen: React.FC<SessionTimeoutScreenProps>;
-export default SessionTimeoutScreen;
-//# sourceMappingURL=SessionTimeoutScreen.d.ts.map

package/dist/widget/components/SessionTimeoutScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SessionTimeoutScreen.d.ts","sourceRoot":"","sources":["../../../src/widget/components/SessionTimeoutScreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,yBAAyB;IACjC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsFpE,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/widget/components/SessionTimeoutScreen.js

@@ -1,64 +0,0 @@
-import { ScreenHeader as m } from "./ScreenHeader.js";
-import { useEffect as u, useState as y } from "react";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Clock as x, RefreshCw as g } from "lucide-react";
-var N = ({ onTryAgain: l, onBack: a, onRetry: i, title: s = "Session Timeout", message: c = "Your payment session has timed out. Please try again to continue with your transaction.", showAnimation: o = !0 }) => {
-  const [r, n] = y(!1);
-  return u(() => {
-    if (o) {
-      const d = setTimeout(() => n(!0), 100);
-      return () => clearTimeout(d);
-    } else n(!0);
-  }, [o]), /* @__PURE__ */ t("div", {
-    className: "space-y-6",
-    children: [/* @__PURE__ */ e(m, {
-      onBack: a,
-      headerContent: s
-    }), /* @__PURE__ */ t("div", {
-      className: "flex flex-col items-center justify-center min-h-[400px] space-y-6 px-4",
-      children: [
-        /* @__PURE__ */ e("div", {
-          className: `transition-all duration-700 ease-out ${r ? "opacity-100 scale-100" : "opacity-0 scale-75"}`,
-          children: /* @__PURE__ */ e("div", {
-            className: "w-20 h-20 rounded-full bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center",
-            children: /* @__PURE__ */ e(x, { className: "w-10 h-10 text-orange-600 dark:text-orange-400" })
-          })
-        }),
-        /* @__PURE__ */ t("div", {
-          className: `text-center space-y-4 transition-all duration-700 ease-out delay-200 ${r ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-          children: [
-            /* @__PURE__ */ e("h2", {
-              className: "text-xl font-semibold text-gray-900 dark:text-white",
-              children: s
-            }),
-            /* @__PURE__ */ e("p", {
-              className: "text-gray-600 dark:text-gray-400 max-w-md leading-relaxed",
-              children: c
-            }),
-            /* @__PURE__ */ e("div", {
-              className: "text-sm text-gray-500 dark:text-gray-500 mt-2",
-              children: "No payment was processed"
-            })
-          ]
-        }),
-        /* @__PURE__ */ t("div", {
-          className: `flex flex-col sm:flex-row gap-3 w-full max-w-xs transition-all duration-700 ease-out delay-400 ${r ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}`,
-          children: [/* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: i || l,
-            className: "flex-1 flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors cursor-pointer",
-            children: [/* @__PURE__ */ e(g, { className: "w-4 h-4" }), "Try Again"]
-          }), a && /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: a,
-            className: "flex-1 px-6 py-3 bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 font-medium rounded-lg transition-colors cursor-pointer",
-            children: "Cancel"
-          })]
-        })
-      ]
-    })]
-  });
-};
-export {
-  N as default
-};

package/dist/widget/components/ShadowPortal.d.ts

@@ -1,6 +0,0 @@
-export interface ShadowPortalProps {
-    children: React.ReactNode;
-    customCss?: string;
-}
-export declare function ShadowPortal({ children, customCss, }: ShadowPortalProps): React.JSX.Element;
-//# sourceMappingURL=ShadowPortal.d.ts.map

package/dist/widget/components/ShadowPortal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShadowPortal.d.ts","sourceRoot":"","sources":["../../../src/widget/components/ShadowPortal.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAcD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyEvC"}