@velora-dex/widget 0.8.1-dev.0 → 0.8.2

package/dist/components/widget/Screen/GenericScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericScreen.js","names":["cn","WithClasses","ArrowLeft","XIcon","PropsWithChildren","GenericScreenProps","title","showBackButton","showCloseButton","closeButtonReplacement","React","ReactNode","onGoBack","onClose","headerClasses","HeaderClasses","GenericScreenHeaderProps","Pick","GenericScreen","t0","$","_c","children","classes","headerProps","t1","root","t2","t3","t4","GenericScreenHeader","_showBackButton","_showCloseButton","t5","t6","t7","t8"],"sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n    headerClasses?: HeaderClasses[\"classes\"];\n  } & WithClasses<\"root\">\n>;\n\ntype HeaderClasses = WithClasses<\"root\" | \"title\">;\n\nexport type GenericScreenHeaderProps = Pick<\n  GenericScreenProps,\n  | \"title\"\n  | \"showBackButton\"\n  | \"showCloseButton\"\n  | \"closeButtonReplacement\"\n  | \"onGoBack\"\n  | \"onClose\"\n> &\n  HeaderClasses;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  headerClasses,\n  ...headerProps\n}: GenericScreenProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root\n      )}\n    >\n      <GenericScreenHeader {...headerProps} classes={headerClasses} />\n      {children}\n    </div>\n  );\n};\n\nexport const GenericScreenHeader = ({\n  title,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  classes,\n}: GenericScreenHeaderProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const _showCloseButton = showCloseButton && onClose;\n  if (!(_showBackButton || _showCloseButton || title || closeButtonReplacement))\n    return null;\n\n  return (\n    <div\n      className={cn(\n        \"pb-4 pt-6 px-6 flex items-center justify-between\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n        {_showBackButton && (\n          <button onClick={onGoBack}>\n            <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n          </button>\n        )}\n        <span className={classes?.title}>{title}</span>\n      </div>\n      {closeButtonReplacement ??\n        (_showCloseButton && (\n          <button onClick={onClose}>\n            <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n              <XIcon />\n            </div>\n          </button>\n        ))}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"GenericScreen.js","names":["cn","WithClasses","ArrowLeft","XIcon","PropsWithChildren","GenericScreenProps","title","showBackButton","showCloseButton","closeButtonReplacement","React","ReactNode","onGoBack","onClose","headerClasses","HeaderClasses","GenericScreenHeaderProps","Pick","GenericScreen","t0","$","_c","children","classes","headerProps","t1","root","t2","t3","t4","GenericScreenHeader","_showBackButton","_showCloseButton","t5","t6","t7","t8"],"sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n    headerClasses?: HeaderClasses[\"classes\"];\n  } & WithClasses<\"root\">\n>;\n\ntype HeaderClasses = WithClasses<\"root\" | \"title\">;\n\nexport type GenericScreenHeaderProps = Pick<\n  GenericScreenProps,\n  | \"title\"\n  | \"showBackButton\"\n  | \"showCloseButton\"\n  | \"closeButtonReplacement\"\n  | \"onGoBack\"\n  | \"onClose\"\n> &\n  HeaderClasses;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  headerClasses,\n  ...headerProps\n}: GenericScreenProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root\n      )}\n    >\n      <GenericScreenHeader {...headerProps} classes={headerClasses} />\n      {children}\n    </div>\n  );\n};\n\nexport const GenericScreenHeader = ({\n  title,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  classes,\n}: GenericScreenHeaderProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const _showCloseButton = showCloseButton && onClose;\n  if (!(_showBackButton || _showCloseButton || title || closeButtonReplacement))\n    return null;\n\n  return (\n    <div\n      className={cn(\n        \"pb-4 pt-6 px-6 flex items-center justify-between\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n        {_showBackButton && (\n          <button onClick={onGoBack}>\n            <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n          </button>\n        )}\n        <span className={classes?.title}>{title}</span>\n      </div>\n      {closeButtonReplacement ??\n        (_showCloseButton && (\n          <button onClick={onClose}>\n            <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n              <XIcon />\n            </div>\n          </button>\n        ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AA8BA,IAAakB,KAAgBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAT,GAAAU;CAAA,AAAAJ,EAAA,OAAAD,KAKRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAN,IAAAM,EAAA,IAAAI,IAAAJ,EAAA,OALS,+CAAAI,KAAAL,GAKTC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAN,GAAAM,EAAA,KAAAI;CAKb,IAAAC,IAAAF,GAAOG,MAAMC;CAAA,AAAAP,EAAA,OAAAK,IACdE,IAAAP,EAAA,MAHUO,IAAA3B,EACT,qHACAyB,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;CAAA,AAAAR,EAAA,OAAAN,KAAAM,EAAA,OAAAI,KAEDI,IAAA,kBAAC,GAAD;EAAoB,GAAKJ;EAAsBV,SAAAA;EAAiB,CAAA,EAAAM,EAAA,KAAAN,GAAAM,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAE5D,OAF4DT,EAAA,QAAAE,KAAAF,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KANlEC,IAAA,kBAAA,OAAA;EACa,WAAAF;YADb,CAMEC,GACCN,EACG;KAAAF,EAAA,MAAAE,GAAAF,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KARNS;GAYSC,KAAsBX,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAf,UAAAC,mBAAAC,oBAAAC,2BAAAG,aAAAC,YAAAU,eAAAJ,GASlCY,IAAwBxB,KAAAK,GACxBoB,IAAyBxB,KAAAK;CACzB,IAAI,EAAEkB,KAAAC,KAAA1B,KAAAG,IAAuE,OACpE;CAMH,IAAAgB,IAAAF,GAAOG,MAAMC;CAAA,AAAAP,EAAA,OAAAK,IACdE,IAAAP,EAAA,MAHUO,IAAA3B,EACT,oDACAyB,EACD,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAO;CAAA,IAAAC;CAAA,AAAAR,EAAA,OAAAW,KAAAX,EAAA,OAAAR,KAGEgB,IAAAG,KACC,kBAAA,UAAA;EAAiBnB,SAAAA;YACf,kBAAC,GAAD,EAAqB,WAAA,yQACvB,CAAA;EACD,CAAA,EAAAQ,EAAA,KAAAW,GAAAX,EAAA,KAAAR,GAAAQ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CACgB,IAAAS,IAAAN,GAAOjB,OAAO2B;CAAA,AAAAb,EAAA,OAAAS,KAAAT,EAAA,OAAAd,KAA/B2B,IAAA,kBAAA,QAAA;EAAiB,WAAAJ;YAAiBvB;EAAa,CAAA,EAAAc,EAAA,KAAAS,GAAAT,EAAA,KAAAd,GAAAc,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,OAAAQ,KAAAR,EAAA,OAAAa,KANjDC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACGN,GAKDK,EACI;KAAAb,EAAA,KAAAQ,GAAAR,EAAA,KAAAa,GAAAb,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAe;CAAA,AAAAf,EAAA,QAAAY,KAAAZ,EAAA,QAAAX,KAAAW,EAAA,QAAAP,KACLsB,IAAA1B,MACEuB,KACC,kBAAA,UAAA;EAAiBnB,SAAAA;YACf,kBAAA,OAAA;GAAe,WAAA;aACb,kBAAC,GAAD,EACF,CAAA;GACF,CAAA;EACA,CAAA,GAAAO,EAAA,MAAAY,GAAAZ,EAAA,MAAAX,GAAAW,EAAA,MAAAP,GAAAO,EAAA,MAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAgB;CACA,OADAhB,EAAA,QAAAO,KAAAP,EAAA,QAAAc,KAAAd,EAAA,QAAAe,KArBNC,IAAA,kBAAA,OAAA;EACa,WAAAT;YADb,CAMEO,GAQCC,EAQG;KAAAf,EAAA,MAAAO,GAAAP,EAAA,MAAAc,GAAAd,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAtBNgB"}

package/dist/components/widget/Screen/ScreenContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenContainer.js","names":["MainScreenContainer","t0","$","_c","children","t1","SecondaryScreenContainer"],"sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"sourcesContent":["export const MainScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  return (\n    <div\n      className={\n        \"relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl\"\n      }\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const SecondaryScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  return <div className=\"relative z-2\">{children}</div>;\n};\n"],"mappings":";;;AAAA,IAAaA,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAInCI;AAQS,QARTH,EAAA,OAAAE,IAQSC,IAAAH,EAAA,MANNG,IAAA,kBAAA,OAAA;EAEI,WAAA;EAGDD;EACG,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IANNA;GAUSC,KAA2BL,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAIxCI;AACsD,QADtDH,EAAA,OAAAE,IACsDC,IAAAH,EAAA,MAA9CG,IAAA,kBAAA,OAAA;EAAe,WAAA;EAAgBD;EAAe,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAA9CA"}
+{"version":3,"file":"ScreenContainer.js","names":["MainScreenContainer","t0","$","_c","children","t1","SecondaryScreenContainer"],"sources":["../../../../src/components/widget/Screen/ScreenContainer.tsx"],"sourcesContent":["export const MainScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  return (\n    <div\n      className={\n        \"relative flex flex-col pt-[24px] px-[24px] pb-[18px] bg-contrast-9 dark:bg-contrast-3 border border-contrast-7 dark:border-contrast-4 rounded-xxl\"\n      }\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const SecondaryScreenContainer = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  return <div className=\"relative z-2\">{children}</div>;\n};\n"],"mappings":";;;AAAA,IAAaA,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAInCI;CAQS,OARTH,EAAA,OAAAE,IAQSC,IAAAH,EAAA,MANNG,IAAA,kBAAA,OAAA;EAEI,WAAA;EAGDD;EACG,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IANNA;GAUSC,KAA2BL,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,gBAAAH,GAIxCI;CACsD,OADtDH,EAAA,OAAAE,IACsDC,IAAAH,EAAA,MAA9CG,IAAA,kBAAA,OAAA;EAAe,WAAA;EAAgBD;EAAe,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAG,IAA9CA"}

package/dist/components/widget/SelectToken/SelectTokenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.js","names":["ComponentProps","Button","TokenBadge","TokenBadgeProps","SelectTokenButtonProps","ChevronIcon","Token","SupportedChainId","useSetScreen","cn","EmptySelectTokenButtonProps","Omit","tokenType","drawerContainer","HTMLElement","onTokenSelect","token","selectableChains","EmptySelectTokenButton","t0","$","_c","className","props","showSelectTokenScreen","closeScreen","t1","t2","onSelect","onClose","t3","tokenBadgeClasses","root","symbol","logo","SelectTokenButton","React","FC","tokenBadgePropsOverride","buttonProps","address","network","img","t4","t5","Symbol","for","t6"],"sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { type TokenBadgeProps } from \"@/components/widget/TokenBadge/types\";\nimport type { SelectTokenButtonProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { cn } from \"@/lib/utils\";\n\ntype EmptySelectTokenButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  tokenType?: \"from\" | \"to\";\n  drawerContainer?: HTMLElement | null;\n  onTokenSelect?: (token: Token) => void;\n  selectableChains?: SupportedChainId[];\n};\n\nexport const EmptySelectTokenButton = ({\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  selectableChains,\n  className,\n  ...props\n}: EmptySelectTokenButtonProps) => {\n  const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n  return (\n    <Button\n      variant=\"select\"\n      className={cn(\"h-[32px]\", className)}\n      {...props}\n      onClick={() => {\n        if (tokenType)\n          showSelectTokenScreen({\n            tokenType,\n            onSelect: onTokenSelect,\n            onClose: closeScreen,\n            selectableChains,\n            drawerContainer,\n          });\n      }}\n    >\n      Select Token\n    </Button>\n  );\n};\n\nconst tokenBadgeClasses: TokenBadgeProps[\"classes\"] = {\n  root: \"font-inter\",\n  symbol: \"text-contrast-4 dark:text-contrast-8\",\n  logo: \"size-[24px]\",\n};\n\nexport const SelectTokenButton: React.FC<SelectTokenButtonProps> = ({\n  token,\n  tokenType,\n  tokenBadgePropsOverride,\n  drawerContainer,\n  onSelect,\n  selectableChains,\n  buttonProps,\n}) => {\n  const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n  if (!token) {\n    return (\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onSelect}\n        selectableChains={selectableChains}\n        {...buttonProps}\n      />\n    );\n  }\n\n  const { address, network, img, symbol } = token;\n\n  return (\n    <Button\n      onClick={() => {\n        if (tokenType)\n          showSelectTokenScreen({\n            tokenType,\n            onSelect,\n            onClose: closeScreen,\n            selectableChains,\n            drawerContainer,\n          });\n      }}\n      {...buttonProps}\n      className={cn(\n        \"h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none\",\n        buttonProps?.className\n      )}\n    >\n      <TokenBadge\n        address={address}\n        chainId={network}\n        img={img}\n        symbol={symbol}\n        showNetworkIcon\n        classes={tokenBadgeClasses}\n        {...tokenBadgePropsOverride}\n      />\n\n      <ChevronIcon className=\"size-[10px]\" />\n    </Button>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectTokenButton.js","names":["ComponentProps","Button","TokenBadge","TokenBadgeProps","SelectTokenButtonProps","ChevronIcon","Token","SupportedChainId","useSetScreen","cn","EmptySelectTokenButtonProps","Omit","tokenType","drawerContainer","HTMLElement","onTokenSelect","token","selectableChains","EmptySelectTokenButton","t0","$","_c","className","props","showSelectTokenScreen","closeScreen","t1","t2","onSelect","onClose","t3","tokenBadgeClasses","root","symbol","logo","SelectTokenButton","React","FC","tokenBadgePropsOverride","buttonProps","address","network","img","t4","t5","Symbol","for","t6"],"sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"sourcesContent":["import { type ComponentProps } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { type TokenBadgeProps } from \"@/components/widget/TokenBadge/types\";\nimport type { SelectTokenButtonProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useSetScreen } from \"@/core/screen/state/hooks/useSetScreen\";\nimport { cn } from \"@/lib/utils\";\n\ntype EmptySelectTokenButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  tokenType?: \"from\" | \"to\";\n  drawerContainer?: HTMLElement | null;\n  onTokenSelect?: (token: Token) => void;\n  selectableChains?: SupportedChainId[];\n};\n\nexport const EmptySelectTokenButton = ({\n  tokenType,\n  drawerContainer,\n  onTokenSelect,\n  selectableChains,\n  className,\n  ...props\n}: EmptySelectTokenButtonProps) => {\n  const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n  return (\n    <Button\n      variant=\"select\"\n      className={cn(\"h-[32px]\", className)}\n      {...props}\n      onClick={() => {\n        if (tokenType)\n          showSelectTokenScreen({\n            tokenType,\n            onSelect: onTokenSelect,\n            onClose: closeScreen,\n            selectableChains,\n            drawerContainer,\n          });\n      }}\n    >\n      Select Token\n    </Button>\n  );\n};\n\nconst tokenBadgeClasses: TokenBadgeProps[\"classes\"] = {\n  root: \"font-inter\",\n  symbol: \"text-contrast-4 dark:text-contrast-8\",\n  logo: \"size-[24px]\",\n};\n\nexport const SelectTokenButton: React.FC<SelectTokenButtonProps> = ({\n  token,\n  tokenType,\n  tokenBadgePropsOverride,\n  drawerContainer,\n  onSelect,\n  selectableChains,\n  buttonProps,\n}) => {\n  const { showSelectTokenScreen, closeScreen } = useSetScreen();\n\n  if (!token) {\n    return (\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onSelect}\n        selectableChains={selectableChains}\n        {...buttonProps}\n      />\n    );\n  }\n\n  const { address, network, img, symbol } = token;\n\n  return (\n    <Button\n      onClick={() => {\n        if (tokenType)\n          showSelectTokenScreen({\n            tokenType,\n            onSelect,\n            onClose: closeScreen,\n            selectableChains,\n            drawerContainer,\n          });\n      }}\n      {...buttonProps}\n      className={cn(\n        \"h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none\",\n        buttonProps?.className\n      )}\n    >\n      <TokenBadge\n        address={address}\n        chainId={network}\n        img={img}\n        symbol={symbol}\n        showNetworkIcon\n        classes={tokenBadgeClasses}\n        {...tokenBadgePropsOverride}\n      />\n\n      <ChevronIcon className=\"size-[10px]\" />\n    </Button>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/SettingsButton/SettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsButton.js","names":["SliderIcon","ComponentProps","EllipseIcon","cn","SettingsButton","t0","$","_c","showEllipseIcon","t1","t2","t3","divProps","className","Symbol","for","t4","t5"],"sources":["../../../../src/components/widget/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { SliderIcon } from \"../Icon/SliderIcon\";\nimport type { ComponentProps } from \"react\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\nimport { cn } from \"@/lib/utils\";\n\nexport const SettingsButton = ({\n  showEllipseIcon,\n  ...divProps\n}: Omit<ComponentProps<\"div\">, \"children\"> & {\n  showEllipseIcon?: boolean;\n}) => {\n  return (\n    <div {...divProps} className={cn(\"relative flex\", divProps.className)}>\n      <SliderIcon className=\"text-contrast-5 cursor-pointer hover:text-primary-azul-1 transition-colors duration-200\" />\n      {showEllipseIcon && (\n        <EllipseIcon className=\"absolute top-[-3px] right-[-3px] stroke-contrast-9 dark:stroke-contrast-3\" />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaI,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;AAAA,KAAAJ,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAG,iBAAAG,GAAA,GAAAC,MAAAP;AAO0CC,EAP1CE,IAAAG,GAOlBC,IAAAA,GAAqBF,IAAAP,EAAG,iBAAiBS,EAAQC,UAAW,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;OAAAA,CAAAF,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA;CAAA,IAAAK;AAAA,CAAAL,EAAA,OAAAQ,OAAAC,IAAA,4BAAA,IACnEJ,IAAA,kBAAC,GAAD,EAAsB,WAAA,2FAA4F,CAAA,EAAAL,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAU;AAAA,CAAAV,EAAA,OAAAE,IAGjHQ,IAAAV,EAAA,MAFAU,IAAAR,KACC,kBAAC,GAAD,EAAuB,WAAA,6EACxB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAU;CAAA,IAAAC;AACG,QADHX,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAAAJ,EAAA,OAAAU,KAJHC,IAAA,kBAAA,OAAA;EAKM,GALGL;EAAqB,WAAAF;YAA9B,CACEC,GACCK,EAGG;KAAAV,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KALNW"}
+{"version":3,"file":"SettingsButton.js","names":["SliderIcon","ComponentProps","EllipseIcon","cn","SettingsButton","t0","$","_c","showEllipseIcon","t1","t2","t3","divProps","className","Symbol","for","t4","t5"],"sources":["../../../../src/components/widget/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { SliderIcon } from \"../Icon/SliderIcon\";\nimport type { ComponentProps } from \"react\";\nimport { EllipseIcon } from \"../Icon/EllipseIcon\";\nimport { cn } from \"@/lib/utils\";\n\nexport const SettingsButton = ({\n  showEllipseIcon,\n  ...divProps\n}: Omit<ComponentProps<\"div\">, \"children\"> & {\n  showEllipseIcon?: boolean;\n}) => {\n  return (\n    <div {...divProps} className={cn(\"relative flex\", divProps.className)}>\n      <SliderIcon className=\"text-contrast-5 cursor-pointer hover:text-primary-azul-1 transition-colors duration-200\" />\n      {showEllipseIcon && (\n        <EllipseIcon className=\"absolute top-[-3px] right-[-3px] stroke-contrast-9 dark:stroke-contrast-3\" />\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaI,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;CAAA,IAAAJ,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAG,iBAAAG,GAAA,GAAAC,MAAAP;EAO0CC,AAP1CE,IAAAG,GAOlBC,IAAAA,GAAqBF,IAAAP,EAAG,iBAAiBS,EAAQC,UAAW,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;QAAAA,AAAAF,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA;CAAA,IAAAK;CAAA,AAAAL,EAAA,OAAAQ,OAAAC,IAAA,4BAAA,IACnEJ,IAAA,kBAAC,GAAD,EAAsB,WAAA,2FAA4F,CAAA,EAAAL,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAU;CAAA,AAAAV,EAAA,OAAAE,IAGjHQ,IAAAV,EAAA,MAFAU,IAAAR,KACC,kBAAC,GAAD,EAAuB,WAAA,6EACxB,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAU;CAAA,IAAAC;CACG,OADHX,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAAAJ,EAAA,OAAAU,KAJHC,IAAA,kBAAA,OAAA;EAKM,GALGL;EAAqB,WAAAF;YAA9B,CACEC,GACCK,EAGG;KAAAV,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAU,GAAAV,EAAA,MAAAW,KAAAA,IAAAX,EAAA,KALNW"}

package/dist/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapModeSwitcherExpandable.js","names":["cn","Accordion","AccordionContent","AccordionItem","AccordionTrigger","DetailWithTooltip","DeltaIcon","MarketIcon","useSetAtom","setSwapModeAtom","SwapModeSwitcherExpandableProps","useSwapPrices","formatFiatPrice","WithClasses","useIsCrossChain","useGlobalDeltaEnabled","DexesList","useWidgetTokens","ErrorBoundary","useWidgetEvents","SwapMode","SwapModeSwitcherExpandable","React","FC","t0","$","_c","classes","currentEffectiveMode","t1","root","t2","Symbol","for","t3","t4","t5","t6","t7","t8","t9","SwapModeItem","icon","ReactNode","mode","fees","tooltip","onClick","t10","t11","DeltaModeItem","setSwapMode","onSettingsChange","enabledInConfig","enabledOnCurrentChain","isEnabled","undefined","event","name","params","swapMode","MarketModeItem","gasCostUSD","enabled","market","price","Number","formattedGasCostUSD","marketNetworkFees","isCrossChain","DexesListWithErrorBoundary","priceMode","tokenFrom","tokenTo"],"sources":["../../../../src/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport { MarketIcon } from \"@/components/widget/Icon/MarketIcon\";\nimport { useSetAtom } from \"@/core/store\";\nimport { setSwapModeAtom } from \"./state/swapModeActionsAtom\";\nimport type { SwapModeSwitcherExpandableProps } from \"./types\";\nimport { useSwapPrices } from \"@/hooks/swap/prices/useSwapPrices\";\n\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { useIsCrossChain } from \"@/core/state/isCrosschainAtom\";\nimport { useGlobalDeltaEnabled } from \"@/hooks/useGlobalDeltaEnabled\";\nimport { DexesList } from \"../DexesList/DexesList\";\nimport { useWidgetTokens } from \"@/core/inputs/state/common\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport type { SwapMode } from \"./state/types\";\n\nexport const SwapModeSwitcherExpandable: React.FC<\n  SwapModeSwitcherExpandableProps\n> = ({ classes, currentEffectiveMode }) => {\n  return (\n    <Accordion type=\"single\" collapsible className={classes?.root}>\n      <AccordionItem value=\"item-1\">\n        <AccordionTrigger>\n          <div className=\"flex items-center justify-between flex-1 gap-2\">\n            <div>Swap Mode</div>\n            <div>\n              {currentEffectiveMode === \"delta\" ? (\n                <div className=\"flex items-center gap-1\">\n                  <DeltaIcon /> Delta\n                </div>\n              ) : (\n                \"Market\"\n              )}\n            </div>\n          </div>\n        </AccordionTrigger>\n        <AccordionContent>\n          <div className=\"flex items-center justify-between gap-4\">\n            <DeltaModeItem currentEffectiveMode={currentEffectiveMode} />\n            <MarketModeItem currentEffectiveMode={currentEffectiveMode} />\n          </div>\n          <DexesListWithErrorBoundary />\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n};\n\nconst SwapModeItem: React.FC<\n  {\n    icon: React.ReactNode;\n    mode: SwapMode;\n    // with consideration for deltaPrice.errors and market as fallback\n    currentEffectiveMode: SwapMode;\n    fees: React.ReactNode;\n    tooltip: string;\n    onClick?: () => void;\n  } & WithClasses<\"root\">\n> = ({ icon, mode, currentEffectiveMode, fees, tooltip, classes, onClick }) => {\n  return (\n    <div\n      className={cn(\n        \"py-[14px] px-4 flex flex-1 gap-3 items-center bg-contrast-7 dark:bg-contrast-3 cursor-pointer rounded-md\",\n        {\n          \"outline outline-primary-azul-1\": currentEffectiveMode === mode,\n        },\n        classes?.root\n      )}\n      onClick={onClick}\n    >\n      <div>{icon}</div>\n      <div className=\"flex flex-1 flex-col gap-1\">\n        <div className=\"dark:text-contrast-9 text-sm\">\n          {mode === \"delta\" ? \"Delta\" : \"Market\"}\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <DetailWithTooltip\n            detail={\"Fees\"}\n            tooltip={tooltip}\n            classes={{\n              icon: \"dark:fill-contrast-5 size-[12px]\",\n              root: \"text-[10px]\",\n            }}\n          />\n          <div className=\"text-[10px] font-geist-mono\">{fees}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst DeltaModeItem = ({\n  currentEffectiveMode,\n}: {\n  currentEffectiveMode: SwapMode;\n}) => {\n  const setSwapMode = useSetAtom(setSwapModeAtom);\n  const { onSettingsChange } = useWidgetEvents();\n\n  const { enabledInConfig, enabledOnCurrentChain } = useGlobalDeltaEnabled();\n  const isEnabled = enabledInConfig && enabledOnCurrentChain;\n\n  const onClick = !isEnabled\n    ? undefined\n    : () => {\n        setSwapMode(\"delta\");\n        onSettingsChange?.({\n          event: {\n            name: \"Settings:switchSwapMode\",\n            params: {\n              swapMode: \"delta\",\n            },\n          },\n        });\n      };\n\n  return (\n    <SwapModeItem\n      icon={<DeltaIcon />}\n      mode=\"delta\"\n      currentEffectiveMode={currentEffectiveMode}\n      fees={<div className=\"text-[#A5D712]\">Gasless</div>}\n      tooltip=\"Estimated network fees\"\n      onClick={onClick}\n      classes={{\n        root: cn({\n          \"cursor-not-allowed\": !isEnabled,\n        }),\n      }}\n    />\n  );\n};\n\nconst MarketModeItem = ({\n  currentEffectiveMode,\n}: {\n  currentEffectiveMode: SwapMode;\n}) => {\n  const setSwapMode = useSetAtom(setSwapModeAtom);\n  const { onSettingsChange } = useWidgetEvents();\n\n  const gasCostUSD = useSwapPrices({\n    enabled: false,\n  }).market.price?.gasCostUSD;\n\n  const formattedGasCostUSD =\n    gasCostUSD !== undefined ? formatFiatPrice(Number(gasCostUSD)) : undefined;\n  const marketNetworkFees =\n    formattedGasCostUSD !== undefined\n      ? formattedGasCostUSD === \"$0.00\"\n        ? \"<$0.01\"\n        : formattedGasCostUSD\n      : \"N/A\";\n\n  const isCrossChain = useIsCrossChain();\n\n  const onClick = isCrossChain\n    ? undefined\n    : () => {\n        setSwapMode(\"market\");\n        onSettingsChange?.({\n          event: {\n            name: \"Settings:switchSwapMode\",\n            params: {\n              swapMode: \"market\",\n            },\n          },\n        });\n      };\n\n  return (\n    <SwapModeItem\n      icon={<MarketIcon />}\n      mode=\"market\"\n      currentEffectiveMode={currentEffectiveMode}\n      fees={marketNetworkFees}\n      tooltip=\"Estimated network fees\"\n      onClick={onClick}\n      classes={{\n        root: cn({\n          \"cursor-not-allowed\": isCrossChain,\n        }),\n      }}\n    />\n  );\n};\n\nconst DexesListWithErrorBoundary = () => {\n  const { priceMode, market } = useSwapPrices({ enabled: false });\n  const { tokenFrom, tokenTo } = useWidgetTokens(\"swap\");\n\n  if (priceMode !== \"market\" || !market.price || !tokenTo) return null;\n\n  return (\n    <ErrorBoundary fallback={null}>\n      <DexesList\n        marketPrice={market.price}\n        tokenFrom={tokenFrom}\n        tokenTo={tokenTo}\n      />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SwapModeSwitcherExpandable.js","names":["cn","Accordion","AccordionContent","AccordionItem","AccordionTrigger","DetailWithTooltip","DeltaIcon","MarketIcon","useSetAtom","setSwapModeAtom","SwapModeSwitcherExpandableProps","useSwapPrices","formatFiatPrice","WithClasses","useIsCrossChain","useGlobalDeltaEnabled","DexesList","useWidgetTokens","ErrorBoundary","useWidgetEvents","SwapMode","SwapModeSwitcherExpandable","React","FC","t0","$","_c","classes","currentEffectiveMode","t1","root","t2","Symbol","for","t3","t4","t5","t6","t7","t8","t9","SwapModeItem","icon","ReactNode","mode","fees","tooltip","onClick","t10","t11","DeltaModeItem","setSwapMode","onSettingsChange","enabledInConfig","enabledOnCurrentChain","isEnabled","undefined","event","name","params","swapMode","MarketModeItem","gasCostUSD","enabled","market","price","Number","formattedGasCostUSD","marketNetworkFees","isCrossChain","DexesListWithErrorBoundary","priceMode","tokenFrom","tokenTo"],"sources":["../../../../src/components/widget/SwapModeSwitcher/SwapModeSwitcherExpandable.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { DeltaIcon } from \"@/components/widget/Icon/DeltaIcon\";\nimport { MarketIcon } from \"@/components/widget/Icon/MarketIcon\";\nimport { useSetAtom } from \"@/core/store\";\nimport { setSwapModeAtom } from \"./state/swapModeActionsAtom\";\nimport type { SwapModeSwitcherExpandableProps } from \"./types\";\nimport { useSwapPrices } from \"@/hooks/swap/prices/useSwapPrices\";\n\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { useIsCrossChain } from \"@/core/state/isCrosschainAtom\";\nimport { useGlobalDeltaEnabled } from \"@/hooks/useGlobalDeltaEnabled\";\nimport { DexesList } from \"../DexesList/DexesList\";\nimport { useWidgetTokens } from \"@/core/inputs/state/common\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { useWidgetEvents } from \"@/core/state/widgetEventsAtom\";\nimport type { SwapMode } from \"./state/types\";\n\nexport const SwapModeSwitcherExpandable: React.FC<\n  SwapModeSwitcherExpandableProps\n> = ({ classes, currentEffectiveMode }) => {\n  return (\n    <Accordion type=\"single\" collapsible className={classes?.root}>\n      <AccordionItem value=\"item-1\">\n        <AccordionTrigger>\n          <div className=\"flex items-center justify-between flex-1 gap-2\">\n            <div>Swap Mode</div>\n            <div>\n              {currentEffectiveMode === \"delta\" ? (\n                <div className=\"flex items-center gap-1\">\n                  <DeltaIcon /> Delta\n                </div>\n              ) : (\n                \"Market\"\n              )}\n            </div>\n          </div>\n        </AccordionTrigger>\n        <AccordionContent>\n          <div className=\"flex items-center justify-between gap-4\">\n            <DeltaModeItem currentEffectiveMode={currentEffectiveMode} />\n            <MarketModeItem currentEffectiveMode={currentEffectiveMode} />\n          </div>\n          <DexesListWithErrorBoundary />\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  );\n};\n\nconst SwapModeItem: React.FC<\n  {\n    icon: React.ReactNode;\n    mode: SwapMode;\n    // with consideration for deltaPrice.errors and market as fallback\n    currentEffectiveMode: SwapMode;\n    fees: React.ReactNode;\n    tooltip: string;\n    onClick?: () => void;\n  } & WithClasses<\"root\">\n> = ({ icon, mode, currentEffectiveMode, fees, tooltip, classes, onClick }) => {\n  return (\n    <div\n      className={cn(\n        \"py-[14px] px-4 flex flex-1 gap-3 items-center bg-contrast-7 dark:bg-contrast-3 cursor-pointer rounded-md\",\n        {\n          \"outline outline-primary-azul-1\": currentEffectiveMode === mode,\n        },\n        classes?.root\n      )}\n      onClick={onClick}\n    >\n      <div>{icon}</div>\n      <div className=\"flex flex-1 flex-col gap-1\">\n        <div className=\"dark:text-contrast-9 text-sm\">\n          {mode === \"delta\" ? \"Delta\" : \"Market\"}\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <DetailWithTooltip\n            detail={\"Fees\"}\n            tooltip={tooltip}\n            classes={{\n              icon: \"dark:fill-contrast-5 size-[12px]\",\n              root: \"text-[10px]\",\n            }}\n          />\n          <div className=\"text-[10px] font-geist-mono\">{fees}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst DeltaModeItem = ({\n  currentEffectiveMode,\n}: {\n  currentEffectiveMode: SwapMode;\n}) => {\n  const setSwapMode = useSetAtom(setSwapModeAtom);\n  const { onSettingsChange } = useWidgetEvents();\n\n  const { enabledInConfig, enabledOnCurrentChain } = useGlobalDeltaEnabled();\n  const isEnabled = enabledInConfig && enabledOnCurrentChain;\n\n  const onClick = !isEnabled\n    ? undefined\n    : () => {\n        setSwapMode(\"delta\");\n        onSettingsChange?.({\n          event: {\n            name: \"Settings:switchSwapMode\",\n            params: {\n              swapMode: \"delta\",\n            },\n          },\n        });\n      };\n\n  return (\n    <SwapModeItem\n      icon={<DeltaIcon />}\n      mode=\"delta\"\n      currentEffectiveMode={currentEffectiveMode}\n      fees={<div className=\"text-[#A5D712]\">Gasless</div>}\n      tooltip=\"Estimated network fees\"\n      onClick={onClick}\n      classes={{\n        root: cn({\n          \"cursor-not-allowed\": !isEnabled,\n        }),\n      }}\n    />\n  );\n};\n\nconst MarketModeItem = ({\n  currentEffectiveMode,\n}: {\n  currentEffectiveMode: SwapMode;\n}) => {\n  const setSwapMode = useSetAtom(setSwapModeAtom);\n  const { onSettingsChange } = useWidgetEvents();\n\n  const gasCostUSD = useSwapPrices({\n    enabled: false,\n  }).market.price?.gasCostUSD;\n\n  const formattedGasCostUSD =\n    gasCostUSD !== undefined ? formatFiatPrice(Number(gasCostUSD)) : undefined;\n  const marketNetworkFees =\n    formattedGasCostUSD !== undefined\n      ? formattedGasCostUSD === \"$0.00\"\n        ? \"<$0.01\"\n        : formattedGasCostUSD\n      : \"N/A\";\n\n  const isCrossChain = useIsCrossChain();\n\n  const onClick = isCrossChain\n    ? undefined\n    : () => {\n        setSwapMode(\"market\");\n        onSettingsChange?.({\n          event: {\n            name: \"Settings:switchSwapMode\",\n            params: {\n              swapMode: \"market\",\n            },\n          },\n        });\n      };\n\n  return (\n    <SwapModeItem\n      icon={<MarketIcon />}\n      mode=\"market\"\n      currentEffectiveMode={currentEffectiveMode}\n      fees={marketNetworkFees}\n      tooltip=\"Estimated network fees\"\n      onClick={onClick}\n      classes={{\n        root: cn({\n          \"cursor-not-allowed\": isCrossChain,\n        }),\n      }}\n    />\n  );\n};\n\nconst DexesListWithErrorBoundary = () => {\n  const { priceMode, market } = useSwapPrices({ enabled: false });\n  const { tokenFrom, tokenTo } = useWidgetTokens(\"swap\");\n\n  if (priceMode !== \"market\" || !market.price || !tokenTo) return null;\n\n  return (\n    <ErrorBoundary fallback={null}>\n      <DexesList\n        marketPrice={market.price}\n        tokenFrom={tokenFrom}\n        tokenTo={tokenTo}\n      />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"swapModeActionsAtom.js","names":["atom","widgetConfigAtom","isCrossChainAtom","deltaEnabledOnAPI","wagmiConfig","swapTokenToAtom","SwapMode","userSwapModeAtom","limitTokenToAtom","isLimitCrossChainAtom","deltaParamAtom","setSwapModeAtom","get","set","mode","enabledInConfig","enableDelta","enabledOnAPI","state","chainId","undefined"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { widgetConfigAtom } from \"@/core/state/configAtom\";\nimport { isCrossChainAtom } from \"@/core/state/isCrosschainAtom\";\nimport { deltaEnabledOnAPI } from \"@/lib/constants/delta\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport type { SwapMode } from \"./types\";\nimport { userSwapModeAtom } from \"./swapModeAtom\";\nimport { limitTokenToAtom } from \"@/core/limit/state/limitTokenAtoms\";\nimport { isLimitCrossChainAtom } from \"@/core/limit/state/isCrosschainAtom\";\nimport { deltaParamAtom } from \"../../TradeParameters/state/deltaParamAtom\";\n\nexport const setSwapModeAtom = atom(null, (get, set, mode: SwapMode) => {\n  if (mode === \"delta\") {\n    const enabledInConfig = get(widgetConfigAtom).enableDelta;\n    const enabledOnAPI = deltaEnabledOnAPI[wagmiConfig.state.chainId];\n\n    if (enabledInConfig && enabledOnAPI) {\n      set(userSwapModeAtom, mode);\n      set(deltaParamAtom, true);\n    }\n  } else {\n    // delta mode disabled, reset tokenTo\n    if (get(isCrossChainAtom)) {\n      set(swapTokenToAtom, undefined);\n    }\n    if (get(isLimitCrossChainAtom)) {\n      set(limitTokenToAtom, undefined);\n    }\n    set(userSwapModeAtom, mode);\n    set(deltaParamAtom, false);\n  }\n});\n"],"mappings":";;;;;;;;;;;AAYA,IAAaW,IAAkBX,EAAK,OAAOY,GAAKC,GAAKC,MAAmB;AACtE,KAAIA,MAAS,SAAS;EACpB,IAAMC,IAAkBH,EAAIX,EAAiB,CAACe,aACxCC,IAAed,EAAkBC,EAAYc,MAAMC;AAEzD,EAAIJ,KAAmBE,MACrBJ,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAK;OAW3BG,CAPID,EAAIV,EAAiB,IACvBW,EAAIR,GAAiBe,KAAAA,EAAU,EAE7BR,EAAIH,EAAsB,IAC5BI,EAAIL,GAAkBY,KAAAA,EAAU,EAElCP,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAM;EAE5B"}
+{"version":3,"file":"swapModeActionsAtom.js","names":["atom","widgetConfigAtom","isCrossChainAtom","deltaEnabledOnAPI","wagmiConfig","swapTokenToAtom","SwapMode","userSwapModeAtom","limitTokenToAtom","isLimitCrossChainAtom","deltaParamAtom","setSwapModeAtom","get","set","mode","enabledInConfig","enableDelta","enabledOnAPI","state","chainId","undefined"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapModeActionsAtom.ts"],"sourcesContent":["import { atom } from \"jotai\";\nimport { widgetConfigAtom } from \"@/core/state/configAtom\";\nimport { isCrossChainAtom } from \"@/core/state/isCrosschainAtom\";\nimport { deltaEnabledOnAPI } from \"@/lib/constants/delta\";\nimport { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport type { SwapMode } from \"./types\";\nimport { userSwapModeAtom } from \"./swapModeAtom\";\nimport { limitTokenToAtom } from \"@/core/limit/state/limitTokenAtoms\";\nimport { isLimitCrossChainAtom } from \"@/core/limit/state/isCrosschainAtom\";\nimport { deltaParamAtom } from \"../../TradeParameters/state/deltaParamAtom\";\n\nexport const setSwapModeAtom = atom(null, (get, set, mode: SwapMode) => {\n  if (mode === \"delta\") {\n    const enabledInConfig = get(widgetConfigAtom).enableDelta;\n    const enabledOnAPI = deltaEnabledOnAPI[wagmiConfig.state.chainId];\n\n    if (enabledInConfig && enabledOnAPI) {\n      set(userSwapModeAtom, mode);\n      set(deltaParamAtom, true);\n    }\n  } else {\n    // delta mode disabled, reset tokenTo\n    if (get(isCrossChainAtom)) {\n      set(swapTokenToAtom, undefined);\n    }\n    if (get(isLimitCrossChainAtom)) {\n      set(limitTokenToAtom, undefined);\n    }\n    set(userSwapModeAtom, mode);\n    set(deltaParamAtom, false);\n  }\n});\n"],"mappings":";;;;;;;;;;;AAYA,IAAaW,IAAkBX,EAAK,OAAOY,GAAKC,GAAKC,MAAmB;CACtE,IAAIA,MAAS,SAAS;EACpB,IAAMC,IAAkBH,EAAIX,EAAiB,CAACe,aACxCC,IAAed,EAAkBC,EAAYc,MAAMC;EAEzD,AAAIJ,KAAmBE,MACrBJ,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAK;QAW3BG,AAPID,EAAIV,EAAiB,IACvBW,EAAIR,GAAiBe,KAAAA,EAAU,EAE7BR,EAAIH,EAAsB,IAC5BI,EAAIL,GAAkBY,KAAAA,EAAU,EAElCP,EAAIN,GAAkBO,EAAK,EAC3BD,EAAIH,GAAgB,GAAM;EAE5B"}

package/dist/components/widget/SwapModeSwitcher/state/swapSideAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"swapSideAtom.js","names":["swapTokenToAtom","currentSwapInputAtom","tradeModeAtom","SwapSideUnion","atom","useAtomValue","swapSideAtom","get","tradeMode","tokenTo","currentSwapInput","useSwapSide"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapSideAtom.ts"],"sourcesContent":["import { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport { currentSwapInputAtom } from \"@/core/state/currentSwapInputAtom\";\nimport { tradeModeAtom } from \"@/core/state/tradeModeAtom\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { atom } from \"jotai\";\nimport { useAtomValue } from \"@/core/store\";\n\nexport const swapSideAtom = atom<SwapSideUnion>((get) => {\n  const tradeMode = get(tradeModeAtom);\n\n  if (tradeMode !== \"swap\") {\n    return \"SELL\";\n  }\n\n  const tokenTo = get(swapTokenToAtom);\n\n  if (!tokenTo) {\n    return \"SELL\";\n  }\n\n  const currentSwapInput = get(currentSwapInputAtom);\n\n  return currentSwapInput === \"from\" ? \"SELL\" : \"BUY\";\n});\n\nexport const useSwapSide = () => {\n  return useAtomValue(swapSideAtom);\n};\n"],"mappings":";;;;;;AAOA,IAAaM,IAAeF,GAAqBG,MAC7BA,EAAIL,EAAc,KAElB,UAMd,CAFYK,EAAIP,EAAgB,IAMXO,EAAIN,EAAqB,KAEtB,SALnB,SAKqC,MAC9C,EAEWU,UACJN,EAAaC,EAAa"}
+{"version":3,"file":"swapSideAtom.js","names":["swapTokenToAtom","currentSwapInputAtom","tradeModeAtom","SwapSideUnion","atom","useAtomValue","swapSideAtom","get","tradeMode","tokenTo","currentSwapInput","useSwapSide"],"sources":["../../../../../src/components/widget/SwapModeSwitcher/state/swapSideAtom.ts"],"sourcesContent":["import { swapTokenToAtom } from \"@/core/inputs/state/selectedTokenAtom\";\nimport { currentSwapInputAtom } from \"@/core/state/currentSwapInputAtom\";\nimport { tradeModeAtom } from \"@/core/state/tradeModeAtom\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { atom } from \"jotai\";\nimport { useAtomValue } from \"@/core/store\";\n\nexport const swapSideAtom = atom<SwapSideUnion>((get) => {\n  const tradeMode = get(tradeModeAtom);\n\n  if (tradeMode !== \"swap\") {\n    return \"SELL\";\n  }\n\n  const tokenTo = get(swapTokenToAtom);\n\n  if (!tokenTo) {\n    return \"SELL\";\n  }\n\n  const currentSwapInput = get(currentSwapInputAtom);\n\n  return currentSwapInput === \"from\" ? \"SELL\" : \"BUY\";\n});\n\nexport const useSwapSide = () => {\n  return useAtomValue(swapSideAtom);\n};\n"],"mappings":";;;;;;AAOA,IAAaM,IAAeF,GAAqBG,MAC7BA,EAAIL,EAElBM,KAAc,UAMd,CAFYD,EAAIP,EAEfS,IAIoBF,EAAIN,EAEtBS,KAAqB,SALnB,SAKqC,MAC9C,EAEWC,UACJN,EAAaC,EAAa"}

package/dist/components/widget/SwapRate/SwapRate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRate.js","names":["Skeleton","SwapRateProps","getRateString","JSX","SwapRate","t0","$","_c","t1","t2","Symbol","for","bb0","isLoading","props","destToken","srcAmountWei","destAmountWei","reverse","prefix","srcToken","t3","symbol","address","undefined","rateString"],"sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport type { SwapRateProps } from \"./types\";\nimport { getRateString } from \"./utils\";\nimport type { JSX } from \"react\";\n\nexport const SwapRate = ({\n  isLoading,\n  ...props\n}: SwapRateProps): JSX.Element | null => {\n  const { destToken, srcAmountWei, destAmountWei, reverse, prefix } = props;\n  if (!destToken) return null;\n\n  const srcToken = reverse ? destToken : props.srcToken;\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {prefix} {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const rateString = getRateString(props) || \"-\";\n\n  return <>{rateString}</>;\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;AAAA,KAAAH,EAAA,OAAAD,GAAA;AAKCI,MAAAC,OAAIC,IAAJ,8BAAI;AAAAC,OAAA;GALJ,IAAA,EAAAC,cAAA,GAAAC,MAAAT,GAIvB,EAAAU,cAAAC,iBAAAC,kBAAAC,YAAAC,cAAoEL;AACpE,OAAI,CAACC,GAAS;AAASN,QAAA;AAAA,UAAAG;;GAEvB,IAAAQ,IAAiBF,IAAAH,IAAsBD,EAAKM;AAE5C,OAAIP,GAAS;IAAA,IAAAQ;AAETZ,IAFSH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,IAIPU,IAAA,kBAAC,GAAD,EAAoB,WAAA,sDAAuD,CAAA,EAAAf,EAAA,KAAAe,KAAAA,IAAAf,EAAA,IAF7EG,IAAA,kBAAA,OAAA;KAAe,WAAA;eAAf;MACGU;MAAO;MAAE,KAAKC,EAAQE,UAAWF,EAAQG,QAAQ;MAAM;MACxDF;MACI;;AAHN,UAAAT;;AAMJ,OAAII,MAAiBQ,KAAAA,KAAaP,MAAkBO,KAAAA,GAAS;AAASf,QAAA;AAAA,UAAAG;;AAEnDJ,OAAAN,EAAcY,EAAa,IAA3B;;AAA2BR,EAAAA,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;OAAAA,CAAAD,IAAAF,EAAA,IAAAG,IAAAH,EAAA;AAAA,KAAAG,MAAAC,OAAAC,IAAA,8BAAA,CAAA,QAAAF;CAA9C,IAAAgB,IAAmBjB,GAA4Ba;AAEvB,QAFuBf,EAAA,OAAAmB,IAEvBJ,IAAAf,EAAA,MAAjBe,IAAA,kBAAA,GAAA,EAAA,UAAGI,GAAc,CAAA,EAAAnB,EAAA,KAAAmB,GAAAnB,EAAA,KAAAe,IAAjBA"}
+{"version":3,"file":"SwapRate.js","names":["Skeleton","SwapRateProps","getRateString","JSX","SwapRate","t0","$","_c","t1","t2","Symbol","for","bb0","isLoading","props","destToken","srcAmountWei","destAmountWei","reverse","prefix","srcToken","t3","symbol","address","undefined","rateString"],"sources":["../../../../src/components/widget/SwapRate/SwapRate.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport type { SwapRateProps } from \"./types\";\nimport { getRateString } from \"./utils\";\nimport type { JSX } from \"react\";\n\nexport const SwapRate = ({\n  isLoading,\n  ...props\n}: SwapRateProps): JSX.Element | null => {\n  const { destToken, srcAmountWei, destAmountWei, reverse, prefix } = props;\n  if (!destToken) return null;\n\n  const srcToken = reverse ? destToken : props.srcToken;\n\n  if (isLoading)\n    return (\n      <div className=\"flex items-center gap-1\">\n        {prefix} {`1 ${srcToken.symbol ?? srcToken.address} =`}{\" \"}\n        <Skeleton className=\"w-[42px] h-[12px] bg-contrast-6 dark:bg-contrast-5\" />\n      </div>\n    );\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const rateString = getRateString(props) || \"-\";\n\n  return <>{rateString}</>;\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAWC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC,GAAAC;CAAA,IAAAH,EAAA,OAAAD,GAAA;EAKCI,IAAAC,OAAIC,IAAJ,8BAAI;EAAAC,KAAA;GALJ,IAAA,EAAAC,cAAA,GAAAC,MAAAT,GAIvB,EAAAU,cAAAC,iBAAAC,kBAAAC,YAAAC,cAAoEL;GACpE,IAAI,CAACC,GAAS;IAASN,IAAA;IAAA,MAAAG;;GAEvB,IAAAQ,IAAiBF,IAAAH,IAAsBD,EAAKM;GAE5C,IAAIP,GAAS;IAAA,IAAAQ;IAETZ,AAFSH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,IAIPU,IAAA,kBAAC,GAAD,EAAoB,WAAA,sDAAuD,CAAA,EAAAf,EAAA,KAAAe,KAAAA,IAAAf,EAAA,IAF7EG,IAAA,kBAAA,OAAA;KAAe,WAAA;eAAf;MACGU;MAAO;MAAE,KAAKC,EAAQE,UAAWF,EAAQG,QAAQ;MAAM;MACxDF;MACI;;IAHN,MAAAT;;GAMJ,IAAII,MAAiBQ,KAAAA,KAAaP,MAAkBO,KAAAA,GAAS;IAASf,IAAA;IAAA,MAAAG;;GAEnDJ,IAAAN,EAAcY,EAAa,IAA3B;;EAA2BR,AAAAA,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;QAAAA,AAAAD,IAAAF,EAAA,IAAAG,IAAAH,EAAA;CAAA,IAAAG,MAAAC,OAAAC,IAAA,8BAAA,EAAA,OAAAF;CAA9C,IAAAgB,IAAmBjB,GAA4Ba;CAEvB,OAFuBf,EAAA,OAAAmB,IAEvBJ,IAAAf,EAAA,MAAjBe,IAAA,kBAAA,GAAA,EAAA,UAAGI,GAAc,CAAA,EAAAnB,EAAA,KAAAmB,GAAAnB,EAAA,KAAAe,IAAjBA"}

package/dist/components/widget/SwapRate/SwapRateWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRateWithTooltip.js","names":["Tooltip","TooltipContent","TooltipTrigger","SwapRate","SwapRateProps","useState","getRateString","SwapRateWithTooltip","t0","$","_c","isLoading","props","isReversed","setIsReversed","reverse","reversedRate","t1","event","stopPropagation","_temp","t2","t3","t4","t5","prev"],"sources":["../../../../src/components/widget/SwapRate/SwapRateWithTooltip.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { SwapRate } from \"./SwapRate\";\nimport type { SwapRateProps } from \"./types\";\nimport { useState } from \"react\";\nimport { getRateString } from \"./utils\";\n\nexport const SwapRateWithTooltip = ({ isLoading, ...props }: SwapRateProps) => {\n  const [isReversed, setIsReversed] = useState(!!props.reverse);\n\n  const reversedRate = getRateString({ ...props, reverse: !isReversed });\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div\n          className=\"cursor-pointer\"\n          onClick={(event) => {\n            event.stopPropagation();\n            setIsReversed((prev) => !prev);\n          }}\n        >\n          <SwapRate isLoading={isLoading} {...props} reverse={isReversed} />\n        </div>\n      </TooltipTrigger>\n      {reversedRate && <TooltipContent>{reversedRate}</TooltipContent>}\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAaO,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAA,GAAAC,MAAAJ,GAClC,CAAAK,GAAAC,KAAoCT,EAAS,CAAC,CAACO,EAAKG,QAAS,EAE7DC,IAAqBV,EAAc;EAAA,GAAKM;EAAKG,SAAW,CAACF;EAAY,CAAC,EAACI;AAAA,CAAAR,EAAA,OAAAK,IAS9DG,IAAAR,EAAA,MAHQQ,KAAAC,MAAA;AAEPJ,EADAI,EAAKC,iBAAkB,EACvBL,EAAcM,EAAgB;IAC/BX,EAAA,KAAAK,GAAAL,EAAA,KAAAQ;CAAA,IAAAI;AAAA,CAAAZ,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAEDS,IAAA,kBAAC,GAAD;EAAqBV;EAAS,GAAMC;EAAgBC,SAAAA;EAAc,CAAA,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,OAAAQ,KAAAR,EAAA,OAAAY,KARtEC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GACY,WAAA;GACD,SAAAL;aAKTI;GAEJ,CAAA;EAAiB,CAAA,EAAAZ,EAAA,KAAAQ,GAAAR,EAAA,KAAAY,GAAAZ,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,OAAAO,IAC+CO,IAAAd,EAAA,OAA/Dc,IAAAP,KAAgB,kBAAC,GAAD,EAAA,UAAiBA,GAA8B,CAAA,EAAAP,EAAA,KAAAO,GAAAP,EAAA,MAAAc;CAAA,IAAAC;AACxD,QADwDf,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAZlEC,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEF,GAWCC,EACO,EAAA,CAAA,EAAAd,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAe,KAAAA,IAAAf,EAAA,KAbVe;;AAL+B,SAAAJ,EAAAK,GAAA;AAAA,QAWC,CAACA"}
+{"version":3,"file":"SwapRateWithTooltip.js","names":["Tooltip","TooltipContent","TooltipTrigger","SwapRate","SwapRateProps","useState","getRateString","SwapRateWithTooltip","t0","$","_c","isLoading","props","isReversed","setIsReversed","reverse","reversedRate","t1","event","stopPropagation","_temp","t2","t3","t4","t5","prev"],"sources":["../../../../src/components/widget/SwapRate/SwapRateWithTooltip.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { SwapRate } from \"./SwapRate\";\nimport type { SwapRateProps } from \"./types\";\nimport { useState } from \"react\";\nimport { getRateString } from \"./utils\";\n\nexport const SwapRateWithTooltip = ({ isLoading, ...props }: SwapRateProps) => {\n  const [isReversed, setIsReversed] = useState(!!props.reverse);\n\n  const reversedRate = getRateString({ ...props, reverse: !isReversed });\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div\n          className=\"cursor-pointer\"\n          onClick={(event) => {\n            event.stopPropagation();\n            setIsReversed((prev) => !prev);\n          }}\n        >\n          <SwapRate isLoading={isLoading} {...props} reverse={isReversed} />\n        </div>\n      </TooltipTrigger>\n      {reversedRate && <TooltipContent>{reversedRate}</TooltipContent>}\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAaO,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAA,GAAAC,MAAAJ,GAClC,CAAAK,GAAAC,KAAoCT,EAAS,CAAC,CAACO,EAAKG,QAAS,EAE7DC,IAAqBV,EAAc;EAAA,GAAKM;EAAKG,SAAW,CAACF;EAAY,CAAC,EAACI;CAAA,AAAAR,EAAA,OAAAK,IAS9DG,IAAAR,EAAA,MAHQQ,KAAAC,MAAA;EAEPJ,AADAI,EAAKC,iBAAkB,EACvBL,EAAcM,EAAgB;IAC/BX,EAAA,KAAAK,GAAAL,EAAA,KAAAQ;CAAA,IAAAI;CAAA,AAAAZ,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KAAAJ,EAAA,OAAAG,KAEDS,IAAA,kBAAC,GAAD;EAAqBV;EAAS,GAAMC;EAAgBC,SAAAA;EAAc,CAAA,EAAAJ,EAAA,KAAAE,GAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;CAAA,AAAAb,EAAA,OAAAQ,KAAAR,EAAA,OAAAY,KARtEC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GACY,WAAA;GACD,SAAAL;aAKTI;GAEJ,CAAA;EAAiB,CAAA,EAAAZ,EAAA,KAAAQ,GAAAR,EAAA,KAAAY,GAAAZ,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,OAAAO,IAC+CO,IAAAd,EAAA,OAA/Dc,IAAAP,KAAgB,kBAAC,GAAD,EAAA,UAAiBA,GAA8B,CAAA,EAAAP,EAAA,KAAAO,GAAAP,EAAA,MAAAc;CAAA,IAAAC;CACxD,OADwDf,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAZlEC,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEF,GAWCC,EACO,EAAA,CAAA,EAAAd,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAe,KAAAA,IAAAf,EAAA,KAbVe;;AAL+B,SAAAJ,EAAAK,GAAA;CAAA,OAWC,CAACA"}

package/dist/components/widget/SwapRate/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["formatUnits","SwapRateProps","calcRate","getRateString","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","reverse","prefix","Omit","undefined","srcUnits","BigInt","decimals","destUnits","rateFormatted","rateText","symbol","address"],"sources":["../../../../src/components/widget/SwapRate/utils.ts"],"sourcesContent":["import { formatUnits } from \"viem\";\nimport type { SwapRateProps } from \"./types\";\nimport { calcRate } from \"@/lib/utils/rate\";\n\nexport function getRateString({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  reverse,\n  prefix,\n}: Omit<SwapRateProps, \"isLoading\">): string | null {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  const rateText = `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n\n  if (prefix) {\n    return `${prefix} ${rateText}`;\n  }\n\n  return rateText;\n}\n"],"mappings":";;;AAIA,SAAgBG,EAAc,EAC5BC,UAAUC,GACVC,WAAWC,GACXC,cAAcC,GACdC,eAAeC,GACfC,YACAC,aACkD;AAClD,KAAI,CAACN,EAAY,QAAO;CAExB,IAAM,EAAEH,aAAUE,cAAWE,iBAAcE,qBAAkBE,IACzD;EACER,UAAUG;EACVD,WAAWD;EACXG,cAAcG;EACdD,eAAeD;EAChB,GACD;EACEL,UAAUC;EACVC,WAAWC;EACXC,cAAcC;EACdC,eAAeC;EAChB;AAEL,KAAIH,MAAiBO,KAAAA,KAAaL,MAAkBK,KAAAA,EAAW,QAAO;CAKtE,IAAMK,IAAgBlB,EAHLF,EAAYiB,OAAOT,EAAa,EAAEJ,EAASc,SAAS,EACnDlB,EAAYiB,OAAOP,EAAc,EAAEJ,EAAUY,SAAS,CAErB,EAAEE;AACrD,KAAI,CAACA,EAEH,QAAO;CAGT,IAAMC,IAAW,KAAKjB,EAASkB,UAAUlB,EAASmB,QAAO,KAAMH,EAAa,GAAId,EAAUgB,UAAUhB,EAAUiB;AAM9G,QAJIV,IACK,GAAGA,EAAM,GAAIQ,MAGfA"}
+{"version":3,"file":"utils.js","names":["formatUnits","SwapRateProps","calcRate","getRateString","srcToken","_srcToken","destToken","_destToken","srcAmountWei","_srcAmountWei","destAmountWei","_destAmountWei","reverse","prefix","Omit","undefined","srcUnits","BigInt","decimals","destUnits","rateFormatted","rateText","symbol","address"],"sources":["../../../../src/components/widget/SwapRate/utils.ts"],"sourcesContent":["import { formatUnits } from \"viem\";\nimport type { SwapRateProps } from \"./types\";\nimport { calcRate } from \"@/lib/utils/rate\";\n\nexport function getRateString({\n  srcToken: _srcToken,\n  destToken: _destToken,\n  srcAmountWei: _srcAmountWei,\n  destAmountWei: _destAmountWei,\n  reverse,\n  prefix,\n}: Omit<SwapRateProps, \"isLoading\">): string | null {\n  if (!_destToken) return null;\n\n  const { srcToken, destToken, srcAmountWei, destAmountWei } = reverse\n    ? {\n        srcToken: _destToken,\n        destToken: _srcToken,\n        srcAmountWei: _destAmountWei,\n        destAmountWei: _srcAmountWei,\n      }\n    : {\n        srcToken: _srcToken,\n        destToken: _destToken,\n        srcAmountWei: _srcAmountWei,\n        destAmountWei: _destAmountWei,\n      };\n\n  if (srcAmountWei === undefined || destAmountWei === undefined) return null;\n\n  const srcUnits = formatUnits(BigInt(srcAmountWei), srcToken.decimals);\n  const destUnits = formatUnits(BigInt(destAmountWei), destToken.decimals);\n\n  const rateFormatted = calcRate(srcUnits, destUnits)?.rateFormatted;\n  if (!rateFormatted) {\n    // will happen when destAmount is not yet filled from the first price fetch (=\"0\")\n    return null;\n  }\n\n  const rateText = `1 ${srcToken.symbol ?? srcToken.address} = ${rateFormatted} ${destToken.symbol ?? destToken.address}`;\n\n  if (prefix) {\n    return `${prefix} ${rateText}`;\n  }\n\n  return rateText;\n}\n"],"mappings":";;;AAIA,SAAgBG,EAAc,EAC5BC,UAAUC,GACVC,WAAWC,GACXC,cAAcC,GACdC,eAAeC,GACfC,YACAC,aACkD;CAClD,IAAI,CAACN,GAAY,OAAO;CAExB,IAAM,EAAEH,aAAUE,cAAWE,iBAAcE,qBAAkBE,IACzD;EACER,UAAUG;EACVD,WAAWD;EACXG,cAAcG;EACdD,eAAeD;EAChB,GACD;EACEL,UAAUC;EACVC,WAAWC;EACXC,cAAcC;EACdC,eAAeC;EAChB;CAEL,IAAIH,MAAiBO,KAAAA,KAAaL,MAAkBK,KAAAA,GAAW,OAAO;CAKtE,IAAMK,IAAgBlB,EAHLF,EAAYiB,OAAOT,EAAa,EAAEJ,EAASc,SAG7BF,EAFbhB,EAAYiB,OAAOP,EAAc,EAAEJ,EAAUY,SAEtBC,CAAU,EAAEC;CACrD,IAAI,CAACA,GAEH,OAAO;CAGT,IAAMC,IAAW,KAAKjB,EAASkB,UAAUlB,EAASmB,QAAO,KAAMH,EAAa,GAAId,EAAUgB,UAAUhB,EAAUiB;CAM9G,OAJIV,IACK,GAAGA,EAAM,GAAIQ,MAGfA"}

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

@@ -1,7 +1,10 @@
 import { PriceImpactDetail } from '../../../core/swapDetails/types';
 import { SwapRateProps } from '../SwapRate/types';
-export declare const SwapRateWithPriceImpactRow: ({ priceImpactDetail, swapRateProps, }: {
+import { RefreshButtonProps } from '../Button/types';
+import { MarkRequired } from 'ts-essentials';
+export declare const SwapRateWithPriceImpactRow: ({ priceImpactDetail, swapRateProps, refreshButtonProps, }: {
     priceImpactDetail: PriceImpactDetail;
     swapRateProps: SwapRateProps;
+    refreshButtonProps?: MarkRequired<Omit<RefreshButtonProps, "asChild" | "radius" | "disabled">, "onClick">;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SwapRateWithPriceImpactRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwapRateWithPriceImpactRow.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,eAAO,MAAM,0BAA0B,GAAI,uCAGxC;IACD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;CAC9B,4CAwCA,CAAC"}
+{"version":3,"file":"SwapRateWithPriceImpactRow.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,0BAA0B,GAAI,2DAIxC;IACD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,kBAAkB,CAAC,EAAE,YAAY,CAC/B,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,EAC3D,SAAS,CACV,CAAC;CACH,4CAwEA,CAAC"}

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js

@@ -3,41 +3,64 @@ import { Skeleton as t } from "../../ui/skeleton.js";
 import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../ui/tooltip.js";
 import { ForwardRef as a } from "../../../assets/price-impact.js";
 import { SwapRateWithTooltip as o } from "../SwapRate/SwapRateWithTooltip.js";
-import { c as s } from "react-compiler-runtime";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { RefreshButton as s } from "../Button/RefreshButton.js";
+import { c } from "react-compiler-runtime";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx
-var u = (u) => {
-	let d = s(19), { priceImpactDetail: f, swapRateProps: p } = u, { isHighImpact: m, isMediumImpact: h, isUnavailable: g, value: _, isLoading: v, classes: y } = f, b;
-	d[0] === p ? b = d[1] : (b = /* @__PURE__ */ c(o, { ...p }), d[0] = p, d[1] = b);
-	let x;
-	d[2] !== m || d[3] !== h || d[4] !== g ? (x = !m && /* @__PURE__ */ c(a, { className: e("size-[16px]", {
-		"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": h,
-		"text-secondary-radical-red-2 dark:text-secondary-radical-red-2": g
-	}) }), d[2] = m, d[3] = h, d[4] = g, d[5] = x) : x = d[5];
-	let S;
-	d[6] !== y?.value || d[7] !== v || d[8] !== _ ? (S = v ? /* @__PURE__ */ c(t, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ c("div", {
-		className: e(y?.value, "text-nowrap"),
-		children: _ ?? "-"
-	}), d[6] = y?.value, d[7] = v, d[8] = _, d[9] = S) : S = d[9];
+var d = (d) => {
+	let f = c(24), { priceImpactDetail: p, swapRateProps: m, refreshButtonProps: h } = d, { isHighImpact: g, isMediumImpact: _, isUnavailable: v, value: y, isLoading: b, classes: x } = p, S;
+	f[0] === m ? S = f[1] : (S = /* @__PURE__ */ l(o, { ...m }), f[0] = m, f[1] = S);
 	let C;
-	d[10] !== x || d[11] !== S ? (C = /* @__PURE__ */ c(i, {
+	f[2] === h ? C = f[3] : (C = h?.onClick && /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(i, {
 		asChild: !0,
-		children: /* @__PURE__ */ l("div", {
-			className: "flex items-center gap-1",
-			children: [x, S]
-		})
-	}), d[10] = x, d[11] = S, d[12] = C) : C = d[12];
+		children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(s, {
+			...h,
+			asChild: !0,
+			radius: "xs",
+			classes: {
+				...h.classes,
+				button: e("px-1 py-1 h-5 w-5", h.classes?.button),
+				icon: e("size-4", h.classes?.icon)
+			},
+			onClick: (e) => {
+				e.stopPropagation(), h.onClick(e);
+			}
+		}) })
+	}), /* @__PURE__ */ l(r, { children: "Refresh Price" })] }), f[2] = h, f[3] = C);
 	let w;
-	d[13] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ c(r, { children: "Price Impact" }), d[13] = w) : w = d[13];
+	f[4] !== S || f[5] !== C ? (w = /* @__PURE__ */ u("div", {
+		className: "flex items-center gap-1.5",
+		children: [S, C]
+	}), f[4] = S, f[5] = C, f[6] = w) : w = f[6];
 	let T;
-	d[14] === C ? T = d[15] : (T = /* @__PURE__ */ l(n, { children: [C, w] }), d[14] = C, d[15] = T);
+	f[7] !== g || f[8] !== _ || f[9] !== v ? (T = !g && /* @__PURE__ */ l(a, { className: e("size-[16px]", {
+		"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1": _,
+		"text-secondary-radical-red-2 dark:text-secondary-radical-red-2": v
+	}) }), f[7] = g, f[8] = _, f[9] = v, f[10] = T) : T = f[10];
 	let E;
-	return d[16] !== b || d[17] !== T ? (E = /* @__PURE__ */ l("div", {
-		className: "flex items-center justify-between",
-		children: [b, T]
-	}), d[16] = b, d[17] = T, d[18] = E) : E = d[18], E;
+	f[11] !== x?.value || f[12] !== b || f[13] !== y ? (E = b ? /* @__PURE__ */ l(t, { className: "bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]" }) : /* @__PURE__ */ l("div", {
+		className: e(x?.value, "text-nowrap"),
+		children: y ?? "-"
+	}), f[11] = x?.value, f[12] = b, f[13] = y, f[14] = E) : E = f[14];
+	let D;
+	f[15] !== T || f[16] !== E ? (D = /* @__PURE__ */ l(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ u("div", {
+			className: "flex items-center gap-1",
+			children: [T, E]
+		})
+	}), f[15] = T, f[16] = E, f[17] = D) : D = f[17];
+	let O;
+	f[18] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ l(r, { children: "Price Impact" }), f[18] = O) : O = f[18];
+	let k;
+	f[19] === D ? k = f[20] : (k = /* @__PURE__ */ u(n, { children: [D, O] }), f[19] = D, f[20] = k);
+	let A;
+	return f[21] !== w || f[22] !== k ? (A = /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-between gap-2",
+		children: [w, k]
+	}), f[21] = w, f[22] = k, f[23] = A) : A = f[23], A;
 };
 //#endregion
-export { u as SwapRateWithPriceImpactRow };
+export { d as SwapRateWithPriceImpactRow };
 
 //# sourceMappingURL=SwapRateWithPriceImpactRow.js.map

package/dist/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRateProps","SwapRateWithTooltip","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","t3","t4","t5","Symbol","for","t6","t7"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\nimport { SwapRateWithTooltip } from \"../SwapRate/SwapRateWithTooltip\";\n\nexport const SwapRateWithPriceImpactRow = ({\n  priceImpactDetail,\n  swapRateProps,\n}: {\n  priceImpactDetail: PriceImpactDetail;\n  swapRateProps: SwapRateProps;\n}) => {\n  const {\n    isHighImpact,\n    isMediumImpact,\n    isUnavailable,\n    value: priceImpactValue,\n    isLoading,\n    classes,\n  } = priceImpactDetail;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <SwapRateWithTooltip {...swapRateProps} />\n\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div className=\"flex items-center gap-1\">\n            {!isHighImpact && (\n              <PriceImpactSVG\n                className={cn(\"size-[16px]\", {\n                  \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n                    isMediumImpact,\n                  \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n                    isUnavailable,\n                })}\n              />\n            )}\n            {isLoading ? (\n              <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n            ) : (\n              <div className={cn(classes?.value, \"text-nowrap\")}>\n                {priceImpactValue ?? \"-\"}\n              </div>\n            )}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>Price Impact</TooltipContent>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAaU,KAA6BC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,sBAAAC,qBAAAJ,GAOzC,EAAAK,iBAAAC,mBAAAC,kBAAAC,OAAAC,GAAAC,cAAAC,eAOIR,GAAkBS;AAAA,CAAAX,EAAA,OAAAG,IAIwBQ,IAAAX,EAAA,MAA1CW,IAAA,kBAAC,GAAD,EAAoB,GAAKR,GAAiB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAW;CAAA,IAAAC;AAAA,CAAAZ,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAKnCM,IAAA,CAACR,KACA,kBAAC,GAAD,EACa,WAAAX,EAAG,eAAe;EAAA,kEAEzBY;EAAc,kEAEdC;EACH,CAAA,EAEJ,CAAA,EAAAN,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAa;AAAA,CAAAb,EAAA,OAAAU,GAAAH,SAAAP,EAAA,OAAAS,KAAAT,EAAA,OAAAQ,KACAK,IAAAJ,IACC,kBAAC,GAAD,EAAoB,WAAA,0DAKrB,CAAA,GAHC,kBAAA,OAAA;EAAgB,WAAAhB,EAAGiB,GAAOH,OAAS,cAAa;YAC7CC,KAAA;EAEJ,CAAA,EAAAR,EAAA,KAAAU,GAAAH,OAAAP,EAAA,KAAAS,GAAAT,EAAA,KAAAQ,GAAAR,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,QAAAY,KAAAZ,EAAA,QAAAa,KAlBLC,IAAA,kBAAC,GAAD;EAAgB,SAAA;YACd,kBAAA,OAAA;GAAe,WAAA;aAAf,CACGF,GAUAC,EAQL;;EAAiB,CAAA,EAAAb,EAAA,MAAAY,GAAAZ,EAAA,MAAAa,GAAAb,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAe;AAAA,CAAAf,EAAA,QAAAgB,OAAAC,IAAA,4BAAA,IACjBF,IAAA,kBAAC,GAAD,EAAA,UAAgB,gBAA6B,CAAA,EAAAf,EAAA,MAAAe,KAAAA,IAAAf,EAAA;CAAA,IAAAkB;AAAA,CAAAlB,EAAA,QAAAc,IACrCI,IAAAlB,EAAA,OAvBVkB,IAAA,kBAAC,GAAD,EAAA,UAAA,CACEJ,GAqBAC,EACQ,EAAA,CAAA,EAAAf,EAAA,MAAAc,GAAAd,EAAA,MAAAkB;CAAA,IAAAC;AACN,QADMnB,EAAA,QAAAW,KAAAX,EAAA,QAAAkB,KA1BZC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACER,GAEAO,EAwBI;KAAAlB,EAAA,MAAAW,GAAAX,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA,KA3BNmB"}
+{"version":3,"file":"SwapRateWithPriceImpactRow.js","names":["Tooltip","TooltipContent","TooltipTrigger","ReactComponent","PriceImpactSVG","cn","Skeleton","PriceImpactDetail","SwapRateProps","SwapRateWithTooltip","RefreshButton","RefreshButtonProps","MarkRequired","SwapRateWithPriceImpactRow","t0","$","_c","priceImpactDetail","swapRateProps","refreshButtonProps","isHighImpact","isMediumImpact","isUnavailable","value","priceImpactValue","isLoading","classes","t1","t2","onClick","button","icon","e","stopPropagation","t3","t4","t5","t6","t7","Symbol","for","t8","t9"],"sources":["../../../../src/components/widget/SwapRateWithPriceImpactRow/SwapRateWithPriceImpactRow.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { ReactComponent as PriceImpactSVG } from \"@/assets/price-impact.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport type { PriceImpactDetail } from \"@/core/swapDetails/types\";\nimport type { SwapRateProps } from \"../SwapRate/types\";\nimport { SwapRateWithTooltip } from \"../SwapRate/SwapRateWithTooltip\";\nimport { RefreshButton } from \"../Button/RefreshButton\";\nimport type { RefreshButtonProps } from \"../Button/types\";\nimport type { MarkRequired } from \"ts-essentials\";\n\nexport const SwapRateWithPriceImpactRow = ({\n  priceImpactDetail,\n  swapRateProps,\n  refreshButtonProps,\n}: {\n  priceImpactDetail: PriceImpactDetail;\n  swapRateProps: SwapRateProps;\n  refreshButtonProps?: MarkRequired<\n    Omit<RefreshButtonProps, \"asChild\" | \"radius\" | \"disabled\">,\n    \"onClick\"\n  >;\n}) => {\n  const {\n    isHighImpact,\n    isMediumImpact,\n    isUnavailable,\n    value: priceImpactValue,\n    isLoading,\n    classes,\n  } = priceImpactDetail;\n\n  return (\n    <div className=\"flex items-center justify-between gap-2\">\n      <div className=\"flex items-center gap-1.5\">\n        <SwapRateWithTooltip {...swapRateProps} />\n        {refreshButtonProps?.onClick && (\n          <Tooltip>\n            <TooltipTrigger\n              // DetailWithValueListExpandable is a button\n              asChild // use asChild to prevent nested buttons\n            >\n              <div>\n                <RefreshButton\n                  {...refreshButtonProps}\n                  asChild // use asChild to prevent nested buttons\n                  radius=\"xs\"\n                  // merge classes\n                  classes={{\n                    ...refreshButtonProps.classes,\n                    button: cn(\n                      \"px-1 py-1 h-5 w-5\",\n                      refreshButtonProps.classes?.button\n                    ),\n                    icon: cn(\"size-4\", refreshButtonProps.classes?.icon),\n                  }}\n                  onClick={(e) => {\n                    // prevent expand/collapse\n                    e.stopPropagation();\n                    refreshButtonProps.onClick(e);\n                  }}\n                />\n              </div>\n            </TooltipTrigger>\n            <TooltipContent>Refresh Price</TooltipContent>\n          </Tooltip>\n        )}\n      </div>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div className=\"flex items-center gap-1\">\n            {!isHighImpact && (\n              <PriceImpactSVG\n                className={cn(\"size-[16px]\", {\n                  \"text-secondary-orange-peel-1 dark:text-secondary-orange-peel-1\":\n                    isMediumImpact,\n                  \"text-secondary-radical-red-2 dark:text-secondary-radical-red-2\":\n                    isUnavailable,\n                })}\n              />\n            )}\n            {isLoading ? (\n              <Skeleton className=\"bg-contrast-6 dark:bg-contrast-5 min-w-[42px] h-[12px]\" />\n            ) : (\n              <div className={cn(classes?.value, \"text-nowrap\")}>\n                {priceImpactValue ?? \"-\"}\n              </div>\n            )}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>Price Impact</TooltipContent>\n      </Tooltip>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["cn","WithClasses","Tabs","RadixTabs","TabsList","TabsTrigger","TabsContent","TabContentItem","value","content","React","ReactNode","label","TabsProps","tabContents","TabItem","defaultValue","defaultClasses","trigger","t0","$","_c","classes","tabsClasses","t1","root","t2","listRoot","t3","list","t4","t5","t6","itemClasses","map","t7","t8","t9","value_0","itemClasses_0"],"sources":["../../../../src/components/widget/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport {\n  Tabs as RadixTabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"@radix-ui/react-tabs\";\n\ntype TabContentItem = {\n  value: string;\n  content: React.ReactNode;\n  label: React.ReactNode;\n} & WithClasses<\"trigger\" | \"content\">;\n\ntype TabsProps<TabItem extends TabContentItem = TabContentItem> = {\n  tabContents: TabItem[];\n  defaultValue: TabItem[\"value\"];\n} & WithClasses<\"root\" | \"listRoot\" | \"list\" | \"trigger\" | \"content\">;\n\nconst defaultClasses = {\n  trigger:\n    \"data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5\",\n};\n\nexport const Tabs = <TabItem extends TabContentItem = TabContentItem>({\n  defaultValue,\n  tabContents,\n  classes: tabsClasses,\n}: TabsProps<TabItem>) => {\n  return (\n    <RadixTabs defaultValue={defaultValue} className={tabsClasses?.root}>\n      <TabsList className={tabsClasses?.listRoot}>\n        <div className={tabsClasses?.list}>\n          {tabContents.map(({ value, label, classes: itemClasses }) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className={cn(\n                defaultClasses.trigger,\n                tabsClasses?.trigger,\n                itemClasses?.trigger\n              )}\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </div>\n      </TabsList>\n      {tabContents.map(({ value, classes: itemClasses, content }) => (\n        <TabsContent\n          key={value}\n          value={value}\n          className={cn(tabsClasses?.content, itemClasses?.content)}\n        >\n          {content}\n        </TabsContent>\n      ))}\n    </RadixTabs>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAMiB,IAAiB,EACrBC,SACE,inBACH,EAEYhB,KAAOiB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAkD,EAAAL,iBAAAF,gBAAAQ,SAAAC,MAAAJ,GAMhBK,IAAAD,GAAWE,MACtCC,IAAAH,GAAWI,UACdC,IAAAL,GAAWM,MAAMC;AAAA,KAAAV,EAAA,OAAAN,KAAAM,EAAA,OAAAG,GAAAL,SAAA;EAAA,IAAAa;AAa7BX,EAb6BA,EAAA,OAAAG,GAAAL,UAa9Ba,IAAAX,EAAA,MAZgBW,KAAAC,MAAA;GAAC,IAAA,EAAAxB,UAAAI,UAAAU,SAAAW,MAAAD;AAAsC,UACtD,kBAAC,GAAD;IAESxB;IACI,WAAAR,EACTiB,EAAcC,SACdK,GAAWL,SACXe,GAAWf,QACb;cAECN;IACW,EATPJ,EASO;KACfY,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAW,IAZAD,IAAAhB,EAAWoB,IAAKH,EAYf,EAAAX,EAAA,KAAAN,GAAAM,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAU;OAAAA,KAAAV,EAAA;CAAA,IAAAW;AAAA,CAAAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAbJC,IAAA,kBAAA,OAAA;EAAgB,WAAAH;YACbE;EAaG,CAAA,EAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAY;AAAA,CAAAZ,EAAA,OAAAM,KAAAN,EAAA,OAAAW,KAfRC,IAAA,kBAAC,GAAD;EAAqB,WAAAN;YACnBK;EAeS,CAAA,EAAAX,EAAA,KAAAM,GAAAN,EAAA,KAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAN,KAAAM,EAAA,QAAAG,GAAAd,SAAA;EAAA,IAAA2B;AASThB,EATSA,EAAA,QAAAG,GAAAd,UASV2B,IAAAhB,EAAA,OARgBgB,KAAAC,MAAA;GAAC,IAAA,EAAA7B,OAAA8B,GAAAhB,SAAAiB,GAAA9B,eAAA4B;AAAwC,UACxD,kBAAC,GAAD;IAES7B,OAAAA;IACI,WAAAR,EAAGuB,GAAWd,SAAWwB,GAAWxB,QAAS;cAEvDA;IACW,EALPD,EAKO;KACfY,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAgB,IARAD,IAAArB,EAAWoB,IAAKE,EAQf,EAAAhB,EAAA,MAAAN,GAAAM,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAe;OAAAA,KAAAf,EAAA;CAAA,IAAAgB;AACQ,QADRhB,EAAA,QAAAJ,KAAAI,EAAA,QAAAI,KAAAJ,EAAA,QAAAY,KAAAZ,EAAA,QAAAe,KA1BJC,IAAA,kBAAC,GAAD;EAAyBpB;EAAyB,WAAAQ;YAAlD,CACEQ,GAiBCG,EASS;KAAAf,EAAA,MAAAJ,GAAAI,EAAA,MAAAI,GAAAJ,EAAA,MAAAY,GAAAZ,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KA3BZgB"}
+{"version":3,"file":"Tabs.js","names":["cn","WithClasses","Tabs","RadixTabs","TabsList","TabsTrigger","TabsContent","TabContentItem","value","content","React","ReactNode","label","TabsProps","tabContents","TabItem","defaultValue","defaultClasses","trigger","t0","$","_c","classes","tabsClasses","t1","root","t2","listRoot","t3","list","t4","t5","t6","itemClasses","map","t7","t8","t9","value_0","itemClasses_0"],"sources":["../../../../src/components/widget/Tabs/Tabs.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport {\n  Tabs as RadixTabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n} from \"@radix-ui/react-tabs\";\n\ntype TabContentItem = {\n  value: string;\n  content: React.ReactNode;\n  label: React.ReactNode;\n} & WithClasses<\"trigger\" | \"content\">;\n\ntype TabsProps<TabItem extends TabContentItem = TabContentItem> = {\n  tabContents: TabItem[];\n  defaultValue: TabItem[\"value\"];\n} & WithClasses<\"root\" | \"listRoot\" | \"list\" | \"trigger\" | \"content\">;\n\nconst defaultClasses = {\n  trigger:\n    \"data-[state=active]:bg-contrast-9 data-[state=active]:dark:bg-contrast-1 text-contrast-3 data-[state=active]:text-contrast-2 dark:text-contrast-6 data-[state=active]:dark:text-contrast-9 cursor-pointer border-t border-b border-t-contrast-6 border-b-contrast-6 dark:border-t-contrast-5 dark:border-b-contrast-5 data-[state=active]:border data-[state=active]:border-primary-azul-1! first-of-type:rounded-l-sm last-of-type:rounded-r-sm first-of-type:border-l last-of-type:border-r first-of-type:border-l-contrast-6 last-of-type:border-r-contrast-6 first-of-type:dark:border-l-contrast-5 last-of-type:dark:border-r-contrast-5\",\n};\n\nexport const Tabs = <TabItem extends TabContentItem = TabContentItem>({\n  defaultValue,\n  tabContents,\n  classes: tabsClasses,\n}: TabsProps<TabItem>) => {\n  return (\n    <RadixTabs defaultValue={defaultValue} className={tabsClasses?.root}>\n      <TabsList className={tabsClasses?.listRoot}>\n        <div className={tabsClasses?.list}>\n          {tabContents.map(({ value, label, classes: itemClasses }) => (\n            <TabsTrigger\n              key={value}\n              value={value}\n              className={cn(\n                defaultClasses.trigger,\n                tabsClasses?.trigger,\n                itemClasses?.trigger\n              )}\n            >\n              {label}\n            </TabsTrigger>\n          ))}\n        </div>\n      </TabsList>\n      {tabContents.map(({ value, classes: itemClasses, content }) => (\n        <TabsContent\n          key={value}\n          value={value}\n          className={cn(tabsClasses?.content, itemClasses?.content)}\n        >\n          {content}\n        </TabsContent>\n      ))}\n    </RadixTabs>\n  );\n};\n"],"mappings":";;;;;AAoBA,IAAMiB,IAAiB,EACrBC,SACE,inBACH,EAEYhB,KAAOiB,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAkD,EAAAL,iBAAAF,gBAAAQ,SAAAC,MAAAJ,GAMhBK,IAAAD,GAAWE,MACtCC,IAAAH,GAAWI,UACdC,IAAAL,GAAWM,MAAMC;CAAA,IAAAV,EAAA,OAAAN,KAAAM,EAAA,OAAAG,GAAAL,SAAA;EAAA,IAAAa;EAa7BX,AAb6BA,EAAA,OAAAG,GAAAL,UAa9Ba,IAAAX,EAAA,MAZgBW,KAAAC,MAAA;GAAC,IAAA,EAAAxB,UAAAI,UAAAU,SAAAW,MAAAD;GAAsC,OACtD,kBAAC,GAAD;IAESxB;IACI,WAAAR,EACTiB,EAAcC,SACdK,GAAWL,SACXe,GAAWf,QACb;cAECN;IACW,EATPJ,EASO;KACfY,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAW,IAZAD,IAAAhB,EAAWoB,IAAKH,EAYf,EAAAX,EAAA,KAAAN,GAAAM,EAAA,KAAAG,GAAAL,SAAAE,EAAA,KAAAU;QAAAA,IAAAV,EAAA;CAAA,IAAAW;CAAA,AAAAX,EAAA,OAAAQ,KAAAR,EAAA,OAAAU,KAbJC,IAAA,kBAAA,OAAA;EAAgB,WAAAH;YACbE;EAaG,CAAA,EAAAV,EAAA,KAAAQ,GAAAR,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAAA,IAAAY;CAAA,AAAAZ,EAAA,OAAAM,KAAAN,EAAA,OAAAW,KAfRC,IAAA,kBAAC,GAAD;EAAqB,WAAAN;YACnBK;EAeS,CAAA,EAAAX,EAAA,KAAAM,GAAAN,EAAA,KAAAW,GAAAX,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAN,KAAAM,EAAA,QAAAG,GAAAd,SAAA;EAAA,IAAA2B;EASThB,AATSA,EAAA,QAAAG,GAAAd,UASV2B,IAAAhB,EAAA,OARgBgB,KAAAC,MAAA;GAAC,IAAA,EAAA7B,OAAA8B,GAAAhB,SAAAiB,GAAA9B,eAAA4B;GAAwC,OACxD,kBAAC,GAAD;IAES7B,OAAAA;IACI,WAAAR,EAAGuB,GAAWd,SAAWwB,GAAWxB,QAAS;cAEvDA;IACW,EALPD,EAKO;KACfY,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAgB,IARAD,IAAArB,EAAWoB,IAAKE,EAQf,EAAAhB,EAAA,MAAAN,GAAAM,EAAA,MAAAG,GAAAd,SAAAW,EAAA,MAAAe;QAAAA,IAAAf,EAAA;CAAA,IAAAgB;CACQ,OADRhB,EAAA,QAAAJ,KAAAI,EAAA,QAAAI,KAAAJ,EAAA,QAAAY,KAAAZ,EAAA,QAAAe,KA1BJC,IAAA,kBAAC,GAAD;EAAyBpB;EAAyB,WAAAQ;YAAlD,CACEQ,GAiBCG,EASS;KAAAf,EAAA,MAAAJ,GAAAI,EAAA,MAAAI,GAAAJ,EAAA,MAAAY,GAAAZ,EAAA,MAAAe,GAAAf,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KA3BZgB"}

package/dist/components/widget/Toasts/CustomToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToast.js","names":["Line","X","toast","cn","ReactComponent","Spinner","CircleCheckSVG","CircleExclamationSVG","ProgressBar","TOASTER_LIFETIME","CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","icon","t2","dismiss","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","className","onTransitionEnd","t17"],"sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CustomToast.js","names":["Line","X","toast","cn","ReactComponent","Spinner","CircleCheckSVG","CircleExclamationSVG","ProgressBar","TOASTER_LIFETIME","CustomToast","t0","$","_c","toastId","variant","label","detailsLink","onClose","_onClose","isLoading","isSuccess","isError","isSuccessOrError","t1","icon","t2","dismiss","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","className","onTransitionEnd","t17"],"sources":["../../../../src/components/widget/Toasts/CustomToast.tsx"],"sourcesContent":["import { Line } from \"../Line/Line\";\nimport { X } from \"lucide-react\";\nimport { toast } from \"sonner\";\nimport { cn } from \"@/lib/utils\";\n\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport { ReactComponent as CircleCheckSVG } from \"@/assets/circle-check.svg\";\nimport { ReactComponent as CircleExclamationSVG } from \"@/assets/circle-exclamation.svg\";\nimport { ProgressBar } from \"@/components/ui/progress\";\nimport { TOASTER_LIFETIME } from \"@/core/constants\";\n\n// @TODO toasts in loading state has to be stored together to show a single pending toast for either all transactions or orders\n\nexport const CustomToast = ({\n  toastId,\n  variant,\n  label,\n  detailsLink,\n  onClose: _onClose,\n}: {\n  toastId: string; // should pass the id, otherwise it won't be closable\n  variant: \"error\" | \"success\" | \"loading\"; // to match the toast.promise flow\n  label: string;\n  detailsLink?: string;\n  onClose?: () => void;\n}) => {\n  const isLoading = variant === \"loading\";\n  const isSuccess = variant === \"success\";\n  const isError = variant === \"error\";\n\n  // mostly the same styles but different bg-color\n  const isSuccessOrError = isSuccess || isError;\n\n  const icon = isLoading ? (\n    <Spinner\n      width={16}\n      height={16}\n      className=\"animate-spin direction-reverse\"\n    />\n  ) : isSuccess ? (\n    <CircleCheckSVG />\n  ) : (\n    <CircleExclamationSVG />\n  );\n\n  const onClose = () => {\n    toast.dismiss(toastId);\n    _onClose?.();\n  };\n\n  return (\n    // extra flex container to keep it centered and do not stretch the content,\n    // because sonner stretches the toast to full width in mobile\n    <div className=\"flex justify-center\">\n      <div\n        className={cn(\"text-xs text-nowrap rounded-xs flex flex-col\", {\n          \"text-contrast-3 dark:text-contrast-7 bg-contrast-7 dark:bg-contrast-2\":\n            isLoading,\n          \"text-contrast-9 bg-secondary-shamrock-green-1\": isSuccess,\n          \"text-contrast-9 bg-secondary-radical-red-1\": isError,\n        })}\n      >\n        <div className=\"flex items-center\">\n          <div\n            className={cn(\"py-2 px-4 flex items-center\", {\n              \"py-3\": isLoading, // extra padding because no ProgressBar in loading state\n            })}\n          >\n            <div className=\"mr-1.5\">{icon}</div>\n            <div className=\"font-medium mr-4\">{label}</div>\n            {detailsLink && (\n              <div\n                className={cn(\"cursor-pointer\", {\n                  \"text-contrast-7\": isSuccessOrError,\n                })}\n              >\n                <a href={detailsLink} target=\"_blank\" rel=\"noopener noreferrer\">\n                  Details\n                </a>\n              </div>\n            )}\n          </div>\n          <Line\n            vertical\n            className={cn({\n              \"bg-contrast-6 dark:bg-contrast-3\": isLoading,\n              \"bg-[#0000000D] dark:bg-[#0000000D]\": isSuccessOrError,\n            })}\n          />\n          <div\n            className={cn(\n              \"rounded-[50%] w-[18px] h-[18px] flex items-center justify-center mx-4 cursor-pointer\",\n              {\n                \"bg-[#B7BECB] dark:bg-contrast-1\": isLoading,\n                \"bg-contrast-9\": isSuccessOrError,\n              }\n            )}\n            onClick={onClose}\n          >\n            <X\n              size={12}\n              className={cn({\n                \"dark:text-contrast-5\": isLoading,\n                \"text-contrast-5\": isSuccessOrError,\n              })}\n            />\n          </div>\n        </div>\n        {isSuccessOrError && (\n          <ProgressBar\n            duration={TOASTER_LIFETIME}\n            rootProps={{\n              className:\n                \"h-[4px] bg-black/10 rounded-bl-xs rounded-br-xs mx-[0.5px]\",\n            }}\n            indicatorProps={{\n              className: \"bg-white/60\",\n              onTransitionEnd: onClose,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/TokenBadge/TokenBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBadge.js","names":["NetworkIconSquare","cn","TokenBadgeProps","LockIcon","vlrURL","TOKEN_IMG_PLACEHOLDER","isVLR","Tooltip","TooltipContent","TooltipTrigger","formatFiatPrice","JSX","TokenLink","TokenBadge","React","FC","t0","$","_c","img","address","chainId","amount","amountUSD","symbol","imageLess","classes","lockIcon","showNetworkIcon","explorerLink","amountPosition","t1","undefined","isVLRToken","imgSrc","amountEl","t2","t3","tokenAmount","t4","t5","t6","t7","t8","logo","networkIcon","networkIconContainer","_temp","imgEl","amountAndImg","root","e","currentTarget","src"],"sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { JSX } from \"react\";\nimport { TokenLink } from \"./TokenLink\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  amountUSD,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  explorerLink,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  let amountEl: JSX.Element | undefined;\n  if (amount !== undefined) {\n    const tokenAmount = <div className={classes?.amount}>{amount}</div>;\n    // wrap in tooltip if amountUSD is provided\n    if (typeof amountUSD === \"string\") {\n      amountEl = (\n        <Tooltip>\n          <TooltipTrigger>{tokenAmount}</TooltipTrigger>\n          <TooltipContent>{formatFiatPrice(+amountUSD)}</TooltipContent>\n        </Tooltip>\n      );\n    } else {\n      amountEl = tokenAmount;\n    }\n  }\n\n  const imgEl = !imageLess && (\n    <div className={cn(\"flex relative\")}>\n      <img\n        className={cn(\"size-[20px] overflow-hidden max-w-fit\", classes?.logo)}\n        // img can sometimes ignore height/width because of preflight.css reset\n        height={20}\n        width={20}\n        src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n        title={address}\n        onError={(e) => {\n          e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n        }}\n        alt={address}\n      />\n      {showNetworkIcon && (\n        <div\n          className={cn(\n            \"flex absolute bottom-[-1px] right-[-1px]\",\n            classes?.networkIconContainer\n          )}\n        >\n          <NetworkIconSquare\n            networkId={chainId}\n            className={cn(\"size-[12px]\", classes?.networkIcon)}\n            withBorder\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const amountAndImg =\n    amountPosition === \"right\" ? (\n      <>\n        {imgEl}\n        {amountEl}\n      </>\n    ) : (\n      <>\n        {amountEl}\n        {imgEl}\n      </>\n    );\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amountAndImg}\n      {symbol && (\n        <div className={classes?.symbol}>\n          {explorerLink ? (\n            <TokenLink address={address} symbol={symbol} network={chainId} />\n          ) : (\n            symbol\n          )}\n        </div>\n      )}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TokenBadge.js","names":["NetworkIconSquare","cn","TokenBadgeProps","LockIcon","vlrURL","TOKEN_IMG_PLACEHOLDER","isVLR","Tooltip","TooltipContent","TooltipTrigger","formatFiatPrice","JSX","TokenLink","TokenBadge","React","FC","t0","$","_c","img","address","chainId","amount","amountUSD","symbol","imageLess","classes","lockIcon","showNetworkIcon","explorerLink","amountPosition","t1","undefined","isVLRToken","imgSrc","amountEl","t2","t3","tokenAmount","t4","t5","t6","t7","t8","logo","networkIcon","networkIconContainer","_temp","imgEl","amountAndImg","root","e","currentTarget","src"],"sources":["../../../../src/components/widget/TokenBadge/TokenBadge.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { TokenBadgeProps } from \"./types\";\nimport { LockIcon } from \"lucide-react\";\nimport vlrURL from \"@/assets/vlr.svg?url\";\n\nimport TOKEN_IMG_PLACEHOLDER from \"./assets/placeholder.png\";\nimport { isVLR } from \"@/tokens/utils/brand\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport type { JSX } from \"react\";\nimport { TokenLink } from \"./TokenLink\";\n\nexport const TokenBadge: React.FC<TokenBadgeProps> = ({\n  img,\n  address,\n  chainId,\n  amount,\n  amountUSD,\n  symbol,\n  imageLess,\n  classes,\n  lockIcon,\n  showNetworkIcon,\n  explorerLink,\n  amountPosition = \"left\",\n}) => {\n  const isVLRToken = isVLR({ address }, chainId);\n  const imgSrc = isVLRToken ? vlrURL : img;\n\n  let amountEl: JSX.Element | undefined;\n  if (amount !== undefined) {\n    const tokenAmount = <div className={classes?.amount}>{amount}</div>;\n    // wrap in tooltip if amountUSD is provided\n    if (typeof amountUSD === \"string\") {\n      amountEl = (\n        <Tooltip>\n          <TooltipTrigger>{tokenAmount}</TooltipTrigger>\n          <TooltipContent>{formatFiatPrice(+amountUSD)}</TooltipContent>\n        </Tooltip>\n      );\n    } else {\n      amountEl = tokenAmount;\n    }\n  }\n\n  const imgEl = !imageLess && (\n    <div className={cn(\"flex relative\")}>\n      <img\n        className={cn(\"size-[20px] overflow-hidden max-w-fit\", classes?.logo)}\n        // img can sometimes ignore height/width because of preflight.css reset\n        height={20}\n        width={20}\n        src={imgSrc ?? TOKEN_IMG_PLACEHOLDER}\n        title={address}\n        onError={(e) => {\n          e.currentTarget.src = TOKEN_IMG_PLACEHOLDER;\n        }}\n        alt={address}\n      />\n      {showNetworkIcon && (\n        <div\n          className={cn(\n            \"flex absolute bottom-[-1px] right-[-1px]\",\n            classes?.networkIconContainer\n          )}\n        >\n          <NetworkIconSquare\n            networkId={chainId}\n            className={cn(\"size-[12px]\", classes?.networkIcon)}\n            withBorder\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const amountAndImg =\n    amountPosition === \"right\" ? (\n      <>\n        {imgEl}\n        {amountEl}\n      </>\n    ) : (\n      <>\n        {amountEl}\n        {imgEl}\n      </>\n    );\n\n  return (\n    <div\n      className={cn(\"flex items-center gap-2 font-geist-mono\", classes?.root)}\n    >\n      {amountAndImg}\n      {symbol && (\n        <div className={classes?.symbol}>\n          {explorerLink ? (\n            <TokenLink address={address} symbol={symbol} network={chainId} />\n          ) : (\n            symbol\n          )}\n        </div>\n      )}\n      {lockIcon && <LockIcon className=\"text-secondary-orange-peel-1\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/TokenBadge/TokenLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenLink.js","names":["cn","constructTokenLinkForChain","Token","WithClasses","TokenLink","t0","$","_c","address","network","symbol","classes","t1","chainId","tokenLink","t2","root","t3","t4","t5"],"sources":["../../../../src/components/widget/TokenBadge/TokenLink.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const TokenLink = ({\n  address,\n  network,\n  symbol,\n  classes,\n}: Pick<Token, \"address\" | \"symbol\" | \"network\"> & WithClasses<\"root\">) => {\n  const tokenLink = constructTokenLinkForChain({\n    address,\n    chainId: network,\n  });\n\n  if (!tokenLink)\n    return <span className={classes?.root}>{symbol || address}</span>;\n  return (\n    <a\n      href={tokenLink}\n      target=\"_blank\"\n      className={cn(\"underline\", classes?.root)}\n      rel=\"noopener noreferrer\"\n    >\n      {symbol || address}\n    </a>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,YAAAC,YAAAC,WAAAC,eAAAN,GAK4CO;AAAA,CAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAClDG,IAAAX,EAA2B;EAAAO;EAAAK,SAElCJ;EACV,CAAC,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAHF,IAAAQ,IAAkBF;AAKlB,KAAI,CAACE,GAAS;EACY,IAAAC,IAAAJ,GAAOK,MAASC,IAAAP,KAAAF,GAAiBU;AAAQ,SAARZ,EAAA,OAAAS,KAAAT,EAAA,OAAAW,KAAlDC,IAAA,kBAAA,QAAA;GAAiB,WAAAH;aAAgBE;GAAyB,CAAA,EAAAX,EAAA,KAAAS,GAAAT,EAAA,KAAAW,GAAAX,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAA1DY;;CAKsB,IAAAH,IAAAJ,GAAOK,MAAMC;AAAA,CAAAX,EAAA,OAAAS,IAACE,IAAAX,EAAA,MAA9BW,IAAAjB,EAAG,aAAae,EAAc,EAAAT,EAAA,KAAAS,GAAAT,EAAA,KAAAW;CAGxC,IAAAC,IAAAR,KAAAF,GAAiBW;AAChB,QADgBb,EAAA,OAAAW,KAAAX,EAAA,OAAAY,KAAAZ,EAAA,QAAAQ,KANpBK,IAAA,kBAAA,KAAA;EACQL,MAAAA;EACC,QAAA;EACI,WAAAG;EACP,KAAA;YAEHC;EACC,CAAA,EAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAY,GAAAZ,EAAA,MAAAQ,GAAAR,EAAA,MAAAa,KAAAA,IAAAb,EAAA,KAPJa"}
+{"version":3,"file":"TokenLink.js","names":["cn","constructTokenLinkForChain","Token","WithClasses","TokenLink","t0","$","_c","address","network","symbol","classes","t1","chainId","tokenLink","t2","root","t3","t4","t5"],"sources":["../../../../src/components/widget/TokenBadge/TokenLink.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { constructTokenLinkForChain } from \"@/lib/utils/explorer\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const TokenLink = ({\n  address,\n  network,\n  symbol,\n  classes,\n}: Pick<Token, \"address\" | \"symbol\" | \"network\"> & WithClasses<\"root\">) => {\n  const tokenLink = constructTokenLinkForChain({\n    address,\n    chainId: network,\n  });\n\n  if (!tokenLink)\n    return <span className={classes?.root}>{symbol || address}</span>;\n  return (\n    <a\n      href={tokenLink}\n      target=\"_blank\"\n      className={cn(\"underline\", classes?.root)}\n      rel=\"noopener noreferrer\"\n    >\n      {symbol || address}\n    </a>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAYC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,YAAAC,YAAAC,WAAAC,eAAAN,GAK4CO;CAAA,AAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAClDG,IAAAX,EAA2B;EAAAO;EAAAK,SAElCJ;EACV,CAAC,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAHF,IAAAQ,IAAkBF;CAKlB,IAAI,CAACE,GAAS;EACY,IAAAC,IAAAJ,GAAOK,MAASC,IAAAP,KAAAF,GAAiBU;EAAQ,OAARZ,EAAA,OAAAS,KAAAT,EAAA,OAAAW,KAAlDC,IAAA,kBAAA,QAAA;GAAiB,WAAAH;aAAgBE;GAAyB,CAAA,EAAAX,EAAA,KAAAS,GAAAT,EAAA,KAAAW,GAAAX,EAAA,KAAAY,KAAAA,IAAAZ,EAAA,IAA1DY;;CAKsB,IAAAH,IAAAJ,GAAOK,MAAMC;CAAA,AAAAX,EAAA,OAAAS,IAACE,IAAAX,EAAA,MAA9BW,IAAAjB,EAAG,aAAae,EAAc,EAAAT,EAAA,KAAAS,GAAAT,EAAA,KAAAW;CAGxC,IAAAC,IAAAR,KAAAF,GAAiBW;CAChB,OADgBb,EAAA,OAAAW,KAAAX,EAAA,OAAAY,KAAAZ,EAAA,QAAAQ,KANpBK,IAAA,kBAAA,KAAA;EACQL,MAAAA;EACC,QAAA;EACI,WAAAG;EACP,KAAA;YAEHC;EACC,CAAA,EAAAZ,EAAA,KAAAW,GAAAX,EAAA,KAAAY,GAAAZ,EAAA,MAAAQ,GAAAR,EAAA,MAAAa,KAAAA,IAAAb,EAAA,KAPJa"}

package/dist/components/widget/TokenInput/InputContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","names":["cn","TokenInputProps","InputContainer","t0","$","_c","className","divProps","insufficientBalanceMessageProps","token","t1","shouldDisplay","t2","t3"],"sources":["../../../../src/components/widget/TokenInput/InputContainer.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const InputContainer = ({\n  token,\n  insufficientBalanceMessageProps,\n  className,\n  ...divProps\n}: Pick<TokenInputProps, \"token\" | \"insufficientBalanceMessageProps\"> &\n  React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cn(\n        \"group flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        className,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n      {...divProps}\n    ></div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAaE,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC;AAAA,CAAAL,EAAA,OAAAD,KAMQG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,OANP,gEAAAG,KAAAJ,GAMOC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK;CAQ1B,IAAAC,IAAAD,KAASD,GAA+BG,eAAeC;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAM,KALlDE,IAAAZ,EACT,mKACAM,GACA,EAAA,kCAEII,GAEN,CAAC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAEI,QAFJT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KARHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAOV,GACGL;EACC,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAVPS"}
+{"version":3,"file":"InputContainer.js","names":["cn","TokenInputProps","InputContainer","t0","$","_c","className","divProps","insufficientBalanceMessageProps","token","t1","shouldDisplay","t2","t3"],"sources":["../../../../src/components/widget/TokenInput/InputContainer.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { TokenInputProps } from \"./types\";\n\nexport const InputContainer = ({\n  token,\n  insufficientBalanceMessageProps,\n  className,\n  ...divProps\n}: Pick<TokenInputProps, \"token\" | \"insufficientBalanceMessageProps\"> &\n  React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cn(\n        \"group flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        className,\n        {\n          \"border-secondary-orange-peel-1\":\n            token && insufficientBalanceMessageProps?.shouldDisplay,\n        }\n      )}\n      {...divProps}\n    ></div>\n  );\n};\n"],"mappings":";;;;AAGA,IAAaE,KAAiBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAL,EAAA,OAAAD,KAMQG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,OANP,gEAAAG,KAAAJ,GAMOC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK;CAQ1B,IAAAC,IAAAD,KAASD,GAA+BG,eAAeC;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAM,KALlDE,IAAAZ,EACT,mKACAM,GACA,EAAA,kCAEII,GAEN,CAAC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAM,GAAAN,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAEI,OAFJT,EAAA,OAAAG,KAAAH,EAAA,OAAAQ,KARHC,IAAA,kBAAA,OAAA;EACa,WAAAD;EAOV,GACGL;EACC,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,GAAAR,EAAA,MAAAS,KAAAA,IAAAT,EAAA,KAVPS"}