@velora-dex/widget 0.6.0 → 0.6.1-dev.1

package/dist/components/widget/TradeOverview/TradeDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeDetails.js","names":["TokenBadge","formatTokenAmount","Token","useTradeFlowContext","TradeDetailsDisplay","SwapSideUnion","TradeFlowType","isSwapTradeFlowType","WarningWithTitle","WarningProps","PayReceiveInfoProps","useTokenPrice","PayReceiveInfo","InfoIcon","SwapRate","parseUnits","TokenBadgeProps","MinTradeFlowToken","Pick","TradeDetailsProps","fromToken","toToken","fromAmount","toAmount","tradeFlowType","swapSide","badgeClasses","root","TradeAnimatedProgressDetailsBase","t0","$","_c","t1","undefined","t2","isSwapFlow","isSell","fromTokenLabel","toTokenLabel","T0","t10","t11","t12","t13","t14","t15","t3","t4","t5","t6","t7","t8","t9","fromTokenObj","token","label","amount","toTokenObj","firstToken","secondToken","Symbol","for","address","network","img","symbol","t16","t17","t18","t19","tokenBadgeClasses","logo","InfoPropsExtraInput","srcToken","destToken","srcAmountUnit","destAmountUnit","constructPayReceiveInfoProps","extra","srcTokenPrice","destTokenPrice","formattedSrcAmount","formattedDestAmount","srcUsdAmount","parseFloat","destUsdAmount","isCrossChain","topTokenBadgeProps","chainId","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","srcAmountWei","decimals","destAmountWei","topToken","tokenBadgeProps","usdAmount","showNetwork","section","bottomToken","extraLabel","toString","line","warningClasses","PriceChangedWarning","TradeReviewDetailsBase","data","price","payReceiveInfoProps","TradeDetails","derivedStep"],"sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isSwapTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport type { WarningProps } from \"../Warning/types\";\nimport type { PayReceiveInfoProps } from \"../PayReceiveInfo/types\";\nimport { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { PayReceiveInfo } from \"../PayReceiveInfo/PayReceiveInfo\";\nimport { InfoIcon } from \"lucide-react\";\nimport { SwapRate } from \"../SwapRate/SwapRate\";\nimport { parseUnits } from \"viem\";\nimport type { TokenBadgeProps } from \"../TokenBadge/types\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  tradeFlowType: TradeFlowType;\n  swapSide?: SwapSideUnion;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeAnimatedProgressDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  tradeFlowType,\n  swapSide = \"SELL\",\n}: TradeDetailsProps) => {\n  const isSwapFlow = isSwapTradeFlowType(tradeFlowType);\n  const isSell = swapSide === \"SELL\";\n\n  let fromTokenLabel: string;\n  let toTokenLabel: string;\n  if (isSwapFlow) {\n    // Swap Flow has special labels for BUY case\n    fromTokenLabel = isSell ? \"Swap\" : \"For (at most)\";\n    toTokenLabel = isSell ? \"For (at least)\" : \"Buy\";\n  } else {\n    fromTokenLabel = \"Pay\";\n    toTokenLabel = \"Receive\";\n  }\n\n  const fromTokenObj = {\n    token: fromToken,\n    label: fromTokenLabel,\n    amount: fromAmount,\n  };\n  const toTokenObj = {\n    token: toToken,\n    label: toTokenLabel,\n    amount: toAmount,\n  };\n\n  const [firstToken, secondToken] =\n    isSell || !isSwapFlow\n      ? [fromTokenObj, toTokenObj]\n      : // Swap Flow has reversed token order for BUY case\n        [toTokenObj, fromTokenObj];\n\n  return (\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n      <div className=\"flex items-center justify-between gap-2 py-[8px] px-[16px]\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{firstToken.label}</span>\n          <TokenBadge\n            address={firstToken.token.address}\n            chainId={firstToken.token.network}\n            img={firstToken.token.img}\n            symbol={firstToken.token.symbol}\n            showNetworkIcon\n            explorerLink\n            amount={formatTokenAmount(firstToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{secondToken.label}</span>\n          <TokenBadge\n            address={secondToken.token.address}\n            chainId={secondToken.token.network}\n            img={secondToken.token.img}\n            symbol={secondToken.token.symbol}\n            showNetworkIcon\n            explorerLink\n            amount={formatTokenAmount(secondToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\ntype InfoPropsExtraInput = {\n  srcToken: MinTradeFlowToken;\n  destToken: MinTradeFlowToken;\n  srcAmountUnit: string;\n  destAmountUnit: string;\n};\n\nfunction constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: InfoPropsExtraInput;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(srcAmountUnit) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(destAmountUnit) * destTokenPrice\n      : undefined;\n\n  const isCrossChain = srcToken.network !== destToken.network;\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: isCrossChain,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: isCrossChain,\n  };\n\n  const srcAmountWei = parseUnits(srcAmountUnit, srcToken.decimals);\n  const destAmountWei = parseUnits(destAmountUnit, destToken.decimals);\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n      usdAmount: srcUsdAmount,\n      showNetwork: false,\n      classes: {\n        section: \"p-4\",\n      },\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: false,\n      extraLabel: (\n        <div className=\"flex items-center gap-1.5 text-xs font-normal text-secondary-orange-peel-1\">\n          <InfoIcon size={16} />\n          <SwapRate\n            srcAmountWei={srcAmountWei.toString()}\n            destAmountWei={destAmountWei.toString()}\n            srcToken={srcToken}\n            destToken={destToken}\n          />\n        </div>\n      ),\n      classes: {\n        section: \"p-4\",\n      },\n    },\n    classes: {\n      root: \"bg-contrast-9 dark:bg-contrast-3\",\n      line: \"bg-contrast-7 dark:bg-contrast-2\",\n    },\n  };\n}\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\nconst PriceChangedWarning = () => {\n  return (\n    <WarningWithTitle\n      title=\"Price changed\"\n      message={\n        <div>\n          The price changed since your last attempt. Token amounts may differ.\n          Please review before submitting again.\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\nconst TradeReviewDetailsBase = () => {\n  const { fromToken, toToken, fromAmount, toAmount } = useTradeFlowContext();\n  const { data: srcTokenPrice } = useTokenPrice(fromToken);\n  const { data: destTokenPrice } = useTokenPrice(toToken);\n  const payReceiveInfoProps = constructPayReceiveInfoProps({\n    extra: {\n      srcToken: fromToken,\n      destToken: toToken,\n      srcAmountUnit: fromAmount,\n      destAmountUnit: toAmount,\n    },\n    srcTokenPrice: srcTokenPrice?.price,\n    destTokenPrice: destTokenPrice?.price,\n  });\n\n  return (\n    <div className=\"flex flex-col gap-4 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5\">\n      <PayReceiveInfo {...payReceiveInfoProps} />\n      <PriceChangedWarning />\n    </div>\n  );\n};\n\nexport const TradeDetails = () => {\n  const {\n    fromToken,\n    toToken,\n    fromAmount,\n    toAmount,\n    swapSide,\n    tradeFlowType,\n    derivedStep,\n  } = useTradeFlowContext();\n\n  if (derivedStep === \"prepare-swap\") {\n    return <TradeReviewDetailsBase />;\n  }\n\n  return (\n    <TradeAnimatedProgressDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TradeDetails.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isSwapTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport { WarningWithTitle } from \"../Warning/Warning\";\nimport type { WarningProps } from \"../Warning/types\";\nimport type { PayReceiveInfoProps } from \"../PayReceiveInfo/types\";\nimport { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { PayReceiveInfo } from \"../PayReceiveInfo/PayReceiveInfo\";\nimport { InfoIcon } from \"lucide-react\";\nimport { SwapRate } from \"../SwapRate/SwapRate\";\nimport { parseUnits } from \"viem\";\nimport type { TokenBadgeProps } from \"../TokenBadge/types\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  tradeFlowType: TradeFlowType;\n  swapSide?: SwapSideUnion;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeAnimatedProgressDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  tradeFlowType,\n  swapSide = \"SELL\",\n}: TradeDetailsProps) => {\n  const isSwapFlow = isSwapTradeFlowType(tradeFlowType);\n  const isSell = swapSide === \"SELL\";\n\n  let fromTokenLabel: string;\n  let toTokenLabel: string;\n  if (isSwapFlow) {\n    // Swap Flow has special labels for BUY case\n    fromTokenLabel = isSell ? \"Swap\" : \"For (at most)\";\n    toTokenLabel = isSell ? \"For (at least)\" : \"Buy\";\n  } else {\n    fromTokenLabel = \"Pay\";\n    toTokenLabel = \"Receive\";\n  }\n\n  const fromTokenObj = {\n    token: fromToken,\n    label: fromTokenLabel,\n    amount: fromAmount,\n  };\n  const toTokenObj = {\n    token: toToken,\n    label: toTokenLabel,\n    amount: toAmount,\n  };\n\n  const [firstToken, secondToken] =\n    isSell || !isSwapFlow\n      ? [fromTokenObj, toTokenObj]\n      : // Swap Flow has reversed token order for BUY case\n        [toTokenObj, fromTokenObj];\n\n  return (\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n      <div className=\"flex items-center justify-between gap-2 py-[8px] px-[16px]\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{firstToken.label}</span>\n          <TokenBadge\n            address={firstToken.token.address}\n            chainId={firstToken.token.network}\n            img={firstToken.token.img}\n            symbol={firstToken.token.symbol}\n            showNetworkIcon\n            explorerLink\n            amount={formatTokenAmount(firstToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{secondToken.label}</span>\n          <TokenBadge\n            address={secondToken.token.address}\n            chainId={secondToken.token.network}\n            img={secondToken.token.img}\n            symbol={secondToken.token.symbol}\n            showNetworkIcon\n            explorerLink\n            amount={formatTokenAmount(secondToken.amount, 5)}\n            classes={badgeClasses}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\ntype InfoPropsExtraInput = {\n  srcToken: MinTradeFlowToken;\n  destToken: MinTradeFlowToken;\n  srcAmountUnit: string;\n  destAmountUnit: string;\n};\n\nfunction constructPayReceiveInfoProps({\n  extra,\n  srcTokenPrice,\n  destTokenPrice,\n}: {\n  extra: InfoPropsExtraInput;\n  srcTokenPrice?: number;\n  destTokenPrice?: number;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const srcUsdAmount =\n    srcTokenPrice !== undefined\n      ? parseFloat(srcAmountUnit) * srcTokenPrice\n      : undefined;\n  const destUsdAmount =\n    destTokenPrice !== undefined\n      ? parseFloat(destAmountUnit) * destTokenPrice\n      : undefined;\n\n  const isCrossChain = srcToken.network !== destToken.network;\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: isCrossChain,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: isCrossChain,\n  };\n\n  const srcAmountWei = parseUnits(srcAmountUnit, srcToken.decimals);\n  const destAmountWei = parseUnits(destAmountUnit, destToken.decimals);\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n      usdAmount: srcUsdAmount,\n      showNetwork: false,\n      classes: {\n        section: \"p-4\",\n      },\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n      usdAmount: destUsdAmount,\n      showNetwork: false,\n      extraLabel: (\n        <div className=\"flex items-center gap-1.5 text-xs font-normal text-secondary-orange-peel-1\">\n          <InfoIcon size={16} />\n          <SwapRate\n            srcAmountWei={srcAmountWei.toString()}\n            destAmountWei={destAmountWei.toString()}\n            srcToken={srcToken}\n            destToken={destToken}\n          />\n        </div>\n      ),\n      classes: {\n        section: \"p-4\",\n      },\n    },\n    classes: {\n      root: \"bg-contrast-9 dark:bg-contrast-3\",\n      line: \"bg-contrast-7 dark:bg-contrast-2\",\n    },\n  };\n}\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\nconst PriceChangedWarning = () => {\n  return (\n    <WarningWithTitle\n      title=\"Price changed\"\n      message={\n        <div>\n          The price changed since your last attempt. Token amounts may differ.\n          Please review before submitting again.\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\nconst TradeReviewDetailsBase = () => {\n  const { fromToken, toToken, fromAmount, toAmount } = useTradeFlowContext();\n  const { data: srcTokenPrice } = useTokenPrice(fromToken);\n  const { data: destTokenPrice } = useTokenPrice(toToken);\n  const payReceiveInfoProps = constructPayReceiveInfoProps({\n    extra: {\n      srcToken: fromToken,\n      destToken: toToken,\n      srcAmountUnit: fromAmount,\n      destAmountUnit: toAmount,\n    },\n    srcTokenPrice: srcTokenPrice?.price,\n    destTokenPrice: destTokenPrice?.price,\n  });\n\n  return (\n    <div className=\"flex flex-col gap-4 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5\">\n      <PayReceiveInfo {...payReceiveInfoProps} />\n      <PriceChangedWarning />\n    </div>\n  );\n};\n\nexport const TradeDetails = () => {\n  const {\n    fromToken,\n    toToken,\n    fromAmount,\n    toAmount,\n    swapSide,\n    tradeFlowType,\n    derivedStep,\n  } = useTradeFlowContext();\n\n  if (derivedStep === \"prepare-swap\") {\n    return <TradeReviewDetailsBase />;\n  }\n\n  return (\n    <TradeAnimatedProgressDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeAnimatedProgressDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","tradeFlowType","swapSide","t1","undefined","t2","isSwapTradeFlowType","isSwapFlow","isSell","fromTokenLabel","toTokenLabel","T0","t10","t11","t12","t13","t14","t15","t3","t4","t5","t6","t7","t8","t9","fromTokenObj","token","label","amount","toTokenObj","firstToken","secondToken","Symbol","for","address","network","img","symbol","formatTokenAmount","TokenBadge","t16","t17","t18","t19","tokenBadgeClasses","logo","constructPayReceiveInfoProps","extra","srcTokenPrice","destTokenPrice","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","srcUsdAmount","parseFloat","destUsdAmount","isCrossChain","topTokenBadgeProps","chainId","amountPosition","classes","showNetworkIcon","bottomTokenBadgeProps","srcAmountWei","parseUnits","decimals","destAmountWei","topToken","tokenBadgeProps","usdAmount","showNetwork","section","bottomToken","extraLabel","toString","line","warningClasses","PriceChangedWarning","TradeReviewDetailsBase","useTradeFlowContext","data","useTokenPrice","price","payReceiveInfoProps","TradeDetails","derivedStep"],"mappings":";;;;;;;;;;;;;;AAiCA,MAAMA,YAAAA,GAAe;AAAA,EACnBC,IAAAA,EAAM;AACR,CAAA;AAEA,MAAMC,mCAAmCC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,QAAAA,EAAAC;AAAAA,GAAA,GAAAT,EAAAA;AAMxC,EAAA,MAAAQ,QAAAA,GAAAC,EAAAA,KAAAC,MAAAA,GAAA,MAAA,GAAAD,EAAAA;AAAiB,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAV,CAAAA,QAAAM,aAAAA,EAAA;AAEEI,IAAAA,EAAAA,GAAAC,oBAAoBL,aAAa,CAAA;AAACN,IAAAA,CAAAA,MAAAM,aAAAA;AAAAN,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAArD,EAAA,MAAAY,UAAAA,GAAmBF,EAAAA;AACnB,EAAA,MAAAG,SAAeN,QAAAA,KAAa,MAAA;AAExBO,EAAAA,IAAAA,cAAAA;AACAC,EAAAA,IAAAA,YAAAA;AACJ,EAAA,IAAIH,UAAAA,EAAU;AAEZE,IAAAA,cAAAA,GAAiBD,SAAA,MAAA,GAAA,eAAA;AACjBE,IAAAA,YAAAA,GAAeF,SAAA,gBAAA,GAAA,KAAA;AAAA,EAAH,CAAA,MAAA;AAEZC,IAAAA,cAAAA,GAAiBA,KAAAA;AACjBC,IAAAA,YAAAA,GAAeA,SAAAA;AAAAA,EAAH;AACb,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAAC,GAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAA7B,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAc,cAAAA,IAAAd,EAAA,CAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAY,UAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,CAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,QAAAe,YAAAA,EAAA;AAED,IAAA,MAAAe,YAAAA,GAAqB;AAAA,MAAAC,KAAAA,EACZ7B,SAAAA;AAAAA,MAAS8B,KAAAA,EACTlB,cAAAA;AAAAA,MAAcmB,MAAAA,EACb7B;AAAAA,KACV;AACA,IAAA,MAAA8B,UAAAA,GAAmB;AAAA,MAAAH,KAAAA,EACV5B,OAAAA;AAAAA,MAAO6B,KAAAA,EACPjB,YAAAA;AAAAA,MAAYkB,MAAAA,EACX5B;AAAAA,KACV;AAEA,IAAA,MAAA,CAAA8B,UAAAA,EAAAC,WAAA,CAAA,GACEvB,MAAAA,IAAA,CAAWD,UAAAA,GAAX,CACKkB,YAAAA,EAAcI,UAAU,CAAA,GAD7B,CAGKA,YAAYJ,YAAY,CAAA;AAGdT,IAAAA,GAAAA,GAAA,8GAAA;AAA8G,IAAA,IAAArB,EAAA,EAAA,CAAA,KAAAqC,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAC3HhB,MAAAA,GAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGtB,MAAAA,CAAAA,OAAAsB,GAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAtB,EAAA,EAAA,CAAA;AAAA,IAAA;AACRmB,IAAAA,GAAAA,GAAA,4DAAA;AACbC,IAAAA,GAAAA,iCAAe,SAAA,EAAA,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,WAAgB,SAAA,EAAA,SAAA,EAAWe,QAAAA,EAAAA,UAAAA,CAAUH,KAAAA,EAAO,CAAA;AAAA,sBAC5C,GAAA,CAAC,UAAA,EAAA,EACU,OAAA,EAAAG,UAAAA,CAAUJ,KAAAA,CAAMQ,OAAAA,EAChB,OAAA,EAAAJ,UAAAA,CAAUJ,KAAAA,CAAMS,OAAAA,EACpB,GAAA,EAAAL,UAAAA,CAAUJ,KAAAA,CAAMU,GAAAA,EACb,MAAA,EAAAN,UAAAA,CAAUJ,KAAAA,CAAMW,MAAAA,EACxB,eAAA,EAAA,IAAA,EACA,YAAA,EAAA,IAAA,EACQ,MAAA,EAAAC,iBAAAA,CAAkBR,UAAAA,CAAUF,MAAAA,EAAS,CAAC,CAAA,EACrCrC,uBAAY;AAAA,KAAA,EAEzB,CAAA;AACeqB,IAAAA,GAAAA,GAAA,yBAAA;AACbC,IAAAA,GAAAA,mBAAA,GAAA,CAAA,MAAA,EAAA,EAAgB,SAAA,EAAA,SAAA,EAAWkB,sBAAWJ,KAAAA,EAAO,CAAA;AAC5ChB,IAAAA,EAAAA,GAAA4B,UAAAA;AACUrB,IAAAA,EAAAA,GAAAa,YAAWL,KAAAA,CAAMQ,OAAAA;AACjBf,IAAAA,EAAAA,GAAAY,YAAWL,KAAAA,CAAMS,OAAAA;AACrBf,IAAAA,EAAAA,GAAAW,YAAWL,KAAAA,CAAMU,GAAAA;AACdf,IAAAA,EAAAA,GAAAU,YAAWL,KAAAA,CAAMW,MAAAA;AACzBf,IAAAA,EAAAA,GAAA,IAAA;AACAC,IAAAA,EAAAA,GAAA,IAAA;AACQC,IAAAA,EAAAA,GAAAc,iBAAAA,CAAkBP,WAAAA,CAAWH,MAAAA,EAAS,CAAC,CAAA;AAACjC,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAc,cAAAA;AAAAd,IAAAA,CAAAA,MAAAa,MAAAA;AAAAb,IAAAA,CAAAA,MAAAY,UAAAA;AAAAZ,IAAAA,CAAAA,MAAAK,QAAAA;AAAAL,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAe,YAAAA;AAAAf,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,GAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,GAAAA;AAAAlB,IAAAA,CAAAA,OAAAmB,GAAAA;AAAAnB,IAAAA,CAAAA,OAAAoB,GAAAA;AAAApB,IAAAA,CAAAA,OAAAqB,GAAAA;AAAArB,IAAAA,CAAAA,OAAAsB,GAAAA;AAAAtB,IAAAA,CAAAA,OAAAuB,EAAAA;AAAAvB,IAAAA,CAAAA,OAAAwB,EAAAA;AAAAxB,IAAAA,CAAAA,OAAAyB,EAAAA;AAAAzB,IAAAA,CAAAA,OAAA0B,EAAAA;AAAA1B,IAAAA,CAAAA,OAAA2B,EAAAA;AAAA3B,IAAAA,CAAAA,OAAA4B,EAAAA;AAAA5B,IAAAA,CAAAA,OAAA6B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAb,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAAiB,IAAAA,GAAAA,GAAAjB,EAAA,EAAA,CAAA;AAAAkB,IAAAA,GAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAAmB,IAAAA,GAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAAoB,IAAAA,GAAAA,GAAApB,EAAA,EAAA,CAAA;AAAAqB,IAAAA,GAAAA,GAAArB,EAAA,EAAA,CAAA;AAAAsB,IAAAA,GAAAA,GAAAtB,EAAA,EAAA,CAAA;AAAAuB,IAAAA,EAAAA,GAAAvB,EAAA,EAAA,CAAA;AAAAwB,IAAAA,EAAAA,GAAAxB,EAAA,EAAA,CAAA;AAAAyB,IAAAA,EAAAA,GAAAzB,EAAA,EAAA,CAAA;AAAA0B,IAAAA,EAAAA,GAAA1B,EAAA,EAAA,CAAA;AAAA2B,IAAAA,EAAAA,GAAA3B,EAAA,EAAA,CAAA;AAAA4B,IAAAA,EAAAA,GAAA5B,EAAA,EAAA,CAAA;AAAA6B,IAAAA,EAAAA,GAAA7B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA6C,GAAAA;AAAA,EAAA,IAAA7C,CAAAA,CAAA,EAAA,CAAA,KAAAgB,EAAAA,IAAAhB,CAAAA,CAAA,EAAA,CAAA,KAAAuB,EAAAA,IAAAvB,CAAAA,CAAA,EAAA,CAAA,KAAAwB,EAAAA,IAAAxB,EAAA,EAAA,CAAA,KAAAyB,EAAAA,IAAAzB,CAAAA,CAAA,EAAA,CAAA,KAAA0B,EAAAA,IAAA1B,CAAAA,CAAA,EAAA,CAAA,KAAA2B,EAAAA,IAAA3B,CAAAA,CAAA,EAAA,CAAA,KAAA4B,EAAAA,IAAA5B,CAAAA,SAAA6B,EAAAA,EAAA;AAPlDgB,IAAAA,GAAAA,uBAAC,EAAA,EAAA,EACU,OAAA,EAAAtB,EAAAA,EACA,OAAA,EAAAC,IACJ,GAAA,EAAAC,EAAAA,EACG,MAAA,EAAAC,EAAAA,EACR,iBAAAC,EAAAA,EACA,YAAA,EAAAC,IACQ,MAAA,EAAAC,EAAAA,EACCjC,SAAAA,YAAAA,EAAY,CAAA;AACrBI,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAhB,IAAAA,CAAAA,OAAAuB,EAAAA;AAAAvB,IAAAA,CAAAA,OAAAwB,EAAAA;AAAAxB,IAAAA,CAAAA,OAAAyB,EAAAA;AAAAzB,IAAAA,CAAAA,OAAA0B,EAAAA;AAAA1B,IAAAA,CAAAA,OAAA2B,EAAAA;AAAA3B,IAAAA,CAAAA,OAAA4B,EAAAA;AAAA5B,IAAAA,CAAAA,OAAA6B,EAAAA;AAAA7B,IAAAA,CAAAA,OAAA6C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA7C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA8C,GAAAA;AAAA,EAAA,IAAA9C,CAAAA,CAAA,EAAA,CAAA,KAAAiB,GAAAA,IAAAjB,CAAAA,SAAAkB,GAAAA,IAAAlB,CAAAA,CAAA,EAAA,CAAA,KAAA6C,GAAAA,EAAA;AAXJC,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA7B,GAAAA,EACbC,QAAAA,EAAAA;AAAAA,MAAAA,GAAAA;AAAAA,MACA2B;AAAAA,KAAAA,EAUF,CAAA;AAAM7C,IAAAA,CAAAA,OAAAiB,GAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,GAAAA;AAAAlB,IAAAA,CAAAA,OAAA6C,GAAAA;AAAA7C,IAAAA,CAAAA,OAAA8C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA9C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA+C,GAAAA;AAAA,EAAA,IAAA/C,CAAAA,CAAA,EAAA,CAAA,KAAAmB,GAAAA,IAAAnB,CAAAA,SAAAoB,GAAAA,IAAApB,CAAAA,CAAA,EAAA,CAAA,KAAA8C,GAAAA,EAAA;AA1BRC,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA5B,GAAAA,EACbC,QAAAA,EAAAA;AAAAA,MAAAA,GAAAA;AAAAA,MAaA0B;AAAAA,KAAAA,EAaF,CAAA;AAAM9C,IAAAA,CAAAA,OAAAmB,GAAAA;AAAAnB,IAAAA,CAAAA,OAAAoB,GAAAA;AAAApB,IAAAA,CAAAA,OAAA8C,GAAAA;AAAA9C,IAAAA,CAAAA,OAAA+C,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA/C,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAgD,GAAAA;AAAA,EAAA,IAAAhD,CAAAA,CAAA,EAAA,CAAA,KAAAqB,GAAAA,IAAArB,CAAAA,SAAAsB,GAAAA,IAAAtB,CAAAA,CAAA,EAAA,CAAA,KAAA+C,GAAAA,EAAA;AA7BRC,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA3B,GAAAA,EACbC,QAAAA,EAAAA;AAAAA,MAAAA,GAAAA;AAAAA,MACAyB;AAAAA,KAAAA,EA4BF,CAAA;AAAM/C,IAAAA,CAAAA,OAAAqB,GAAAA;AAAArB,IAAAA,CAAAA,OAAAsB,GAAAA;AAAAtB,IAAAA,CAAAA,OAAA+C,GAAAA;AAAA/C,IAAAA,CAAAA,OAAAgD,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAhD,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OA9BNgD,GAAAA;AA8BM,CAAA;AAIV,MAAMC,iBAAAA,GAAoB;AAAA,EACxBhB,MAAAA,EAAQ,sBAAA;AAAA,EACRS,MAAAA,EAAQ,sBAAA;AAAA,EACRQ,IAAAA,EAAM;AACR,CAAA;AASA,SAASC,4BAAAA,CAA6B;AAAA,EACpCC,KAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC;AAKF,CAAA,EAAwB;AACtB,EAAA,MAAM;AAAA,IAAEC,QAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAAWC,aAAAA;AAAAA,IAAeC;AAAAA,GAAe,GAAIN,KAAAA;AAE/D,EAAA,MAAMO,kBAAAA,GAAqBhB,kBAAkBc,aAAa,CAAA;AAC1D,EAAA,MAAMG,mBAAAA,GAAsBjB,kBAAkBe,cAAc,CAAA;AAE5D,EAAA,MAAMG,eACJR,aAAAA,KAAkB5C,MAAAA,GACdqD,UAAAA,CAAWL,aAAa,IAAIJ,aAAAA,GAC5B5C,MAAAA;AACN,EAAA,MAAMsD,gBACJT,cAAAA,KAAmB7C,MAAAA,GACfqD,UAAAA,CAAWJ,cAAc,IAAIJ,cAAAA,GAC7B7C,MAAAA;AAEN,EAAA,MAAMuD,YAAAA,GAAeT,QAAAA,CAASf,OAAAA,KAAYgB,SAAAA,CAAUhB,OAAAA;AAEpD,EAAA,MAAMyB,kBAAAA,GAAsC;AAAA,IAC1C1B,SAASgB,QAAAA,CAAShB,OAAAA;AAAAA,IAClBG,QAAQa,QAAAA,CAASb,MAAAA;AAAAA,IACjBwB,SAASX,QAAAA,CAASf,OAAAA;AAAAA,IAClBC,KAAKc,QAAAA,CAASd,GAAAA;AAAAA,IACdR,MAAAA,EAAQ0B,kBAAAA;AAAAA,IACRQ,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASnB,iBAAAA;AAAAA,IACToB,eAAAA,EAAiBL;AAAAA,GACnB;AAEA,EAAA,MAAMM,qBAAAA,GAAyC;AAAA,IAC7C/B,SAASiB,SAAAA,CAAUjB,OAAAA;AAAAA,IACnBG,QAAQc,SAAAA,CAAUd,MAAAA;AAAAA,IAClBwB,SAASV,SAAAA,CAAUhB,OAAAA;AAAAA,IACnBC,KAAKe,SAAAA,CAAUf,GAAAA;AAAAA,IACfR,MAAAA,EAAQ2B,mBAAAA;AAAAA,IACRO,cAAAA,EAAgB,OAAA;AAAA,IAChBC,OAAAA,EAASnB,iBAAAA;AAAAA,IACToB,eAAAA,EAAiBL;AAAAA,GACnB;AAEA,EAAA,MAAMO,YAAAA,GAAeC,UAAAA,CAAWf,aAAAA,EAAeF,QAAAA,CAASkB,QAAQ,CAAA;AAChE,EAAA,MAAMC,aAAAA,GAAgBF,UAAAA,CAAWd,cAAAA,EAAgBF,SAAAA,CAAUiB,QAAQ,CAAA;AAEnE,EAAA,OAAO;AAAA,IACLE,QAAAA,EAAU;AAAA,MACRC,eAAAA,EAAiBX,kBAAAA;AAAAA,MACjBjC,KAAAA,EAAO,KAAA;AAAA,MACP6C,SAAAA,EAAWhB,YAAAA;AAAAA,MACXiB,WAAAA,EAAa,KAAA;AAAA,MACbV,OAAAA,EAAS;AAAA,QACPW,OAAAA,EAAS;AAAA;AACX,KACF;AAAA,IACAC,WAAAA,EAAa;AAAA,MACXJ,eAAAA,EAAiBN,qBAAAA;AAAAA,MACjBtC,KAAAA,EAAO,SAAA;AAAA,MACP6C,SAAAA,EAAWd,aAAAA;AAAAA,MACXe,WAAAA,EAAa,KAAA;AAAA,MACbG,UAAAA,kBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4EAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAM,EAAA,EAAG,CAAA;AAAA,wBACnB,GAAA,CAAC,QAAA,EAAA,EACC,YAAA,EAAcV,YAAAA,CAAaW,QAAAA,EAAS,EACpC,aAAA,EAAeR,aAAAA,CAAcQ,QAAAA,EAAS,EACtC,QAAA,EACA,SAAA,EAAqB;AAAA,OAAA,EAEzB,CAAA;AAAA,MAEFd,OAAAA,EAAS;AAAA,QACPW,OAAAA,EAAS;AAAA;AACX,KACF;AAAA,IACAX,OAAAA,EAAS;AAAA,MACPvE,IAAAA,EAAM,kCAAA;AAAA,MACNsF,IAAAA,EAAM;AAAA;AACR,GACF;AACF;AAEA,MAAMC,cAAAA,GAA0C;AAAA,EAC9CvF,IAAAA,EAAM;AACR,CAAA;AAEA,MAAMwF,sBAAsBA,MAAA;AAAA,EAAA,MAAArF,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAF,EAAAA;AAAA,EAAA,IAAAC,EAAA,CAAA,CAAA,KAAAqC,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAExBvC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,gBAAA,EAAA,EACO,KAAA,EAAA,eAAA,EAEJ,OAAA,sBAAA,KAAA,EAAA,EAAK,QAAA,EAAA,6GAAA,EAGL,CAAA,EAEOqF,OAAAA,EAAAA,cAAAA,EAAc,CAAA;AACvBpF,IAAAA,CAAAA,MAAAD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OATFD,EAAAA;AASE,CAAA;AAIN,MAAMuF,yBAAyBA,MAAA;AAAA,EAAA,MAAAtF,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAC7B,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,MAAqDkF,mBAAAA,EAAoB;AACzE,EAAA,MAAA;AAAA,IAAAC,IAAAA,EAAAnC;AAAAA,GAAA,GAAgCoC,cAAcvF,SAAS,CAAA;AACvD,EAAA,MAAA;AAAA,IAAAsF,IAAAA,EAAAlC;AAAAA,GAAA,GAAiCmC,cAActF,OAAO,CAAA;AAAE,EAAA,IAAAJ,EAAAA;AAAA,EAAA,IAAAC,CAAAA,CAAA,CAAA,CAAA,KAAAsD,cAAAA,EAAAoC,KAAAA,IAAA1F,EAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,aAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAqD,aAAAA,EAAAqC,KAAAA,IAAA1F,CAAAA,CAAA,CAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,CAAA,CAAA,KAAAG,OAAAA,EAAA;AAC5BJ,IAAAA,EAAAA,GAAAoD,4BAAAA,CAA6B;AAAA,MAAAC,KAAAA,EAChD;AAAA,QAAAG,QAAAA,EACKrD,SAAAA;AAAAA,QAASsD,SAAAA,EACRrD,OAAAA;AAAAA,QAAOsD,aAAAA,EACHrD,UAAAA;AAAAA,QAAUsD,cAAAA,EACTrD;AAAAA,OAClB;AAAA,MAACgD,eACcA,aAAAA,EAAaqC,KAAAA;AAAAA,MAAOpC,gBACnBA,cAAAA,EAAcoC;AAAAA,KAC/B,CAAA;AAAC1F,IAAAA,CAAAA,CAAA,CAAA,IAAAsD,cAAAA,EAAAoC,KAAAA;AAAA1F,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,CAAA,CAAA,IAAAqD,aAAAA,EAAAqC,KAAAA;AAAA1F,IAAAA,CAAAA,MAAAK,QAAAA;AAAAL,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA,EAAA;AATF,EAAA,MAAA2F,mBAAAA,GAA4B5F,EAAAA;AASzB,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAA2F,mBAAAA,EAAA;AAICnF,IAAAA,EAAAA,mBAAA,GAAA,CAAC,cAAA,EAAA,EAAc,GAAKmF,mBAAAA,EAAmB,CAAA;AAAI3F,IAAAA,CAAAA,MAAA2F,mBAAAA;AAAA3F,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAqC,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAC3C5B,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAuB,EAAAA;AAAA,EAAA,IAAAvB,CAAAA,SAAAQ,EAAAA,EAAA;AAFzBe,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,mFAAA,EACbf,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MACAE;AAAAA,KAAAA,EACF,CAAA;AAAMV,IAAAA,CAAAA,OAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,OAAAuB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAvB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHNuB,EAAAA;AAGM,CAAA;AAIH,MAAMqE,eAAeA,MAAA;AAAA,EAAA,MAAA5F,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAC1B,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAE,QAAAA;AAAAA,IAAAD,aAAAA;AAAAA,IAAAuF;AAAAA,MAQIN,mBAAAA,EAAoB;AAExB,EAAA,IAAIM,gBAAgB,cAAA,EAAc;AAAA,IAAA,IAAA9F,GAAAA;AAAA,IAAA,IAAAC,EAAA,CAAA,CAAA,KAAAqC,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACzBvC,MAAAA,GAAAA,uBAAC,sBAAA,EAAA,EAAsB,CAAA;AAAGC,MAAAA,CAAAA,MAAAD,GAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAA1BD,GAAAA;AAAAA,EAA0B;AAClC,EAAA,IAAAA,EAAAA;AAAA,EAAA,IAAAC,CAAAA,QAAAI,UAAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAO,YAAAP,CAAAA,CAAA,CAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,QAAAG,OAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAM,aAAAA,EAAA;AAGCP,IAAAA,EAAAA,uBAAC,gCAAA,EAAA,EACYG,SAAAA,EACFC,SACGC,UAAAA,EACFC,QAAAA,EACAE,UACKD,aAAAA,EAAa,CAAA;AAC5BN,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAO,QAAAA;AAAAP,IAAAA,CAAAA,MAAAK,QAAAA;AAAAL,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAM,aAAAA;AAAAN,IAAAA,CAAAA,MAAAD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAPFD,EAAAA;AAOE;;;;"}

package/dist/components/widget/TradeOverview/TradeDetailsDisplay.js

@@ -1,45 +1,52 @@
-import { useTradeFlowContext as e } from "./tradeFlowContext.js";
-import t from "./assets/1_approving.js";
-import n from "./assets/2_in_progress.js";
-import r from "./assets/3_executing_step.js";
-import i from "./assets/4_complete_step.js";
-import a from "./assets/5_error_step.js";
-import { lottieProps as o } from "./motionProps.js";
-import { c as s } from "react-compiler-runtime";
-import { createElement as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-import { AnimatePresence as u, motion as d } from "motion/react";
-import { DotLottieReact as f } from "@lottiefiles/dotlottie-react";
-//#region src/components/widget/TradeOverview/TradeDetailsDisplay.tsx
-var p = {
-	signature: t,
-	auction: n,
-	"order-submission": r,
-	"swap-tx-execution": r,
-	"order-execution": r,
-	complete: i,
-	error: a
-}, m = () => {
-	let t = s(5), { derivedStep: n } = e(), r = n ? p[n] : null, i;
-	t[0] !== n || t[1] !== r ? (i = r && /* @__PURE__ */ c(d.div, {
-		...o,
-		key: n
-	}, /* @__PURE__ */ l(f, {
-		src: r,
-		loop: !0,
-		autoplay: !0,
-		className: "h-full w-full rounded-sm overflow-hidden"
-	})), t[0] = n, t[1] = r, t[2] = i) : i = t[2];
-	let a;
-	return t[3] === i ? a = t[4] : (a = /* @__PURE__ */ l("div", {
-		className: "h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-card-1 overflow-hidden",
-		children: /* @__PURE__ */ l(u, {
-			mode: "popLayout",
-			children: i
-		})
-	}), t[3] = i, t[4] = a), a;
+import { jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import { d as distExports } from '../../../_virtual/index.js';
+import { useTradeFlowContext } from './tradeFlowContext.js';
+import ApprovingLottie_1 from './assets/1_approving.lottie.js';
+import InProgressLottie_2 from './assets/2_in_progress.lottie.js';
+import ExecutingLottie_3 from './assets/3_executing_step.lottie.js';
+import CompleteLottie_4 from './assets/4_complete_step.lottie.js';
+import ErrorLottie_5 from './assets/5_error_step.lottie.js';
+import { DotLottieReact } from '@lottiefiles/dotlottie-react';
+import { motion, AnimatePresence } from 'motion/react';
+import { lottieProps } from './motionProps.js';
+
+const step2lottie = {
+  signature: ApprovingLottie_1,
+  auction: InProgressLottie_2,
+  "order-submission": ExecutingLottie_3,
+  // Limit/OTC Order submission
+  "swap-tx-execution": ExecutingLottie_3,
+  "order-execution": ExecutingLottie_3,
+  // Limit/OTC Order execution
+  complete: CompleteLottie_4,
+  error: ErrorLottie_5
+};
+const TradeDetailsDisplay = () => {
+  const $ = distExports.c(5);
+  const {
+    derivedStep
+  } = useTradeFlowContext();
+  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;
+  let t0;
+  if ($[0] !== derivedStep || $[1] !== lottiePath) {
+    t0 = lottiePath && /* @__PURE__ */ createElement(motion.div, { ...lottieProps, key: derivedStep }, /* @__PURE__ */ jsx(DotLottieReact, { src: lottiePath, loop: true, autoplay: true, className: "h-full w-full rounded-sm overflow-hidden" }));
+    $[0] = derivedStep;
+    $[1] = lottiePath;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  let t1;
+  if ($[3] !== t0) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-card-1 overflow-hidden", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: t0 }) });
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
-//#endregion
-export { m as TradeDetailsDisplay };
 
-//# sourceMappingURL=TradeDetailsDisplay.js.map
+export { TradeDetailsDisplay };
+//# sourceMappingURL=TradeDetailsDisplay.js.map

package/dist/components/widget/TradeOverview/TradeDetailsDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.js","names":["useTradeFlowContext","TradeFlowDerivedStep","ApprovingLottie_1","InProgressLottie_2","ExecutingLottie_3","CompleteLottie_4","ErrorLottie_5","DotLottieReact","AnimatePresence","motion","lottieProps","step2lottie","Partial","Record","signature","auction","complete","error","TradeDetailsDisplay","$","_c","derivedStep","lottiePath","t0","t1"],"sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { lottieProps } from \"./motionProps\";\n\nconst step2lottie: Partial<Record<TradeFlowDerivedStep, string>> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"order-submission\": ExecutingLottie_3, // Limit/OTC Order submission\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3, // Limit/OTC Order execution\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-card-1 overflow-hidden\">\n      <AnimatePresence mode=\"popLayout\">\n        {lottiePath && (\n          <motion.div {...lottieProps} key={derivedStep}>\n            <DotLottieReact\n              src={lottiePath}\n              loop\n              autoplay\n              className=\"h-full w-full rounded-sm overflow-hidden\"\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAMW,IAA6D;CACjEG,WAAWZ;CACXa,SAASZ;CACT,oBAAoBC;CACpB,qBAAqBA;CACrB,mBAAmBA;CACnBY,UAAUX;CACVY,OAAOX;CACR,EAEYY,UAAsB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACjC,EAAAC,mBAAwBrB,GAAqB,EAC7CsB,IAAmBD,IAAcV,EAAYU,KAA1B,MAA8CE;AAAA,CAAAJ,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAK1DC,IAAAD,KACC,kBAAA,EAAA,KAAA;EAAA,GAAgBZ;EAAkBW,KAAAA;EAQnC,EAPG,kBAAC,GAAD;EACOC,KAAAA;EACL,MAAA;EACA,UAAA;EACU,WAAA;EAEd,CAAA,CACD,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAK;AAEC,QAFDL,EAAA,OAAAI,IAECC,IAAAL,EAAA,MAbNK,IAAA,kBAAA,OAAA;EAAe,WAAA;YACb,kBAAC,GAAD;GAAsB,MAAA;aACnBD;GAWL,CAAA;EAAM,CAAA,EAAAJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,IAbNA"}
+{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { lottieProps } from \"./motionProps\";\n\nconst step2lottie: Partial<Record<TradeFlowDerivedStep, string>> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"order-submission\": ExecutingLottie_3, // Limit/OTC Order submission\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3, // Limit/OTC Order execution\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-card-1 overflow-hidden\">\n      <AnimatePresence mode=\"popLayout\">\n        {lottiePath && (\n          <motion.div {...lottieProps} key={derivedStep}>\n            <DotLottieReact\n              src={lottiePath}\n              loop\n              autoplay\n              className=\"h-full w-full rounded-sm overflow-hidden\"\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n"],"names":["step2lottie","signature","ApprovingLottie_1","auction","InProgressLottie_2","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","lottieProps","t1"],"mappings":";;;;;;;;;;;;;AAkBA,MAAMA,WAAAA,GAA6D;AAAA,EACjEC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,kBAAAA;AAAAA,EACT,kBAAA,EAAoBC,iBAAAA;AAAAA;AAAAA,EACpB,mBAAA,EAAqBA,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAcb,WAAAA,CAAYa,WAAW,CAAA,GAArC,IAAA;AAA8C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,eAAAF,CAAAA,QAAAI,UAAAA,EAAA;AAK1DC,IAAAA,EAAAA,GAAAD,8BACC,aAAA,CAAA,MAAA,CAAA,KAAA,EAAA,GAAgBE,aAAkBJ,GAAAA,EAAAA,WAAAA,EAAAA,sBAC/B,cAAA,EAAA,EACME,GAAAA,EAAAA,YACL,IAAA,EAAA,IAAA,EACA,UAAA,IAAA,EACU,SAAA,EAAA,6CAEd,CAAA;AACDJ,IAAAA,CAAAA,MAAAE,WAAAA;AAAAF,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAK,EAAAA,EAAA;AAXLE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,0HAAA,EACb,8BAAC,eAAA,EAAA,EAAqB,IAAA,EAAA,WAAA,EACnBF,QAAAA,EAAAA,EAAAA,EAUH,CAAA,EACF,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAbNO,EAAAA;AAaM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.js

@@ -1,45 +1,97 @@
-import { c as e } from "react-compiler-runtime";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx
-var i = (t) => {
-	let r = e(2), { children: i } = t, a;
-	return r[0] === i ? a = r[1] : (a = /* @__PURE__ */ n("div", {
-		className: "text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2",
-		children: i
-	}), r[0] = i, r[1] = a), a;
-}, a = (a) => {
-	let o = e(5), { errorPartial: s } = a, c;
-	o[0] === s ? c = o[1] : (c = s && /* @__PURE__ */ r(i, { children: [
-		"Your swap order has failed due to",
-		" ",
-		/* @__PURE__ */ n("span", {
-			className: "text-secondary-radical-red-1",
-			children: s
-		}),
-		"."
-	] }), o[0] = s, o[1] = c);
-	let l;
-	o[2] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("div", {
-		className: "text-center text-xs dark:text-contrast-6",
-		children: "Please resubmit your trade to try again or dismiss this window to go back to the trading interface."
-	}), o[2] = l) : l = o[2];
-	let u;
-	return o[3] === c ? u = o[4] : (u = /* @__PURE__ */ r(t, { children: [c, l] }), o[3] = c, o[4] = u), u;
-}, o = (t) => {
-	let o = e(8), { errorTitle: s, errorMessage: c, errorPartial: l } = t, u;
-	o[0] === s ? u = o[1] : (u = /* @__PURE__ */ n("div", {
-		className: "text-center text-lg font-semibold dark:text-contrast-9 pb-3",
-		children: s
-	}), o[0] = s, o[1] = u);
-	let d;
-	o[2] !== c || o[3] !== l ? (d = c ? /* @__PURE__ */ n(i, { children: c }) : /* @__PURE__ */ n(a, { errorPartial: l }), o[2] = c, o[3] = l, o[4] = d) : d = o[4];
-	let f;
-	return o[5] !== u || o[6] !== d ? (f = /* @__PURE__ */ r("div", {
-		className: "flex flex-col px-4 pt-0 pb-12",
-		children: [u, d]
-	}), o[5] = u, o[6] = d, o[7] = f) : f = o[7], f;
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+
+const ErrorText = (t0) => {
+  const $ = distExports.c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2", children });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+};
+const TradeErrorBody = (t0) => {
+  const $ = distExports.c(5);
+  const {
+    errorPartial
+  } = t0;
+  let t1;
+  if ($[0] !== errorPartial) {
+    t1 = errorPartial && /* @__PURE__ */ jsxs(ErrorText, { children: [
+      "Your swap order has failed due to",
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "text-secondary-radical-red-1", children: errorPartial }),
+      "."
+    ] });
+    $[0] = errorPartial;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "text-center text-xs dark:text-contrast-6", children: "Please resubmit your trade to try again or dismiss this window to go back to the trading interface." });
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t1) {
+    t3 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t1,
+      t2
+    ] });
+    $[3] = t1;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+};
+const TradeErrorDetails = (t0) => {
+  const $ = distExports.c(8);
+  const {
+    errorTitle,
+    errorMessage,
+    errorPartial
+  } = t0;
+  let t1;
+  if ($[0] !== errorTitle) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "text-center text-lg font-semibold dark:text-contrast-9 pb-3", children: errorTitle });
+    $[0] = errorTitle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== errorMessage || $[3] !== errorPartial) {
+    t2 = errorMessage ? /* @__PURE__ */ jsx(ErrorText, { children: errorMessage }) : /* @__PURE__ */ jsx(TradeErrorBody, { errorPartial });
+    $[2] = errorMessage;
+    $[3] = errorPartial;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t1 || $[6] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col px-4 pt-0 pb-12", children: [
+      t1,
+      t2
+    ] });
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 };
-//#endregion
-export { o as TradeErrorDetails };
 
-//# sourceMappingURL=TradeErrorDetails.js.map
+export { TradeErrorDetails };
+//# sourceMappingURL=TradeErrorDetails.js.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeErrorDetails.js","names":["ErrorText","t0","$","_c","children","t1","TradeErrorBody","errorPartial","t2","Symbol","for","t3","TradeErrorDetails","errorTitle","errorMessage"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"sourcesContent":["const ErrorText = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <div className=\"text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2\">\n      {children}\n    </div>\n  );\n};\n\nconst TradeErrorBody = ({ errorPartial }: { errorPartial: string | null }) => {\n  return (\n    <>\n      {errorPartial && (\n        <ErrorText>\n          Your swap order has failed due to{\" \"}\n          <span className=\"text-secondary-radical-red-1\">{errorPartial}</span>.\n        </ErrorText>\n      )}\n      <div className=\"text-center text-xs dark:text-contrast-6\">\n        Please resubmit your trade to try again or dismiss this window to go\n        back to the trading interface.\n      </div>\n    </>\n  );\n};\n\nexport const TradeErrorDetails = ({\n  errorTitle,\n  errorMessage,\n  errorPartial,\n}: {\n  errorTitle: string;\n  errorMessage: string | null;\n  errorPartial: string | null;\n}) => {\n  return (\n    <div className=\"flex flex-col px-4 pt-0 pb-12\">\n      <div className=\"text-center text-lg font-semibold dark:text-contrast-9 pb-3\">\n        {errorTitle}\n      </div>\n      {errorMessage ? (\n        <ErrorText>{errorMessage}</ErrorText>\n      ) : (\n        <TradeErrorBody errorPartial={errorPartial} />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,IAAMA,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAA2CI;AAIpD,QAJoDH,EAAA,OAAAE,IAIpDC,IAAAH,EAAA,MAFNG,IAAA,kBAAA,OAAA;EAAe,WAAA;EACZD;EACG,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAFNA;GAMEC,KAAiBL,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAI,oBAAAN,GAAiDI;AAAA,CAAAH,EAAA,OAAAK,IAQlEF,IAAAH,EAAA,MALAG,IAAAE,KACC,kBAAC,GAAD,EAAA,UAAA;EAAW;EACyB;EAClC,kBAAA,QAAA;GAAgB,WAAA;aAAgCA;GAAoB,CAAA;;EAEvE,EAAA,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAG;CAAA,IAAAG;AAAA,CAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,IACDF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA2C;EAGpD,CAAA,EAAAN,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAS;AACL,QADKT,EAAA,OAAAG,IACLM,IAAAT,EAAA,MAXHS,IAAA,kBAAA,GAAA,EAAA,UAAA,CACGN,GAMDG,EAIC,EAAA,CAAA,EAAAN,EAAA,KAAAG,GAAAH,EAAA,KAAAS,IAXHA;GAeSC,KAAoBX,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAU,eAAAC,iBAAAP,oBAAAN,GAQjCI;AAAA,CAAAH,EAAA,OAAAW,IAKWR,IAAAH,EAAA,MAFNG,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZQ;EACG,CAAA,EAAAX,EAAA,KAAAW,GAAAX,EAAA,KAAAG;CAAA,IAAAG;AAAA,CAAAN,EAAA,OAAAY,KAAAZ,EAAA,OAAAK,KACLC,IAAAM,IACC,kBAAC,GAAD,EAAA,UAAYA,GAGb,CAAA,GADC,kBAAC,GAAD,EAA8BP,iBAC/B,CAAA,EAAAL,EAAA,KAAAY,GAAAZ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAS;AACG,QADHT,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KARHG,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEN,GAGCG,EAKG;KAAAN,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IATNS"}
+{"version":3,"file":"TradeErrorDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorDetails.tsx"],"sourcesContent":["const ErrorText = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <div className=\"text-center text-xs dark:text-contrast-6 mb-3 overflow-hidden line-clamp-2\">\n      {children}\n    </div>\n  );\n};\n\nconst TradeErrorBody = ({ errorPartial }: { errorPartial: string | null }) => {\n  return (\n    <>\n      {errorPartial && (\n        <ErrorText>\n          Your swap order has failed due to{\" \"}\n          <span className=\"text-secondary-radical-red-1\">{errorPartial}</span>.\n        </ErrorText>\n      )}\n      <div className=\"text-center text-xs dark:text-contrast-6\">\n        Please resubmit your trade to try again or dismiss this window to go\n        back to the trading interface.\n      </div>\n    </>\n  );\n};\n\nexport const TradeErrorDetails = ({\n  errorTitle,\n  errorMessage,\n  errorPartial,\n}: {\n  errorTitle: string;\n  errorMessage: string | null;\n  errorPartial: string | null;\n}) => {\n  return (\n    <div className=\"flex flex-col px-4 pt-0 pb-12\">\n      <div className=\"text-center text-lg font-semibold dark:text-contrast-9 pb-3\">\n        {errorTitle}\n      </div>\n      {errorMessage ? (\n        <ErrorText>{errorMessage}</ErrorText>\n      ) : (\n        <TradeErrorBody errorPartial={errorPartial} />\n      )}\n    </div>\n  );\n};\n"],"names":["ErrorText","t0","$","_c","children","t1","TradeErrorBody","errorPartial","t2","Symbol","for","t3","TradeErrorDetails","errorTitle","errorMessage"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js

@@ -1,33 +1,43 @@
-import { Button as e } from "../../../ui/button.js";
-import { c as t } from "react-compiler-runtime";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx
-var i = (i) => {
-	let a = t(7), { onDismiss: o, onResubmit: s } = i, c;
-	a[0] === s ? c = a[1] : (c = /* @__PURE__ */ n(e, {
-		variant: "default",
-		size: "xl",
-		radius: "sm",
-		className: "w-full text-sm",
-		onClick: s,
-		children: "Resubmit this Trade"
-	}), a[0] = s, a[1] = c);
-	let l;
-	a[2] === o ? l = a[3] : (l = /* @__PURE__ */ n(e, {
-		variant: "secondary",
-		size: "xl",
-		radius: "sm",
-		className: "w-full text-sm",
-		onClick: o,
-		children: "Dismiss"
-	}), a[2] = o, a[3] = l);
-	let u;
-	return a[4] !== c || a[5] !== l ? (u = /* @__PURE__ */ r("div", {
-		className: "flex flex-col justify-center w-full gap-4",
-		children: [c, l]
-	}), a[4] = c, a[5] = l, a[6] = u) : u = a[6], u;
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Button } from '../../../ui/button.js';
+
+const TradeErrorFooter = (t0) => {
+  const $ = distExports.c(7);
+  const {
+    onDismiss,
+    onResubmit
+  } = t0;
+  let t1;
+  if ($[0] !== onResubmit) {
+    t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onResubmit, children: "Resubmit this Trade" });
+    $[0] = onResubmit;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== onDismiss) {
+    t2 = /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Dismiss" });
+    $[2] = onDismiss;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
+      t1,
+      t2
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 };
-//#endregion
-export { i as TradeErrorFooter };
 
-//# sourceMappingURL=TradeErrorFooter.js.map
+export { TradeErrorFooter };
+//# sourceMappingURL=TradeErrorFooter.js.map

package/dist/components/widget/TradeOverview/TradeError/TradeErrorFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeErrorFooter.js","names":["Button","TradeErrorFooter","t0","$","_c","onDismiss","onResubmit","t1","t2","t3"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nexport const TradeErrorFooter = ({\n  onDismiss,\n  onResubmit,\n}: {\n  onDismiss?: () => void;\n  onResubmit?: () => void;\n}) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onResubmit}\n      >\n        Resubmit this Trade\n      </Button>\n\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,IAAaC,KAAmBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,kBAAAJ,GAMhCK;AAAA,CAAAJ,EAAA,OAAAG,IAWcC,IAAAJ,EAAA,MARTI,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDD,SAAAA;YACV;EAEQ,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;AAAA,CAAAL,EAAA,OAAAE,IAUAG,IAAAL,EAAA,MARTK,IAAA,kBAAC,GAAD;EACU,SAAA;EACH,MAAA;EACE,QAAA;EACG,WAAA;EACDH,SAAAA;YACV;EAEQ,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;AACL,QADKN,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAnBXC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACEF,GAUAC,EASI;KAAAL,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,KAAAA,IAAAN,EAAA,IApBNM"}
+{"version":3,"file":"TradeErrorFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/TradeErrorFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nexport const TradeErrorFooter = ({\n  onDismiss,\n  onResubmit,\n}: {\n  onDismiss?: () => void;\n  onResubmit?: () => void;\n}) => {\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      <Button\n        variant=\"default\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onResubmit}\n      >\n        Resubmit this Trade\n      </Button>\n\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm\"\n        onClick={onDismiss}\n      >\n        Dismiss\n      </Button>\n    </div>\n  );\n};\n"],"names":["TradeErrorFooter","t0","$","_c","onDismiss","onResubmit","t1","t2","t3"],"mappings":";;;;AAEO,MAAMA,mBAAmBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAMhC,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAG,UAAAA,EAAA;AAGKC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDD,OAAAA,EAAAA,UAAAA,EACV,QAAA,EAAA,qBAAA,EAED,CAAA;AAASH,IAAAA,CAAAA,MAAAG,UAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAE,SAAAA,EAAA;AAETG,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,WAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDH,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,SAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAI,MAAAJ,CAAAA,QAAAK,EAAAA,EAAA;AAnBXC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAUAC;AAAAA,KAAAA,EASF,CAAA;AAAML,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OApBNM,EAAAA;AAoBM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/index.js

@@ -1,21 +1,50 @@
-import { TradeErrorDetails as e } from "./TradeErrorDetails.js";
-import { getErrorMessageToDisplay as t, getErrorScreenTitle as n } from "./utils.js";
-import { c as r } from "react-compiler-runtime";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/components/widget/TradeOverview/TradeError/index.tsx
-var a = (a) => {
-	let o = r(10), { error: s, erroredStep: c, tradeFlowType: l } = a, u;
-	o[0] !== s || o[1] !== c ? (u = t(s, c), o[0] = s, o[1] = c, o[2] = u) : u = o[2];
-	let { errorMessage: d, errorPartial: f } = u, p;
-	o[3] !== s || o[4] !== l ? (p = n(s, l), o[3] = s, o[4] = l, o[5] = p) : p = o[5];
-	let m = p, h;
-	return o[6] !== d || o[7] !== f || o[8] !== m ? (h = /* @__PURE__ */ i(e, {
-		errorTitle: m,
-		errorMessage: d,
-		errorPartial: f
-	}), o[6] = d, o[7] = f, o[8] = m, o[9] = h) : h = o[9], h;
+import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { TradeErrorDetails } from './TradeErrorDetails.js';
+import { getErrorMessageToDisplay, getErrorScreenTitle } from './utils.js';
+
+const TradeError = (t0) => {
+  const $ = distExports.c(10);
+  const {
+    error,
+    erroredStep,
+    tradeFlowType
+  } = t0;
+  let t1;
+  if ($[0] !== error || $[1] !== erroredStep) {
+    t1 = getErrorMessageToDisplay(error, erroredStep);
+    $[0] = error;
+    $[1] = erroredStep;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const {
+    errorMessage,
+    errorPartial
+  } = t1;
+  let t2;
+  if ($[3] !== error || $[4] !== tradeFlowType) {
+    t2 = getErrorScreenTitle(error, tradeFlowType);
+    $[3] = error;
+    $[4] = tradeFlowType;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const errorTitle = t2;
+  let t3;
+  if ($[6] !== errorMessage || $[7] !== errorPartial || $[8] !== errorTitle) {
+    t3 = /* @__PURE__ */ jsx(TradeErrorDetails, { errorTitle, errorMessage, errorPartial });
+    $[6] = errorMessage;
+    $[7] = errorPartial;
+    $[8] = errorTitle;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 };
-//#endregion
-export { a as TradeError };
 
-//# sourceMappingURL=index.js.map
+export { TradeError };
+//# sourceMappingURL=index.js.map

package/dist/components/widget/TradeOverview/TradeError/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TradeFlowType","TradeFlowStep","TradeErrorDetails","getErrorMessageToDisplay","getErrorScreenTitle","TradeError","t0","$","_c","error","erroredStep","tradeFlowType","t1","errorMessage","errorPartial","t2","errorTitle","t3"],"sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n  tradeFlowType,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n  tradeFlowType: TradeFlowType;\n}) => {\n  const { errorMessage, errorPartial } = getErrorMessageToDisplay(\n    error,\n    erroredStep\n  );\n  const errorTitle = getErrorScreenTitle(error, tradeFlowType);\n  return (\n    <TradeErrorDetails\n      errorTitle={errorTitle}\n      errorMessage={errorMessage}\n      errorPartial={errorPartial}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAaC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,UAAAC,gBAAAC,qBAAAL,GAQ1BM;AAAA,CAAAL,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KACwCE,IAAAT,EACrCM,GACAC,EACD,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAHD,IAAA,EAAAM,iBAAAC,oBAAuCF,GAGrCG;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KACiBI,IAAAX,EAAoBK,GAAOE,EAAc,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAA5D,IAAAS,IAAmBD,GAA0CE;AAMzD,QANyDV,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAAAP,EAAA,OAAAS,KAE3DC,IAAA,kBAAC,GAAD;EACcD;EACEH;EACAC;EACd,CAAA,EAAAP,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAS,GAAAT,EAAA,KAAAU,KAAAA,IAAAV,EAAA,IAJFU"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n  tradeFlowType,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n  tradeFlowType: TradeFlowType;\n}) => {\n  const { errorMessage, errorPartial } = getErrorMessageToDisplay(\n    error,\n    erroredStep\n  );\n  const errorTitle = getErrorScreenTitle(error, tradeFlowType);\n  return (\n    <TradeErrorDetails\n      errorTitle={errorTitle}\n      errorMessage={errorMessage}\n      errorPartial={errorPartial}\n    />\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","tradeFlowType","t1","getErrorMessageToDisplay","errorMessage","errorPartial","t2","getErrorScreenTitle","errorTitle","t3"],"mappings":";;;;;AAKO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAQ1B,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACwCE,IAAAA,EAAAA,GAAAC,wBAAAA,CACrCJ,OACAC,WACF,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAHD,EAAA,MAAA;AAAA,IAAAO,YAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAuCH,EAAAA;AAGrC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAT,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAI,aAAAA,EAAA;AACiBK,IAAAA,EAAAA,GAAAC,mBAAAA,CAAoBR,OAAOE,aAAa,CAAA;AAACJ,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAA5D,EAAA,MAAAW,UAAAA,GAAmBF,EAAAA;AAA0C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAO,YAAAA,IAAAP,CAAAA,QAAAQ,YAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAW,UAAAA,EAAA;AAE3DC,IAAAA,EAAAA,uBAAC,iBAAA,EAAA,EACaD,UAAAA,EACEJ,YAAAA,EACAC,YAAAA,EAAY,CAAA;AAC1BR,IAAAA,CAAAA,MAAAO,YAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,YAAAA;AAAAR,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAJFY,EAAAA;AAIE;;;;"}