0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/CountryFilterDropdown.js

@@ -1,93 +0,0 @@
-import { useEffect as g, useMemo as x, useRef as b, useState as v } from "react";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { ChevronDown as D } from "lucide-react";
-var I = ({ countries: n, selectedCountryCode: l, onCountrySelect: w, className: y = "", buttonClassName: N = "", dropdownClassName: C = "", compactMode: f = !1, nestedMode: p = !1 }) => {
-  const i = b(null), u = b(null), [s, c] = v(!1), [a, d] = v(""), h = x(() => {
-    if (!a.trim()) return n;
-    const e = a.trim().toLowerCase();
-    return n.filter((r) => r.name.toLowerCase().includes(e) || r.countryCode.toLowerCase().includes(e));
-  }, [n, a]);
-  g(() => {
-    s && u.current && setTimeout(() => {
-      u.current?.focus();
-    }, 100);
-  }, [s]), g(() => {
-    const e = (r) => {
-      i.current && !i.current.contains(r.target) && (c(!1), d(""));
-    };
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, []);
-  const k = (e) => {
-    w(e), c(!1), d("");
-  }, m = x(() => l === null ? null : n.find((e) => e.countryCode === l) || null, [n, l]);
-  return /* @__PURE__ */ o("div", {
-    className: `relative ${y}`,
-    ref: i,
-    children: [/* @__PURE__ */ o("button", {
-      type: "button",
-      onMouseDown: (e) => {
-        e.preventDefault(), e.stopPropagation(), c(!s);
-      },
-      className: `h-full px-3 flex items-center gap-2 cursor-pointer transition-colors ${N}`,
-      title: "Select a country",
-      children: [m ? /* @__PURE__ */ t("img", {
-        src: m.flagImageUrl,
-        alt: m.name,
-        className: "w-5 h-5 rounded object-cover"
-      }) : /* @__PURE__ */ t("div", {
-        className: "w-5 h-5 flex items-center justify-center",
-        children: /* @__PURE__ */ t("span", {
-          className: "text-white text-xs font-bold",
-          children: "🌍"
-        })
-      }), /* @__PURE__ */ t(D, { className: `h-5 w-5 text-gray-400 transition-all duration-200 ${s ? "rotate-180" : ""}` })]
-    }), s && /* @__PURE__ */ o("div", {
-      className: `absolute right-0 top-full mt-1 min-w-[280px] trails-bg-secondary trails-border trails-border-radius-list token-list-border shadow-lg z-50 ${p ? "max-h-80" : f ? "max-h-48" : "max-h-[400px]"} ${C}`,
-      children: [/* @__PURE__ */ t("div", {
-        className: "p-2 border-b border-gray-200 dark:border-gray-700",
-        children: /* @__PURE__ */ t("input", {
-          ref: u,
-          type: "text",
-          value: a,
-          onChange: (e) => d(e.target.value),
-          placeholder: "Select your country",
-          className: "w-full px-3 py-2 text-sm border border-solid trails-border-radius-input focus:ring-2 focus:ring-blue-500 focus:border-blue-500 trails-input",
-          onMouseDown: (e) => e.stopPropagation()
-        })
-      }), /* @__PURE__ */ o("div", {
-        className: `p-2 ${p ? "max-h-52" : f ? "max-h-32" : "max-h-[320px]"} overflow-y-auto trails-scrollbar`,
-        children: [h.map((e) => /* @__PURE__ */ o("button", {
-          type: "button",
-          onMouseDown: (r) => {
-            r.preventDefault(), r.stopPropagation(), k(e.countryCode);
-          },
-          className: `w-full flex items-center gap-3 px-3 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors rounded text-left ${l === e.countryCode ? "bg-blue-50 dark:bg-blue-900/20" : ""}`,
-          title: e.name,
-          children: [/* @__PURE__ */ t("img", {
-            src: e.flagImageUrl,
-            alt: e.name,
-            className: "w-6 h-6 rounded object-cover flex-shrink-0"
-          }), /* @__PURE__ */ t("span", {
-            className: "text-sm font-medium",
-            children: e.name
-          })]
-        }, e.countryCode)), h.length === 0 && a.trim() && /* @__PURE__ */ t("div", {
-          className: "text-center py-4",
-          children: /* @__PURE__ */ o("p", {
-            className: "text-sm text-gray-500 dark:text-gray-400",
-            children: [
-              'No countries found matching "',
-              a,
-              '"'
-            ]
-          })
-        })]
-      })]
-    })]
-  });
-};
-export {
-  I as default
-};

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

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-interface DebugMenuProps {
-    onScreenSelect?: (screen: string) => void;
-}
-export declare const DebugMenu: React.FC<DebugMenuProps>;
-export {};
-//# sourceMappingURL=DebugMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DebugMenu.d.ts","sourceRoot":"","sources":["../../../src/widget/components/DebugMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqC9C,CAAA"}

package/dist/widget/components/DebugMenu.js

@@ -1,33 +0,0 @@
-import { useTrails as u } from "../providers/TrailsProvider.js";
-import g from "./ConfigDisplay.js";
-import { DebugScreensList as m } from "./DebugScreensList.js";
-import { DebugToast as c } from "./DebugToast.js";
-import { useRef as b, useState as f } from "react";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { ChevronDown as p } from "lucide-react";
-var D = ({ onScreenSelect: a }) => {
-  const [r, o] = f(!1), s = b(null), { debug: l } = u(), n = l, d = (i) => {
-    a?.(i), o(!1);
-  };
-  return n ? /* @__PURE__ */ t("div", {
-    className: "relative z-50",
-    ref: s,
-    children: [/* @__PURE__ */ e("button", {
-      type: "button",
-      onClick: () => o(!r),
-      className: "p-1 rounded-full hover:bg-opacity-10 hover:bg-gray-50 text-gray-900 dark:hover:bg-gray-800 dark:text-gray-200",
-      title: "Open debug menu",
-      children: /* @__PURE__ */ e(p, { className: "w-4 h-4" })
-    }), r && /* @__PURE__ */ t("div", {
-      className: "absolute bottom-full right-0 mb-1 w-80 border border-solid rounded-lg shadow-lg overflow-hidden max-h-[400px] overflow-y-auto custom-scrollbar bg-white border-gray-200 text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200 z-50",
-      children: [
-        /* @__PURE__ */ e(m, { onScreenSelect: d }),
-        /* @__PURE__ */ e(c, {}),
-        /* @__PURE__ */ e(g, {})
-      ]
-    })]
-  }) : null;
-};
-export {
-  D as DebugMenu
-};

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

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-interface DebugScreensListProps {
-    onScreenSelect: (screen: string) => void;
-}
-export declare const DebugScreensList: React.FC<DebugScreensListProps>;
-export {};
-//# sourceMappingURL=DebugScreensList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DebugScreensList.d.ts","sourceRoot":"","sources":["../../../src/widget/components/DebugScreensList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,qBAAqB;IAC7B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAuCD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0B5D,CAAA"}

package/dist/widget/components/DebugScreensList.js

@@ -1,56 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-var i = [
-  "Connect",
-  "Fund Methods",
-  "Meld Onramp",
-  "Mesh Connect",
-  "Wallet Connect",
-  "Wallet List",
-  "Wallet Connection Pending",
-  "Wallet Connection Pending Retry",
-  "Tokens",
-  "Chain List",
-  "Send Form",
-  "Fund Form",
-  "Recipients",
-  "Earn",
-  "Earn Pools",
-  "Swap",
-  "Wallet Confirmation",
-  "Wallet Confirmation Retry",
-  "Pending 1-item-0-confirmed",
-  "Pending 1-item-1-confirmed",
-  "Pending 2-item-0-confirmed",
-  "Pending 2-item-1-confirmed",
-  "Pending 2-item-2-confirmed",
-  "Pending 3-item-0-confirmed",
-  "Pending 3-item-1-confirmed",
-  "Pending 3-item-2-confirmed",
-  "Pending 3-item-3-confirmed",
-  "Pending 3-item-2-confirmed-with-error",
-  "Receipt",
-  "Receipt Failed",
-  "Receipt Refunded",
-  "Account History",
-  "Account Settings",
-  "User Preferences"
-], d = ({ onScreenSelect: r }) => /* @__PURE__ */ t("div", { children: [/* @__PURE__ */ e("div", {
-  className: "px-3 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800",
-  children: /* @__PURE__ */ e("div", {
-    className: "text-xs font-medium text-gray-600 dark:text-gray-400 mb-1",
-    children: "Debug Screens"
-  })
-}), /* @__PURE__ */ e("div", {
-  className: "max-h-[200px] overflow-y-auto",
-  children: i.map((n) => /* @__PURE__ */ e("button", {
-    type: "button",
-    onClick: () => {
-      r(n?.toLowerCase().replaceAll(" ", "-"));
-    },
-    className: "w-full text-left px-3 py-2 text-sm text-gray-700 hover:bg-gray-50 dark:text-gray-200 dark:hover:bg-gray-700 cursor-pointer",
-    children: n
-  }, n))
-})] });
-export {
-  d as DebugScreensList
-};

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

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare const DebugToast: React.FC;
-//# sourceMappingURL=DebugToast.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DebugToast.d.ts","sourceRoot":"","sources":["../../../src/widget/components/DebugToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA2D9B,CAAA"}

package/dist/widget/components/DebugToast.js

@@ -1,46 +0,0 @@
-import { useToast as t } from "./Toast.js";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-var i = () => {
-  const { showToast: r } = t();
-  return /* @__PURE__ */ e("div", {
-    className: "p-3 border-b border-gray-200 dark:border-gray-700",
-    children: /* @__PURE__ */ o("div", {
-      className: "flex items-center gap-2",
-      children: [/* @__PURE__ */ e("div", {
-        className: "text-xs font-semibold text-gray-600 dark:text-gray-400",
-        children: "Toast"
-      }), /* @__PURE__ */ o("div", {
-        className: "flex gap-1 flex-1",
-        children: [
-          /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: () => {
-              r("Info Toast", "This is an info message for testing purposes", "info");
-            },
-            className: "px-2 py-1 text-xs font-medium rounded bg-blue-100 text-blue-700 hover:bg-blue-200 dark:bg-blue-900/30 dark:text-blue-400 dark:hover:bg-blue-900/50 transition-colors cursor-pointer",
-            children: "info"
-          }),
-          /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: () => {
-              r("Transaction Complete", "Your transaction has been successfully processed", "success");
-            },
-            className: "px-2 py-1 text-xs font-medium rounded bg-green-100 text-green-700 hover:bg-green-200 dark:bg-green-900/30 dark:text-green-400 dark:hover:bg-green-900/50 transition-colors cursor-pointer",
-            children: "success"
-          }),
-          /* @__PURE__ */ e("button", {
-            type: "button",
-            onClick: () => {
-              r("Transaction Failed", "An error occurred while processing your transaction", "error");
-            },
-            className: "px-2 py-1 text-xs font-medium rounded bg-red-100 text-red-700 hover:bg-red-200 dark:bg-red-900/30 dark:text-red-400 dark:hover:bg-red-900/50 transition-colors cursor-pointer",
-            children: "error"
-          })
-        ]
-      })]
-    })
-  });
-};
-export {
-  i as DebugToast
-};

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

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-export interface DepositTrackerProps {
-    depositAddress: string;
-    requiredAmount: string;
-    tokenAddress: string;
-    tokenSymbol: string;
-    tokenDecimals: number;
-    chainId: number;
-    onDepositComplete?: () => void;
-}
-export declare const DepositTracker: React.FC<DepositTrackerProps>;
-export default DepositTracker;
-//# sourceMappingURL=DepositTracker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DepositTracker.d.ts","sourceRoot":"","sources":["../../../src/widget/components/DepositTracker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4SxD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/widget/components/DepositTracker.js

@@ -1,194 +0,0 @@
-import { logger as M } from "../../logger/index.js";
-import { isNativeToken as C, normalizeAddress as F } from "../../utils/address.js";
-import { isPositiveBigInt as z } from "../../utils/validation.js";
-import { formatAmountDisplay as v } from "../../utils/format.js";
-import { useTokenBalances as $ } from "../../query/balance.hooks.js";
-import T from "./TokenImage.js";
-import { useDepositMonitor as j } from "../../hooks/useDepositMonitor.js";
-import { formatUnits as y } from "viem";
-import { useEffect as E, useMemo as g, useRef as L } from "react";
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { CheckCircle as P, Clock as k } from "lucide-react";
-var X = ({ depositAddress: N, requiredAmount: u, tokenAddress: l, tokenSymbol: b, tokenDecimals: f, chainId: c, onDepositComplete: x }) => {
-  const D = L(!1);
-  j({
-    chainId: c,
-    depositAddress: N,
-    tokenAddress: l,
-    requiredAmount: u,
-    enabled: !0
-  });
-  const { sortedTokens: n } = $(N, l, {
-    disabled: !1,
-    refetchInterval: 2e3
-  }), p = g(() => {
-    if (!n || n.length === 0) return null;
-    const e = F(l), t = C(e);
-    return n.find((a) => {
-      const i = a.isNativeToken ?? !1;
-      return a.chainId !== c ? !1 : t ? i : !i && a.contractAddress?.toLowerCase() === e;
-    });
-  }, [
-    n,
-    l,
-    c
-  ]), d = g(() => !n || n.length === 0 ? [] : n.filter((e) => e.chainId !== c ? !1 : z(e.balance || "0")), [n, c]), B = g(() => {
-    if (d.length === 0) return !1;
-    if (d.length > 1) return !0;
-    const e = d[0];
-    if (!e) return !1;
-    const t = F(l), a = C(t), i = e.isNativeToken ?? !1, m = i ? void 0 : e.contractAddress?.toLowerCase();
-    return a && i ? !1 : a !== i ? !0 : !(!a && m === t);
-  }, [d, l]), o = g(() => {
-    const e = BigInt(u), t = p?.balance ? BigInt(p.balance) : 0n, a = e > 0n ? Number(t * 10000n / e) / 100 : 0, i = t >= e, m = t > 0n && t < e, h = t > e, I = y(t, f), U = y(e, f);
-    return {
-      currentBalance: t,
-      percentage: Math.min(a, 100),
-      isComplete: i,
-      isPartial: m,
-      isOverpaid: h,
-      currentFormatted: I,
-      requiredFormatted: U
-    };
-  }, [
-    u,
-    p,
-    f
-  ]), w = o.isComplete ? {
-    icon: /* @__PURE__ */ r(P, { className: "w-4 h-4 text-green-500" }),
-    text: "Complete",
-    progressColor: "bg-green-500"
-  } : o.isPartial ? {
-    icon: /* @__PURE__ */ r(k, { className: "w-4 h-4 text-blue-500" }),
-    text: "In progress",
-    progressColor: "bg-blue-500"
-  } : {
-    icon: /* @__PURE__ */ r(k, { className: "w-4 h-4 text-gray-400" }),
-    text: "Waiting for deposit",
-    progressColor: "bg-gray-300"
-  };
-  return E(() => {
-    o.isComplete && x && !D.current && (M.console.log("[trails-sdk] Deposit confirmed in DepositTracker, calling onDepositComplete"), D.current = !0, x());
-  }, [o.isComplete, x]), /* @__PURE__ */ s("div", {
-    className: "space-y-3",
-    children: [/* @__PURE__ */ s("div", {
-      className: "space-y-2",
-      children: [
-        /* @__PURE__ */ s("div", {
-          className: "flex items-center gap-2",
-          children: [/* @__PURE__ */ r("span", {
-            className: "text-sm font-medium text-gray-900 dark:text-white",
-            children: "Deposit status"
-          }), /* @__PURE__ */ s("span", {
-            className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium",
-            style: {
-              backgroundColor: "#BFDBFE",
-              color: "#1D4ED8"
-            },
-            children: [w.text, /* @__PURE__ */ s("svg", {
-              "aria-hidden": "true",
-              width: "14",
-              height: "14",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "text-blue-500",
-              children: [/* @__PURE__ */ r("circle", {
-                cx: "12",
-                cy: "12",
-                r: "10",
-                stroke: "currentColor",
-                strokeWidth: "2"
-              }), /* @__PURE__ */ r("path", {
-                d: "M12 16V12M12 8H12.01",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round"
-              })]
-            })]
-          })]
-        }),
-        /* @__PURE__ */ r("div", {
-          className: "w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5 overflow-hidden",
-          children: /* @__PURE__ */ r("div", {
-            className: `${w.progressColor} h-full transition-all duration-500 ease-out`,
-            style: { width: `${Math.min(o.percentage, 100)}%` }
-          })
-        }),
-        /* @__PURE__ */ s("div", {
-          className: "flex justify-between items-center text-xs",
-          children: [/* @__PURE__ */ s("div", {
-            className: "flex items-center gap-1",
-            children: [/* @__PURE__ */ r(T, {
-              imageUrl: p?.imageUrl,
-              symbol: b,
-              chainId: c,
-              contractAddress: l,
-              size: 16
-            }), /* @__PURE__ */ s("span", {
-              className: "text-gray-600 dark:text-gray-400",
-              children: [
-                v(o.currentFormatted, {
-                  maxFractionDigits: 6,
-                  minFractionDigits: 2
-                }),
-                " ",
-                "/",
-                " ",
-                v(o.requiredFormatted, {
-                  maxFractionDigits: 6,
-                  minFractionDigits: 2
-                }),
-                " ",
-                b
-              ]
-            })]
-          }), /* @__PURE__ */ s("span", {
-            className: "font-semibold text-gray-500 dark:text-gray-500",
-            children: [o.percentage.toFixed(1), "%"]
-          })]
-        })
-      ]
-    }), B && /* @__PURE__ */ s("div", {
-      className: "space-y-1.5",
-      children: [/* @__PURE__ */ r("p", {
-        className: "text-xs text-gray-600 dark:text-gray-400",
-        children: "Detected Deposits:"
-      }), /* @__PURE__ */ r("div", {
-        className: "trails-border-radius-container border trails-border-primary max-h-[200px] overflow-y-auto",
-        children: d.map((e, t) => {
-          const a = e.isNativeToken ?? !1, i = e.chainId ?? c, m = y(BigInt(e.balance || "0"), e.decimals), h = a ? `native-${i}` : `${e.contractAddress}-${i}`;
-          return /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
-            className: "px-2 py-1.5 flex items-center gap-2",
-            children: [/* @__PURE__ */ r(T, {
-              imageUrl: e.imageUrl,
-              symbol: e.symbol,
-              chainId: i,
-              contractAddress: a ? void 0 : e.contractAddress,
-              size: 16
-            }), /* @__PURE__ */ s("div", {
-              className: "flex flex-col flex-1 min-w-0",
-              children: [/* @__PURE__ */ s("span", {
-                className: "text-xs text-gray-900 dark:text-white truncate",
-                children: [
-                  v(m, {
-                    maxFractionDigits: 6,
-                    minFractionDigits: 2
-                  }),
-                  " ",
-                  e.symbol
-                ]
-              }), e.balanceUsdFormatted && /* @__PURE__ */ r("span", {
-                className: "text-xs text-gray-500 dark:text-gray-400",
-                children: e.balanceUsdFormatted
-              })]
-            })]
-          }), t < d.length - 1 && /* @__PURE__ */ r("div", { className: "border-t trails-border-primary" })] }, h);
-        })
-      })]
-    })]
-  });
-};
-export {
-  X as default
-};

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

@@ -1,15 +0,0 @@
-import { QRCodeWalletOption } from '@0xtrails/wallet/registry';
-import { default as React } from 'react';
-import { PrepareSendQuote } from '../../prepareSend.js';
-interface DirectTransferProps {
-    onBack?: () => void;
-    onChangeWallet?: () => void;
-    quote?: PrepareSendQuote | null;
-    use681QrCode?: boolean;
-    selectedWalletId?: string | null;
-    walletOptions?: QRCodeWalletOption[];
-    onIntentExecuted?: () => void;
-}
-export declare const DirectTransfer: React.FC<DirectTransferProps>;
-export default DirectTransfer;
-//# sourceMappingURL=DirectTransfer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DirectTransfer.d.ts","sourceRoot":"","sources":["../../../src/widget/components/DirectTransfer.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAS5D,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAA;IACpC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiRxD,CAAA;AAED,eAAe,cAAc,CAAA"}