@ape.swap/bonds-sdk 5.1.6 → 5.1.7-test.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (221) hide show
  1. package/dist/components/BondFilters/BondFilters.js +2 -15
  2. package/dist/components/BondFilters/BondFilters.js.map +1 -1
  3. package/dist/components/ChainOptionList/ChainOptionsButtons.js +3 -16
  4. package/dist/components/ChainOptionList/ChainOptionsButtons.js.map +1 -1
  5. package/dist/components/ChainOptionList/ChainOptionsList.js +4 -16
  6. package/dist/components/ChainOptionList/ChainOptionsList.js.map +1 -1
  7. package/dist/components/CircularProgress/index.js +0 -14
  8. package/dist/components/CircularProgress/index.js.map +1 -1
  9. package/dist/components/ConnectButton/AppKitButton.js +0 -14
  10. package/dist/components/ConnectButton/AppKitButton.js.map +1 -1
  11. package/dist/components/ConnectButton/RainbowKitButton.js +0 -14
  12. package/dist/components/ConnectButton/RainbowKitButton.js.map +1 -1
  13. package/dist/components/ConnectButton/index.js +0 -14
  14. package/dist/components/ConnectButton/index.js.map +1 -1
  15. package/dist/components/ConnectSolanaWalletButton/ConnectSolanaWalletButton.js +3 -16
  16. package/dist/components/ConnectSolanaWalletButton/ConnectSolanaWalletButton.js.map +1 -1
  17. package/dist/components/ConnectoToVmBanners/ConnectToEvmBanner.js +1 -14
  18. package/dist/components/ConnectoToVmBanners/ConnectToEvmBanner.js.map +1 -1
  19. package/dist/components/ConnectoToVmBanners/ConnectToSolanaBanner.js +2 -15
  20. package/dist/components/ConnectoToVmBanners/ConnectToSolanaBanner.js.map +1 -1
  21. package/dist/components/CustomClaimModals/AbondModal.js +1 -13
  22. package/dist/components/CustomClaimModals/AbondModal.js.map +1 -1
  23. package/dist/components/CustomClaimModals/OabondModal.js +1 -13
  24. package/dist/components/CustomClaimModals/OabondModal.js.map +1 -1
  25. package/dist/components/CustomClaimModals/PmusdModal.js +1 -14
  26. package/dist/components/CustomClaimModals/PmusdModal.js.map +1 -1
  27. package/dist/components/FavIcons/AddFavToken.js +0 -12
  28. package/dist/components/FavIcons/AddFavToken.js.map +1 -1
  29. package/dist/components/FavIcons/FavFilter.js +1 -15
  30. package/dist/components/FavIcons/FavFilter.js.map +1 -1
  31. package/dist/components/LoadingSpinner/index.js +0 -14
  32. package/dist/components/LoadingSpinner/index.js.map +1 -1
  33. package/dist/components/MenuSelect/MenuSelect.js +1 -13
  34. package/dist/components/MenuSelect/MenuSelect.js.map +1 -1
  35. package/dist/components/MenuSelect/RecommendationSelector.js +0 -14
  36. package/dist/components/MenuSelect/RecommendationSelector.js.map +1 -1
  37. package/dist/components/NetworkFilter/index.js +4 -15
  38. package/dist/components/NetworkFilter/index.js.map +1 -1
  39. package/dist/components/PlaceholderMonkey/index.js +1 -14
  40. package/dist/components/PlaceholderMonkey/index.js.map +1 -1
  41. package/dist/components/ProgressBar/ProgressBarWrapper.js +2 -11
  42. package/dist/components/ProgressBar/ProgressBarWrapper.js.map +1 -1
  43. package/dist/components/ProgressiveImage/index.js +0 -12
  44. package/dist/components/ProgressiveImage/index.js.map +1 -1
  45. package/dist/components/SlippageModal/index.js +3 -15
  46. package/dist/components/SlippageModal/index.js.map +1 -1
  47. package/dist/components/StepBubble/index.js +2 -14
  48. package/dist/components/StepBubble/index.js.map +1 -1
  49. package/dist/components/Toast/index.js +4 -13
  50. package/dist/components/Toast/index.js.map +1 -1
  51. package/dist/components/TokenInfoAndName/index.js +4 -16
  52. package/dist/components/TokenInfoAndName/index.js.map +1 -1
  53. package/dist/components/TokenSelectorModal/TokenRow.js +1 -14
  54. package/dist/components/TokenSelectorModal/TokenRow.js.map +1 -1
  55. package/dist/components/TokenSelectorModal/index.d.ts +1 -2
  56. package/dist/components/TokenSelectorModal/index.js +3 -15
  57. package/dist/components/TokenSelectorModal/index.js.map +1 -1
  58. package/dist/components/TokenSelectorPanel/index.js +5 -17
  59. package/dist/components/TokenSelectorPanel/index.js.map +1 -1
  60. package/dist/components/Tooltip/ButtonsRow.js +2 -15
  61. package/dist/components/Tooltip/ButtonsRow.js.map +1 -1
  62. package/dist/components/Tooltip/Tooltip.js +0 -13
  63. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  64. package/dist/components/YouTooltip/YouTooltip.js +0 -14
  65. package/dist/components/YouTooltip/YouTooltip.js.map +1 -1
  66. package/dist/components/uikit-sdk/LoadingDots/index.js +0 -14
  67. package/dist/components/uikit-sdk/LoadingDots/index.js.map +1 -1
  68. package/dist/components/uikit-sdk/Modal/ModalHeader.js +0 -2
  69. package/dist/components/uikit-sdk/Modal/ModalHeader.js.map +1 -1
  70. package/dist/components/uikit-sdk/Toggle/index.js +1 -1
  71. package/dist/components/uikit-sdk/Toggle/index.js.map +1 -1
  72. package/dist/components/uikit-sdk/TokenImage/index.js +2 -13
  73. package/dist/components/uikit-sdk/TokenImage/index.js.map +1 -1
  74. package/dist/config/abi/launchBond_v2_4_1.json.js +2 -2
  75. package/dist/contexts/ModalContext.js +0 -12
  76. package/dist/contexts/ModalContext.js.map +1 -1
  77. package/dist/contexts/Popups.js +0 -14
  78. package/dist/contexts/Popups.js.map +1 -1
  79. package/dist/state/bonds/useUserBondsPreTGE.js +3 -3
  80. package/dist/state/bonds/utils.js +2 -2
  81. package/dist/utils/bondPriceHelpers.d.ts +14 -0
  82. package/dist/utils/bondPriceHelpers.js +36 -0
  83. package/dist/utils/bondPriceHelpers.js.map +1 -0
  84. package/dist/utils/displayHelpers.js +1 -1
  85. package/dist/utils/displayHelpers.js.map +1 -1
  86. package/dist/views/Bonds/Bonds.js +2 -15
  87. package/dist/views/Bonds/Bonds.js.map +1 -1
  88. package/dist/views/Bonds/components/BondRows/BondRow.js +4 -16
  89. package/dist/views/Bonds/components/BondRows/BondRow.js.map +1 -1
  90. package/dist/views/Bonds/components/BondRows/ChainTitle.js +3 -15
  91. package/dist/views/Bonds/components/BondRows/ChainTitle.js.map +1 -1
  92. package/dist/views/Bonds/components/BondRows/SoldOutRows.js +1 -13
  93. package/dist/views/Bonds/components/BondRows/SoldOutRows.js.map +1 -1
  94. package/dist/views/Bonds/components/BondsMenu/BondsMenu.js +1 -14
  95. package/dist/views/Bonds/components/BondsMenu/BondsMenu.js.map +1 -1
  96. package/dist/views/Bonds/components/BonusComponents/BonusComponent.js +5 -17
  97. package/dist/views/Bonds/components/BonusComponents/BonusComponent.js.map +1 -1
  98. package/dist/views/Bonds/components/BonusComponents/BonusTable.js +1 -15
  99. package/dist/views/Bonds/components/BonusComponents/BonusTable.js.map +1 -1
  100. package/dist/views/Bonds/components/BuyAgainRow/index.js +0 -12
  101. package/dist/views/Bonds/components/BuyAgainRow/index.js.map +1 -1
  102. package/dist/views/Bonds/components/ChainBanner/ChainBanner.js +1 -14
  103. package/dist/views/Bonds/components/ChainBanner/ChainBanner.js.map +1 -1
  104. package/dist/views/Bonds/components/HotBondCards/HotBondCard.js +5 -17
  105. package/dist/views/Bonds/components/HotBondCards/HotBondCard.js.map +1 -1
  106. package/dist/views/Bonds/components/HotBondCards/index.js +3 -16
  107. package/dist/views/Bonds/components/HotBondCards/index.js.map +1 -1
  108. package/dist/views/Bonds/components/LoadingSkeleton/LoadingSkeleton.js +1 -12
  109. package/dist/views/Bonds/components/LoadingSkeleton/LoadingSkeleton.js.map +1 -1
  110. package/dist/views/Bonds/components/RecommendationCards/SmallRecommendationCard.js +0 -14
  111. package/dist/views/Bonds/components/RecommendationCards/SmallRecommendationCard.js.map +1 -1
  112. package/dist/views/Bonds/components/RecommendationCards/index.js +1 -14
  113. package/dist/views/Bonds/components/RecommendationCards/index.js.map +1 -1
  114. package/dist/views/Bonds/utils.d.ts +1 -14
  115. package/dist/views/Bonds/utils.js +2 -32
  116. package/dist/views/Bonds/utils.js.map +1 -1
  117. package/dist/views/BuyBond/BuyBondModal.js +0 -13
  118. package/dist/views/BuyBond/BuyBondModal.js.map +1 -1
  119. package/dist/views/BuyBond/BuyComponent.js +5 -16
  120. package/dist/views/BuyBond/BuyComponent.js.map +1 -1
  121. package/dist/views/BuyBond/BuyComponentPreTGE.js +9 -18
  122. package/dist/views/BuyBond/BuyComponentPreTGE.js.map +1 -1
  123. package/dist/views/BuyBond/BuyComponentSolana.js +8 -21
  124. package/dist/views/BuyBond/BuyComponentSolana.js.map +1 -1
  125. package/dist/views/BuyBond/ParticipationSuccessful.js +4 -15
  126. package/dist/views/BuyBond/ParticipationSuccessful.js.map +1 -1
  127. package/dist/views/BuyBond/components/BondCards/BondCards.js +4 -16
  128. package/dist/views/BuyBond/components/BondCards/BondCards.js.map +1 -1
  129. package/dist/views/BuyBond/components/BondCards/BondCardsPreTGE.js +3 -16
  130. package/dist/views/BuyBond/components/BondCards/BondCardsPreTGE.js.map +1 -1
  131. package/dist/views/BuyBond/components/BondModalHeader.js +4 -17
  132. package/dist/views/BuyBond/components/BondModalHeader.js.map +1 -1
  133. package/dist/views/BuyBond/components/BondModalMinTierHeader.js +2 -15
  134. package/dist/views/BuyBond/components/BondModalMinTierHeader.js.map +1 -1
  135. package/dist/views/BuyBond/components/Estimations.js +5 -18
  136. package/dist/views/BuyBond/components/Estimations.js.map +1 -1
  137. package/dist/views/BuyBond/components/ExpandedViewButton.js +1 -15
  138. package/dist/views/BuyBond/components/ExpandedViewButton.js.map +1 -1
  139. package/dist/views/BuyBond/components/GetUpToComponent/GetUpToComponent.js +4 -15
  140. package/dist/views/BuyBond/components/GetUpToComponent/GetUpToComponent.js.map +1 -1
  141. package/dist/views/BuyBond/components/NewRateModal/NewRateModal.js +2 -14
  142. package/dist/views/BuyBond/components/NewRateModal/NewRateModal.js.map +1 -1
  143. package/dist/views/BuyBond/components/NoBonusModal/NoBonusModal.js +1 -12
  144. package/dist/views/BuyBond/components/NoBonusModal/NoBonusModal.js.map +1 -1
  145. package/dist/views/BuyBond/components/ProjectDescription.js +0 -12
  146. package/dist/views/BuyBond/components/ProjectDescription.js.map +1 -1
  147. package/dist/views/FullBondsView/FullBondsView.d.ts +0 -4
  148. package/dist/views/FullBondsView/FullBondsView.js +3 -21
  149. package/dist/views/FullBondsView/FullBondsView.js.map +1 -1
  150. package/dist/views/LifiModal/LifiModal.js +1 -13
  151. package/dist/views/LifiModal/LifiModal.js.map +1 -1
  152. package/dist/views/ProjectView/ProjectView.js +0 -13
  153. package/dist/views/ProjectView/ProjectView.js.map +1 -1
  154. package/dist/views/ProjectView/components/BondLeaderboard/components/SalesTable.js +0 -14
  155. package/dist/views/ProjectView/components/BondLeaderboard/components/SalesTable.js.map +1 -1
  156. package/dist/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.js +0 -14
  157. package/dist/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.js.map +1 -1
  158. package/dist/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.js +0 -14
  159. package/dist/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.js.map +1 -1
  160. package/dist/views/ProjectView/components/BondLeaderboard/index.js +1 -15
  161. package/dist/views/ProjectView/components/BondLeaderboard/index.js.map +1 -1
  162. package/dist/views/ProjectView/components/BondStats/index.js +0 -12
  163. package/dist/views/ProjectView/components/BondStats/index.js.map +1 -1
  164. package/dist/views/ProjectView/components/NavPanel/index.js +1 -15
  165. package/dist/views/ProjectView/components/NavPanel/index.js.map +1 -1
  166. package/dist/views/ProjectView/components/PriceChart/index.js +2 -15
  167. package/dist/views/ProjectView/components/PriceChart/index.js.map +1 -1
  168. package/dist/views/ProjectView/components/ProjectInfo/index.js +0 -14
  169. package/dist/views/ProjectView/components/ProjectInfo/index.js.map +1 -1
  170. package/dist/views/ProjectView/components/RecommendationCards/index.js +1 -14
  171. package/dist/views/ProjectView/components/RecommendationCards/index.js.map +1 -1
  172. package/dist/views/SingleBond/SingleBond.js +1 -13
  173. package/dist/views/SingleBond/SingleBond.js.map +1 -1
  174. package/dist/views/SingleBond/SoldOutBuyBondPlaceholder.js +1 -14
  175. package/dist/views/SingleBond/SoldOutBuyBondPlaceholder.js.map +1 -1
  176. package/dist/views/TransactionModal/TransactionModal.js +3 -15
  177. package/dist/views/TransactionModal/TransactionModal.js.map +1 -1
  178. package/dist/views/YourBonds/components/ClaimAll/ClaimAllModal.js +2 -13
  179. package/dist/views/YourBonds/components/ClaimAll/ClaimAllModal.js.map +1 -1
  180. package/dist/views/YourBonds/components/ClaimAll/index.js +0 -14
  181. package/dist/views/YourBonds/components/ClaimAll/index.js.map +1 -1
  182. package/dist/views/YourBonds/components/UserBondRow/PreTGEActions.js +3 -16
  183. package/dist/views/YourBonds/components/UserBondRow/PreTGEActions.js.map +1 -1
  184. package/dist/views/YourBonds/components/UserBondRow/UserBondRow.js +1 -12
  185. package/dist/views/YourBonds/components/UserBondRow/UserBondRow.js.map +1 -1
  186. package/dist/views/YourBonds/components/UserBondRow/UserBondRowPreTGE.js +1 -13
  187. package/dist/views/YourBonds/components/UserBondRow/UserBondRowPreTGE.js.map +1 -1
  188. package/dist/views/YourBonds/components/UserBondRow/UserBondRowSolana.js +3 -15
  189. package/dist/views/YourBonds/components/UserBondRow/UserBondRowSolana.js.map +1 -1
  190. package/dist/views/YourBonds/components/YourBondsMenu/YourBondsMenu.js +0 -13
  191. package/dist/views/YourBonds/components/YourBondsMenu/YourBondsMenu.js.map +1 -1
  192. package/dist/views/YourBondsModal/YourBondsModal.js +6 -16
  193. package/dist/views/YourBondsModal/YourBondsModal.js.map +1 -1
  194. package/dist/views/YourBondsModal/components/Actions/Actions.js +0 -13
  195. package/dist/views/YourBondsModal/components/Actions/Actions.js.map +1 -1
  196. package/dist/views/YourBondsModal/components/Actions/ActionsSolana.js +1 -14
  197. package/dist/views/YourBondsModal/components/Actions/ActionsSolana.js.map +1 -1
  198. package/dist/views/YourBondsModal/components/LinkShare/LinkShare.js +1 -13
  199. package/dist/views/YourBondsModal/components/LinkShare/LinkShare.js.map +1 -1
  200. package/dist/views/YourBondsModal/components/NFTImage/NFTImage.js +4 -13
  201. package/dist/views/YourBondsModal/components/NFTImage/NFTImage.js.map +1 -1
  202. package/dist/views/YourBondsModal/components/Recommendations/CardRecommendation.js +3 -16
  203. package/dist/views/YourBondsModal/components/Recommendations/CardRecommendation.js.map +1 -1
  204. package/dist/views/YourBondsModal/components/Recommendations/RecSkeleton.js +0 -12
  205. package/dist/views/YourBondsModal/components/Recommendations/RecSkeleton.js.map +1 -1
  206. package/dist/views/YourBondsModal/components/Recommendations/Recommendations.js +2 -15
  207. package/dist/views/YourBondsModal/components/Recommendations/Recommendations.js.map +1 -1
  208. package/dist/views/YourBondsModal/components/TransferBondModal/TransferAction.js +0 -13
  209. package/dist/views/YourBondsModal/components/TransferBondModal/TransferAction.js.map +1 -1
  210. package/dist/views/YourBondsModal/components/TransferBondModal/TransferActionSolana.js +1 -14
  211. package/dist/views/YourBondsModal/components/TransferBondModal/TransferActionSolana.js.map +1 -1
  212. package/dist/views/YourBondsModal/components/TransferBondModal/index.js +2 -12
  213. package/dist/views/YourBondsModal/components/TransferBondModal/index.js.map +1 -1
  214. package/dist/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.js +6 -16
  215. package/dist/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.js.map +1 -1
  216. package/package.json +1 -1
  217. package/dist/components/uikit-sdk/Button/index.d.ts +0 -2
  218. package/dist/components/uikit-sdk/Input/index.d.ts +0 -2
  219. package/dist/components/uikit-sdk/Select/index.d.ts +0 -2
  220. package/dist/components/uikit-sdk/Tag/index.d.ts +0 -1
  221. package/dist/components/uikit-sdk/index.d.ts +0 -15
@@ -1 +1 @@
1
- {"version":3,"file":"AddFavToken.js","sources":["../../../src/components/FavIcons/AddFavToken.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport { Flex, Svg } from '../uikit-sdk'\n\nconst AddFavToken = ({ tokenSymbol, hotBond }: { tokenSymbol?: string; hotBond?: boolean }) => {\n const { favTokens, addFavToken } = useFavoriteTokens()\n const [isFavToken, setIsFavToken] = useState(false)\n useEffect(() => {\n setIsFavToken(favTokens.includes(tokenSymbol?.toLowerCase() ?? ''))\n }, [favTokens, tokenSymbol])\n\n return (\n <Flex\n sx={{ justifyContent: 'center', alignItems: 'center', width: '100%', p: '0 5px' }}\n onClick={(event: React.MouseEvent) => {\n event.stopPropagation()\n setIsFavToken(true)\n addFavToken(tokenSymbol ?? '')\n }}\n >\n <AnimatePresence mode=\"wait\">\n <motion.div\n key={isFavToken ? 'StarFilled' : 'Star'}\n initial={false}\n animate={{ opacity: 1, scale: 1.0 }}\n exit={{ opacity: 0, scale: 0.8 }}\n transition={{ duration: 0.2 }}\n style={{ display: 'flex' }}\n >\n {isFavToken ? (\n <Svg icon=\"StarFilled\" width={22} height={22} color={'#DE62F3'} />\n ) : (\n <Svg\n icon={hotBond ? 'FirePink' : 'Star'}\n width={hotBond ? 25 : 20}\n height={hotBond ? 25 : 20}\n color={'#73728E'}\n />\n )}\n </motion.div>\n </AnimatePresence>\n </Flex>\n )\n}\n\nexport default AddFavToken\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAA+C,KAAI;IAC5F,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnD,SAAS,CAAC,MAAK;AACb,QAAA,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAE5B,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,EACjF,OAAO,EAAE,CAAC,KAAuB,KAAI;YACnC,KAAK,CAAC,eAAe,EAAE;YACvB,aAAa,CAAC,IAAI,CAAC;AACnB,YAAA,WAAW,CAAC,WAAW,IAAI,EAAE,CAAC;AAChC,QAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAET,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,QAAA,EAEzB,UAAU,IACTA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAA,CAAI,KAElEA,GAAA,CAAC,GAAG,EAAA,EACF,IAAI,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,EACnC,KAAK,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE,EACxB,MAAM,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE,EACzB,KAAK,EAAE,SAAS,EAAA,CAChB,CACH,EAAA,EAhBI,UAAU,GAAG,YAAY,GAAG,MAAM,CAiB5B,EAAA,CACG,EAAA,CACb;AAEX;;;;"}
1
+ {"version":3,"file":"AddFavToken.js","sources":["../../../src/components/FavIcons/AddFavToken.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport Svg from '../uikit-sdk/Svg'\nimport Flex from '../uikit-sdk/Flex'\n\nconst AddFavToken = ({ tokenSymbol, hotBond }: { tokenSymbol?: string; hotBond?: boolean }) => {\n const { favTokens, addFavToken } = useFavoriteTokens()\n const [isFavToken, setIsFavToken] = useState(false)\n useEffect(() => {\n setIsFavToken(favTokens.includes(tokenSymbol?.toLowerCase() ?? ''))\n }, [favTokens, tokenSymbol])\n\n return (\n <Flex\n sx={{ justifyContent: 'center', alignItems: 'center', width: '100%', p: '0 5px' }}\n onClick={(event: React.MouseEvent) => {\n event.stopPropagation()\n setIsFavToken(true)\n addFavToken(tokenSymbol ?? '')\n }}\n >\n <AnimatePresence mode=\"wait\">\n <motion.div\n key={isFavToken ? 'StarFilled' : 'Star'}\n initial={false}\n animate={{ opacity: 1, scale: 1.0 }}\n exit={{ opacity: 0, scale: 0.8 }}\n transition={{ duration: 0.2 }}\n style={{ display: 'flex' }}\n >\n {isFavToken ? (\n <Svg icon=\"StarFilled\" width={22} height={22} color={'#DE62F3'} />\n ) : (\n <Svg\n icon={hotBond ? 'FirePink' : 'Star'}\n width={hotBond ? 25 : 20}\n height={hotBond ? 25 : 20}\n color={'#73728E'}\n />\n )}\n </motion.div>\n </AnimatePresence>\n </Flex>\n )\n}\n\nexport default AddFavToken\n"],"names":["_jsx"],"mappings":";;;;;;;AAMA,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAA+C,KAAI;IAC5F,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnD,SAAS,CAAC,MAAK;AACb,QAAA,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAE5B,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,EACjF,OAAO,EAAE,CAAC,KAAuB,KAAI;YACnC,KAAK,CAAC,eAAe,EAAE;YACvB,aAAa,CAAC,IAAI,CAAC;AACnB,YAAA,WAAW,CAAC,WAAW,IAAI,EAAE,CAAC;AAChC,QAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAET,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,QAAA,EAEzB,UAAU,IACTA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAA,CAAI,KAElEA,GAAA,CAAC,GAAG,EAAA,EACF,IAAI,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,EACnC,KAAK,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE,EACxB,MAAM,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE,EACzB,KAAK,EAAE,SAAS,EAAA,CAChB,CACH,EAAA,EAhBI,UAAU,GAAG,YAAY,GAAG,MAAM,CAiB5B,EAAA,CACG,EAAA,CACb;AAEX;;;;"}
@@ -1,22 +1,8 @@
1
1
  import { jsx } from 'theme-ui/jsx-runtime';
2
2
  import { AnimatePresence, motion } from 'framer-motion';
3
- import Svg from '../uikit-sdk/Svg/index.js';
4
3
  import Flex from '../uikit-sdk/Flex/index.js';
5
- import 'theme-ui';
6
- import '../uikit-sdk/Text/types.js';
7
- import '../uikit-sdk/Checkbox/types.js';
8
- import '../uikit-sdk/Skeleton/types.js';
9
- import '../uikit-sdk/Skeleton/styles.js';
10
- import '../uikit-sdk/TooltipBubble/index.js';
11
- import 'react';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../uikit-sdk/Svg/types.js';
14
- import '../../contexts/ModalContext.js';
15
- import '../../views/FullBondsView/FullBondsView.js';
16
- import '../uikit-sdk/Select/types.js';
17
- import '../../utils/campaignStyles.js';
4
+ import Svg from '../uikit-sdk/Svg/index.js';
18
5
 
19
- // import track from 'utils/track'
20
6
  const FavIcon = ({ filterOption, setFilterOption, }) => {
21
7
  const handleFilterOption = (newOption) => {
22
8
  setFilterOption(newOption);
@@ -1 +1 @@
1
- {"version":3,"file":"FavFilter.js","sources":["../../../src/components/FavIcons/FavFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { Flex, Svg } from '../uikit-sdk'\n// import track from 'utils/track'\n\nconst FavIcon = ({\n filterOption,\n setFilterOption,\n}: {\n filterOption: string\n setFilterOption: (newOption: string) => void\n}) => {\n const handleFilterOption = (newOption: string) => {\n setFilterOption(newOption)\n }\n\n return (\n <Flex\n sx={{ justifyContent: 'center', alignItems: 'center', minWidth: '25px', cursor: 'pointer', ml: '15px' }}\n className=\"search-fav-icon\"\n onClick={() => {\n handleFilterOption(filterOption !== 'FAVORITES' ? 'FAVORITES' : 'ALL')\n }}\n >\n <AnimatePresence mode=\"wait\">\n <motion.div\n key={filterOption === 'FAVORITES' ? 'StarFilled' : 'Star'}\n initial={false}\n animate={{ opacity: 1, scale: 1.0 }}\n exit={{ opacity: 0, scale: 0.8 }}\n transition={{ duration: 0.2 }}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n {filterOption === 'FAVORITES' ? (\n <Svg icon=\"StarFilled\" width={22} height={22} />\n ) : (\n <Svg icon=\"Star\" width={20} height={20} />\n )}\n </motion.div>\n </AnimatePresence>\n </Flex>\n )\n}\n\nexport default FavIcon\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAGA;AAEA,MAAM,OAAO,GAAG,CAAC,EACf,YAAY,EACZ,eAAe,GAIhB,KAAI;AACH,IAAA,MAAM,kBAAkB,GAAG,CAAC,SAAiB,KAAI;QAC/C,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EACvG,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,MAAK;AACZ,YAAA,kBAAkB,CAAC,YAAY,KAAK,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC;QACxE,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAET,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAE/C,YAAY,KAAK,WAAW,IAC3BA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,KAEhDA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,CAC3C,EAAA,EAXI,YAAY,KAAK,WAAW,GAAG,YAAY,GAAG,MAAM,CAY9C,EAAA,CACG,EAAA,CACb;AAEX;;;;"}
1
+ {"version":3,"file":"FavFilter.js","sources":["../../../src/components/FavIcons/FavFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\n\nconst FavIcon = ({\n filterOption,\n setFilterOption,\n}: {\n filterOption: string\n setFilterOption: (newOption: string) => void\n}) => {\n const handleFilterOption = (newOption: string) => {\n setFilterOption(newOption)\n }\n\n return (\n <Flex\n sx={{ justifyContent: 'center', alignItems: 'center', minWidth: '25px', cursor: 'pointer', ml: '15px' }}\n className=\"search-fav-icon\"\n onClick={() => {\n handleFilterOption(filterOption !== 'FAVORITES' ? 'FAVORITES' : 'ALL')\n }}\n >\n <AnimatePresence mode=\"wait\">\n <motion.div\n key={filterOption === 'FAVORITES' ? 'StarFilled' : 'Star'}\n initial={false}\n animate={{ opacity: 1, scale: 1.0 }}\n exit={{ opacity: 0, scale: 0.8 }}\n transition={{ duration: 0.2 }}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n {filterOption === 'FAVORITES' ? (\n <Svg icon=\"StarFilled\" width={22} height={22} />\n ) : (\n <Svg icon=\"Star\" width={20} height={20} />\n )}\n </motion.div>\n </AnimatePresence>\n </Flex>\n )\n}\n\nexport default FavIcon\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,OAAO,GAAG,CAAC,EACf,YAAY,EACZ,eAAe,GAIhB,KAAI;AACH,IAAA,MAAM,kBAAkB,GAAG,CAAC,SAAiB,KAAI;QAC/C,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EACvG,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,MAAK;AACZ,YAAA,kBAAkB,CAAC,YAAY,KAAK,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC;QACxE,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAET,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAE/C,YAAY,KAAK,WAAW,IAC3BA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,KAEhDA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,CAC3C,EAAA,EAXI,YAAY,KAAK,WAAW,GAAG,YAAY,GAAG,MAAM,CAY9C,EAAA,CACG,EAAA,CACb;AAEX;;;;"}
@@ -1,19 +1,5 @@
1
1
  import { jsx } from 'theme-ui/jsx-runtime';
2
- import '../uikit-sdk/Svg/types.js';
3
2
  import Flex from '../uikit-sdk/Flex/index.js';
4
- import 'theme-ui';
5
- import '../uikit-sdk/Text/types.js';
6
- import '../uikit-sdk/Checkbox/types.js';
7
- import '../uikit-sdk/Skeleton/types.js';
8
- import '../uikit-sdk/Skeleton/styles.js';
9
- import '../uikit-sdk/TooltipBubble/index.js';
10
- import 'react';
11
- import 'framer-motion';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../../contexts/ModalContext.js';
14
- import '../../views/FullBondsView/FullBondsView.js';
15
- import '../uikit-sdk/Select/types.js';
16
- import '../../utils/campaignStyles.js';
17
3
 
18
4
  const LoadingSpinner = ({ isLoading, size }) => {
19
5
  const stylesLoading = {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../uikit-sdk'\n\nconst LoadingSpinner = ({ isLoading, size }: { isLoading: boolean; size: number }) => {\n const stylesLoading = {\n width: `${size}px`,\n height: `${size}px`,\n border: `${size / 8}px solid var(--theme-ui-colors-white5)`,\n borderTopColor: 'primaryButton',\n borderRadius: '50%',\n display: 'inline-block',\n boxSizing: 'border-box',\n animation: 'rotation 1s linear infinite',\n transform: 'rotate(40deg)',\n '@keyframes rotation': {\n '0%': {\n transform: 'rotate(40deg)',\n },\n '100%': {\n transform: 'rotate(400deg)',\n },\n },\n }\n const styles = {\n width: `${size}px`,\n height: `${size}px`,\n border: `${size / 8}px solid var(--theme-ui-colors-white5)`,\n borderTopColor: 'white5',\n borderRadius: '50%',\n display: 'inline-block',\n boxSizing: 'border-box',\n }\n return <Flex sx={isLoading ? stylesLoading : styles} />\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAwC,KAAI;AACnF,IAAA,MAAM,aAAa,GAAG;QACpB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QAClB,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AACnB,QAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,CAAC,CAAA,sCAAA,CAAwC;AAC3D,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE,YAAY;AACvB,QAAA,SAAS,EAAE,6BAA6B;AACxC,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE;AACJ,gBAAA,SAAS,EAAE,eAAe;AAC3B,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,SAAS,EAAE,gBAAgB;AAC5B,aAAA;AACF,SAAA;KACF;AACD,IAAA,MAAM,MAAM,GAAG;QACb,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QAClB,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AACnB,QAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,CAAC,CAAA,sCAAA,CAAwC;AAC3D,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE,YAAY;KACxB;AACD,IAAA,OAAOA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,GAAI;AACzD;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../uikit-sdk/Flex'\n\nconst LoadingSpinner = ({ isLoading, size }: { isLoading: boolean; size: number }) => {\n const stylesLoading = {\n width: `${size}px`,\n height: `${size}px`,\n border: `${size / 8}px solid var(--theme-ui-colors-white5)`,\n borderTopColor: 'primaryButton',\n borderRadius: '50%',\n display: 'inline-block',\n boxSizing: 'border-box',\n animation: 'rotation 1s linear infinite',\n transform: 'rotate(40deg)',\n '@keyframes rotation': {\n '0%': {\n transform: 'rotate(40deg)',\n },\n '100%': {\n transform: 'rotate(400deg)',\n },\n },\n }\n const styles = {\n width: `${size}px`,\n height: `${size}px`,\n border: `${size / 8}px solid var(--theme-ui-colors-white5)`,\n borderTopColor: 'white5',\n borderRadius: '50%',\n display: 'inline-block',\n boxSizing: 'border-box',\n }\n return <Flex sx={isLoading ? stylesLoading : styles} />\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAwC,KAAI;AACnF,IAAA,MAAM,aAAa,GAAG;QACpB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QAClB,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AACnB,QAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,CAAC,CAAA,sCAAA,CAAwC;AAC3D,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE,YAAY;AACvB,QAAA,SAAS,EAAE,6BAA6B;AACxC,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE;AACJ,gBAAA,SAAS,EAAE,eAAe;AAC3B,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,SAAS,EAAE,gBAAgB;AAC5B,aAAA;AACF,SAAA;KACF;AACD,IAAA,MAAM,MAAM,GAAG;QACb,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QAClB,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AACnB,QAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,CAAC,CAAA,sCAAA,CAAwC;AAC3D,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE,YAAY;KACxB;AACD,IAAA,OAAOA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,GAAI;AACzD;;;;"}
@@ -1,19 +1,7 @@
1
1
  import { jsx } from 'theme-ui/jsx-runtime';
2
- import '../uikit-sdk/Svg/types.js';
3
- import 'theme-ui';
4
- import Text from '../uikit-sdk/Text/index.js';
5
- import '../uikit-sdk/Checkbox/types.js';
6
- import '../uikit-sdk/Skeleton/types.js';
7
- import '../uikit-sdk/Skeleton/styles.js';
8
- import '../uikit-sdk/TooltipBubble/index.js';
9
- import 'react';
10
- import 'framer-motion';
11
- import '../uikit-sdk/Button/types.js';
12
- import '../../contexts/ModalContext.js';
13
- import '../../views/FullBondsView/FullBondsView.js';
14
2
  import Select from '../uikit-sdk/Select/Select.js';
15
3
  import SelectItem from '../uikit-sdk/Select/SelectItem.js';
16
- import '../../utils/campaignStyles.js';
4
+ import Text from '../uikit-sdk/Text/index.js';
17
5
 
18
6
  const MenuSelect = ({ selectedOption, setOption, options, ...props }) => {
19
7
  return (jsx(Select, { size: "xsm", onChange: (e) => setOption(e.target.value), active: selectedOption, sx: {
@@ -1 +1 @@
1
- {"version":3,"file":"MenuSelect.js","sources":["../../../src/components/MenuSelect/MenuSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { Select, SelectItem, Text } from '../uikit-sdk'\n\nexport type Option = {\n label: string\n value: string\n}\n\nconst MenuSelect = ({\n selectedOption,\n setOption,\n options,\n ...props\n}:\n | {\n selectedOption: string\n setOption: (option: string) => void\n options: Option[] | undefined\n }\n | any) => {\n return (\n <Select\n size=\"xsm\"\n onChange={(e) => setOption(e.target.value)}\n active={selectedOption}\n sx={{\n height: '36px',\n display: 'flex',\n width: '100%',\n paddingRight: '4px',\n background: 'white2',\n }}\n {...props}\n className=\"dropdown\"\n >\n {options?.map((option: Option) => {\n return (\n <SelectItem size=\"xsm\" value={option.value} key={option.label}>\n <Text sx={{ fontWeight: 400, pl: '10px' }} className=\"menu-selector\">\n {option.label}\n </Text>\n </SelectItem>\n )\n })}\n </Select>\n )\n}\n\nexport default MenuSelect\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAQA,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAOH,KAAI;AACT,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,MAAM,EAAE,cAAc,EACtB,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,GACG,KAAK,EACT,SAAS,EAAC,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAE,GAAG,CAAC,CAAC,MAAc,KAAI;AAC/B,YAAA,QACEA,GAAA,CAAC,UAAU,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACxCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,eAAe,EAAA,QAAA,EACjE,MAAM,CAAC,KAAK,GACR,EAAA,EAHwC,MAAM,CAAC,KAAK,CAIhD;QAEjB,CAAC,CAAC,EAAA,CACK;AAEb;;;;"}
1
+ {"version":3,"file":"MenuSelect.js","sources":["../../../src/components/MenuSelect/MenuSelect.tsx"],"sourcesContent":["import React from 'react'\nimport Select from '../uikit-sdk/Select/Select'\nimport SelectItem from '../uikit-sdk/Select/SelectItem'\nimport Text from '../uikit-sdk/Text'\n\nexport type Option = {\n label: string\n value: string\n}\n\nconst MenuSelect = ({\n selectedOption,\n setOption,\n options,\n ...props\n}:\n | {\n selectedOption: string\n setOption: (option: string) => void\n options: Option[] | undefined\n }\n | any) => {\n return (\n <Select\n size=\"xsm\"\n onChange={(e) => setOption(e.target.value)}\n active={selectedOption}\n sx={{\n height: '36px',\n display: 'flex',\n width: '100%',\n paddingRight: '4px',\n background: 'white2',\n }}\n {...props}\n className=\"dropdown\"\n >\n {options?.map((option: Option) => {\n return (\n <SelectItem size=\"xsm\" value={option.value} key={option.label}>\n <Text sx={{ fontWeight: 400, pl: '10px' }} className=\"menu-selector\">\n {option.label}\n </Text>\n </SelectItem>\n )\n })}\n </Select>\n )\n}\n\nexport default MenuSelect\n"],"names":["_jsx"],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAOH,KAAI;AACT,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,MAAM,EAAE,cAAc,EACtB,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,GACG,KAAK,EACT,SAAS,EAAC,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAE,GAAG,CAAC,CAAC,MAAc,KAAI;AAC/B,YAAA,QACEA,GAAA,CAAC,UAAU,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACxCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,eAAe,EAAA,QAAA,EACjE,MAAM,CAAC,KAAK,GACR,EAAA,EAHwC,MAAM,CAAC,KAAK,CAIhD;QAEjB,CAAC,CAAC,EAAA,CACK;AAEb;;;;"}
@@ -1,19 +1,5 @@
1
1
  import { jsx } from 'theme-ui/jsx-runtime';
2
- import '../uikit-sdk/Svg/types.js';
3
2
  import Flex from '../uikit-sdk/Flex/index.js';
4
- import 'theme-ui';
5
- import '../uikit-sdk/Text/types.js';
6
- import '../uikit-sdk/Checkbox/types.js';
7
- import '../uikit-sdk/Skeleton/types.js';
8
- import '../uikit-sdk/Skeleton/styles.js';
9
- import '../uikit-sdk/TooltipBubble/index.js';
10
- import 'react';
11
- import 'framer-motion';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../../contexts/ModalContext.js';
14
- import '../../views/FullBondsView/FullBondsView.js';
15
- import '../uikit-sdk/Select/types.js';
16
- import '../../utils/campaignStyles.js';
17
3
  import track from '../../utils/track.js';
18
4
 
19
5
  const RecommendationSelector = ({ options, activeOption, setActiveOption, }) => {
@@ -1 +1 @@
1
- {"version":3,"file":"RecommendationSelector.js","sources":["../../../src/components/MenuSelect/RecommendationSelector.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../uikit-sdk'\nimport track from '../../utils/track'\n\nconst RecommendationSelector = ({\n options,\n activeOption,\n setActiveOption,\n}: {\n options: string[]\n activeOption: string\n setActiveOption: (activeOption: string) => void\n}) => {\n const handleClick = (option: string) => {\n setActiveOption(option)\n track({\n event: 'filterOption',\n chain: 0,\n data: {\n filterOption: option,\n },\n })\n }\n\n return (\n <Flex\n sx={{\n alignItems: 'center',\n color: 'grey',\n fontSize: ['11px'],\n fontWeight: 500,\n '& > div:last-child': {\n marginRight: '0',\n },\n }}\n >\n {options.map((option) => {\n const isActive = option === activeOption\n return (\n <Flex\n key={option}\n sx={{\n background: isActive ? 'primaryButton' : 'white2',\n color: isActive ? 'primaryBright' : 'textDisabledButton',\n px: ['6px', '6px', '6px', '10px'],\n borderRadius: 'normal',\n mr: ['8px', '8px', '8px', '10px'],\n textTransform: 'uppercase',\n cursor: 'pointer',\n lineHeight: '11px',\n alignItems: 'center',\n height: '24px',\n opacity: 0.8,\n '&:hover': { opacity: 0.6 },\n }}\n onClick={() => handleClick(option)}\n >\n {option}\n </Flex>\n )\n })}\n </Flex>\n )\n}\n\nexport default RecommendationSelector\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,MAAM,sBAAsB,GAAG,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,eAAe,GAKhB,KAAI;AACH,IAAA,MAAM,WAAW,GAAG,CAAC,MAAc,KAAI;QACrC,eAAe,CAAC,MAAM,CAAC;AACvB,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE;AACJ,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,CAAC,MAAM,CAAC;AAClB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,oBAAoB,EAAE;AACpB,gBAAA,WAAW,EAAE,GAAG;AACjB,aAAA;AACF,SAAA,EAAA,QAAA,EAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACtB,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,YAAY;AACxC,YAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAEH,EAAE,EAAE;oBACF,UAAU,EAAE,QAAQ,GAAG,eAAe,GAAG,QAAQ;oBACjD,KAAK,EAAE,QAAQ,GAAG,eAAe,GAAG,oBAAoB;oBACxD,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,oBAAA,YAAY,EAAE,QAAQ;oBACtB,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,oBAAA,aAAa,EAAE,WAAW;AAC1B,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,UAAU,EAAE,MAAM;AAClB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,OAAO,EAAE,GAAG;AACZ,oBAAA,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;AAC5B,iBAAA,EACD,OAAO,EAAE,MAAM,WAAW,CAAC,MAAM,CAAC,YAEjC,MAAM,EAAA,EAjBF,MAAM,CAkBN;QAEX,CAAC,CAAC,EAAA,CACG;AAEX;;;;"}
1
+ {"version":3,"file":"RecommendationSelector.js","sources":["../../../src/components/MenuSelect/RecommendationSelector.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../uikit-sdk/Flex'\nimport track from '../../utils/track'\n\nconst RecommendationSelector = ({\n options,\n activeOption,\n setActiveOption,\n}: {\n options: string[]\n activeOption: string\n setActiveOption: (activeOption: string) => void\n}) => {\n const handleClick = (option: string) => {\n setActiveOption(option)\n track({\n event: 'filterOption',\n chain: 0,\n data: {\n filterOption: option,\n },\n })\n }\n\n return (\n <Flex\n sx={{\n alignItems: 'center',\n color: 'grey',\n fontSize: ['11px'],\n fontWeight: 500,\n '& > div:last-child': {\n marginRight: '0',\n },\n }}\n >\n {options.map((option) => {\n const isActive = option === activeOption\n return (\n <Flex\n key={option}\n sx={{\n background: isActive ? 'primaryButton' : 'white2',\n color: isActive ? 'primaryBright' : 'textDisabledButton',\n px: ['6px', '6px', '6px', '10px'],\n borderRadius: 'normal',\n mr: ['8px', '8px', '8px', '10px'],\n textTransform: 'uppercase',\n cursor: 'pointer',\n lineHeight: '11px',\n alignItems: 'center',\n height: '24px',\n opacity: 0.8,\n '&:hover': { opacity: 0.6 },\n }}\n onClick={() => handleClick(option)}\n >\n {option}\n </Flex>\n )\n })}\n </Flex>\n )\n}\n\nexport default RecommendationSelector\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,sBAAsB,GAAG,CAAC,EAC9B,OAAO,EACP,YAAY,EACZ,eAAe,GAKhB,KAAI;AACH,IAAA,MAAM,WAAW,GAAG,CAAC,MAAc,KAAI;QACrC,eAAe,CAAC,MAAM,CAAC;AACvB,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,IAAI,EAAE;AACJ,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,CAAC,MAAM,CAAC;AAClB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,oBAAoB,EAAE;AACpB,gBAAA,WAAW,EAAE,GAAG;AACjB,aAAA;AACF,SAAA,EAAA,QAAA,EAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACtB,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,YAAY;AACxC,YAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAEH,EAAE,EAAE;oBACF,UAAU,EAAE,QAAQ,GAAG,eAAe,GAAG,QAAQ;oBACjD,KAAK,EAAE,QAAQ,GAAG,eAAe,GAAG,oBAAoB;oBACxD,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,oBAAA,YAAY,EAAE,QAAQ;oBACtB,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,oBAAA,aAAa,EAAE,WAAW;AAC1B,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,UAAU,EAAE,MAAM;AAClB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,OAAO,EAAE,GAAG;AACZ,oBAAA,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;AAC5B,iBAAA,EACD,OAAO,EAAE,MAAM,WAAW,CAAC,MAAM,CAAC,YAEjC,MAAM,EAAA,EAjBF,MAAM,CAkBN;QAEX,CAAC,CAAC,EAAA,CACG;AAEX;;;;"}
@@ -1,22 +1,11 @@
1
1
  import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
2
2
  import { useState } from 'react';
3
- import Svg from '../uikit-sdk/Svg/index.js';
4
- import Flex from '../uikit-sdk/Flex/index.js';
5
- import Text from '../uikit-sdk/Text/index.js';
6
- import Checkbox from '../uikit-sdk/Checkbox/index.js';
7
- import 'theme-ui';
8
- import '../uikit-sdk/Skeleton/types.js';
9
- import '../uikit-sdk/Skeleton/styles.js';
10
- import '../uikit-sdk/TooltipBubble/index.js';
11
- import 'framer-motion';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../uikit-sdk/Svg/types.js';
14
- import '../../contexts/ModalContext.js';
15
- import '../../views/FullBondsView/FullBondsView.js';
16
- import '../uikit-sdk/Select/types.js';
17
- import '../../utils/campaignStyles.js';
18
3
  import { TESTNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL, MAINNET_CHAINS } from '../../config/constants/chains.js';
4
+ import Checkbox from '../uikit-sdk/Checkbox/index.js';
19
5
  import { useSDKConfig } from '../../state/useSDKConfig.js';
6
+ import Flex from '../uikit-sdk/Flex/index.js';
7
+ import Svg from '../uikit-sdk/Svg/index.js';
8
+ import Text from '../uikit-sdk/Text/index.js';
20
9
 
21
10
  const NetworkFilter = ({ chainFilterOption, setChainFilterOption, }) => {
22
11
  // Hooks
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/NetworkFilter/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Flex, Svg, Text } from '../../components/uikit-sdk'\nimport { MAINNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL, TESTNET_CHAINS } from '../../config/constants/chains'\nimport Checkbox from '../../components/uikit-sdk/Checkbox'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { useSDKConfig } from '../../state/useSDKConfig'\n\nconst NetworkFilter = ({\n chainFilterOption,\n setChainFilterOption,\n}: {\n chainFilterOption: string[]\n setChainFilterOption: (newValue: string[]) => void\n}) => {\n // Hooks\n const SDKConfig = useSDKConfig()\n const chains = SDKConfig?.chains as number[]\n const mainnetChains = chains.filter((item) => !TESTNET_CHAINS.includes(item))\n const testnetChains = chains.filter((item) => TESTNET_CHAINS.includes(item))\n\n // State\n const [isOpen, setIsOpen] = useState(false)\n\n // Handlers\n const handleCheckbox = (newChain: string) => {\n const prevChainFilterOptions = chainFilterOption.map(String)\n let newChainFilterOption: string[]\n\n if (newChain === 'All Chains') {\n newChainFilterOption = ['All Chains']\n } else if (newChain === 'All Testnet') {\n if (prevChainFilterOptions.includes('All Testnet')) {\n newChainFilterOption = prevChainFilterOptions.filter(\n (option) => ![...testnetChains.map((t) => t.toString()), 'All Testnet'].includes(option),\n )\n } else {\n newChainFilterOption = [\n ...prevChainFilterOptions.filter((option) => option !== 'All Chains'),\n ...testnetChains.map((t) => t.toString()),\n 'All Testnet',\n ]\n }\n newChainFilterOption = newChainFilterOption.length === 0 ? ['All Chains'] : newChainFilterOption\n } else {\n if (prevChainFilterOptions.includes(newChain)) {\n const filteredChains = prevChainFilterOptions.filter((option) => option !== newChain)\n newChainFilterOption = filteredChains.length === 0 ? ['All Chains'] : filteredChains\n } else {\n const newArray = [...prevChainFilterOptions.filter((option) => option !== 'All Chains'), newChain]\n\n const allMainnetsSelected = MAINNET_CHAINS.every((chain) => newArray.includes(chain.toString()))\n newChainFilterOption = allMainnetsSelected ? ['All Chains'] : newArray\n }\n }\n\n setChainFilterOption(newChainFilterOption)\n }\n\n return (\n <Flex sx={{ width: '100%', position: 'relative' }}>\n {isOpen && (\n // Backdrop that closes the dropdown if a user clicks outside of it\n <Flex\n sx={{\n background: 'transparent',\n position: 'fixed',\n top: 0,\n left: 0,\n width: '100vw',\n height: '100vh',\n zIndex: 1000,\n }}\n onClick={() => setIsOpen(false)}\n />\n )}\n <Flex\n sx={{\n background: 'white2',\n p: '6px',\n borderRadius: 'normal',\n cursor: 'pointer',\n alignItems: 'center',\n width: '100%',\n justifyContent: 'space-between',\n }}\n onClick={() => setIsOpen(!isOpen)}\n className=\"dropdown\"\n >\n <Text sx={{ lineHeight: '22px', fontSize: '14px', fontWeight: 400, px: '10px' }}>\n {chainFilterOption.includes('All Chains') ? 'All Chains' : `Chains (${chainFilterOption.length})`}\n </Text>\n <Flex sx={{ ml: '5px' }}>\n <Svg icon=\"caret\" direction={isOpen ? 'up' : 'down'} />\n </Flex>\n </Flex>\n {isOpen && (\n <Flex\n sx={{\n flexDirection: ['column', 'column', 'column'],\n position: 'absolute',\n top: '45px',\n right: '0px',\n width: '235px',\n maxHeight: ['300px', '300px', '350px'],\n overflowY: 'scroll',\n borderRadius: 'normal',\n background: 'white2',\n zIndex: 1001,\n }}\n >\n {['All Chains', ...mainnetChains].map((chainId) => {\n return (\n <Flex\n key={chainId}\n sx={{\n borderRadius: 'normal',\n p: '5px 15px',\n minHeight: '40px',\n cursor: 'pointer',\n '&:hover': { bg: 'white3' },\n }}\n onClick={() => handleCheckbox(chainId.toString())}\n >\n <Flex sx={{ width: '100%', alignItems: 'center', fontSize: '14px' }}>\n <Checkbox\n checked={chainFilterOption.includes(chainId.toString())}\n onChange={() => handleCheckbox(chainId.toString())}\n />\n {chainId === 'All Chains' ? (\n <>\n <Flex sx={{ mx: '8px' }}>\n <Svg icon=\"AllChains\" width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>All Chains</Text>\n </>\n ) : (\n <>\n <Flex sx={{ mx: '8px', borderRadius: '50px', overflow: 'hidden' }}>\n <Svg icon={NETWORK_ICONS[chainId as ChainId]} width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>{NETWORK_LABEL[chainId as ChainId]}</Text>\n </>\n )}\n </Flex>\n </Flex>\n )\n })}\n {testnetChains.length > 0 &&\n ['All Testnet', ...testnetChains].map((chainId) => {\n return (\n <Flex\n key={chainId}\n sx={{\n borderRadius: 'normal',\n p: '5px 15px',\n minHeight: '40px',\n cursor: 'pointer',\n '&:hover': { bg: 'white3' },\n pl: chainId !== 'All Testnet' ? '35px' : '15px',\n }}\n onClick={() => handleCheckbox(chainId.toString())}\n >\n <Flex sx={{ width: '100%', alignItems: 'center', fontSize: '14px' }}>\n <Checkbox\n checked={chainFilterOption.includes(chainId.toString())}\n onChange={() => handleCheckbox(chainId.toString())}\n />\n {chainId === 'All Testnet' ? (\n <>\n <Flex sx={{ mx: '8px' }}>\n <Svg icon=\"AllChains\" width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>All Testnet</Text>\n </>\n ) : (\n <>\n <Flex sx={{ mx: '8px', borderRadius: '50px', overflow: 'hidden' }}>\n <Svg icon={NETWORK_ICONS[chainId as ChainId]} width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>{NETWORK_LABEL[chainId as ChainId]}</Text>\n </>\n )}\n </Flex>\n </Flex>\n )\n })}\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default NetworkFilter\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/NetworkFilter/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { MAINNET_CHAINS, NETWORK_ICONS, NETWORK_LABEL, TESTNET_CHAINS } from '../../config/constants/chains'\nimport Checkbox from '../../components/uikit-sdk/Checkbox'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\nimport Text from '../uikit-sdk/Text'\n\nconst NetworkFilter = ({\n chainFilterOption,\n setChainFilterOption,\n}: {\n chainFilterOption: string[]\n setChainFilterOption: (newValue: string[]) => void\n}) => {\n // Hooks\n const SDKConfig = useSDKConfig()\n const chains = SDKConfig?.chains as number[]\n const mainnetChains = chains.filter((item) => !TESTNET_CHAINS.includes(item))\n const testnetChains = chains.filter((item) => TESTNET_CHAINS.includes(item))\n\n // State\n const [isOpen, setIsOpen] = useState(false)\n\n // Handlers\n const handleCheckbox = (newChain: string) => {\n const prevChainFilterOptions = chainFilterOption.map(String)\n let newChainFilterOption: string[]\n\n if (newChain === 'All Chains') {\n newChainFilterOption = ['All Chains']\n } else if (newChain === 'All Testnet') {\n if (prevChainFilterOptions.includes('All Testnet')) {\n newChainFilterOption = prevChainFilterOptions.filter(\n (option) => ![...testnetChains.map((t) => t.toString()), 'All Testnet'].includes(option),\n )\n } else {\n newChainFilterOption = [\n ...prevChainFilterOptions.filter((option) => option !== 'All Chains'),\n ...testnetChains.map((t) => t.toString()),\n 'All Testnet',\n ]\n }\n newChainFilterOption = newChainFilterOption.length === 0 ? ['All Chains'] : newChainFilterOption\n } else {\n if (prevChainFilterOptions.includes(newChain)) {\n const filteredChains = prevChainFilterOptions.filter((option) => option !== newChain)\n newChainFilterOption = filteredChains.length === 0 ? ['All Chains'] : filteredChains\n } else {\n const newArray = [...prevChainFilterOptions.filter((option) => option !== 'All Chains'), newChain]\n\n const allMainnetsSelected = MAINNET_CHAINS.every((chain) => newArray.includes(chain.toString()))\n newChainFilterOption = allMainnetsSelected ? ['All Chains'] : newArray\n }\n }\n\n setChainFilterOption(newChainFilterOption)\n }\n\n return (\n <Flex sx={{ width: '100%', position: 'relative' }}>\n {isOpen && (\n // Backdrop that closes the dropdown if a user clicks outside of it\n <Flex\n sx={{\n background: 'transparent',\n position: 'fixed',\n top: 0,\n left: 0,\n width: '100vw',\n height: '100vh',\n zIndex: 1000,\n }}\n onClick={() => setIsOpen(false)}\n />\n )}\n <Flex\n sx={{\n background: 'white2',\n p: '6px',\n borderRadius: 'normal',\n cursor: 'pointer',\n alignItems: 'center',\n width: '100%',\n justifyContent: 'space-between',\n }}\n onClick={() => setIsOpen(!isOpen)}\n className=\"dropdown\"\n >\n <Text sx={{ lineHeight: '22px', fontSize: '14px', fontWeight: 400, px: '10px' }}>\n {chainFilterOption.includes('All Chains') ? 'All Chains' : `Chains (${chainFilterOption.length})`}\n </Text>\n <Flex sx={{ ml: '5px' }}>\n <Svg icon=\"caret\" direction={isOpen ? 'up' : 'down'} />\n </Flex>\n </Flex>\n {isOpen && (\n <Flex\n sx={{\n flexDirection: ['column', 'column', 'column'],\n position: 'absolute',\n top: '45px',\n right: '0px',\n width: '235px',\n maxHeight: ['300px', '300px', '350px'],\n overflowY: 'scroll',\n borderRadius: 'normal',\n background: 'white2',\n zIndex: 1001,\n }}\n >\n {['All Chains', ...mainnetChains].map((chainId) => {\n return (\n <Flex\n key={chainId}\n sx={{\n borderRadius: 'normal',\n p: '5px 15px',\n minHeight: '40px',\n cursor: 'pointer',\n '&:hover': { bg: 'white3' },\n }}\n onClick={() => handleCheckbox(chainId.toString())}\n >\n <Flex sx={{ width: '100%', alignItems: 'center', fontSize: '14px' }}>\n <Checkbox\n checked={chainFilterOption.includes(chainId.toString())}\n onChange={() => handleCheckbox(chainId.toString())}\n />\n {chainId === 'All Chains' ? (\n <>\n <Flex sx={{ mx: '8px' }}>\n <Svg icon=\"AllChains\" width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>All Chains</Text>\n </>\n ) : (\n <>\n <Flex sx={{ mx: '8px', borderRadius: '50px', overflow: 'hidden' }}>\n <Svg icon={NETWORK_ICONS[chainId as ChainId]} width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>{NETWORK_LABEL[chainId as ChainId]}</Text>\n </>\n )}\n </Flex>\n </Flex>\n )\n })}\n {testnetChains.length > 0 &&\n ['All Testnet', ...testnetChains].map((chainId) => {\n return (\n <Flex\n key={chainId}\n sx={{\n borderRadius: 'normal',\n p: '5px 15px',\n minHeight: '40px',\n cursor: 'pointer',\n '&:hover': { bg: 'white3' },\n pl: chainId !== 'All Testnet' ? '35px' : '15px',\n }}\n onClick={() => handleCheckbox(chainId.toString())}\n >\n <Flex sx={{ width: '100%', alignItems: 'center', fontSize: '14px' }}>\n <Checkbox\n checked={chainFilterOption.includes(chainId.toString())}\n onChange={() => handleCheckbox(chainId.toString())}\n />\n {chainId === 'All Testnet' ? (\n <>\n <Flex sx={{ mx: '8px' }}>\n <Svg icon=\"AllChains\" width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>All Testnet</Text>\n </>\n ) : (\n <>\n <Flex sx={{ mx: '8px', borderRadius: '50px', overflow: 'hidden' }}>\n <Svg icon={NETWORK_ICONS[chainId as ChainId]} width=\"22px\" />\n </Flex>\n <Text sx={{ lineHeight: '22px', fontWeight: 400 }}>{NETWORK_LABEL[chainId as ChainId]}</Text>\n </>\n )}\n </Flex>\n </Flex>\n )\n })}\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default NetworkFilter\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
@@ -1,20 +1,7 @@
1
1
  import { jsxs, jsx } from 'theme-ui/jsx-runtime';
2
- import Svg from '../uikit-sdk/Svg/index.js';
3
2
  import Flex from '../uikit-sdk/Flex/index.js';
3
+ import Svg from '../uikit-sdk/Svg/index.js';
4
4
  import Text from '../uikit-sdk/Text/index.js';
5
- import '../uikit-sdk/Checkbox/types.js';
6
- import 'theme-ui';
7
- import '../uikit-sdk/Skeleton/types.js';
8
- import '../uikit-sdk/Skeleton/styles.js';
9
- import '../uikit-sdk/TooltipBubble/index.js';
10
- import 'react';
11
- import 'framer-motion';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../uikit-sdk/Svg/types.js';
14
- import '../../contexts/ModalContext.js';
15
- import '../../views/FullBondsView/FullBondsView.js';
16
- import '../uikit-sdk/Select/types.js';
17
- import '../../utils/campaignStyles.js';
18
5
 
19
6
  const PlaceholderMonkey = ({ text }) => {
20
7
  return (jsxs(Flex, { sx: {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/PlaceholderMonkey/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Svg, Text } from '../uikit-sdk'\n\nconst PlaceholderMonkey = ({ text }: { text?: string }) => {\n return (\n <Flex\n sx={{\n width: '100%',\n flexDirection: 'column',\n alignItems: 'center',\n borderRadius: 'normal',\n }}\n >\n <Svg icon=\"placeholderMonkey\" />\n <Text sx={{ fontWeight: 600, fontSize: '16px', mt: '15px', opacity: 0.6 }}>{text}</Text>\n </Flex>\n )\n}\n\nexport default PlaceholderMonkey\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAqB,KAAI;AACxD,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,YAAY,EAAE,QAAQ;AACvB,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,mBAAmB,EAAA,CAAG,EAChCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,CAAA,EAAA,CACnF;AAEX;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/PlaceholderMonkey/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\nimport Text from '../uikit-sdk/Text'\n\nconst PlaceholderMonkey = ({ text }: { text?: string }) => {\n return (\n <Flex\n sx={{\n width: '100%',\n flexDirection: 'column',\n alignItems: 'center',\n borderRadius: 'normal',\n }}\n >\n <Svg icon=\"placeholderMonkey\" />\n <Text sx={{ fontWeight: 600, fontSize: '16px', mt: '15px', opacity: 0.6 }}>{text}</Text>\n </Flex>\n )\n}\n\nexport default PlaceholderMonkey\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAqB,KAAI;AACxD,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,YAAY,EAAE,QAAQ;AACvB,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,mBAAmB,EAAA,CAAG,EAChCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,CAAA,EAAA,CACnF;AAEX;;;;"}
@@ -1,19 +1,10 @@
1
1
  import { jsxs, jsx } from 'theme-ui/jsx-runtime';
2
2
  import React from 'react';
3
3
  import { styles } from './styles.js';
4
- import '../uikit-sdk/Svg/types.js';
5
4
  import Flex from '../uikit-sdk/Flex/index.js';
6
- import Text from '../uikit-sdk/Text/index.js';
7
- import '../uikit-sdk/Checkbox/types.js';
8
- import Skeleton from '../uikit-sdk/Skeleton/index.js';
9
5
  import TooltipBubble from '../uikit-sdk/TooltipBubble/index.js';
10
- import 'theme-ui';
11
- import 'framer-motion';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../../contexts/ModalContext.js';
14
- import '../../views/FullBondsView/FullBondsView.js';
15
- import '../uikit-sdk/Select/types.js';
16
- import '../../utils/campaignStyles.js';
6
+ import Skeleton from '../uikit-sdk/Skeleton/index.js';
7
+ import Text from '../uikit-sdk/Text/index.js';
17
8
 
18
9
  const ProgressBarWrapper = ({ title, value, style, showTooltip, toolTipPlacement, toolTipTransform, toolTip, }) => {
19
10
  return (jsxs(Flex, { sx: style, children: [jsx(Flex, { sx: { alignItems: 'center' }, children: jsx(Text, { sx: styles.titleText, children: `${title}` }) }), showTooltip ? (jsx(Flex, { sx: { alignItems: 'center', width: '100%' }, children: jsx(TooltipBubble, { placement: toolTipPlacement, transformTip: toolTipTransform, body: jsx(Flex, { sx: { justifyContent: 'center' }, children: toolTip }), width: "250px", children: jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center', width: '127px' }, children: value ? value : jsx(Skeleton, { sx: styles.skeleton }) }) }) })) : (jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center' }, children: value ? value : jsx(Skeleton, { sx: styles.skeleton }) }))] }));
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBarWrapper.js","sources":["../../../src/components/ProgressBar/ProgressBarWrapper.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { ThemeUIStyleObject } from 'theme-ui'\nimport { Flex, Text, TooltipBubble, Skeleton } from '../uikit-sdk'\n\nexport interface ProgressBarWrapperProps {\n title?: string\n value?: React.ReactNode\n value2Direction?: 'column' | 'row'\n toolTip?: string\n toolTipPlacement?: 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft'\n toolTipTransform?: string\n style?: ThemeUIStyleObject\n showTooltip?: boolean\n}\n\nconst ProgressBarWrapper: React.FC<ProgressBarWrapperProps> = ({\n title,\n value,\n style,\n showTooltip,\n toolTipPlacement,\n toolTipTransform,\n toolTip,\n}) => {\n return (\n <Flex sx={style}>\n <Flex sx={{ alignItems: 'center' }}>\n <Text sx={styles.titleText}>{`${title}`}</Text>\n </Flex>\n {showTooltip ? (\n <Flex sx={{ alignItems: 'center', width: '100%' }}>\n <TooltipBubble\n placement={toolTipPlacement}\n transformTip={toolTipTransform}\n body={<Flex sx={{ justifyContent: 'center' }}>{toolTip}</Flex>}\n width=\"250px\"\n >\n <Flex sx={{ justifyContent: 'center', alignItems: 'center', width: '127px' }}>\n {value ? value : <Skeleton sx={styles.skeleton} />}\n </Flex>\n </TooltipBubble>\n </Flex>\n ) : (\n <Flex sx={{ justifyContent: 'center', alignItems: 'center' }}>\n {value ? value : <Skeleton sx={styles.skeleton} />}\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default React.memo(ProgressBarWrapper)\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAChCA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAG,CAAA,EAAG,KAAK,CAAA,CAAE,GAAQ,EAAA,CAC1C,EACN,WAAW,IACVA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/CA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,gBAAgB,EAC9B,IAAI,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAG,OAAO,GAAQ,EAC9D,KAAK,EAAC,OAAO,YAEbA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EACzE,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,EAAA,CACO,EAAA,CACX,KAEPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EACzD,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,CACR,CAAA,EAAA,CACI;AAEX,CAAC;AAED,2BAAe,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;;;;"}
1
+ {"version":3,"file":"ProgressBarWrapper.js","sources":["../../../src/components/ProgressBar/ProgressBarWrapper.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { ThemeUIStyleObject } from 'theme-ui'\nimport Flex from '../uikit-sdk/Flex'\nimport TooltipBubble from '../uikit-sdk/TooltipBubble'\nimport Skeleton from '../uikit-sdk/Skeleton'\nimport Text from '../uikit-sdk/Text'\n\nexport interface ProgressBarWrapperProps {\n title?: string\n value?: React.ReactNode\n value2Direction?: 'column' | 'row'\n toolTip?: string\n toolTipPlacement?: 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft'\n toolTipTransform?: string\n style?: ThemeUIStyleObject\n showTooltip?: boolean\n}\n\nconst ProgressBarWrapper: React.FC<ProgressBarWrapperProps> = ({\n title,\n value,\n style,\n showTooltip,\n toolTipPlacement,\n toolTipTransform,\n toolTip,\n}) => {\n return (\n <Flex sx={style}>\n <Flex sx={{ alignItems: 'center' }}>\n <Text sx={styles.titleText}>{`${title}`}</Text>\n </Flex>\n {showTooltip ? (\n <Flex sx={{ alignItems: 'center', width: '100%' }}>\n <TooltipBubble\n placement={toolTipPlacement}\n transformTip={toolTipTransform}\n body={<Flex sx={{ justifyContent: 'center' }}>{toolTip}</Flex>}\n width=\"250px\"\n >\n <Flex sx={{ justifyContent: 'center', alignItems: 'center', width: '127px' }}>\n {value ? value : <Skeleton sx={styles.skeleton} />}\n </Flex>\n </TooltipBubble>\n </Flex>\n ) : (\n <Flex sx={{ justifyContent: 'center', alignItems: 'center' }}>\n {value ? value : <Skeleton sx={styles.skeleton} />}\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default React.memo(ProgressBarWrapper)\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAmBA,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAChCA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAG,CAAA,EAAG,KAAK,CAAA,CAAE,GAAQ,EAAA,CAC1C,EACN,WAAW,IACVA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/CA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,gBAAgB,EAC9B,IAAI,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAG,OAAO,GAAQ,EAC9D,KAAK,EAAC,OAAO,YAEbA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EACzE,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,EAAA,CACO,EAAA,CACX,KAEPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EACzD,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,CACR,CAAA,EAAA,CACI;AAEX,CAAC;AAED,2BAAe,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;;;;"}
@@ -1,19 +1,7 @@
1
1
  import { jsxs, Fragment, jsx } from 'theme-ui/jsx-runtime';
2
2
  import { useState } from 'react';
3
3
  import { Image } from 'theme-ui';
4
- import '../uikit-sdk/Svg/types.js';
5
4
  import Flex from '../uikit-sdk/Flex/index.js';
6
- import '../uikit-sdk/Text/types.js';
7
- import '../uikit-sdk/Checkbox/types.js';
8
- import '../uikit-sdk/Skeleton/types.js';
9
- import '../uikit-sdk/Skeleton/styles.js';
10
- import '../uikit-sdk/TooltipBubble/index.js';
11
- import 'framer-motion';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../../contexts/ModalContext.js';
14
- import '../../views/FullBondsView/FullBondsView.js';
15
- import '../uikit-sdk/Select/types.js';
16
- import '../../utils/campaignStyles.js';
17
5
 
18
6
  const ProgressiveImage = ({ src, alt = 'bluredImg', blurSrc }) => {
19
7
  const [loaded, setLoaded] = useState(false);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/ProgressiveImage/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Image } from 'theme-ui'\nimport { Flex } from '../uikit-sdk'\n\ntype BlurImageProps = {\n src: string\n blurSrc: string // low-res / base64 preview\n alt?: string\n sx?: any\n}\n\nconst ProgressiveImage = ({ src, alt = 'bluredImg', blurSrc }: BlurImageProps) => {\n const [loaded, setLoaded] = useState(false)\n\n return (\n <>\n {/* Blurred placeholder */}\n <Flex\n src={blurSrc}\n alt={alt}\n sx={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n backgroundSize: 'cover',\n zIndex: 0,\n objectFit: 'cover',\n transition: 'opacity 1.5s ease',\n borderRadius: 'normal',\n backgroundImage: `url(${blurSrc})`,\n filter: 'blur(1px)',\n opacity: loaded ? 0 : 1,\n }}\n />\n\n {/* Full image */}\n <Image\n src={src}\n alt={`${alt}-${blurSrc}`}\n onLoad={() => setLoaded(true)}\n sx={{\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n transition: 'opacity 0.5s ease',\n borderRadius: 'normal',\n opacity: loaded ? 1 : 0,\n }}\n />\n </>\n )\n}\n\nexport default ProgressiveImage\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,WAAW,EAAE,OAAO,EAAkB,KAAI;IAC/E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAE3C,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAEEC,GAAA,CAAC,IAAI,IACH,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,cAAc,EAAE,OAAO;AACvB,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,SAAS,EAAE,OAAO;AAClB,oBAAA,UAAU,EAAE,mBAAmB;AAC/B,oBAAA,YAAY,EAAE,QAAQ;oBACtB,eAAe,EAAE,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA,CAAG;AAClC,oBAAA,MAAM,EAAE,WAAW;oBACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;iBACxB,EAAA,CACD,EAGFA,GAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE,EACxB,MAAM,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAC7B,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,SAAS,EAAE,OAAO;AAClB,oBAAA,UAAU,EAAE,mBAAmB;AAC/B,oBAAA,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;iBACxB,EAAA,CACD,CAAA,EAAA,CACD;AAEP;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/ProgressiveImage/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Image } from 'theme-ui'\nimport Flex from '../uikit-sdk/Flex'\n\ntype BlurImageProps = {\n src: string\n blurSrc: string // low-res / base64 preview\n alt?: string\n sx?: any\n}\n\nconst ProgressiveImage = ({ src, alt = 'bluredImg', blurSrc }: BlurImageProps) => {\n const [loaded, setLoaded] = useState(false)\n\n return (\n <>\n {/* Blurred placeholder */}\n <Flex\n src={blurSrc}\n alt={alt}\n sx={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n backgroundSize: 'cover',\n zIndex: 0,\n objectFit: 'cover',\n transition: 'opacity 1.5s ease',\n borderRadius: 'normal',\n backgroundImage: `url(${blurSrc})`,\n filter: 'blur(1px)',\n opacity: loaded ? 0 : 1,\n }}\n />\n\n {/* Full image */}\n <Image\n src={src}\n alt={`${alt}-${blurSrc}`}\n onLoad={() => setLoaded(true)}\n sx={{\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n transition: 'opacity 0.5s ease',\n borderRadius: 'normal',\n opacity: loaded ? 1 : 0,\n }}\n />\n </>\n )\n}\n\nexport default ProgressiveImage\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAWA,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,WAAW,EAAE,OAAO,EAAkB,KAAI;IAC/E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAE3C,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAEEC,GAAA,CAAC,IAAI,IACH,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,cAAc,EAAE,OAAO;AACvB,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,SAAS,EAAE,OAAO;AAClB,oBAAA,UAAU,EAAE,mBAAmB;AAC/B,oBAAA,YAAY,EAAE,QAAQ;oBACtB,eAAe,EAAE,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA,CAAG;AAClC,oBAAA,MAAM,EAAE,WAAW;oBACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;iBACxB,EAAA,CACD,EAGFA,GAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE,EACxB,MAAM,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAC7B,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,SAAS,EAAE,OAAO;AAClB,oBAAA,UAAU,EAAE,mBAAmB;AAC/B,oBAAA,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;iBACxB,EAAA,CACD,CAAA,EAAA,CACD;AAEP;;;;"}
@@ -1,22 +1,10 @@
1
1
  import { jsx, jsxs } from 'theme-ui/jsx-runtime';
2
- import '../uikit-sdk/Svg/types.js';
2
+ import { useSlippage } from '../../state/slippage/useSlippage.js';
3
+ import { ChainId } from '@ape.swap/apeswap-lists';
4
+ import Modal from '../uikit-sdk/Modal/index.js';
3
5
  import Flex from '../uikit-sdk/Flex/index.js';
4
6
  import Text from '../uikit-sdk/Text/index.js';
5
- import '../uikit-sdk/Checkbox/types.js';
6
- import 'theme-ui';
7
- import '../uikit-sdk/Skeleton/types.js';
8
- import '../uikit-sdk/Skeleton/styles.js';
9
- import '../uikit-sdk/TooltipBubble/index.js';
10
- import Modal from '../uikit-sdk/Modal/index.js';
11
- import 'framer-motion';
12
- import '../../views/FullBondsView/FullBondsView.js';
13
7
  import Input from '../uikit-sdk/Input/Input.js';
14
- import 'react';
15
- import '../uikit-sdk/Button/types.js';
16
- import '../uikit-sdk/Select/types.js';
17
- import '../../utils/campaignStyles.js';
18
- import { useSlippage } from '../../state/slippage/useSlippage.js';
19
- import { ChainId } from '@ape.swap/apeswap-lists';
20
8
 
21
9
  const SlippageModal = ({ chainId }) => {
22
10
  const { evmSlippage, solSlippage, setSlippage } = useSlippage();
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/SlippageModal/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Modal, Text } from '../uikit-sdk'\nimport { Input } from '../uikit-sdk/Input'\nimport { useSlippage } from '../../state/slippage/useSlippage'\nimport { ChainId } from '@ape.swap/apeswap-lists'\n\nconst SlippageModal = ({ chainId }: { chainId: number }) => {\n const { evmSlippage, solSlippage, setSlippage } = useSlippage()\n const slippage = chainId === ChainId.SOL ? solSlippage : evmSlippage\n\n return (\n <Modal title=\"Slippage\">\n <Flex sx={{ maxWidth: '100%', width: '380px', flexDirection: 'column' }}>\n <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n <Flex sx={{ flexDirection: 'column', mb: '10px' }}>\n <Text size=\"18px\" margin=\"10px 0px\">\n Slippage Tolerance\n </Text>\n <Flex sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>\n <Flex\n sx={{\n height: '35px',\n width: '55px',\n borderRadius: 'normal',\n background: slippage === 0.1 ? 'primaryButton' : 'white3',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n }}\n onClick={() => {\n setSlippage(0.1, chainId)\n }}\n >\n <Text> 0.1% </Text>\n </Flex>\n <Flex\n sx={{\n height: '35px',\n width: '55px',\n borderRadius: 'normal',\n background: slippage === 0.5 ? 'primaryButton' : 'white3',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n }}\n onClick={() => {\n setSlippage(0.5, chainId)\n }}\n >\n <Text> 0.5% </Text>\n </Flex>\n <Flex\n sx={{\n height: '35px',\n width: '55px',\n borderRadius: 'normal',\n background: slippage === 5 ? 'primaryButton' : 'white3',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n }}\n onClick={() => {\n setSlippage(5, chainId)\n }}\n >\n <Text> 5.0% </Text>\n </Flex>\n <Flex sx={{ width: '45%', position: 'relative' }}>\n <Input\n sx={{\n fontWeight: 700,\n width: '100%',\n height: '35px',\n background: 'white3',\n border: '0px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n value={slippage}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n setSlippage(parseFloat(e.target.value ?? '0'), chainId)\n }\n />\n <Flex\n sx={{\n position: 'absolute',\n right: 5,\n justifyContent: 'center',\n alignItems: 'center',\n height: '100%',\n }}\n >\n <Text weight={700}>%</Text>\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </Modal>\n )\n}\n\nexport default SlippageModal\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/SlippageModal/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useSlippage } from '../../state/slippage/useSlippage'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport Modal from '../uikit-sdk/Modal'\nimport Flex from '../uikit-sdk/Flex'\nimport Text from '../uikit-sdk/Text'\nimport Input from '../uikit-sdk/Input/Input'\n\nconst SlippageModal = ({ chainId }: { chainId: number }) => {\n const { evmSlippage, solSlippage, setSlippage } = useSlippage()\n const slippage = chainId === ChainId.SOL ? solSlippage : evmSlippage\n\n return (\n <Modal title=\"Slippage\">\n <Flex sx={{ maxWidth: '100%', width: '380px', flexDirection: 'column' }}>\n <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n <Flex sx={{ flexDirection: 'column', mb: '10px' }}>\n <Text size=\"18px\" margin=\"10px 0px\">\n Slippage Tolerance\n </Text>\n <Flex sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>\n <Flex\n sx={{\n height: '35px',\n width: '55px',\n borderRadius: 'normal',\n background: slippage === 0.1 ? 'primaryButton' : 'white3',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n }}\n onClick={() => {\n setSlippage(0.1, chainId)\n }}\n >\n <Text> 0.1% </Text>\n </Flex>\n <Flex\n sx={{\n height: '35px',\n width: '55px',\n borderRadius: 'normal',\n background: slippage === 0.5 ? 'primaryButton' : 'white3',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n }}\n onClick={() => {\n setSlippage(0.5, chainId)\n }}\n >\n <Text> 0.5% </Text>\n </Flex>\n <Flex\n sx={{\n height: '35px',\n width: '55px',\n borderRadius: 'normal',\n background: slippage === 5 ? 'primaryButton' : 'white3',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n }}\n onClick={() => {\n setSlippage(5, chainId)\n }}\n >\n <Text> 5.0% </Text>\n </Flex>\n <Flex sx={{ width: '45%', position: 'relative' }}>\n <Input\n sx={{\n fontWeight: 700,\n width: '100%',\n height: '35px',\n background: 'white3',\n border: '0px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n value={slippage}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n setSlippage(parseFloat(e.target.value ?? '0'), chainId)\n }\n />\n <Flex\n sx={{\n position: 'absolute',\n right: 5,\n justifyContent: 'center',\n alignItems: 'center',\n height: '100%',\n }}\n >\n <Text weight={700}>%</Text>\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n </Modal>\n )\n}\n\nexport default SlippageModal\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -1,20 +1,8 @@
1
1
  import { jsxs, jsx } from 'theme-ui/jsx-runtime';
2
- import Svg from '../uikit-sdk/Svg/index.js';
3
- import Flex from '../uikit-sdk/Flex/index.js';
4
2
  import { Spinner } from 'theme-ui';
5
- import '../uikit-sdk/Text/types.js';
6
- import '../uikit-sdk/Checkbox/types.js';
7
- import '../uikit-sdk/Skeleton/types.js';
8
- import '../uikit-sdk/Skeleton/styles.js';
9
- import '../uikit-sdk/TooltipBubble/index.js';
10
- import 'react';
11
3
  import { AnimatePresence, motion } from 'framer-motion';
12
- import '../uikit-sdk/Button/types.js';
13
- import '../uikit-sdk/Svg/types.js';
14
- import '../../contexts/ModalContext.js';
15
- import '../../views/FullBondsView/FullBondsView.js';
16
- import '../uikit-sdk/Select/types.js';
17
- import '../../utils/campaignStyles.js';
4
+ import Flex from '../uikit-sdk/Flex/index.js';
5
+ import Svg from '../uikit-sdk/Svg/index.js';
18
6
 
19
7
  const StepBubble = ({ number, title, currentStep, hideBar, loading, }) => {
20
8
  const stepCompleted = currentStep > number;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/StepBubble/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Svg } from '../uikit-sdk'\nimport { Spinner } from 'theme-ui'\nimport { AnimatePresence, motion } from 'framer-motion'\n\nconst StepBubble = ({\n number,\n title,\n currentStep,\n hideBar,\n loading,\n}: {\n number: number\n title: string\n currentStep: number\n hideBar?: boolean\n loading?: boolean\n}) => {\n const stepCompleted = currentStep > number\n const isNextStep = number > currentStep\n return (\n <Flex sx={{ width: !hideBar && '100%', minWidth: hideBar && '40px', alignItems: 'center' }}>\n <Flex\n sx={{\n minWidth: '40px',\n height: '40px',\n backgroundColor: isNextStep ? 'white2' : 'primaryButton',\n border: isNextStep ? '1px solid var(--theme-ui-colors-white4)' : '1px solid primaryButton',\n borderRadius: '40px',\n justifyContent: 'center',\n alignItems: 'center',\n fontWeight: 500,\n zIndex: 1,\n position: 'relative',\n }}\n >\n {loading ? (\n <Spinner size={15} />\n ) : stepCompleted ? (\n <AnimatePresence>\n <motion.div\n initial={{ rotate: 0 }}\n animate={{\n rotate: 360,\n scale: [1, 2, 1],\n transition: {\n rotate: { duration: 0.5, ease: 'linear' },\n scale: { duration: 1, ease: 'easeInOut', delay: 0.5 },\n },\n }}\n >\n <Svg icon=\"TICK\" width={'15px'} />\n </motion.div>\n </AnimatePresence>\n ) : (\n number\n )}\n <Flex\n sx={{\n width: '100px',\n textAlign: 'center',\n justifyContent: 'center',\n fontSize: '12px',\n fontWeight: 500,\n position: 'absolute',\n top: '45px',\n left: '50%',\n transform: 'translate(-50%, 0)',\n color: 'textDisabledButton',\n }}\n >\n {title}\n </Flex>\n </Flex>\n {!hideBar && (\n <Flex\n sx={{\n width: `100%`,\n height: '2px',\n top: '50%',\n left: `40px`,\n backgroundColor: stepCompleted ? 'primaryButton' : 'white4',\n zIndex: 0,\n }}\n />\n )}\n </Flex>\n )\n}\n\nexport default StepBubble\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,GAOR,KAAI;AACH,IAAA,MAAM,aAAa,GAAG,WAAW,GAAG,MAAM;AAC1C,IAAA,MAAM,UAAU,GAAG,MAAM,GAAG,WAAW;AACvC,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,OAAO,IAAI,MAAM,EAAE,QAAQ,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACxFA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,UAAU,GAAG,QAAQ,GAAG,eAAe;oBACxD,MAAM,EAAE,UAAU,GAAG,yCAAyC,GAAG,yBAAyB;AAC1F,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,UAAU,EAAE,GAAG;AACf,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,QAAQ,EAAE,UAAU;AACrB,iBAAA,EAAA,QAAA,EAAA,CAEA,OAAO,IACNC,IAAC,OAAO,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,IACnB,aAAa,IACfA,IAAC,eAAe,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACtB,OAAO,EAAE;AACP,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChB,gCAAA,UAAU,EAAE;oCACV,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE;AACzC,oCAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE;AACtD,iCAAA;6BACF,EAAA,QAAA,EAEDA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAA,CAAI,EAAA,CACvB,GACG,KAElB,MAAM,CACP,EACDA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,KAAK,EAAE,OAAO;AACd,4BAAA,SAAS,EAAE,QAAQ;AACnB,4BAAA,cAAc,EAAE,QAAQ;AACxB,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,UAAU,EAAE,GAAG;AACf,4BAAA,QAAQ,EAAE,UAAU;AACpB,4BAAA,GAAG,EAAE,MAAM;AACX,4BAAA,IAAI,EAAE,KAAK;AACX,4BAAA,SAAS,EAAE,oBAAoB;AAC/B,4BAAA,KAAK,EAAE,oBAAoB;AAC5B,yBAAA,EAAA,QAAA,EAEA,KAAK,EAAA,CACD,CAAA,EAAA,CACF,EACN,CAAC,OAAO,KACPA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,CAAA,IAAA,CAAM;AACb,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,GAAG,EAAE,KAAK;AACV,oBAAA,IAAI,EAAE,CAAA,IAAA,CAAM;oBACZ,eAAe,EAAE,aAAa,GAAG,eAAe,GAAG,QAAQ;AAC3D,oBAAA,MAAM,EAAE,CAAC;iBACV,EAAA,CACD,CACH,CAAA,EAAA,CACI;AAEX;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/StepBubble/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Spinner } from 'theme-ui'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\n\nconst StepBubble = ({\n number,\n title,\n currentStep,\n hideBar,\n loading,\n}: {\n number: number\n title: string\n currentStep: number\n hideBar?: boolean\n loading?: boolean\n}) => {\n const stepCompleted = currentStep > number\n const isNextStep = number > currentStep\n return (\n <Flex sx={{ width: !hideBar && '100%', minWidth: hideBar && '40px', alignItems: 'center' }}>\n <Flex\n sx={{\n minWidth: '40px',\n height: '40px',\n backgroundColor: isNextStep ? 'white2' : 'primaryButton',\n border: isNextStep ? '1px solid var(--theme-ui-colors-white4)' : '1px solid primaryButton',\n borderRadius: '40px',\n justifyContent: 'center',\n alignItems: 'center',\n fontWeight: 500,\n zIndex: 1,\n position: 'relative',\n }}\n >\n {loading ? (\n <Spinner size={15} />\n ) : stepCompleted ? (\n <AnimatePresence>\n <motion.div\n initial={{ rotate: 0 }}\n animate={{\n rotate: 360,\n scale: [1, 2, 1],\n transition: {\n rotate: { duration: 0.5, ease: 'linear' },\n scale: { duration: 1, ease: 'easeInOut', delay: 0.5 },\n },\n }}\n >\n <Svg icon=\"TICK\" width={'15px'} />\n </motion.div>\n </AnimatePresence>\n ) : (\n number\n )}\n <Flex\n sx={{\n width: '100px',\n textAlign: 'center',\n justifyContent: 'center',\n fontSize: '12px',\n fontWeight: 500,\n position: 'absolute',\n top: '45px',\n left: '50%',\n transform: 'translate(-50%, 0)',\n color: 'textDisabledButton',\n }}\n >\n {title}\n </Flex>\n </Flex>\n {!hideBar && (\n <Flex\n sx={{\n width: `100%`,\n height: '2px',\n top: '50%',\n left: `40px`,\n backgroundColor: stepCompleted ? 'primaryButton' : 'white4',\n zIndex: 0,\n }}\n />\n )}\n </Flex>\n )\n}\n\nexport default StepBubble\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAMA,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,GAOR,KAAI;AACH,IAAA,MAAM,aAAa,GAAG,WAAW,GAAG,MAAM;AAC1C,IAAA,MAAM,UAAU,GAAG,MAAM,GAAG,WAAW;AACvC,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,OAAO,IAAI,MAAM,EAAE,QAAQ,EAAE,OAAO,IAAI,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACxFA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,UAAU,GAAG,QAAQ,GAAG,eAAe;oBACxD,MAAM,EAAE,UAAU,GAAG,yCAAyC,GAAG,yBAAyB;AAC1F,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,UAAU,EAAE,GAAG;AACf,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,QAAQ,EAAE,UAAU;AACrB,iBAAA,EAAA,QAAA,EAAA,CAEA,OAAO,IACNC,IAAC,OAAO,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,IACnB,aAAa,IACfA,IAAC,eAAe,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACtB,OAAO,EAAE;AACP,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChB,gCAAA,UAAU,EAAE;oCACV,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE;AACzC,oCAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE;AACtD,iCAAA;6BACF,EAAA,QAAA,EAEDA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAA,CAAI,EAAA,CACvB,GACG,KAElB,MAAM,CACP,EACDA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,KAAK,EAAE,OAAO;AACd,4BAAA,SAAS,EAAE,QAAQ;AACnB,4BAAA,cAAc,EAAE,QAAQ;AACxB,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,UAAU,EAAE,GAAG;AACf,4BAAA,QAAQ,EAAE,UAAU;AACpB,4BAAA,GAAG,EAAE,MAAM;AACX,4BAAA,IAAI,EAAE,KAAK;AACX,4BAAA,SAAS,EAAE,oBAAoB;AAC/B,4BAAA,KAAK,EAAE,oBAAoB;AAC5B,yBAAA,EAAA,QAAA,EAEA,KAAK,EAAA,CACD,CAAA,EAAA,CACF,EACN,CAAC,OAAO,KACPA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,CAAA,IAAA,CAAM;AACb,oBAAA,MAAM,EAAE,KAAK;AACb,oBAAA,GAAG,EAAE,KAAK;AACV,oBAAA,IAAI,EAAE,CAAA,IAAA,CAAM;oBACZ,eAAe,EAAE,aAAa,GAAG,eAAe,GAAG,QAAQ;AAC3D,oBAAA,MAAM,EAAE,CAAC;iBACV,EAAA,CACD,CACH,CAAA,EAAA,CACI;AAEX;;;;"}
@@ -1,22 +1,13 @@
1
1
  import { jsx, jsxs } from 'theme-ui/jsx-runtime';
2
2
  import { useState, useEffect } from 'react';
3
3
  import { AnimatePresence, motion } from 'framer-motion';
4
- import Svg from '../uikit-sdk/Svg/index.js';
5
- import Flex from '../uikit-sdk/Flex/index.js';
6
- import Text from '../uikit-sdk/Text/index.js';
7
- import '../uikit-sdk/Checkbox/types.js';
8
4
  import { Link } from 'theme-ui';
9
- import '../uikit-sdk/Skeleton/types.js';
10
- import '../uikit-sdk/Skeleton/styles.js';
11
- import '../uikit-sdk/TooltipBubble/index.js';
12
- import '../uikit-sdk/Button/types.js';
13
- import IconButton from '../uikit-sdk/Button/IconButton.js';
14
- import '../../contexts/ModalContext.js';
15
- import '../../views/FullBondsView/FullBondsView.js';
16
- import '../uikit-sdk/Select/types.js';
17
- import '../../utils/campaignStyles.js';
18
5
  import styles from './styles.js';
19
6
  import { usePopups } from '../../state/popups/usePopups.js';
7
+ import Flex from '../uikit-sdk/Flex/index.js';
8
+ import Svg from '../uikit-sdk/Svg/index.js';
9
+ import IconButton from '../uikit-sdk/Button/IconButton.js';
10
+ import Text from '../uikit-sdk/Text/index.js';
20
11
 
21
12
  const Toast = ({ popIndex, popup }) => {
22
13
  const { variant, title, description, url } = popup;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { Flex, IconButton, Svg, Text } from '../uikit-sdk'\nimport { Link } from 'theme-ui'\nimport styles from './styles'\nimport { PopupProps, usePopups } from '../../state/popups/usePopups'\n\nconst Toast = ({ popIndex, popup }: { popIndex: number; popup: PopupProps }) => {\n const { variant, title, description, url } = popup\n const { removePopup } = usePopups()\n const [show, setShow] = useState(true)\n\n useEffect(() => {\n setTimeout(() => {\n setShow(false)\n setTimeout(() => {\n removePopup(popup)\n }, 500)\n }, 10000)\n /* eslint-disable react-hooks/exhaustive-deps */\n }, [])\n\n const showSupportLink = variant === 'error' && !url && !popup?.description?.includes('User rejected the request')\n const isSlippageError =\n popup?.description?.includes('INSUFFICIENT') ||\n popup?.description?.includes('Slippage') ||\n popup?.description?.includes('Return amount is not enough')\n\n const isTimeoutError = popup?.description?.includes('Blockhash not found')\n\n const isInsufficientFundsError = popup?.description?.includes('insufficient funds')\n\n const parsedErrorString = isSlippageError\n ? 'Slippage error. Try increasing Slippage in the cog icon ⚙️.'\n : isTimeoutError\n ? 'Tx timeout. Please try again.'\n : isInsufficientFundsError\n ? 'Insufficient funds.'\n : popup?.description\n\n return (\n <AnimatePresence>\n {show && (\n <motion.div\n initial={{ right: '-300px' }}\n animate={{ right: '10px' }}\n transition={{ duration: 0.5 }}\n exit={{ right: '-300px' }}\n sx={{ ...styles.alert, top: 108 * popIndex, zIndex: 103 }}\n >\n <Flex>\n <Svg icon={variant} color={variant} width=\"30px\" />\n </Flex>\n <Flex sx={styles.content}>\n <Text sx={{ color: variant, fontSize: '14px', fontWeight: 500 }}>{title}</Text>\n {description && (\n <Text\n sx={{\n fontSize: '12px',\n fontWeight: 400,\n lineHeight: '16px',\n maxHeight: '48px',\n minHeight: '16px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: 3, // Limit text to 3 lines\n }}\n >\n {parsedErrorString}\n </Text>\n )}\n {url && (\n <Link href={url} sx={styles.link} color=\"text\" target=\"_blank\">\n <Text mr=\"5px\">View on Explorer</Text>\n <Svg icon=\"external\" />\n </Link>\n )}\n {showSupportLink && (\n <Link\n href={'https://discord.com/channels/821817977917538375/1110438345701593088'}\n sx={styles.link}\n color=\"text\"\n target=\"_blank\"\n >\n <Text mr=\"5px\">Having issues? Get support</Text>\n <Svg icon=\"external\" />\n </Link>\n )}\n </Flex>\n <Flex sx={{ alignItems: 'flex-start', pt: '3px' }} onClick={() => removePopup(popup)}>\n <IconButton icon=\"close\" color=\"text\" variant=\"transparent\" />\n </Flex>\n </motion.div>\n )}\n </AnimatePresence>\n )\n}\n\nexport default Toast\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { Link } from 'theme-ui'\nimport styles from './styles'\nimport { PopupProps, usePopups } from '../../state/popups/usePopups'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\nimport IconButton from '../uikit-sdk/Button/IconButton'\nimport Text from '../uikit-sdk/Text'\n\nconst Toast = ({ popIndex, popup }: { popIndex: number; popup: PopupProps }) => {\n const { variant, title, description, url } = popup\n const { removePopup } = usePopups()\n const [show, setShow] = useState(true)\n\n useEffect(() => {\n setTimeout(() => {\n setShow(false)\n setTimeout(() => {\n removePopup(popup)\n }, 500)\n }, 10000)\n /* eslint-disable react-hooks/exhaustive-deps */\n }, [])\n\n const showSupportLink = variant === 'error' && !url && !popup?.description?.includes('User rejected the request')\n const isSlippageError =\n popup?.description?.includes('INSUFFICIENT') ||\n popup?.description?.includes('Slippage') ||\n popup?.description?.includes('Return amount is not enough')\n\n const isTimeoutError = popup?.description?.includes('Blockhash not found')\n\n const isInsufficientFundsError = popup?.description?.includes('insufficient funds')\n\n const parsedErrorString = isSlippageError\n ? 'Slippage error. Try increasing Slippage in the cog icon ⚙️.'\n : isTimeoutError\n ? 'Tx timeout. Please try again.'\n : isInsufficientFundsError\n ? 'Insufficient funds.'\n : popup?.description\n\n return (\n <AnimatePresence>\n {show && (\n <motion.div\n initial={{ right: '-300px' }}\n animate={{ right: '10px' }}\n transition={{ duration: 0.5 }}\n exit={{ right: '-300px' }}\n sx={{ ...styles.alert, top: 108 * popIndex, zIndex: 103 }}\n >\n <Flex>\n <Svg icon={variant} color={variant} width=\"30px\" />\n </Flex>\n <Flex sx={styles.content}>\n <Text sx={{ color: variant, fontSize: '14px', fontWeight: 500 }}>{title}</Text>\n {description && (\n <Text\n sx={{\n fontSize: '12px',\n fontWeight: 400,\n lineHeight: '16px',\n maxHeight: '48px',\n minHeight: '16px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: 3, // Limit text to 3 lines\n }}\n >\n {parsedErrorString}\n </Text>\n )}\n {url && (\n <Link href={url} sx={styles.link} color=\"text\" target=\"_blank\">\n <Text mr=\"5px\">View on Explorer</Text>\n <Svg icon=\"external\" />\n </Link>\n )}\n {showSupportLink && (\n <Link\n href={'https://discord.com/channels/821817977917538375/1110438345701593088'}\n sx={styles.link}\n color=\"text\"\n target=\"_blank\"\n >\n <Text mr=\"5px\">Having issues? Get support</Text>\n <Svg icon=\"external\" />\n </Link>\n )}\n </Flex>\n <Flex sx={{ alignItems: 'flex-start', pt: '3px' }} onClick={() => removePopup(popup)}>\n <IconButton icon=\"close\" color=\"text\" variant=\"transparent\" />\n </Flex>\n </motion.div>\n )}\n </AnimatePresence>\n )\n}\n\nexport default Toast\n"],"names":["_jsx","_jsxs"],"mappings":"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"}