@velora-dex/widget 0.8.1 → 0.8.2

package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkSwitcherDropdown.js","names":["DropdownWithItems","NetworkSwitcherDropdownProps","cn","NetworkWithIconProps","FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","constructNetworkItems","networkWithIconClasses","name","NetworkSwitcherDropdown","React","FC","PropsWithChildren","t0","$","_c","classes","disabled","dropdownProps","forcedMenuTrigger","prefix","props","t1","menuTrigger","items","t2","root","selectedNetwork","t3","trigger"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.tsx"],"sourcesContent":["import { DropdownWithItems } from \"@/components/widget/Dropdown/DropdownWithItems\";\nimport type { NetworkSwitcherDropdownProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"@/components/widget/NetworkWithIcon/types\";\nimport {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"@/components/widget/NetworkWithIcon/NetworkIconWithChevron\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst networkWithIconClasses: NetworkWithIconProps[\"classes\"] = {\n  name: \"text-contrast-3 dark:text-contrast-6\",\n};\n\nexport const NetworkSwitcherDropdown: React.FC<\n  React.PropsWithChildren<NetworkSwitcherDropdownProps>\n> = ({\n  prefix,\n  classes,\n  menuTrigger: forcedMenuTrigger,\n  disabled,\n  dropdownProps,\n  ...props\n}) => {\n  const items = constructNetworkItems(props);\n\n  const menuTrigger = forcedMenuTrigger ?? (\n    <div\n      className={cn(\n        \"flex items-center gap-[4px] w-min text-nowrap\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <div\n        className={cn(\n          \"text-xs text-contrast-3 dark:text-contrast-7\",\n          classes?.prefix\n        )}\n      >\n        {prefix}\n      </div>\n      {props.selectedNetwork === \"all\" ? (\n        <FourNetworksWithIconAndChevron\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      ) : (\n        <NetworkWithIconAndChevron\n          networkId={props.selectedNetwork}\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n\n  return disabled ? (\n    menuTrigger\n  ) : (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={{ trigger: \"w-min text-nowrap\" }}\n      {...dropdownProps}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAMO,IAA0D,EAC9DC,MAAM,wCACP,EAEYC,KAETI,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,CAAAR,EAAA,OAAAD,KAQwCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,IAAAM,IAAAN,EAAA,IAAAO,IAAAP,EAAA,IAAAQ,IAAAR,EAAA,OARvC,wBAAAS,aAAAJ,qCAAAE,KAAAR,GAQWS,IAAAhB,EAAsBe,EAAM,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAA1C,IAAAE,IAAcF,GAA6BG;AAAA,CAAAX,EAAA,OAAAE,GAAAI,UAAAN,EAAA,OAAAE,GAAAU,QAAAZ,EAAA,QAAAG,KAAAH,EAAA,QAAAK,KAAAL,EAAA,QAAAM,KAAAN,EAAA,QAAAO,KAEvBI,IAAAN,KAClB,kBAAA,OAAA;EACa,WAAAjB,EACT,iDACA;GAAA,kBACoB,CAACe;GAAQ,sBACLA;GACvB,EACDD,GAAOU,KACT;YARF,CAUE,kBAAA,OAAA;GACa,WAAAxB,EACT,gDACAc,GAAOI,OACT;aAECA;GAEF,CAAA,EAAAC,EAAKM,oBAAqB,QACzB,kBAAC,GAAD;GAC0BpB;GACdU;GAQb,CAAA,GALC,kBAAC,GAAD;GACa,WAAAI,EAAKM;GACQpB;GACdU;GAEd,CAAA,CAEH;KAAAH,EAAA,KAAAE,GAAAI,QAAAN,EAAA,KAAAE,GAAAU,MAAAZ,EAAA,MAAAG,GAAAH,EAAA,MAAAK,GAAAL,EAAA,MAAAM,GAAAN,EAAA,MAAAO,GAAAP,EAAA,MAAAW,KAAAA,IAAAX,EAAA;CAhCD,IAAAS,IAAoBE,GAgClBG;AAWD,QAXCd,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAU,KAAAV,EAAA,QAAAS,KAEKK,IAAAX,IAAAM,IAGL,kBAAC,GAAD;EACSC;EACMD;EACJ,SAAA,EAAAM,SAAW,qBAAoB;EAAC,GACrCX;EAEP,CAAA,EAAAJ,EAAA,MAAAG,GAAAH,EAAA,MAAAI,GAAAJ,EAAA,MAAAU,GAAAV,EAAA,MAAAS,GAAAT,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KATMc"}
+{"version":3,"file":"NetworkSwitcherDropdown.js","names":["DropdownWithItems","NetworkSwitcherDropdownProps","cn","NetworkWithIconProps","FourNetworksWithIconAndChevron","NetworkWithIconAndChevron","constructNetworkItems","networkWithIconClasses","name","NetworkSwitcherDropdown","React","FC","PropsWithChildren","t0","$","_c","classes","disabled","dropdownProps","forcedMenuTrigger","prefix","props","t1","menuTrigger","items","t2","root","selectedNetwork","t3","trigger"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.tsx"],"sourcesContent":["import { DropdownWithItems } from \"@/components/widget/Dropdown/DropdownWithItems\";\nimport type { NetworkSwitcherDropdownProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"@/components/widget/NetworkWithIcon/types\";\nimport {\n  FourNetworksWithIconAndChevron,\n  NetworkWithIconAndChevron,\n} from \"@/components/widget/NetworkWithIcon/NetworkIconWithChevron\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst networkWithIconClasses: NetworkWithIconProps[\"classes\"] = {\n  name: \"text-contrast-3 dark:text-contrast-6\",\n};\n\nexport const NetworkSwitcherDropdown: React.FC<\n  React.PropsWithChildren<NetworkSwitcherDropdownProps>\n> = ({\n  prefix,\n  classes,\n  menuTrigger: forcedMenuTrigger,\n  disabled,\n  dropdownProps,\n  ...props\n}) => {\n  const items = constructNetworkItems(props);\n\n  const menuTrigger = forcedMenuTrigger ?? (\n    <div\n      className={cn(\n        \"flex items-center gap-[4px] w-min text-nowrap\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <div\n        className={cn(\n          \"text-xs text-contrast-3 dark:text-contrast-7\",\n          classes?.prefix\n        )}\n      >\n        {prefix}\n      </div>\n      {props.selectedNetwork === \"all\" ? (\n        <FourNetworksWithIconAndChevron\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      ) : (\n        <NetworkWithIconAndChevron\n          networkId={props.selectedNetwork}\n          networkWithIconClasses={networkWithIconClasses}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n\n  return disabled ? (\n    menuTrigger\n  ) : (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={{ trigger: \"w-min text-nowrap\" }}\n      {...dropdownProps}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAMO,IAA0D,EAC9DC,MAAM,wCACP,EAEYC,KAETI,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,AAAAR,EAAA,OAAAD,KAQwCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,IAAAK,IAAAL,EAAA,IAAAM,IAAAN,EAAA,IAAAO,IAAAP,EAAA,IAAAQ,IAAAR,EAAA,OARvC,wBAAAS,aAAAJ,qCAAAE,KAAAR,GAQWS,IAAAhB,EAAsBe,EAAM,EAAAP,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAQ;CAA1C,IAAAE,IAAcF,GAA6BG;CAAA,AAAAX,EAAA,OAAAE,GAAAI,UAAAN,EAAA,OAAAE,GAAAU,QAAAZ,EAAA,QAAAG,KAAAH,EAAA,QAAAK,KAAAL,EAAA,QAAAM,KAAAN,EAAA,QAAAO,KAEvBI,IAAAN,KAClB,kBAAA,OAAA;EACa,WAAAjB,EACT,iDACA;GAAA,kBACoB,CAACe;GAAQ,sBACLA;GACvB,EACDD,GAAOU,KACT;YARF,CAUE,kBAAA,OAAA;GACa,WAAAxB,EACT,gDACAc,GAAOI,OACT;aAECA;GAEF,CAAA,EAAAC,EAAKM,oBAAqB,QACzB,kBAAC,GAAD;GAC0BpB;GACdU;GAQb,CAAA,GALC,kBAAC,GAAD;GACa,WAAAI,EAAKM;GACQpB;GACdU;GAEd,CAAA,CAEH;KAAAH,EAAA,KAAAE,GAAAI,QAAAN,EAAA,KAAAE,GAAAU,MAAAZ,EAAA,MAAAG,GAAAH,EAAA,MAAAK,GAAAL,EAAA,MAAAM,GAAAN,EAAA,MAAAO,GAAAP,EAAA,MAAAW,KAAAA,IAAAX,EAAA;CAhCD,IAAAS,IAAoBE,GAgClBG;CAWD,OAXCd,EAAA,QAAAG,KAAAH,EAAA,QAAAI,KAAAJ,EAAA,QAAAU,KAAAV,EAAA,QAAAS,KAEKK,IAAAX,IAAAM,IAGL,kBAAC,GAAD;EACSC;EACMD;EACJ,SAAA,EAAAM,SAAW,qBAAoB;EAAC,GACrCX;EAEP,CAAA,EAAAJ,EAAA,MAAAG,GAAAH,EAAA,MAAAI,GAAAJ,EAAA,MAAAU,GAAAV,EAAA,MAAAS,GAAAT,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KATMc"}

package/dist/components/widget/NetworkSwitcher/NetworkSwitcherList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkSwitcherList.js","names":["cn","NetworkSwitcherListProps","constructNetworkItems","defaultClasses","root","item","itemSelected","const","NetworkSwitcherList","t0","$","_c","t1","t2","classes","props","items","t3","t4","t5","label","className","_className","selected","onSelect","networkId","selectedClassName","map"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherList.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { NetworkSwitcherListProps } from \"./types\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst defaultClasses = {\n  root: \"flex flex-col gap-1 p-4\",\n  item: \"flex items-center min-h-[32px] text-xs text-contrast-3 dark:text-contrast-7 hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-sm px-2 py-1 cursor-pointer transition-colors\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n} as const;\n\nexport const NetworkSwitcherList = ({\n  classes,\n  ...props\n}: NetworkSwitcherListProps) => {\n  const items = constructNetworkItems(props);\n\n  return (\n    <div className={cn(defaultClasses.root, classes?.root)}>\n      {items.map(\n        ({ label, className: _className, selected, onSelect, networkId }) => {\n          const selectedClassName = cn(\n            defaultClasses.itemSelected,\n            classes?.itemSelected\n          );\n          const className = cn(defaultClasses.item, classes?.item, _className, {\n            [selectedClassName]: selected,\n          });\n          return (\n            <button className={className} onClick={onSelect} key={networkId}>\n              {label}\n            </button>\n          );\n        }\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAMG,IAAiB;CACrBC,MAAM;CACNC,MAAM;CACNC,cAAc;CACf,EAEYE,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;AAAA,KAAAH,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAK,YAAA,GAAAC,MAAAN,GAIlCO,IAAcd,EAAsBa,EAAM,EAGAE,IAAAH,GAAOV;AAAM,EAAAM,EAAA,OAAAO,IAACL,IAAAF,EAAA,MAAtCE,IAAAZ,EAAGG,EAAcC,MAAOa,EAAc,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAE;EAAA,IAAAM;AAgBnDR,EAhBmDA,EAAA,OAAAI,GAAAT,QAAAK,EAAA,OAAAI,GAAAR,gBAElDY,KAAAC,MAAA;GAAC,IAAA,EAAAC,UAAAC,WAAAC,GAAAC,aAAAC,aAAAC,iBAAAN,GACCO,IAA0B1B,EACxBG,EAAcG,cACdQ,GAAOR,aACR;AAGE,UAED,kBAAA,UAAA;IAAmBe,WAJHrB,EAAGG,EAAcE,MAAOS,GAAOT,MAAQiB,GAAY,GAClEI,IAAoBH,GACtB,CAAC;IAEuCC,SAAAA;cACpCJ;IACM,EAF6CK,EAE7C;KAEZf,EAAA,KAAAI,GAAAT,MAAAK,EAAA,KAAAI,GAAAR,cAAAI,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAdFG,IAAAG,EAAKW,IACJT,EAcD,EAAAR,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;OAAAA,CAAAD,IAAAF,EAAA,IAAAG,IAAAH,EAAA;CAAA,IAAAO;AACG,QADHP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAhBHI,IAAA,kBAAA,OAAA;EAAgB,WAAAL;YACbC;EAgBG,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,MAAAO,KAAAA,IAAAP,EAAA,KAjBNO"}
+{"version":3,"file":"NetworkSwitcherList.js","names":["cn","NetworkSwitcherListProps","constructNetworkItems","defaultClasses","root","item","itemSelected","const","NetworkSwitcherList","t0","$","_c","t1","t2","classes","props","items","t3","t4","t5","label","className","_className","selected","onSelect","networkId","selectedClassName","map"],"sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherList.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { NetworkSwitcherListProps } from \"./types\";\nimport { constructNetworkItems } from \"./utils/items\";\n\nconst defaultClasses = {\n  root: \"flex flex-col gap-1 p-4\",\n  item: \"flex items-center min-h-[32px] text-xs text-contrast-3 dark:text-contrast-7 hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-sm px-2 py-1 cursor-pointer transition-colors\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n} as const;\n\nexport const NetworkSwitcherList = ({\n  classes,\n  ...props\n}: NetworkSwitcherListProps) => {\n  const items = constructNetworkItems(props);\n\n  return (\n    <div className={cn(defaultClasses.root, classes?.root)}>\n      {items.map(\n        ({ label, className: _className, selected, onSelect, networkId }) => {\n          const selectedClassName = cn(\n            defaultClasses.itemSelected,\n            classes?.itemSelected\n          );\n          const className = cn(defaultClasses.item, classes?.item, _className, {\n            [selectedClassName]: selected,\n          });\n          return (\n            <button className={className} onClick={onSelect} key={networkId}>\n              {label}\n            </button>\n          );\n        }\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAMG,IAAiB;CACrBC,MAAM;CACNC,MAAM;CACNC,cAAc;CACf,EAEYE,KAAsBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;CAAA,IAAAH,EAAA,OAAAD,GAAA;EAAC,IAAA,EAAAK,YAAA,GAAAC,MAAAN,GAIlCO,IAAcd,EAAsBa,EAAM,EAGAE,IAAAH,GAAOV;EAAM,AAAAM,EAAA,OAAAO,IAACL,IAAAF,EAAA,MAAtCE,IAAAZ,EAAGG,EAAcC,MAAOa,EAAc,EAAAP,EAAA,KAAAO,GAAAP,EAAA,KAAAE;EAAA,IAAAM;EAgBnDR,AAhBmDA,EAAA,OAAAI,GAAAT,QAAAK,EAAA,OAAAI,GAAAR,gBAElDY,KAAAC,MAAA;GAAC,IAAA,EAAAC,UAAAC,WAAAC,GAAAC,aAAAC,aAAAC,iBAAAN,GACCO,IAA0B1B,EACxBG,EAAcG,cACdQ,GAAOR,aACR;GAGE,OAED,kBAAA,UAAA;IAAmBe,WAJHrB,EAAGG,EAAcE,MAAOS,GAAOT,MAAQiB,GAAY,GAClEI,IAAoBH,GACtB,CAEoBF;IAAoBG,SAAAA;cACpCJ;IACM,EAF6CK,EAE7C;KAEZf,EAAA,KAAAI,GAAAT,MAAAK,EAAA,KAAAI,GAAAR,cAAAI,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAdFG,IAAAG,EAAKW,IACJT,EAcD,EAAAR,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;QAAAA,AAAAD,IAAAF,EAAA,IAAAG,IAAAH,EAAA;CAAA,IAAAO;CACG,OADHP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAhBHI,IAAA,kBAAA,OAAA;EAAgB,WAAAL;YACbC;EAgBG,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,MAAAO,KAAAA,IAAAP,EAAA,KAjBNO"}

package/dist/components/widget/NetworkSwitcher/common/AllNetworksItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllNetworksItem.js","names":["CheckIcon","FourNetworksIcons","AllNetworksItem","t0","$","_c","selected","showCheckIcon","t1","Symbol","for","icon","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/AllNetworksItem.tsx"],"sourcesContent":["import { CheckIcon } from \"../../Icon/CheckIcon\";\nimport { FourNetworksIcons } from \"../../NetworkWithIcon/NetworkWithIcon\";\n\nexport const AllNetworksItem = ({\n  selected,\n  showCheckIcon,\n}: {\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <div className=\"flex items-center gap-[4px] text-xs\">\n        <FourNetworksIcons\n          classes={{\n            icon: \"size-[7.5px]\",\n          }}\n        />\n        All Networks\n      </div>\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaE,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,aAAAC,qBAAAJ,GAM/BK;AAAA,CAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAGKF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EACW,SAAA,EAAAG,MACD,gBACR,EACA,CAAA,EAAA,eAEE;KAAAP,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAQ;AAAA,CAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KACLK,IAAAN,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;AAC1C,QAD0CT,EAAA,OAAAQ,IAC1CC,IAAAT,EAAA,MAVHS,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEL,GAQCI,EACA,EAAA,CAAA,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,IAVHA"}
+{"version":3,"file":"AllNetworksItem.js","names":["CheckIcon","FourNetworksIcons","AllNetworksItem","t0","$","_c","selected","showCheckIcon","t1","Symbol","for","icon","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/AllNetworksItem.tsx"],"sourcesContent":["import { CheckIcon } from \"../../Icon/CheckIcon\";\nimport { FourNetworksIcons } from \"../../NetworkWithIcon/NetworkWithIcon\";\n\nexport const AllNetworksItem = ({\n  selected,\n  showCheckIcon,\n}: {\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <div className=\"flex items-center gap-[4px] text-xs\">\n        <FourNetworksIcons\n          classes={{\n            icon: \"size-[7.5px]\",\n          }}\n        />\n        All Networks\n      </div>\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAGA,IAAaE,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,aAAAC,qBAAAJ,GAM/BK;CAAA,AAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,IAGKF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EACW,SAAA,EAAAG,MACD,gBACR,EACA,CAAA,EAAA,eAEE;KAAAP,EAAA,KAAAI,KAAAA,IAAAJ,EAAA;CAAA,IAAAQ;CAAA,AAAAR,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KACLK,IAAAN,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAQ,KAAAA,IAAAR,EAAA;CAAA,IAAAS;CAC1C,OAD0CT,EAAA,OAAAQ,IAC1CC,IAAAT,EAAA,MAVHS,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEL,GAQCI,EACA,EAAA,CAAA,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,IAVHA"}

package/dist/components/widget/NetworkSwitcher/common/NetworkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkItem.js","names":["SupportedChainId","NetworkWithIcon","CheckIcon","NetworkItem","t0","$","_c","networkId","selected","showCheckIcon","t1","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/NetworkItem.tsx"],"sourcesContent":["import type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { NetworkWithIcon } from \"../../NetworkWithIcon/NetworkWithIcon\";\nimport { CheckIcon } from \"../../Icon/CheckIcon\";\n\nexport const NetworkItem = ({\n  networkId,\n  selected,\n  showCheckIcon,\n}: {\n  networkId: SupportedChainId;\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <NetworkWithIcon networkId={networkId} />\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,aAAAC,qBAAAL,GAQ3BM;AAAA,CAAAL,EAAA,OAAAE,IAG8CG,IAAAL,EAAA,MAAzCK,IAAA,kBAAC,GAAD,EAA4BH,cAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;AAAA,CAAAN,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KACxCE,IAAAH,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAO;AAC1C,QAD0CP,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAF7CC,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEF,GACCC,EACA,EAAA,CAAA,EAAAN,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAHHO"}
+{"version":3,"file":"NetworkItem.js","names":["SupportedChainId","NetworkWithIcon","CheckIcon","NetworkItem","t0","$","_c","networkId","selected","showCheckIcon","t1","t2","t3"],"sources":["../../../../../src/components/widget/NetworkSwitcher/common/NetworkItem.tsx"],"sourcesContent":["import type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { NetworkWithIcon } from \"../../NetworkWithIcon/NetworkWithIcon\";\nimport { CheckIcon } from \"../../Icon/CheckIcon\";\n\nexport const NetworkItem = ({\n  networkId,\n  selected,\n  showCheckIcon,\n}: {\n  networkId: SupportedChainId;\n  selected: boolean;\n  showCheckIcon?: boolean;\n}) => {\n  return (\n    <>\n      <NetworkWithIcon networkId={networkId} />\n      {selected && showCheckIcon && <CheckIcon />}\n    </>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaG,KAAcC,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAC,cAAAC,aAAAC,qBAAAL,GAQ3BM;CAAA,AAAAL,EAAA,OAAAE,IAG8CG,IAAAL,EAAA,MAAzCK,IAAA,kBAAC,GAAD,EAA4BH,cAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;CAAA,AAAAN,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KACxCE,IAAAH,KAAAC,KAA6B,kBAAC,GAAD,EAAa,CAAA,EAAAJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAAA,IAAAO;CAC1C,OAD0CP,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAF7CC,IAAA,kBAAA,GAAA,EAAA,UAAA,CACEF,GACCC,EACA,EAAA,CAAA,EAAAN,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAHHO"}

package/dist/components/widget/NetworkSwitcher/utils/items.js.map

@@ -1 +1 @@
-{"version":3,"file":"items.js","names":["cn","ArbitraryNetworkItem","ArbitraryNetworkSwitcherProps","AllNetworksItem","NetworkItem","SupportedChainId","constructNetworkItems","allOption","networks","selectedNetwork","onSelect","showCheckIcon","allOptionItem","constructAllOptionItem","undefined","items","map","networkId","constructNetworkItem","concat","Pick","allSelected","label","selected","className"],"sources":["../../../../../src/components/widget/NetworkSwitcher/utils/items.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type {\n  ArbitraryNetworkItem,\n  ArbitraryNetworkSwitcherProps,\n} from \"../types\";\nimport { AllNetworksItem } from \"../common/AllNetworksItem\";\nimport { NetworkItem } from \"../common/NetworkItem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nexport function constructNetworkItems({\n  allOption,\n  networks,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon = true,\n}: ArbitraryNetworkSwitcherProps) {\n  const allOptionItem = allOption\n    ? constructAllOptionItem({\n        selectedNetwork,\n        onSelect,\n        showCheckIcon,\n      })\n    : undefined;\n\n  const items = networks.map((networkId) =>\n    constructNetworkItem({\n      networkId,\n      selectedNetwork,\n      onSelect,\n      showCheckIcon,\n    })\n  );\n\n  return allOptionItem ? [allOptionItem].concat(items) : items;\n}\n\nfunction constructAllOptionItem({\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n>): ArbitraryNetworkItem | undefined {\n  const allSelected = selectedNetwork === \"all\";\n\n  return {\n    networkId: \"all\",\n    label: (\n      <AllNetworksItem selected={allSelected} showCheckIcon={showCheckIcon} />\n    ),\n    onSelect: () => {\n      onSelect?.(\"all\");\n    },\n    selected: allSelected,\n    className: cn({\n      \"justify-between\": allSelected,\n    }),\n  };\n}\n\nfunction constructNetworkItem({\n  networkId,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n> & {\n  networkId: SupportedChainId;\n}): ArbitraryNetworkItem {\n  const selected = networkId === selectedNetwork;\n\n  return {\n    networkId,\n    label: (\n      <NetworkItem\n        networkId={networkId}\n        selected={selected}\n        showCheckIcon={showCheckIcon}\n      />\n    ),\n    onSelect: () => {\n      onSelect?.(networkId);\n    },\n    selected,\n    className: cn({\n      \"justify-between\": selected,\n    }),\n  };\n}\n"],"mappings":";;;;;AASA,SAAgBM,EAAsB,EACpCC,cACAC,aACAC,oBACAC,aACAC,mBAAgB,MACgB;CAChC,IAAMC,IAAgBL,IAClBM,EAAuB;EACrBJ;EACAC;EACAC;EACD,CAAC,GACFG,KAAAA,GAEEC,IAAQP,EAASQ,KAAKC,MAC1BC,EAAqB;EACnBD;EACAR;EACAC;EACAC;EACD,CACH,CAAC;AAED,QAAOC,IAAgB,CAACA,EAAc,CAACO,OAAOJ,EAAM,GAAGA;;AAGzD,SAASF,EAAuB,EAC9BJ,oBACAC,aACAC,oBAImC;CACnC,IAAMU,IAAcZ,MAAoB;AAExC,QAAO;EACLQ,WAAW;EACXK,OACE,kBAAC,GAAD;GAAiB,UAAUD;GAA4BV;GACxD,CAAA;EACDD,gBAAgB;AACdA,OAAW,MAAM;;EAEnBa,UAAUF;EACVG,WAAWxB,EAAG,EACZ,mBAAmBqB,GACpB,CAAA;EACF;;AAGH,SAASH,EAAqB,EAC5BD,cACAR,oBACAC,aACAC,oBAMuB;CACvB,IAAMY,IAAWN,MAAcR;AAE/B,QAAO;EACLQ;EACAK,OACE,kBAAC,GAAD;GACaL;GACDM;GACKZ;GAElB,CAAA;EACDD,gBAAgB;AACdA,OAAWO,EAAU;;EAEvBM;EACAC,WAAWxB,EAAG,EACZ,mBAAmBuB,GACpB,CAAA;EACF"}
+{"version":3,"file":"items.js","names":["cn","ArbitraryNetworkItem","ArbitraryNetworkSwitcherProps","AllNetworksItem","NetworkItem","SupportedChainId","constructNetworkItems","allOption","networks","selectedNetwork","onSelect","showCheckIcon","allOptionItem","constructAllOptionItem","undefined","items","map","networkId","constructNetworkItem","concat","Pick","allSelected","label","selected","className"],"sources":["../../../../../src/components/widget/NetworkSwitcher/utils/items.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type {\n  ArbitraryNetworkItem,\n  ArbitraryNetworkSwitcherProps,\n} from \"../types\";\nimport { AllNetworksItem } from \"../common/AllNetworksItem\";\nimport { NetworkItem } from \"../common/NetworkItem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\n\nexport function constructNetworkItems({\n  allOption,\n  networks,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon = true,\n}: ArbitraryNetworkSwitcherProps) {\n  const allOptionItem = allOption\n    ? constructAllOptionItem({\n        selectedNetwork,\n        onSelect,\n        showCheckIcon,\n      })\n    : undefined;\n\n  const items = networks.map((networkId) =>\n    constructNetworkItem({\n      networkId,\n      selectedNetwork,\n      onSelect,\n      showCheckIcon,\n    })\n  );\n\n  return allOptionItem ? [allOptionItem].concat(items) : items;\n}\n\nfunction constructAllOptionItem({\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n>): ArbitraryNetworkItem | undefined {\n  const allSelected = selectedNetwork === \"all\";\n\n  return {\n    networkId: \"all\",\n    label: (\n      <AllNetworksItem selected={allSelected} showCheckIcon={showCheckIcon} />\n    ),\n    onSelect: () => {\n      onSelect?.(\"all\");\n    },\n    selected: allSelected,\n    className: cn({\n      \"justify-between\": allSelected,\n    }),\n  };\n}\n\nfunction constructNetworkItem({\n  networkId,\n  selectedNetwork,\n  onSelect,\n  showCheckIcon,\n}: Pick<\n  ArbitraryNetworkSwitcherProps,\n  \"selectedNetwork\" | \"onSelect\" | \"showCheckIcon\"\n> & {\n  networkId: SupportedChainId;\n}): ArbitraryNetworkItem {\n  const selected = networkId === selectedNetwork;\n\n  return {\n    networkId,\n    label: (\n      <NetworkItem\n        networkId={networkId}\n        selected={selected}\n        showCheckIcon={showCheckIcon}\n      />\n    ),\n    onSelect: () => {\n      onSelect?.(networkId);\n    },\n    selected,\n    className: cn({\n      \"justify-between\": selected,\n    }),\n  };\n}\n"],"mappings":";;;;;AASA,SAAgBM,EAAsB,EACpCC,cACAC,aACAC,oBACAC,aACAC,mBAAgB,MACgB;CAChC,IAAMC,IAAgBL,IAClBM,EAAuB;EACrBJ;EACAC;EACAC;EACD,CAAC,GACFG,KAAAA,GAEEC,IAAQP,EAASQ,KAAKC,MAC1BC,EAAqB;EACnBD;EACAR;EACAC;EACAC;EACD,CACH,CAAC;CAED,OAAOC,IAAgB,CAACA,EAAc,CAACO,OAAOJ,EAAM,GAAGA;;AAGzD,SAASF,EAAuB,EAC9BJ,oBACAC,aACAC,oBAImC;CACnC,IAAMU,IAAcZ,MAAoB;CAExC,OAAO;EACLQ,WAAW;EACXK,OACE,kBAAC,GAAD;GAAiB,UAAUD;GAA4BV;GACxD,CAAA;EACDD,gBAAgB;GACdA,IAAW,MAAM;;EAEnBa,UAAUF;EACVG,WAAWxB,EAAG,EACZ,mBAAmBqB,GACpB,CAAA;EACF;;AAGH,SAASH,EAAqB,EAC5BD,cACAR,oBACAC,aACAC,oBAMuB;CACvB,IAAMY,IAAWN,MAAcR;CAE/B,OAAO;EACLQ;EACAK,OACE,kBAAC,GAAD;GACaL;GACDM;GACKZ;GAElB,CAAA;EACDD,gBAAgB;GACdA,IAAWO,EAAU;;EAEvBM;EACAC,WAAWxB,EAAG,EACZ,mBAAmBuB,GACpB,CAAA;EACF"}

package/dist/components/widget/NetworkWithIcon/NetworkIconWithChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkIconWithChevron.js","names":["cn","FourNetworksIcons","NetworkWithIcon","NetworkWithIconAndChevronProps","ChevronIcon","NetworkWithIconAndChevron","React","FC","t0","$","_c","networkId","disabled","compact","classes","networkWithIconClasses","t1","t2","t3","root","t4","icon","t5","t6","t7","t8","FourNetworksWithIconAndChevron","Omit"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkIconWithChevron.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { FourNetworksIcons, NetworkWithIcon } from \"./NetworkWithIcon\";\nimport type { NetworkWithIconAndChevronProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\n\nexport const NetworkWithIconAndChevron: React.FC<\n  NetworkWithIconAndChevronProps\n> = ({ networkId, disabled, compact, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n          \"gap-2\": compact,\n          \"gap-1\": !compact,\n        },\n        classes?.root\n      )}\n    >\n      <NetworkWithIcon\n        networkId={networkId}\n        compact={compact}\n        classes={{\n          ...networkWithIconClasses,\n          icon: cn(\n            {\n              \"size-5\": compact,\n            },\n            networkWithIconClasses?.icon\n          ),\n        }}\n      />\n      {!disabled && (\n        <ChevronIcon\n          width={compact ? 12 : 10}\n          height={compact ? 12 : 10}\n          className=\"pt-[2px]\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const FourNetworksWithIconAndChevron: React.FC<\n  Omit<NetworkWithIconAndChevronProps, \"networkId\" | \"compact\">\n> = ({ disabled, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <FourNetworksIcons classes={networkWithIconClasses} />\n      {!disabled && <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"NetworkIconWithChevron.js","names":["cn","FourNetworksIcons","NetworkWithIcon","NetworkWithIconAndChevronProps","ChevronIcon","NetworkWithIconAndChevron","React","FC","t0","$","_c","networkId","disabled","compact","classes","networkWithIconClasses","t1","t2","t3","root","t4","icon","t5","t6","t7","t8","FourNetworksWithIconAndChevron","Omit"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkIconWithChevron.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { FourNetworksIcons, NetworkWithIcon } from \"./NetworkWithIcon\";\nimport type { NetworkWithIconAndChevronProps } from \"./types\";\nimport { ChevronIcon } from \"@/components/widget/Icon/ChevronIcon\";\n\nexport const NetworkWithIconAndChevron: React.FC<\n  NetworkWithIconAndChevronProps\n> = ({ networkId, disabled, compact, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n          \"gap-2\": compact,\n          \"gap-1\": !compact,\n        },\n        classes?.root\n      )}\n    >\n      <NetworkWithIcon\n        networkId={networkId}\n        compact={compact}\n        classes={{\n          ...networkWithIconClasses,\n          icon: cn(\n            {\n              \"size-5\": compact,\n            },\n            networkWithIconClasses?.icon\n          ),\n        }}\n      />\n      {!disabled && (\n        <ChevronIcon\n          width={compact ? 12 : 10}\n          height={compact ? 12 : 10}\n          className=\"pt-[2px]\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport const FourNetworksWithIconAndChevron: React.FC<\n  Omit<NetworkWithIconAndChevronProps, \"networkId\" | \"compact\">\n> = ({ disabled, classes, networkWithIconClasses }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2\",\n        {\n          \"cursor-pointer\": !disabled,\n          \"cursor-not-allowed\": disabled,\n        },\n        classes?.root\n      )}\n    >\n      <FourNetworksIcons classes={networkWithIconClasses} />\n      {!disabled && <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"NetworkWithIcon.js","names":["NetworkIconSquare","cn","NetworkWithIconProps","chainNameMap","useLogger","base","bsc","mainnet","optimism","NetworkWithIcon","React","FC","t0","$","_c","networkId","compact","classes","logger","networkName","warn","t1","root","t2","t3","icon","t4","t5","name","t6","FourNetworksIcons","Omit","_classes","Symbol","for","id","map"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkWithIcon.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"./types\";\nimport { chainNameMap } from \"@/lib/web3/wagmi/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport { base, bsc, mainnet, optimism } from \"@/lib/web3/wagmi/supportedChains\";\n\nexport const NetworkWithIcon: React.FC<NetworkWithIconProps> = ({\n  networkId,\n  compact,\n  classes,\n}) => {\n  const logger = useLogger(\"NetworkWithIcon\");\n  const networkName = chainNameMap[networkId];\n\n  if (!networkName) {\n    logger.warn(`Network with ID ${networkId} not found`);\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-[4px] text-xs\", classes?.root)}>\n      <NetworkIconSquare networkId={networkId} className={classes?.icon} />\n      {!compact && <div className={classes?.name}>{networkName}</div>}\n    </div>\n  );\n};\n\nexport const FourNetworksIcons: React.FC<\n  Omit<NetworkWithIconProps, \"networkId\" | \"compact\">\n> = ({ classes: _classes }) => {\n  const classes = {\n    ..._classes,\n    icon: cn(\"size-2.5\", _classes?.icon),\n  };\n\n  return (\n    <div className=\"grid grid-cols-[repeat(2,1fr)] gap-[1px]\">\n      {[mainnet.id, bsc.id, optimism.id, base.id].map((networkId) => (\n        <NetworkWithIcon\n          key={networkId}\n          networkId={networkId}\n          classes={classes}\n          compact\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,IAAaS,KAAkDG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAAC,YAAAC,eAAAL,GAK9DM,IAAed,EAAU,kBAAkB,EAC3Ce,IAAoBhB,EAAaY;AAEjC,CAAKI,KACHD,EAAME,KAAM,mBAAmBL,EAAS,YAAa;CAIK,IAAAM,IAAAJ,GAAOK,MAAMC;AAAA,CAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAAxDU,IAAAtB,EAAG,uCAAuCoB,EAAc,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAClB,IAAAC,IAAAP,GAAOQ,MAAMC;AAAA,CAAAb,EAAA,OAAAE,KAAAF,EAAA,OAAAW,KAAjEE,IAAA,kBAAC,GAAD;EAA8BX;EAAsB,WAAAS;EAAiB,CAAA,EAAAX,EAAA,KAAAE,GAAAF,EAAA,KAAAW,GAAAX,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,OAAAI,GAAAW,QAAAf,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KACpEQ,IAAA,CAACX,KAAW,kBAAA,OAAA;EAAgB,WAAAC,GAAOW;YAAST;EAAkB,CAAA,EAAAN,EAAA,KAAAI,GAAAW,MAAAf,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAgB;AAC3D,QAD2DhB,EAAA,OAAAU,KAAAV,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAFjEE,IAAA,kBAAA,OAAA;EAAgB,WAAAN;YAAhB,CACEG,GACCC,EACG;KAAAd,EAAA,KAAAU,GAAAV,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAHNgB;GAOSC,KAETlB,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAG,SAAAe,MAAApB,GAGoBS,IAAAW,GAAQP,MAAMF;AAAA,CAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAA9BU,IAAAtB,EAAG,YAAYoB,EAAe,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAAA,IAAAC;AAAA,CAAAX,EAAA,OAAAmB,KAAAnB,EAAA,OAAAU,KAFtBC,IAAA;EAAA,GACXQ;EAAQP,MACLF;EACP,EAAAV,EAAA,KAAAmB,GAAAnB,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAHD,IAAAI,IAAgBO,GAGdE;AAAA,CAAAb,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAIGR,IAAA;EAACnB,EAAO4B;EAAK7B,EAAG6B;EAAK3B,EAAQ2B;EAAK9B,EAAI8B;EAAI,EAAAtB,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;AAQvC,QARuCd,EAAA,OAAAI,IAQvCU,IAAAd,EAAA,MATNc,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZD,EAA0CU,KAAKrB,MAC9C,kBAAC,GAAD;GAEaA;GACFE;GACT,SAAA;GAEH,EALQF,EAKR,CAAA;EACG,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAc,IATNA"}
+{"version":3,"file":"NetworkWithIcon.js","names":["NetworkIconSquare","cn","NetworkWithIconProps","chainNameMap","useLogger","base","bsc","mainnet","optimism","NetworkWithIcon","React","FC","t0","$","_c","networkId","compact","classes","logger","networkName","warn","t1","root","t2","t3","icon","t4","t5","name","t6","FourNetworksIcons","Omit","_classes","Symbol","for","id","map"],"sources":["../../../../src/components/widget/NetworkWithIcon/NetworkWithIcon.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"./types\";\nimport { chainNameMap } from \"@/lib/web3/wagmi/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport { base, bsc, mainnet, optimism } from \"@/lib/web3/wagmi/supportedChains\";\n\nexport const NetworkWithIcon: React.FC<NetworkWithIconProps> = ({\n  networkId,\n  compact,\n  classes,\n}) => {\n  const logger = useLogger(\"NetworkWithIcon\");\n  const networkName = chainNameMap[networkId];\n\n  if (!networkName) {\n    logger.warn(`Network with ID ${networkId} not found`);\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-[4px] text-xs\", classes?.root)}>\n      <NetworkIconSquare networkId={networkId} className={classes?.icon} />\n      {!compact && <div className={classes?.name}>{networkName}</div>}\n    </div>\n  );\n};\n\nexport const FourNetworksIcons: React.FC<\n  Omit<NetworkWithIconProps, \"networkId\" | \"compact\">\n> = ({ classes: _classes }) => {\n  const classes = {\n    ..._classes,\n    icon: cn(\"size-2.5\", _classes?.icon),\n  };\n\n  return (\n    <div className=\"grid grid-cols-[repeat(2,1fr)] gap-[1px]\">\n      {[mainnet.id, bsc.id, optimism.id, base.id].map((networkId) => (\n        <NetworkWithIcon\n          key={networkId}\n          networkId={networkId}\n          classes={classes}\n          compact\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,IAAaS,KAAkDG,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAC,cAAAC,YAAAC,eAAAL,GAK9DM,IAAed,EAAU,kBAAkB,EAC3Ce,IAAoBhB,EAAaY;CAEjC,AAAKI,KACHD,EAAME,KAAM,mBAAmBL,EAAS,YAAa;CAIK,IAAAM,IAAAJ,GAAOK,MAAMC;CAAA,AAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAAxDU,IAAAtB,EAAG,uCAAuCoB,EAAc,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAClB,IAAAC,IAAAP,GAAOQ,MAAMC;CAAA,AAAAb,EAAA,OAAAE,KAAAF,EAAA,OAAAW,KAAjEE,IAAA,kBAAC,GAAD;EAA8BX;EAAsB,WAAAS;EAAiB,CAAA,EAAAX,EAAA,KAAAE,GAAAF,EAAA,KAAAW,GAAAX,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,OAAAI,GAAAW,QAAAf,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KACpEQ,IAAA,CAACX,KAAW,kBAAA,OAAA;EAAgB,WAAAC,GAAOW;YAAST;EAAkB,CAAA,EAAAN,EAAA,KAAAI,GAAAW,MAAAf,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAc,KAAAA,IAAAd,EAAA;CAAA,IAAAgB;CAC3D,OAD2DhB,EAAA,OAAAU,KAAAV,EAAA,QAAAa,KAAAb,EAAA,QAAAc,KAFjEE,IAAA,kBAAA,OAAA;EAAgB,WAAAN;YAAhB,CACEG,GACCC,EACG;KAAAd,EAAA,KAAAU,GAAAV,EAAA,MAAAa,GAAAb,EAAA,MAAAc,GAAAd,EAAA,MAAAgB,KAAAA,IAAAhB,EAAA,KAHNgB;GAOSC,KAETlB,MAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAC,EAAAG,SAAAe,MAAApB,GAGoBS,IAAAW,GAAQP,MAAMF;CAAA,AAAAV,EAAA,OAAAQ,IAACE,IAAAV,EAAA,MAA9BU,IAAAtB,EAAG,YAAYoB,EAAe,EAAAR,EAAA,KAAAQ,GAAAR,EAAA,KAAAU;CAAA,IAAAC;CAAA,AAAAX,EAAA,OAAAmB,KAAAnB,EAAA,OAAAU,KAFtBC,IAAA;EAAA,GACXQ;EAAQP,MACLF;EACP,EAAAV,EAAA,KAAAmB,GAAAnB,EAAA,KAAAU,GAAAV,EAAA,KAAAW,KAAAA,IAAAX,EAAA;CAHD,IAAAI,IAAgBO,GAGdE;CAAA,AAAAb,EAAA,OAAAoB,OAAAC,IAAA,4BAAA,IAIGR,IAAA;EAACnB,EAAO4B;EAAK7B,EAAG6B;EAAK3B,EAAQ2B;EAAK9B,EAAI8B;EAAI,EAAAtB,EAAA,KAAAa,KAAAA,IAAAb,EAAA;CAAA,IAAAc;CAQvC,OARuCd,EAAA,OAAAI,IAQvCU,IAAAd,EAAA,MATNc,IAAA,kBAAA,OAAA;EAAe,WAAA;YACZD,EAA0CU,KAAKrB,MAC9C,kBAAC,GAAD;GAEaA;GACFE;GACT,SAAA;GAEH,EALQF,EAKR,CAAA;EACG,CAAA,EAAAF,EAAA,KAAAI,GAAAJ,EAAA,KAAAc,IATNA"}

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["Button","cn","WithClasses","ReactComponent","ArrowUp","ArrowDown","useLayoutEffect","useState","KeyboardEvent","NumericFormat","NumericFormatProps","NumberInputProps","Omit","stepper","thousandSeparator","placeholder","defaultValue","min","max","value","suffix","prefix","onValueChange","fixedDecimalScale","decimalScale","isError","NumberInput","t0","$","_c","t1","t2","t3","t4","t5","controlledValue","classes","props","undefined","Infinity","setValue","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","t10","values","newValue","floatValue","handleChange","t11","handleBlur","t12","e","key","preventDefault","handleKeyDown","t13","root","t14","T0","t15","t16","t17","className","t18","t19","Symbol","for","t20","t21","t22","t23","t24","t25","t26","t27","t28"],"sources":["../../../../src/components/widget/NumberInput/NumberInput.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ReactComponent as ArrowUp } from \"./assets/arrow-up.svg\";\nimport { ReactComponent as ArrowDown } from \"./assets/arrow-down.svg\";\nimport { useLayoutEffect, useState, type KeyboardEvent } from \"react\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\n\nexport type NumberInputProps = Omit<\n  NumericFormatProps,\n  \"value\" | \"onValueChange\" | \"onBlur\" | \"onKeyDown\"\n> &\n  WithClasses<\"root\"> & {\n    stepper?: number;\n    thousandSeparator?: string;\n    placeholder?: string;\n    defaultValue?: number;\n    min?: number;\n    max?: number;\n    value?: number; // Controlled value\n    suffix?: string;\n    prefix?: string;\n    onValueChange?: (value: number | undefined) => void;\n    fixedDecimalScale?: boolean;\n    decimalScale?: number;\n    isError?: boolean;\n  };\n\nexport const NumberInput = ({\n  stepper = 1,\n  thousandSeparator,\n  defaultValue,\n  min = -Infinity,\n  max = Infinity,\n  onValueChange,\n  fixedDecimalScale = false,\n  decimalScale = 0,\n  value: controlledValue,\n  isError,\n  classes,\n  ...props\n}: NumberInputProps) => {\n  const [value, setValue] = useState<number | undefined>(\n    controlledValue ?? defaultValue\n  );\n\n  const handleIncrement = () => {\n    setValue((prev) =>\n      Math.min(prev === undefined ? stepper : prev + stepper, max)\n    );\n  };\n\n  const handleDecrement = () => {\n    setValue((prev) =>\n      Math.max(prev === undefined ? -stepper : prev - stepper, min)\n    );\n  };\n\n  useLayoutEffect(() => {\n    if (controlledValue !== undefined) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setValue(controlledValue);\n    }\n  }, [controlledValue]);\n\n  const handleChange = (values: {\n    value: string;\n    floatValue: number | undefined;\n  }) => {\n    const newValue = values.floatValue;\n    setValue(newValue);\n    onValueChange?.(newValue);\n  };\n\n  const handleBlur = () => {\n    if (value === undefined) return;\n    if (value < min) {\n      setValue(min);\n    } else if (value > max) {\n      setValue(max);\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      handleIncrement();\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      handleDecrement();\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7\",\n        classes?.root,\n        {\n          \"border-secondary-radical-red-1 focus-within:border-secondary-radical-red-1 dark:border-secondary-radical-red-1 dark:focus-within:border-secondary-radical-red-1\":\n            isError,\n        }\n      )}\n    >\n      <NumericFormat\n        value={value}\n        onValueChange={handleChange}\n        thousandSeparator={thousandSeparator}\n        decimalScale={decimalScale}\n        fixedDecimalScale={fixedDecimalScale}\n        allowNegative={min < 0}\n        valueIsNumericString\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        max={max}\n        min={min}\n        {...props}\n        className={cn(\n          \"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent\",\n          props.className\n        )}\n      />\n      <div className=\"w-0.5 h-full bg-contrast-7 dark:bg-contrast-4\" />\n      <div className=\"min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm\">\n        <Button\n          aria-label=\"Increase value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-tr-xs\"\n          onClick={handleIncrement}\n          disabled={value === max}\n        >\n          <ArrowUp className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n        <div className=\"h-px bg-contrast-7 dark:bg-contrast-4\" />\n        <Button\n          aria-label=\"Decrease value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-br-xs\"\n          onClick={handleDecrement}\n          disabled={value === min}\n        >\n          <ArrowDown className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["Button","cn","WithClasses","ReactComponent","ArrowUp","ArrowDown","useLayoutEffect","useState","KeyboardEvent","NumericFormat","NumericFormatProps","NumberInputProps","Omit","stepper","thousandSeparator","placeholder","defaultValue","min","max","value","suffix","prefix","onValueChange","fixedDecimalScale","decimalScale","isError","NumberInput","t0","$","_c","t1","t2","t3","t4","t5","controlledValue","classes","props","undefined","Infinity","setValue","t6","prev","Math","handleIncrement","t7","prev_0","handleDecrement","t8","t9","t10","values","newValue","floatValue","handleChange","t11","handleBlur","t12","e","key","preventDefault","handleKeyDown","t13","root","t14","T0","t15","t16","t17","className","t18","t19","Symbol","for","t20","t21","t22","t23","t24","t25","t26","t27","t28"],"sources":["../../../../src/components/widget/NumberInput/NumberInput.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ReactComponent as ArrowUp } from \"./assets/arrow-up.svg\";\nimport { ReactComponent as ArrowDown } from \"./assets/arrow-down.svg\";\nimport { useLayoutEffect, useState, type KeyboardEvent } from \"react\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\n\nexport type NumberInputProps = Omit<\n  NumericFormatProps,\n  \"value\" | \"onValueChange\" | \"onBlur\" | \"onKeyDown\"\n> &\n  WithClasses<\"root\"> & {\n    stepper?: number;\n    thousandSeparator?: string;\n    placeholder?: string;\n    defaultValue?: number;\n    min?: number;\n    max?: number;\n    value?: number; // Controlled value\n    suffix?: string;\n    prefix?: string;\n    onValueChange?: (value: number | undefined) => void;\n    fixedDecimalScale?: boolean;\n    decimalScale?: number;\n    isError?: boolean;\n  };\n\nexport const NumberInput = ({\n  stepper = 1,\n  thousandSeparator,\n  defaultValue,\n  min = -Infinity,\n  max = Infinity,\n  onValueChange,\n  fixedDecimalScale = false,\n  decimalScale = 0,\n  value: controlledValue,\n  isError,\n  classes,\n  ...props\n}: NumberInputProps) => {\n  const [value, setValue] = useState<number | undefined>(\n    controlledValue ?? defaultValue\n  );\n\n  const handleIncrement = () => {\n    setValue((prev) =>\n      Math.min(prev === undefined ? stepper : prev + stepper, max)\n    );\n  };\n\n  const handleDecrement = () => {\n    setValue((prev) =>\n      Math.max(prev === undefined ? -stepper : prev - stepper, min)\n    );\n  };\n\n  useLayoutEffect(() => {\n    if (controlledValue !== undefined) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setValue(controlledValue);\n    }\n  }, [controlledValue]);\n\n  const handleChange = (values: {\n    value: string;\n    floatValue: number | undefined;\n  }) => {\n    const newValue = values.floatValue;\n    setValue(newValue);\n    onValueChange?.(newValue);\n  };\n\n  const handleBlur = () => {\n    if (value === undefined) return;\n    if (value < min) {\n      setValue(min);\n    } else if (value > max) {\n      setValue(max);\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      handleIncrement();\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      handleDecrement();\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        \"transition-all rounded-sm border border-contrast-7 dark:border-contrast-4 focus-within:border-primary-azul-1 dark:focus-within:border-primary-azul-1 focus-within:bg-contrast-8 dark:focus-within:bg-contrast-1 bg-contrast-9 dark:bg-contrast-2 flex items-center justify-between text-sm font-medium text-contrast-5 dark:text-contrast-7\",\n        classes?.root,\n        {\n          \"border-secondary-radical-red-1 focus-within:border-secondary-radical-red-1 dark:border-secondary-radical-red-1 dark:focus-within:border-secondary-radical-red-1\":\n            isError,\n        }\n      )}\n    >\n      <NumericFormat\n        value={value}\n        onValueChange={handleChange}\n        thousandSeparator={thousandSeparator}\n        decimalScale={decimalScale}\n        fixedDecimalScale={fixedDecimalScale}\n        allowNegative={min < 0}\n        valueIsNumericString\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        max={max}\n        min={min}\n        {...props}\n        className={cn(\n          \"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none rounded-r-none relative px-2 text-sm font-medium w-full outline-none bg-transparent\",\n          props.className\n        )}\n      />\n      <div className=\"w-0.5 h-full bg-contrast-7 dark:bg-contrast-4\" />\n      <div className=\"min-w-[30px] flex flex-col h-full bg-contrast-8 dark:bg-contrast-3 rounded-r-sm\">\n        <Button\n          aria-label=\"Increase value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-tr-xs\"\n          onClick={handleIncrement}\n          disabled={value === max}\n        >\n          <ArrowUp className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n        <div className=\"h-px bg-contrast-7 dark:bg-contrast-4\" />\n        <Button\n          aria-label=\"Decrease value\"\n          variant=\"ghost\"\n          radius=\"none\"\n          className=\"p-0 flex-1 rounded-br-xs\"\n          onClick={handleDecrement}\n          disabled={value === min}\n        >\n          <ArrowDown className=\"fill-contrast-5 dark:fill-contrast-9 size-2\" />\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/OrderExpiryInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UnstyledInput","NumericFormat","NumericFormatProps","DropdownWithItems","DropdownItem","DropdownWithItemsProps","ChevronIcon","jotaiStore","useAtom","timeUnitAtom","limitTimeUnitAtom","TimeUnit","TimeUnitObject","otcTimeUnitAtom","minTimeUnit","neverTimeUnit","timeUnits","useEffect","useState","TimeUnitsDropdownProps","expiryTimeValue","selectedTimeUnit","onSelect","timeUnit","classes","type","OrderExpiryInputProps","TimeUnitsDropdown","React","FC","t0","$","_c","isLimit","t1","specificTimeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","timeUnitObject","setTimeUnitObject","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","sub","get","trigger","t7","t8","OrderExpiryInput","props"],"sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"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      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["UnstyledInput","NumericFormat","NumericFormatProps","DropdownWithItems","DropdownItem","DropdownWithItemsProps","ChevronIcon","jotaiStore","useAtom","timeUnitAtom","limitTimeUnitAtom","TimeUnit","TimeUnitObject","otcTimeUnitAtom","minTimeUnit","neverTimeUnit","timeUnits","useEffect","useState","TimeUnitsDropdownProps","expiryTimeValue","selectedTimeUnit","onSelect","timeUnit","classes","type","OrderExpiryInputProps","TimeUnitsDropdown","React","FC","t0","$","_c","isLimit","t1","specificTimeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","timeUnitObject","setTimeUnitObject","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","sub","get","trigger","t7","t8","OrderExpiryInput","props"],"sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"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      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","useAccount","ReactComponent","Spinner","OtcOrderItem","useCancelOtcOrderAndWait","useCancelOtcOrderEventCallbacks","LimitOrderStateChecker","TransactionReceipt","SupportedChainId","useChainMatches","useSwitchChainWithGuard","OtcOrderControlsProps","order","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","t1","state","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","address","account","t2","minClient","mutateAsync","switchChain","cancelOrderEvents","t3","variables","onMutate","t4","data","vars","onSuccess","t5","vars_0","onError","t6","t7","client","mutationOptions","cancelOtcOrder","isPending","isSuccess","t8","orderHash","onTxSent","t9","transactionHash","txHash","cancelBtn","dismissBtn","t10"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useAccount } from \"wagmi\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { OtcOrderItem } from \"../types\";\nimport {\n  useCancelOtcOrderAndWait,\n  useCancelOtcOrderEventCallbacks,\n} from \"@/hooks/otc/mutations/useCancelLimitOrder\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport type { TransactionReceipt } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport type OtcOrderControlsProps = {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n  onCancelTxSuccess: (receipt: TransactionReceipt) => void;\n  onCancelTxError: (error: Error) => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n  onCancelTxError,\n  onCancelTxSuccess,\n}: OtcOrderControlsProps) => {\n  const cancellable = LimitOrderStateChecker.cancellable.has(order.state);\n\n  // [!IMPORTANT]: viemClient and sdk should be initialized with order's chainId\n  // otherwise cancellation will fail after switchChain\n  const orderChainId = order.chainId as SupportedChainId;\n  const { forcedChainMatchesWalletChain, isConnected } =\n    useChainMatches(orderChainId);\n\n  const { address: account } = useAccount();\n  const { minClient } = useMinViemClient({ chainId: orderChainId, account });\n  const { mutateAsync: switchChain } = useSwitchChainWithGuard();\n\n  const cancelOrderEvents = useCancelOtcOrderEventCallbacks(order);\n\n  const { cancelOtcOrder, isPending, isSuccess } = useCancelOtcOrderAndWait({\n    chainId: orderChainId,\n    account,\n    client: minClient,\n    mutationOptions: {\n      onMutate: async (variables) => {\n        if (!forcedChainMatchesWalletChain) {\n          await switchChain({\n            chainId: orderChainId,\n          });\n        }\n        cancelOrderEvents.onMutate?.(variables);\n      },\n      onSuccess: (data, vars) => {\n        onCancelTxSuccess(data);\n        cancelOrderEvents.onSuccess?.(data, vars);\n      },\n      onError: (error, vars) => {\n        onCancelTxError(error);\n        cancelOrderEvents.onError?.(error, vars);\n      },\n    },\n  });\n\n  const cancelBtn =\n    cancellable && isConnected && !isSuccess ? (\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={isPending}\n        onClick={() =>\n          cancelOtcOrder({\n            orderHash: order.orderHash,\n            onTxSent: ({ chainId, transactionHash }) => {\n              cancelOrderEvents.onTxSent?.({\n                chainId,\n                txHash: transactionHash,\n              });\n            },\n          })\n        }\n      >\n        Cancel This Order\n        {isPending && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\n    ) : null;\n\n  const dismissBtn = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {cancelBtn}\n      {dismissBtn}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","useAccount","ReactComponent","Spinner","OtcOrderItem","useCancelOtcOrderAndWait","useCancelOtcOrderEventCallbacks","LimitOrderStateChecker","TransactionReceipt","SupportedChainId","useChainMatches","useSwitchChainWithGuard","OtcOrderControlsProps","order","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","t1","state","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","address","account","t2","minClient","mutateAsync","switchChain","cancelOrderEvents","t3","variables","onMutate","t4","data","vars","onSuccess","t5","vars_0","onError","t6","t7","client","mutationOptions","cancelOtcOrder","isPending","isSuccess","t8","orderHash","onTxSent","t9","transactionHash","txHash","cancelBtn","dismissBtn","t10"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useAccount } from \"wagmi\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { OtcOrderItem } from \"../types\";\nimport {\n  useCancelOtcOrderAndWait,\n  useCancelOtcOrderEventCallbacks,\n} from \"@/hooks/otc/mutations/useCancelLimitOrder\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport type { TransactionReceipt } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport type OtcOrderControlsProps = {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n  onCancelTxSuccess: (receipt: TransactionReceipt) => void;\n  onCancelTxError: (error: Error) => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n  onCancelTxError,\n  onCancelTxSuccess,\n}: OtcOrderControlsProps) => {\n  const cancellable = LimitOrderStateChecker.cancellable.has(order.state);\n\n  // [!IMPORTANT]: viemClient and sdk should be initialized with order's chainId\n  // otherwise cancellation will fail after switchChain\n  const orderChainId = order.chainId as SupportedChainId;\n  const { forcedChainMatchesWalletChain, isConnected } =\n    useChainMatches(orderChainId);\n\n  const { address: account } = useAccount();\n  const { minClient } = useMinViemClient({ chainId: orderChainId, account });\n  const { mutateAsync: switchChain } = useSwitchChainWithGuard();\n\n  const cancelOrderEvents = useCancelOtcOrderEventCallbacks(order);\n\n  const { cancelOtcOrder, isPending, isSuccess } = useCancelOtcOrderAndWait({\n    chainId: orderChainId,\n    account,\n    client: minClient,\n    mutationOptions: {\n      onMutate: async (variables) => {\n        if (!forcedChainMatchesWalletChain) {\n          await switchChain({\n            chainId: orderChainId,\n          });\n        }\n        cancelOrderEvents.onMutate?.(variables);\n      },\n      onSuccess: (data, vars) => {\n        onCancelTxSuccess(data);\n        cancelOrderEvents.onSuccess?.(data, vars);\n      },\n      onError: (error, vars) => {\n        onCancelTxError(error);\n        cancelOrderEvents.onError?.(error, vars);\n      },\n    },\n  });\n\n  const cancelBtn =\n    cancellable && isConnected && !isSuccess ? (\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={isPending}\n        onClick={() =>\n          cancelOtcOrder({\n            orderHash: order.orderHash,\n            onTxSent: ({ chainId, transactionHash }) => {\n              cancelOrderEvents.onTxSent?.({\n                chainId,\n                txHash: transactionHash,\n              });\n            },\n          })\n        }\n      >\n        Cancel This Order\n        {isPending && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\n    ) : null;\n\n  const dismissBtn = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {cancelBtn}\n      {dismissBtn}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderDetails.js","names":["OtcOrderItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","OtcOrderControlsProps","LimitOrderStateChecker","constructOrderStatusDetail","constructOrderTypeDetail","isOtcOrderWithExtra","useDateNow","detailsClasses","root","title","value","OtcOrderDetails","t0","$","_c","callbacks","order","t1","payReceiveInfoProps","active","has","state","now","isExpired","Date","expiry","getTime","showExpiresIn","details","createdAt","deadline","filter","t2","t3","t4","t5"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"@/components/widget/LimitOrderItem/LimitOrderDetails/utils\";\n\nimport { Controls, type OtcOrderControlsProps } from \"./Controls\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { constructOrderStatusDetail, constructOrderTypeDetail } from \"./utils\";\nimport { isOtcOrderWithExtra } from \"../utils\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const OtcOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n} & Pick<OtcOrderControlsProps, \"onCancelTxSuccess\" | \"onCancelTxError\">) => {\n  const payReceiveInfoProps =\n    isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const active = LimitOrderStateChecker.active.has(order.state);\n\n  const now = useDateNow();\n  const isExpired =\n    now >= new Date(order.expiry * 1000).getTime() || order.state === \"EXPIRED\";\n  const showExpiresIn = active && !isExpired;\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail({ createdAt: order.createdAt * 1000 }),\n    showExpiresIn && constructExpiresInDetail({ deadline: order.expiry }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAMgB,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;AAAA,CAAAH,EAAA,OAAAD,KAMyCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OANxC,cAAAE,KAAAH,GAMwCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;AAAA,CAAAJ,EAAA,OAAAG,IAEHC,IAAAJ,EAAA,MAAjEI,IAAAZ,EAAoBW,EAA6C,IAAnClB,EAA6BkB,EAAM,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CADnE,IAAAC,IACED,GAEFE,IAAejB,EAAsBiB,OAAOC,IAAKJ,EAAKK,MAAO,EAG7DE,IADYjB,GAAY,qBAEf,IAAIkB,KAAKR,EAAKS,SAAU,IAAK,EAAAC,SAAuC,IAAzBV,EAAKK,UAAW,WACpEM,IAAsBR,KAAA,CAAWI,GAEjCK,IAAmC;EACjC7B,EAA0B,EAAA8B,WAAab,EAAKa,YAAa,KAAM,CAAC;EAChEF,KAAiB/B,EAAyB,EAAAkC,UAAYd,EAAKS,QAAS,CAAC;EACrE5B,EAAyBmB,EAAM;EAC/Bb,EAA2Ba,EAAM;EACjCZ,EAAyBY,EAAM;EAChC,CAAAe,OAAQtC,EAAS,EAACuC;AAAA,CAAAnB,EAAA,OAAAK,IAIoDc,IAAAnB,EAAA,MAAlEmB,IAAAd,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAmB;CAAA,IAAAC;AAAA,CAAApB,EAAA,OAAAe,IACDK,IAAApB,EAAA,MAAlEoB,IAAA,kBAAC,GAAD;EAA8BL;EAAkBrB,SAAAA;EAAkB,CAAA,EAAAM,EAAA,KAAAe,GAAAf,EAAA,KAAAoB;CAAA,IAAAC;AAAA,CAAArB,EAAA,OAAAE,KAAAF,EAAA,QAAAG,KAClEkB,IAAA,kBAAC,GAAD;EAAiBlB;EAAK,GAAMD;EAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;AACrC,QADqCtB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAoB,KAAApB,EAAA,QAAAqB,KAH3CC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GACI;KAAArB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KAJNsB"}
+{"version":3,"file":"OtcOrderDetails.js","names":["OtcOrderItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","OtcOrderControlsProps","LimitOrderStateChecker","constructOrderStatusDetail","constructOrderTypeDetail","isOtcOrderWithExtra","useDateNow","detailsClasses","root","title","value","OtcOrderDetails","t0","$","_c","callbacks","order","t1","payReceiveInfoProps","active","has","state","now","isExpired","Date","expiry","getTime","showExpiresIn","details","createdAt","deadline","filter","t2","t3","t4","t5"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"@/components/widget/LimitOrderItem/LimitOrderDetails/utils\";\n\nimport { Controls, type OtcOrderControlsProps } from \"./Controls\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { constructOrderStatusDetail, constructOrderTypeDetail } from \"./utils\";\nimport { isOtcOrderWithExtra } from \"../utils\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const OtcOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n} & Pick<OtcOrderControlsProps, \"onCancelTxSuccess\" | \"onCancelTxError\">) => {\n  const payReceiveInfoProps =\n    isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const active = LimitOrderStateChecker.active.has(order.state);\n\n  const now = useDateNow();\n  const isExpired =\n    now >= new Date(order.expiry * 1000).getTime() || order.state === \"EXPIRED\";\n  const showExpiresIn = active && !isExpired;\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail({ createdAt: order.createdAt * 1000 }),\n    showExpiresIn && constructExpiresInDetail({ deadline: order.expiry }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAMgB,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAD,KAMyCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OANxC,cAAAE,KAAAH,GAMwCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAG,IAEHC,IAAAJ,EAAA,MAAjEI,IAAAZ,EAAoBW,EAA6C,IAAnClB,EAA6BkB,EAAM,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CADnE,IAAAC,IACED,GAEFE,IAAejB,EAAsBiB,OAAOC,IAAKJ,EAAKK,MAAO,EAG7DE,IADYjB,GAEVgB,qBAAO,IAAIE,KAAKR,EAAKS,SAAU,IAAK,EAAAC,SAAuC,IAAzBV,EAAKK,UAAW,WACpEM,IAAsBR,KAAA,CAAWI,GAEjCK,IAAmC;EACjC7B,EAA0B,EAAA8B,WAAab,EAAKa,YAAa,KAAM,CAAC;EAChEF,KAAiB/B,EAAyB,EAAAkC,UAAYd,EAAKS,QAAS,CAAC;EACrE5B,EAAyBmB,EAAM;EAC/Bb,EAA2Ba,EAAM;EACjCZ,EAAyBY,EAAM;EAChC,CAAAe,OAAQtC,EAAS,EAACuC;CAAA,AAAAnB,EAAA,OAAAK,IAIoDc,IAAAnB,EAAA,MAAlEmB,IAAAd,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAmB;CAAA,IAAAC;CAAA,AAAApB,EAAA,OAAAe,IACDK,IAAApB,EAAA,MAAlEoB,IAAA,kBAAC,GAAD;EAA8BL;EAAkBrB,SAAAA;EAAkB,CAAA,EAAAM,EAAA,KAAAe,GAAAf,EAAA,KAAAoB;CAAA,IAAAC;CAAA,AAAArB,EAAA,OAAAE,KAAAF,EAAA,QAAAG,KAClEkB,IAAA,kBAAC,GAAD;EAAiBlB;EAAK,GAAMD;EAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;CACrC,OADqCtB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAoB,KAAApB,EAAA,QAAAqB,KAH3CC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GACI;KAAArB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KAJNsB"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["DetailWithValue","StatusBadge","OtcOrderItem","constructOrderStatusDetail","order","title","value","state","constructOrderTypeDetail","type"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/utils.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { StatusBadge } from \"../OtcOrderListItem\";\nimport type { OtcOrderItem } from \"../types\";\n\nexport function constructOrderStatusDetail(\n  order: OtcOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={order.state} />,\n  };\n}\n\nexport function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n"],"mappings":";;;AAIA,SAAgBG,EACdC,GACiB;AACjB,QAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,OAAOF,EAAMG,OAAM,CAAA;EACxC;;AAGH,SAAgBC,EAAyBJ,GAAsC;AAC7E,QAAO;EACLC,OAAO;EACPC,OAAOF,EAAMK;EACd"}
+{"version":3,"file":"utils.js","names":["DetailWithValue","StatusBadge","OtcOrderItem","constructOrderStatusDetail","order","title","value","state","constructOrderTypeDetail","type"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/utils.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { StatusBadge } from \"../OtcOrderListItem\";\nimport type { OtcOrderItem } from \"../types\";\n\nexport function constructOrderStatusDetail(\n  order: OtcOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={order.state} />,\n  };\n}\n\nexport function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n"],"mappings":";;;AAIA,SAAgBG,EACdC,GACiB;CACjB,OAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,OAAOF,EAAMG,OAAM,CAAA;EACxC;;AAGH,SAAgBC,EAAyBJ,GAAsC;CAC7E,OAAO;EACLC,OAAO;EACPC,OAAOF,EAAMK;EACd"}

package/dist/components/widget/OtcOrderItem/OtcOrderListItem.js

@@ -40,14 +40,11 @@ var l = (e) => {
 	}), n[11] = l, n[12] = u, n[13] = d, n[14] = h, n[15] = g) : g = n[15], g;
 }, u = (t) => {
 	let r = o(5), { state: i } = t, a;
-	if (r[0] !== i) {
-		let t = n.success.has(i), o = n.failed.has(i), s = n.active.has(i);
-		a = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
-			"text-secondary-shamrock-green-2 bg-[#00976733]": t,
-			"text-secondary-radical-red-1 bg-[#FF3B301A]": o,
-			"text-secondary-orange-peel-1 bg-[#FF950033]": s
-		}), r[0] = i, r[1] = a;
-	} else a = r[1];
+	r[0] === i ? a = r[1] : (a = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
+		"text-secondary-shamrock-green-2 bg-[#00976733]": n.success.has(i),
+		"text-secondary-radical-red-1 bg-[#FF3B301A]": n.failed.has(i),
+		"text-secondary-orange-peel-1 bg-[#FF950033]": n.active.has(i)
+	}), r[0] = i, r[1] = a);
 	let c;
 	return r[2] !== i || r[3] !== a ? (c = /* @__PURE__ */ s("div", {
 		className: a,

package/dist/components/widget/OtcOrderItem/OtcOrderListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderListItem.js","names":["OtcOrderItem","cn","shortenAddress","LimitOrderFromApi","Rate","TimeTillExpiry","TradeAndNetwork","LimitOrderStateChecker","OtcOrdersListItem","t0","$","_c","orderItem","onClick","t1","t2","t3","t4","Symbol","for","t5","taker","undefined","t6","t7","StatusBadge","state","success","has","failed","active","rateClasses","left","right","RateAndStatus","extra","expiry"],"sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"./types\";\nimport { cn, shortenAddress } from \"@/lib/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\n\nimport {\n  Rate,\n  TimeTillExpiry,\n  TradeAndNetwork,\n} from \"../LimitOrderItem/LimitOrderListItem\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport const OtcOrdersListItem = ({\n  orderItem,\n  onClick,\n}: {\n  orderItem: OtcOrderItem;\n  onClick: (orderItem: OtcOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(orderItem)}\n    >\n      <TradeAndNetwork {...orderItem} />\n      <RateAndStatus {...orderItem} />\n      <div className=\"text-xs\">\n        <span className=\"text-contrast-5 dark:text-contrast-5\">Receiver</span>{\" \"}\n        <span className=\"dark:text-contrast-7\">\n          {shortenAddress(orderItem.taker, undefined, 6)}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ state }: Pick<LimitOrderFromApi, \"state\">) => {\n  const success = LimitOrderStateChecker.success.has(state);\n  const failed = LimitOrderStateChecker.failed.has(state);\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": active,\n      })}\n    >\n      {state}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = ({ state, extra, expiry }: OtcOrderItem) => {\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Rate extra={extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {active && <TimeTillExpiry deadline={expiry} />}\n        <StatusBadge state={state} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"OtcOrderListItem.js","names":["OtcOrderItem","cn","shortenAddress","LimitOrderFromApi","Rate","TimeTillExpiry","TradeAndNetwork","LimitOrderStateChecker","OtcOrdersListItem","t0","$","_c","orderItem","onClick","t1","t2","t3","t4","Symbol","for","t5","taker","undefined","t6","t7","StatusBadge","state","success","has","failed","active","rateClasses","left","right","RateAndStatus","extra","expiry"],"sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"./types\";\nimport { cn, shortenAddress } from \"@/lib/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\n\nimport {\n  Rate,\n  TimeTillExpiry,\n  TradeAndNetwork,\n} from \"../LimitOrderItem/LimitOrderListItem\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport const OtcOrdersListItem = ({\n  orderItem,\n  onClick,\n}: {\n  orderItem: OtcOrderItem;\n  onClick: (orderItem: OtcOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(orderItem)}\n    >\n      <TradeAndNetwork {...orderItem} />\n      <RateAndStatus {...orderItem} />\n      <div className=\"text-xs\">\n        <span className=\"text-contrast-5 dark:text-contrast-5\">Receiver</span>{\" \"}\n        <span className=\"dark:text-contrast-7\">\n          {shortenAddress(orderItem.taker, undefined, 6)}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({ state }: Pick<LimitOrderFromApi, \"state\">) => {\n  const success = LimitOrderStateChecker.success.has(state);\n  const failed = LimitOrderStateChecker.failed.has(state);\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": active,\n      })}\n    >\n      {state}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = ({ state, extra, expiry }: OtcOrderItem) => {\n  const active = LimitOrderStateChecker.active.has(state);\n\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Rate extra={extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {active && <TimeTillExpiry deadline={expiry} />}\n        <StatusBadge state={state} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","OTC_ORDERS_QUERY_PARAMS","type","orderBy","limit","const"],"sources":["../../../../src/components/widget/OtcOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n// corresponds to MAX_ORDERS_LIMIT in lo-service\nconst LIMIT_OF_ORDERS = 500;\n\nexport const OTC_ORDERS_QUERY_PARAMS = {\n  type: \"P2P\",\n  orderBy: \"updatedAt\",\n  limit: LIMIT_OF_ORDERS,\n} as const;\n"],"mappings":"AAIA,IAAaC,IAA0B;CACrCC,MAAM;CACNC,SAAS;CACTC,OALsB;CAMvB"}
+{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","OTC_ORDERS_QUERY_PARAMS","type","orderBy","limit","const"],"sources":["../../../../src/components/widget/OtcOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n// corresponds to MAX_ORDERS_LIMIT in lo-service\nconst LIMIT_OF_ORDERS = 500;\n\nexport const OTC_ORDERS_QUERY_PARAMS = {\n  type: \"P2P\",\n  orderBy: \"updatedAt\",\n  limit: LIMIT_OF_ORDERS,\n} as const;\n"],"mappings":"AAIA,IAAaC,IAA0B;CACrCC,MAAM;CACNC,SAAS;CACTC,OAAOJ;CACR"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","isSupportedChainId","LimitOrderFromApi","OtcOrderItem","OtcOrderItemWithExtra","FillableOtcOrderItem","formatUnits","Address","Token","LimitOrderStateChecker","constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","chainId","srcTokenKey","address","makerAsset","network","foundSrcToken","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","visualItemType","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\nimport type {\n  OtcOrderItem,\n  OtcOrderItemWithExtra,\n  FillableOtcOrderItem,\n} from \"./types\";\nimport { formatUnits, type Address } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport function constructOtcOrderItem(\n  order: LimitOrderFromApi,\n  allChainsTokenMap: AllChainsTokenMap,\n  account?: Address\n): OtcOrderItem {\n  const srcAmount = order.makerAmount;\n  const destAmount = order.takerAmount;\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(order.chainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: order.makerAsset,\n      network: order.chainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n\n    const destTokenKey = prepTokenKey({\n      address: order.takerAsset,\n      network: order.chainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  const userIsTaker =\n    !!account && account.toLowerCase() === order.taker.toLowerCase();\n\n  const visualItemType = \"OTC\";\n\n  const extra = userIsTaker\n    ? {\n        srcToken: destToken,\n        destToken: srcToken,\n        srcAmount: destAmount,\n        destAmount: srcAmount,\n        srcAmountUnit: destAmountUnit,\n        destAmountUnit: srcAmountUnit,\n        visualItemType,\n      }\n    : {\n        srcToken,\n        destToken,\n        srcAmount,\n        destAmount,\n        srcAmountUnit,\n        destAmountUnit,\n        visualItemType,\n      };\n\n  return {\n    ...order,\n    extra,\n    userIsTaker,\n    itemType: \"otc-order\",\n  };\n}\n\nexport function filterByActiveAndCompletedOrders(limitOrders: OtcOrderItem[]) {\n  const activeOrders: OtcOrderItem[] = [];\n  const completedOrders: OtcOrderItem[] = [];\n\n  limitOrders.forEach((order) => {\n    if (LimitOrderStateChecker.active.has(order.state)) {\n      activeOrders.push(order);\n    } else {\n      completedOrders.push(order);\n    }\n  });\n\n  return { activeOrders, completedOrders };\n}\n\nexport function isOtcOrderWithExtra(\n  order: OtcOrderItem\n): order is OtcOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function isFillableOrderItem(\n  order: OtcOrderItem\n): order is FillableOtcOrderItem {\n  return !!(\n    isOtcOrderWithExtra(order) &&\n    order.userIsTaker &&\n    LimitOrderStateChecker.active.has(order.state)\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBW,EACdC,GACAC,GACAC,GACc;CACd,IAAMC,IAAYH,EAAMI,aAClBC,IAAaL,EAAMM,aAErBC,GACAC,GAEAC,GACAC;AAEJ,KAAIpB,EAAmBU,EAAMW,QAAQ,EAAE;EAMrC,IAAMK,IAAgBf,EALFZ,EAAa;GAC/BwB,SAASb,EAAMc;GACfC,SAASf,EAAMW;GAChB,CAAC;AAGF,EAAIK,MACFT,IAAWS,GACXP,IAAgBd,EAAYsB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;EAQxE,IAAMG,IAAiBpB,EALFZ,EAAa;GAChCwB,SAASb,EAAMoB;GACfL,SAASf,EAAMW;GAChB,CAAC;AAGF,EAAIU,MACFb,IAAYa,GACZX,IAAiBf,EAAYsB,OAAOZ,EAAW,EAAEgB,EAAeH,SAAS;;CAI7E,IAAMI,IACJ,CAAC,CAACpB,KAAWA,EAAQqB,aAAa,KAAKvB,EAAMwB,MAAMD,aAAa,EAI5DG,IAAQJ,IACV;EACEf,UAAUC;EACVA,WAAWD;EACXJ,WAAWE;EACXA,YAAYF;EACZM,eAAeC;EACfA,gBAAgBD;EAChBgB;EACD,GACD;EACElB;EACAC;EACAL;EACAE;EACAI;EACAC;EACAe;EACD;AAEL,QAAO;EACL,GAAGzB;EACH0B;EACAJ;EACAK,UAAU;EACX;;AAGH,SAAgBC,EAAiCC,GAA6B;CAC5E,IAAMC,IAA+B,EAAE,EACjCC,IAAkC,EAAE;AAU1C,QARAF,EAAYG,SAAShC,MAAU;AAC7B,EAAIF,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM,GAChDL,EAAaM,KAAKpC,EAAM,GAExB+B,EAAgBK,KAAKpC,EAAM;GAE7B,EAEK;EAAE8B;EAAcC;EAAiB;;AAG1C,SAAgBM,EACdrC,GACgC;CAChC,IAAM,EAAEO,aAAUC,cAAWC,kBAAeC,sBAAmBV,EAAM0B;AACrE,QAAO,CAAC,EAAEnB,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgB4B,EACdtC,GAC+B;AAC/B,QAAO,CAAC,EACNqC,EAAoBrC,EAAM,IAC1BA,EAAMsB,eACNxB,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM"}
+{"version":3,"file":"utils.js","names":["AllChainsTokenMap","prepTokenKey","isSupportedChainId","LimitOrderFromApi","OtcOrderItem","OtcOrderItemWithExtra","FillableOtcOrderItem","formatUnits","Address","Token","LimitOrderStateChecker","constructOtcOrderItem","order","allChainsTokenMap","account","srcAmount","makerAmount","destAmount","takerAmount","srcToken","destToken","srcAmountUnit","destAmountUnit","chainId","srcTokenKey","address","makerAsset","network","foundSrcToken","BigInt","decimals","destTokenKey","takerAsset","foundDestToken","userIsTaker","toLowerCase","taker","visualItemType","extra","itemType","filterByActiveAndCompletedOrders","limitOrders","activeOrders","completedOrders","forEach","active","has","state","push","isOtcOrderWithExtra","isFillableOrderItem"],"sources":["../../../../src/components/widget/OtcOrderItem/utils.ts"],"sourcesContent":["import type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { LimitOrderFromApi } from \"@velora-dex/sdk\";\nimport type {\n  OtcOrderItem,\n  OtcOrderItemWithExtra,\n  FillableOtcOrderItem,\n} from \"./types\";\nimport { formatUnits, type Address } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\n\nexport function constructOtcOrderItem(\n  order: LimitOrderFromApi,\n  allChainsTokenMap: AllChainsTokenMap,\n  account?: Address\n): OtcOrderItem {\n  const srcAmount = order.makerAmount;\n  const destAmount = order.takerAmount;\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(order.chainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: order.makerAsset,\n      network: order.chainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n\n    const destTokenKey = prepTokenKey({\n      address: order.takerAsset,\n      network: order.chainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  const userIsTaker =\n    !!account && account.toLowerCase() === order.taker.toLowerCase();\n\n  const visualItemType = \"OTC\";\n\n  const extra = userIsTaker\n    ? {\n        srcToken: destToken,\n        destToken: srcToken,\n        srcAmount: destAmount,\n        destAmount: srcAmount,\n        srcAmountUnit: destAmountUnit,\n        destAmountUnit: srcAmountUnit,\n        visualItemType,\n      }\n    : {\n        srcToken,\n        destToken,\n        srcAmount,\n        destAmount,\n        srcAmountUnit,\n        destAmountUnit,\n        visualItemType,\n      };\n\n  return {\n    ...order,\n    extra,\n    userIsTaker,\n    itemType: \"otc-order\",\n  };\n}\n\nexport function filterByActiveAndCompletedOrders(limitOrders: OtcOrderItem[]) {\n  const activeOrders: OtcOrderItem[] = [];\n  const completedOrders: OtcOrderItem[] = [];\n\n  limitOrders.forEach((order) => {\n    if (LimitOrderStateChecker.active.has(order.state)) {\n      activeOrders.push(order);\n    } else {\n      completedOrders.push(order);\n    }\n  });\n\n  return { activeOrders, completedOrders };\n}\n\nexport function isOtcOrderWithExtra(\n  order: OtcOrderItem\n): order is OtcOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n\nexport function isFillableOrderItem(\n  order: OtcOrderItem\n): order is FillableOtcOrderItem {\n  return !!(\n    isOtcOrderWithExtra(order) &&\n    order.userIsTaker &&\n    LimitOrderStateChecker.active.has(order.state)\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgBW,EACdC,GACAC,GACAC,GACc;CACd,IAAMC,IAAYH,EAAMI,aAClBC,IAAaL,EAAMM,aAErBC,GACAC,GAEAC,GACAC;CAEJ,IAAIpB,EAAmBU,EAAMW,QAAQ,EAAE;EAMrC,IAAMK,IAAgBf,EALFZ,EAAa;GAC/BwB,SAASb,EAAMc;GACfC,SAASf,EAAMW;GAChB,CAEuCC;EACxC,AAAII,MACFT,IAAWS,GACXP,IAAgBd,EAAYsB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;EAQxE,IAAMG,IAAiBpB,EALFZ,EAAa;GAChCwB,SAASb,EAAMoB;GACfL,SAASf,EAAMW;GAChB,CAEwCQ;EACzC,AAAIE,MACFb,IAAYa,GACZX,IAAiBf,EAAYsB,OAAOZ,EAAW,EAAEgB,EAAeH,SAAS;;CAI7E,IAAMI,IACJ,CAAC,CAACpB,KAAWA,EAAQqB,aAAa,KAAKvB,EAAMwB,MAAMD,aAAa,EAI5DG,IAAQJ,IACV;EACEf,UAAUC;EACVA,WAAWD;EACXJ,WAAWE;EACXA,YAAYF;EACZM,eAAeC;EACfA,gBAAgBD;EAChBgB;EACD,GACD;EACElB;EACAC;EACAL;EACAE;EACAI;EACAC;EACAe;EACD;CAEL,OAAO;EACL,GAAGzB;EACH0B;EACAJ;EACAK,UAAU;EACX;;AAGH,SAAgBC,EAAiCC,GAA6B;CAC5E,IAAMC,IAA+B,EAAE,EACjCC,IAAkC,EAAE;CAU1C,OARAF,EAAYG,SAAShC,MAAU;EAC7B,AAAIF,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM,GAChDL,EAAaM,KAAKpC,EAAM,GAExB+B,EAAgBK,KAAKpC,EAAM;GAE7B,EAEK;EAAE8B;EAAcC;EAAiB;;AAG1C,SAAgBM,EACdrC,GACgC;CAChC,IAAM,EAAEO,aAAUC,cAAWC,kBAAeC,sBAAmBV,EAAM0B;CACrE,OAAO,CAAC,EAAEnB,KAAYC,KAAaC,KAAiBC;;AAGtD,SAAgB4B,EACdtC,GAC+B;CAC/B,OAAO,CAAC,EACNqC,EAAoBrC,EAAM,IAC1BA,EAAMsB,eACNxB,EAAuBmC,OAAOC,IAAIlC,EAAMmC,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"file":"PayReceiveInfo.js","names":["ArrowDown","TokenBadge","Line","PayReceiveInfoProps","TokenProps","NetworkWithIcon","formatFiatPrice","cn","WithClasses","PayReceiveInfo","t0","$","_c","topToken","bottomToken","classes","t1","root","t2","t3","t4","t5","t6","MiddleSection","Symbol","for","line","networkWithIconClasses","name","icon","const","TokenInfo","token","label","extraLabel","tokenBadgeProps","showNetwork","usdAmount","section","chainId","t7","undefined","t8","t9","t10"],"sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const PayReceiveInfo = ({\n  topToken,\n  bottomToken,\n  classes,\n}: PayReceiveInfoProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\",\n        classes?.root\n      )}\n    >\n      <TokenInfo token={topToken} classes={topToken.classes} />\n      <MiddleSection classes={classes} />\n      <TokenInfo token={bottomToken} classes={bottomToken.classes} />\n    </div>\n  );\n};\n\nconst MiddleSection = ({ classes }: WithClasses<\"line\">) => (\n  <div className=\"relative\">\n    <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n      <ArrowDown\n        className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n        size={16}\n      />\n    </div>\n    <Line className={classes?.line} />\n  </div>\n);\n\nconst networkWithIconClasses = {\n  name: \"text-contrast-5 text-[10px]\",\n  icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({\n  token,\n  classes,\n}: {\n  token: TokenProps;\n} & WithClasses<\"root\" | \"section\">) => {\n  const { label, extraLabel, tokenBadgeProps, showNetwork, usdAmount } = token;\n  return (\n    <div className={classes?.root}>\n      <div\n        className={cn(\n          \"px-4 py-6 flex justify-between font-medium\",\n          classes?.section\n        )}\n      >\n        <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n          {label}\n          {extraLabel}\n          {showNetwork && (\n            <NetworkWithIcon\n              networkId={tokenBadgeProps.chainId}\n              classes={networkWithIconClasses}\n            />\n          )}\n        </div>\n        <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n          <TokenBadge {...tokenBadgeProps} />\n          {usdAmount !== undefined && (\n            <div className=\"text-xs text-contrast-5\">\n              ~{formatFiatPrice(usdAmount)}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PayReceiveInfo.js","names":["ArrowDown","TokenBadge","Line","PayReceiveInfoProps","TokenProps","NetworkWithIcon","formatFiatPrice","cn","WithClasses","PayReceiveInfo","t0","$","_c","topToken","bottomToken","classes","t1","root","t2","t3","t4","t5","t6","MiddleSection","Symbol","for","line","networkWithIconClasses","name","icon","const","TokenInfo","token","label","extraLabel","tokenBadgeProps","showNetwork","usdAmount","section","chainId","t7","undefined","t8","t9","t10"],"sources":["../../../../src/components/widget/PayReceiveInfo/PayReceiveInfo.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport { Line } from \"../Line/Line\";\nimport type { PayReceiveInfoProps, TokenProps } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\n\nexport const PayReceiveInfo = ({\n  topToken,\n  bottomToken,\n  classes,\n}: PayReceiveInfoProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-9 dark:bg-contrast-2 rounded-sm border border-contrast-7 dark:border-contrast-3\",\n        classes?.root\n      )}\n    >\n      <TokenInfo token={topToken} classes={topToken.classes} />\n      <MiddleSection classes={classes} />\n      <TokenInfo token={bottomToken} classes={bottomToken.classes} />\n    </div>\n  );\n};\n\nconst MiddleSection = ({ classes }: WithClasses<\"line\">) => (\n  <div className=\"relative\">\n    <div className=\"flex items-center justify-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 bg-contrast-7 dark:bg-contrast-3 w-6 h-6 rounded-full z-10\">\n      <ArrowDown\n        className={\"stroke-contrast-5 dark:stroke-contrast-7\"}\n        size={16}\n      />\n    </div>\n    <Line className={classes?.line} />\n  </div>\n);\n\nconst networkWithIconClasses = {\n  name: \"text-contrast-5 text-[10px]\",\n  icon: \"size-[11px]\",\n} as const;\n\nconst TokenInfo = ({\n  token,\n  classes,\n}: {\n  token: TokenProps;\n} & WithClasses<\"root\" | \"section\">) => {\n  const { label, extraLabel, tokenBadgeProps, showNetwork, usdAmount } = token;\n  return (\n    <div className={classes?.root}>\n      <div\n        className={cn(\n          \"px-4 py-6 flex justify-between font-medium\",\n          classes?.section\n        )}\n      >\n        <div className=\"dark:text-contrast-7 text-sm flex flex-col gap-2\">\n          {label}\n          {extraLabel}\n          {showNetwork && (\n            <NetworkWithIcon\n              networkId={tokenBadgeProps.chainId}\n              classes={networkWithIconClasses}\n            />\n          )}\n        </div>\n        <div className=\"dark:text-contrast-7 font-geist-mono flex flex-col gap-1 text-right\">\n          <TokenBadge {...tokenBadgeProps} />\n          {usdAmount !== undefined && (\n            <div className=\"text-xs text-contrast-5\">\n              ~{formatFiatPrice(usdAmount)}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.js","names":["ReactComponent","VeloraSVG","PoweredBy","$","_c","t0","Symbol","for"],"sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { ReactComponent as VeloraSVG } from \"./assets/velora.svg\";\n\nexport const PoweredBy = () => {\n  return (\n    <div className=\"flex gap-[4.5px] items-center justify-center mt-4\">\n      <VeloraSVG className=\"dark:fill-contrast-5\" />\n      <div className=\"text-[10px] text-contrast-6 font-geist-mono\">\n        Powered by Velora Protocol\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,IAAaE,UAAY;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;AAOf,QAPeF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAErBF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EAAqB,WAAA,wBACrB,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA8C;GAG/D,CAAA,CAAM;KAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IALNE"}
+{"version":3,"file":"PoweredBy.js","names":["ReactComponent","VeloraSVG","PoweredBy","$","_c","t0","Symbol","for"],"sources":["../../../../src/components/widget/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { ReactComponent as VeloraSVG } from \"./assets/velora.svg\";\n\nexport const PoweredBy = () => {\n  return (\n    <div className=\"flex gap-[4.5px] items-center justify-center mt-4\">\n      <VeloraSVG className=\"dark:fill-contrast-5\" />\n      <div className=\"text-[10px] text-contrast-6 font-geist-mono\">\n        Powered by Velora Protocol\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,IAAaE,UAAY;CAAA,IAAAC,IAAAC,EAAA,EAAA,EAAAC;CAOf,OAPeF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,IAErBF,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAC,GAAD,EAAqB,WAAA,wBACrB,CAAA,EAAA,kBAAA,OAAA;GAAe,WAAA;aAA8C;GAG/D,CAAA,CAAM;KAAAF,EAAA,KAAAE,KAAAA,IAAAF,EAAA,IALNE"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReceiverAddress.js","names":["cn","ReceiverAddressProps","SquarePen","ControlledDrawer","ReceiverAddressContent","useDrawerControls","ReceiverAddress","t0","$","_c","classes","props","shortAddress","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","t3","onClose","t4","drawer","t5","root","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({\n  classes,\n  shortAddress,\n  ...props\n}: ReceiverAddressProps) => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"receiver-address-drawer\",\n  });\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Receiver's Address\"\n      showCloseButton\n    >\n      <ReceiverAddressContent onClose={drawerProps.onClose} {...props} />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n          Receiving Address\n        </div>\n        {shortAddress ? (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n              {shortAddress}\n            </div>\n            <SquarePen\n              size={12}\n              className=\"text-primary-azul-1 cursor-pointer\"\n              onClick={onOpen}\n            />\n          </div>\n        ) : (\n          <div\n            className=\"text-xs text-primary-azul-1 cursor-pointer\"\n            onClick={onOpen}\n          >\n            Add a receiving address\n          </div>\n        )}\n        {drawer}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaM,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;AAAA,CAAAJ,EAAA,OAAAD,KAIRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJS,iCAAAG,KAAAJ,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;AAAA,CAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,IACgCF,IAAA,EAAAG,UACzC,2BACX,EAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAFkC,IAAAS,IAAAZ,EAAkBQ,EAEnD,EAAAK,GAAAC;AAAA,CAAAX,EAAA,OAAAS,KAACC,IAAAV,EAAA,IAAAW,IAAAX,EAAA,OAFH,eAAAU,KAAmCD,GAEhCT,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAW;CAAA,IAAAC;AAAA,CAAAZ,EAAA,OAAAU,EAAAG,WAAAb,EAAA,OAAAG,KAQCS,IAAA,kBAAC,GAAD;EAAiC,SAAAF,EAAWG;EAAQ,GAAMV;EAAS,CAAA,EAAAH,EAAA,KAAAU,EAAAG,SAAAb,EAAA,KAAAG,GAAAH,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;AAAA,CAAAd,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KALrEE,IAAA,kBAAC,GAAD;EAAiB,GACXJ;EACE,OAAA;EACN,iBAAA;YAEAE;EACiB,CAAA,EAAAZ,EAAA,MAAAU,GAAAV,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAPrB,IAAAe,IACED,GAaIE,IAAAd,GAAOe,MAAMC;AAAA,CAAAlB,EAAA,QAAAgB,IACdE,IAAAlB,EAAA,OAHUkB,IAAA1B,EACT,uDACAwB,EACD,EAAAhB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAkB;CAAA,IAAAC;AAAA,CAAAnB,EAAA,QAAAM,OAAAC,IAAA,4BAAA,IAGCY,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAExD,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;AAAA,CAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAI,KACLgB,IAAAhB,IACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZA;GAEH,CAAA,EAAA,kBAAC,GAAD;GACQ,MAAA;GACI,WAAA;GACDO,SAAAA;GAEb,CAAA,CAQD;MANC,kBAAA,OAAA;EACY,WAAA;EACDA,SAAAA;YACV;EAGF,CAAA,EAAAX,EAAA,MAAAW,GAAAX,EAAA,MAAAI,GAAAJ,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;AAAA,CAAArB,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAtBHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEF;GAGCC;GAmBAL;GACG;KAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;AACF,QADEtB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA9BRC,IAAA,kBAAA,OAAA;EACa,WAAAJ;YAKXG;EAyBI,CAAA,EAAArB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KA/BNsB"}
+{"version":3,"file":"ReceiverAddress.js","names":["cn","ReceiverAddressProps","SquarePen","ControlledDrawer","ReceiverAddressContent","useDrawerControls","ReceiverAddress","t0","$","_c","classes","props","shortAddress","t1","Symbol","for","drawerId","t2","drawerProps","onOpen","t3","onClose","t4","drawer","t5","root","t6","t7","t8","t9","t10"],"sources":["../../../../src/components/widget/ReceiverAddress/ReceiverAddress.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { ReceiverAddressProps } from \"./types\";\nimport { SquarePen } from \"lucide-react\";\n\nimport { ControlledDrawer } from \"../Drawer\";\nimport { ReceiverAddressContent } from \"../Dialog/ReceiverAddressDialog/ReceiverAddressDialog\";\nimport { useDrawerControls } from \"../Drawer/state/useDrawerControls\";\n\nexport const ReceiverAddress = ({\n  classes,\n  shortAddress,\n  ...props\n}: ReceiverAddressProps) => {\n  const { onOpen, ...drawerProps } = useDrawerControls({\n    drawerId: \"receiver-address-drawer\",\n  });\n\n  const drawer = (\n    <ControlledDrawer\n      {...drawerProps}\n      title=\"Receiver's Address\"\n      showCloseButton\n    >\n      <ReceiverAddressContent onClose={drawerProps.onClose} {...props} />\n    </ControlledDrawer>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 p-4 rounded-[12px]\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-contrast-4 dark:text-contrast-6 text-xs\">\n          Receiving Address\n        </div>\n        {shortAddress ? (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"text-contrast-4 dark:text-contrast-8 text-xs font-geist-mono tracking-[-0.36px]\">\n              {shortAddress}\n            </div>\n            <SquarePen\n              size={12}\n              className=\"text-primary-azul-1 cursor-pointer\"\n              onClick={onOpen}\n            />\n          </div>\n        ) : (\n          <div\n            className=\"text-xs text-primary-azul-1 cursor-pointer\"\n            onClick={onOpen}\n          >\n            Add a receiving address\n          </div>\n        )}\n        {drawer}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaM,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAD,KAIRG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,IAAAI,IAAAJ,EAAA,OAJS,iCAAAG,KAAAJ,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CAAA,IAAAC;CAAA,AAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,IACgCF,IAAA,EAAAG,UACzC,2BACX,EAAAR,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAFkC,IAAAS,IAAAZ,EAAkBQ,EAEnD,EAAAK,GAAAC;CAAA,AAAAX,EAAA,OAAAS,KAACC,IAAAV,EAAA,IAAAW,IAAAX,EAAA,OAFH,eAAAU,KAAmCD,GAEhCT,EAAA,KAAAS,GAAAT,EAAA,KAAAU,GAAAV,EAAA,KAAAW;CAAA,IAAAC;CAAA,AAAAZ,EAAA,OAAAU,EAAAG,WAAAb,EAAA,OAAAG,KAQCS,IAAA,kBAAC,GAAD;EAAiC,SAAAF,EAAWG;EAAQ,GAAMV;EAAS,CAAA,EAAAH,EAAA,KAAAU,EAAAG,SAAAb,EAAA,KAAAG,GAAAH,EAAA,MAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAc;CAAA,AAAAd,EAAA,QAAAU,KAAAV,EAAA,QAAAY,KALrEE,IAAA,kBAAC,GAAD;EAAiB,GACXJ;EACE,OAAA;EACN,iBAAA;YAEAE;EACiB,CAAA,EAAAZ,EAAA,MAAAU,GAAAV,EAAA,MAAAY,GAAAZ,EAAA,MAAAc,KAAAA,IAAAd,EAAA;CAPrB,IAAAe,IACED,GAaIE,IAAAd,GAAOe,MAAMC;CAAA,AAAAlB,EAAA,QAAAgB,IACdE,IAAAlB,EAAA,OAHUkB,IAAA1B,EACT,uDACAwB,EACD,EAAAhB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAkB;CAAA,IAAAC;CAAA,AAAAnB,EAAA,QAAAM,OAAAC,IAAA,4BAAA,IAGCY,IAAA,kBAAA,OAAA;EAAe,WAAA;YAA+C;EAExD,CAAA,EAAAnB,EAAA,MAAAmB,KAAAA,IAAAnB,EAAA;CAAA,IAAAoB;CAAA,AAAApB,EAAA,QAAAW,KAAAX,EAAA,QAAAI,KACLgB,IAAAhB,IACC,kBAAA,OAAA;EAAe,WAAA;YAAf,CACE,kBAAA,OAAA;GAAe,WAAA;aACZA;GAEH,CAAA,EAAA,kBAAC,GAAD;GACQ,MAAA;GACI,WAAA;GACDO,SAAAA;GAEb,CAAA,CAQD;MANC,kBAAA,OAAA;EACY,WAAA;EACDA,SAAAA;YACV;EAGF,CAAA,EAAAX,EAAA,MAAAW,GAAAX,EAAA,MAAAI,GAAAJ,EAAA,MAAAoB,KAAAA,IAAApB,EAAA;CAAA,IAAAqB;CAAA,AAAArB,EAAA,QAAAe,KAAAf,EAAA,QAAAoB,KAtBHC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACEF;GAGCC;GAmBAL;GACG;KAAAf,EAAA,MAAAe,GAAAf,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;CACF,OADEtB,EAAA,QAAAkB,KAAAlB,EAAA,QAAAqB,KA9BRC,IAAA,kBAAA,OAAA;EACa,WAAAJ;YAKXG;EAyBI,CAAA,EAAArB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KA/BNsB"}

package/dist/components/widget/ReceiverAddress/state/receiverAddressAtom.js.map

@@ -1 +1 @@
-{"version":3,"file":"receiverAddressAtom.js","names":["shortenAddress","atom","useAtom","useAtomValue","Address","UseReceiverAddressReturn","receiverAddressAtom","useSwapReceiverAddress","$","_c","address","setAddress","t0","undefined","shortAddress","t1","useSwapReceiverAddressValue"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/receiverAddressAtom.ts"],"sourcesContent":["import { shortenAddress } from \"@/lib/utils\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport type { Address } from \"viem\";\nimport type { UseReceiverAddressReturn } from \"./types\";\n\nexport const receiverAddressAtom = atom<Address | undefined>();\n\nexport const useSwapReceiverAddress = (): UseReceiverAddressReturn => {\n  const [address, setAddress] = useAtom(receiverAddressAtom);\n  const shortAddress = address ? shortenAddress(address) : undefined;\n\n  return { address, setAddress, shortAddress };\n};\n\nexport const useSwapReceiverAddressValue = () => {\n  return useAtomValue(receiverAddressAtom);\n};\n"],"mappings":";;;;;AAMA,IAAaM,IAAsBL,GAA2B,EAEjDM,UAAyB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACpC,CAAAC,GAAAC,KAA8BT,EAAQI,EAAoB,EAACM;AAAA,CAAAJ,EAAA,OAAAE,IACOE,IAAAJ,EAAA,MAA7CI,IAAAF,IAAUV,EAAeU,EAAoB,GAA7CG,KAAAA,GAA6CL,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAlE,IAAAE,IAAqBF,GAA8CG;AAEvB,QAFuBP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAE5DC,IAAA;EAAAL;EAAAC;EAAAG;EAAqC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAArCO;GAGIC,UACJb,EAAaG,EAAoB"}
+{"version":3,"file":"receiverAddressAtom.js","names":["shortenAddress","atom","useAtom","useAtomValue","Address","UseReceiverAddressReturn","receiverAddressAtom","useSwapReceiverAddress","$","_c","address","setAddress","t0","undefined","shortAddress","t1","useSwapReceiverAddressValue"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/receiverAddressAtom.ts"],"sourcesContent":["import { shortenAddress } from \"@/lib/utils\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue } from \"@/core/store\";\nimport type { Address } from \"viem\";\nimport type { UseReceiverAddressReturn } from \"./types\";\n\nexport const receiverAddressAtom = atom<Address | undefined>();\n\nexport const useSwapReceiverAddress = (): UseReceiverAddressReturn => {\n  const [address, setAddress] = useAtom(receiverAddressAtom);\n  const shortAddress = address ? shortenAddress(address) : undefined;\n\n  return { address, setAddress, shortAddress };\n};\n\nexport const useSwapReceiverAddressValue = () => {\n  return useAtomValue(receiverAddressAtom);\n};\n"],"mappings":";;;;;AAMA,IAAaM,IAAsBL,GAA2B,EAEjDM,UAAyB;CAAA,IAAAC,IAAAC,EAAA,EAAA,EACpC,CAAAC,GAAAC,KAA8BT,EAAQI,EAAoB,EAACM;CAAA,AAAAJ,EAAA,OAAAE,IACOE,IAAAJ,EAAA,MAA7CI,IAAAF,IAAUV,EAAeU,EAAoB,GAA7CG,KAAAA,GAA6CL,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAlE,IAAAE,IAAqBF,GAA8CG;CAEvB,OAFuBP,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAAAH,EAAA,OAAAM,KAE5DC,IAAA;EAAAL;EAAAC;EAAAG;EAAqC,EAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA,IAArCO;GAGIC,UACJb,EAAaG,EAAoB"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.js","names":["wagmiConfig","watchAccount","receiverAddressAtom","queryClient","isSupportedChainId","constructIsContractAtAddressQueryKey","getIsContractAtAddress","jotaiStore","accountAtom","resetOrdersCountAtom","enabledSrcChainsAtom","limitReceiverAddressAtom","openDrawerAtom","screenAtom","twapReceiverAddressAtom","Address","setReceiverAddress","address","set","subscribeToAccountChanges","onChange","account","prevAddress","chainId","connector","enabledSrcChains","get","undefined","includes","state","setState","prev","queryKey","isEOA","ensureQueryData","queryFn"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n  constructIsContractAtAddressQueryKey,\n  getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\nimport { twapReceiverAddressAtom } from \"@/core/twap/state/twapReceiverAddressAtom\";\nimport type { Address } from \"viem\";\n\nfunction setReceiverAddress(address: Address | undefined) {\n  jotaiStore.set(receiverAddressAtom, address);\n  jotaiStore.set(limitReceiverAddressAtom, address);\n  jotaiStore.set(twapReceiverAddressAtom, address);\n}\n\nexport function subscribeToAccountChanges() {\n  // subscribes to wallet account changes\n  // config.subscribe(() => getAccount(config), onChange)\n  return watchAccount(wagmiConfig, {\n    onChange: async (account, { address: prevAddress }) => {\n      const { address, chainId, connector } = account;\n      const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n      // close any open drawer and screen on account change\n      // enforce account specific Widget state\n      if (address !== prevAddress) {\n        jotaiStore.set(openDrawerAtom, null);\n        jotaiStore.set(screenAtom, null);\n      }\n\n      // internal account atom to trigger atomEffects\n      jotaiStore.set(accountAtom, {\n        address,\n        chainId,\n        connector,\n      });\n\n      // reset the receiver address if the address is not valid or chainId is not supported\n      if (\n        !address ||\n        chainId === undefined ||\n        !isSupportedChainId(chainId) ||\n        !enabledSrcChains.includes(chainId)\n      ) {\n        setReceiverAddress(undefined);\n        return;\n      }\n\n      // reset activities pagination\n      jotaiStore.set(resetOrdersCountAtom);\n\n      if (chainId !== wagmiConfig.state.chainId)\n        // wallet chainId takes precedence\n        wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n      const queryKey = constructIsContractAtAddressQueryKey({\n        chainId,\n        address,\n      });\n\n      const { isEOA } = await queryClient.ensureQueryData({\n        queryKey,\n        queryFn: () =>\n          getIsContractAtAddress({\n            address,\n            chainId,\n          }),\n      });\n\n      // save if address is EOA, otherwise reset\n      setReceiverAddress(isEOA ? address : undefined);\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAASgB,EAAmBC,GAA8B;AAGxDV,CAFAA,EAAWW,IAAIhB,GAAqBe,EAAQ,EAC5CV,EAAWW,IAAIP,GAA0BM,EAAQ,EACjDV,EAAWW,IAAIJ,GAAyBG,EAAQ;;AAGlD,SAAgBE,IAA4B;AAG1C,QAAOlB,EAAaD,GAAa,EAC/BoB,UAAU,OAAOC,GAAS,EAAEJ,SAASK,QAAkB;EACrD,IAAM,EAAEL,YAASM,YAASC,iBAAcH,GAClCI,IAAmBlB,EAAWmB,IAAIhB,EAAqB;AAiB7D,MAbIO,MAAYK,MACdf,EAAWW,IAAIN,GAAgB,KAAK,EACpCL,EAAWW,IAAIL,GAAY,KAAK,GAIlCN,EAAWW,IAAIV,GAAa;GAC1BS;GACAM;GACAC;GACD,CAAC,EAIA,CAACP,KACDM,MAAYI,KAAAA,KACZ,CAACvB,EAAmBmB,EAAQ,IAC5B,CAACE,EAAiBG,SAASL,EAAQ,EACnC;AACAP,KAAmBW,KAAAA,EAAU;AAC7B;;AAMF,EAFApB,EAAWW,IAAIT,EAAqB,EAEhCc,MAAYvB,EAAY6B,MAAMN,WAEhCvB,EAAY8B,UAAUC,OAAU;GAAE,GAAGA;GAAMR;GAAS,EAAE;EAExD,IAAMS,IAAW3B,EAAqC;GACpDkB;GACAN;GACD,CAAC,EAEI,EAAEgB,aAAU,MAAM9B,EAAY+B,gBAAgB;GAClDF;GACAG,eACE7B,EAAuB;IACrBW;IACAM;IACD,CAAA;GACJ,CAAC;AAGFP,IAAmBiB,IAAQhB,IAAUU,KAAAA,EAAU;IAElD,CAAC"}
+{"version":3,"file":"subscriptions.js","names":["wagmiConfig","watchAccount","receiverAddressAtom","queryClient","isSupportedChainId","constructIsContractAtAddressQueryKey","getIsContractAtAddress","jotaiStore","accountAtom","resetOrdersCountAtom","enabledSrcChainsAtom","limitReceiverAddressAtom","openDrawerAtom","screenAtom","twapReceiverAddressAtom","Address","setReceiverAddress","address","set","subscribeToAccountChanges","onChange","account","prevAddress","chainId","connector","enabledSrcChains","get","undefined","includes","state","setState","prev","queryKey","isEOA","ensureQueryData","queryFn"],"sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n  constructIsContractAtAddressQueryKey,\n  getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\nimport { twapReceiverAddressAtom } from \"@/core/twap/state/twapReceiverAddressAtom\";\nimport type { Address } from \"viem\";\n\nfunction setReceiverAddress(address: Address | undefined) {\n  jotaiStore.set(receiverAddressAtom, address);\n  jotaiStore.set(limitReceiverAddressAtom, address);\n  jotaiStore.set(twapReceiverAddressAtom, address);\n}\n\nexport function subscribeToAccountChanges() {\n  // subscribes to wallet account changes\n  // config.subscribe(() => getAccount(config), onChange)\n  return watchAccount(wagmiConfig, {\n    onChange: async (account, { address: prevAddress }) => {\n      const { address, chainId, connector } = account;\n      const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n      // close any open drawer and screen on account change\n      // enforce account specific Widget state\n      if (address !== prevAddress) {\n        jotaiStore.set(openDrawerAtom, null);\n        jotaiStore.set(screenAtom, null);\n      }\n\n      // internal account atom to trigger atomEffects\n      jotaiStore.set(accountAtom, {\n        address,\n        chainId,\n        connector,\n      });\n\n      // reset the receiver address if the address is not valid or chainId is not supported\n      if (\n        !address ||\n        chainId === undefined ||\n        !isSupportedChainId(chainId) ||\n        !enabledSrcChains.includes(chainId)\n      ) {\n        setReceiverAddress(undefined);\n        return;\n      }\n\n      // reset activities pagination\n      jotaiStore.set(resetOrdersCountAtom);\n\n      if (chainId !== wagmiConfig.state.chainId)\n        // wallet chainId takes precedence\n        wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n      const queryKey = constructIsContractAtAddressQueryKey({\n        chainId,\n        address,\n      });\n\n      const { isEOA } = await queryClient.ensureQueryData({\n        queryKey,\n        queryFn: () =>\n          getIsContractAtAddress({\n            address,\n            chainId,\n          }),\n      });\n\n      // save if address is EOA, otherwise reset\n      setReceiverAddress(isEOA ? address : undefined);\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAASgB,EAAmBC,GAA8B;CAGxDV,AAFAA,EAAWW,IAAIhB,GAAqBe,EAAQ,EAC5CV,EAAWW,IAAIP,GAA0BM,EAAQ,EACjDV,EAAWW,IAAIJ,GAAyBG,EAAQ;;AAGlD,SAAgBE,IAA4B;CAG1C,OAAOlB,EAAaD,GAAa,EAC/BoB,UAAU,OAAOC,GAAS,EAAEJ,SAASK,QAAkB;EACrD,IAAM,EAAEL,YAASM,YAASC,iBAAcH,GAClCI,IAAmBlB,EAAWmB,IAAIhB,EAAqB;EAiB7D,IAbIO,MAAYK,MACdf,EAAWW,IAAIN,GAAgB,KAAK,EACpCL,EAAWW,IAAIL,GAAY,KAAK,GAIlCN,EAAWW,IAAIV,GAAa;GAC1BS;GACAM;GACAC;GACD,CAAC,EAIA,CAACP,KACDM,MAAYI,KAAAA,KACZ,CAACvB,EAAmBmB,EAAQ,IAC5B,CAACE,EAAiBG,SAASL,EAAQ,EACnC;GACAP,EAAmBW,KAAAA,EAAU;GAC7B;;EAMF,AAFApB,EAAWW,IAAIT,EAAqB,EAEhCc,MAAYvB,EAAY6B,MAAMN,WAEhCvB,EAAY8B,UAAUC,OAAU;GAAE,GAAGA;GAAMR;GAAS,EAAE;EAExD,IAAMS,IAAW3B,EAAqC;GACpDkB;GACAN;GACD,CAAC,EAEI,EAAEgB,aAAU,MAAM9B,EAAY+B,gBAAgB;GAClDF;GACAG,eACE7B,EAAuB;IACrBW;IACAM;IACD,CAAA;GACJ,CAAC;EAGFP,EAAmBiB,IAAQhB,IAAUU,KAAAA,EAAU;IAElD,CAAC"}