@ape.swap/bonds-sdk 5.1.6 → 5.1.7

package/dist/views/YourBondsModal/components/NFTImage/NFTImage.js

@@ -1,22 +1,13 @@
 import { jsxs, Fragment, jsx } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
-import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Text from '../../../../components/uikit-sdk/Text/index.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'theme-ui';
 import { useAnimation, AnimatePresence, motion } from 'framer-motion';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../components/uikit-sdk/Svg/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import LinkShare from '../LinkShare/LinkShare.js';
 import { useIsMobile } from '../../../../hooks/useIsMobile.js';
 import ProgressiveImage from '../../../../components/ProgressiveImage/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
 
 const NftImage = ({ userBill, showNFTImg, setShowNFTImg, }) => {
     // Hooks

package/dist/views/YourBondsModal/components/NFTImage/NFTImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NFTImage.js","sources":["../../../../../src/views/YourBondsModal/components/NFTImage/NFTImage.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Flex, Skeleton, Svg, Text } from '../../../../components/uikit-sdk'\nimport { AnimatePresence, motion, useAnimation } from 'framer-motion'\nimport LinkShare from '../LinkShare/LinkShare'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport ProgressiveImage from '../../../../components/ProgressiveImage'\n\nconst NftImage = ({\n  userBill,\n  showNFTImg,\n  setShowNFTImg,\n}: {\n  userBill?: UserBill\n  showNFTImg: boolean\n  setShowNFTImg: (value: boolean) => void\n}) => {\n  // Hooks\n  const controls = useAnimation()\n  const isMobile = useIsMobile()\n\n  // State\n  const [isOpenTraits, setIsOpenTraits] = useState<boolean>(false)\n\n  //Static Data\n  const bondNFTData = userBill?.nftData\n  const BILL_ATTRIBUTES = ['The Legend', 'The Location', 'The Moment', 'The Trend', 'The Innovation']\n  const attributes = bondNFTData?.attributes?.filter((attrib) => BILL_ATTRIBUTES.includes(attrib.trait_type))\n\n  const openAnimation = () => {\n    controls.start({\n      scale: isMobile ? [1, 2] : [1, 3],\n      zIndex: 1000,\n      transition: { duration: 0.2 },\n    })\n  }\n\n  const closeAnimation = () => {\n    controls.start({\n      scale: isMobile ? [2, 1] : [2, 1],\n      zIndex: -1,\n      transition: { duration: 0.3 },\n    })\n    setShowNFTImg(false)\n    setIsOpenTraits(false)\n  }\n  return (\n    <>\n      <AnimatePresence>\n        {showNFTImg && (\n          <motion.div\n            animate={{ opacity: 1 }}\n            transition={{ duration: 1, delay: 0.3 }}\n            sx={{\n              position: 'absolute',\n              display: ['flex'],\n              top: ['-180px', '-180px', '-240px'],\n              right: ['50%', '50%', '50%', '-13%'],\n              transform: ['translateX(50%)', 'translateX(50%)', 'translateX(50%)', 'unset'],\n              opacity: 0,\n              zIndex: 5000,\n            }}\n          >\n            <LinkShare userBill={userBill} />\n          </motion.div>\n        )}\n      </AnimatePresence>\n      <AnimatePresence>\n        {bondNFTData?.image && (\n          <motion.div\n            animate={controls}\n            onClick={() => {\n              if (showNFTImg) {\n                closeAnimation()\n              } else {\n                openAnimation()\n              }\n            }}\n            onAnimationStart={() => {\n              setShowNFTImg(true)\n            }}\n            sx={{\n              display: 'flex',\n              zIndex: -1,\n              position: showNFTImg ? 'fixed' : 'absolute',\n              bottom: 'calc(100% - 10px)',\n              left: '25%',\n              width: '50%',\n              aspectRatio: '1 / 0.56',\n              cursor: 'pointer',\n              borderRadius: 'normal',\n              flexDirection: 'column',\n              '&: hover': {\n                zIndex: [1000, 1000, 1000, '1000 !important'],\n              },\n            }}\n          >\n            <Flex\n              sx={{\n                display: showNFTImg ? 'none' : 'flex',\n                position: 'absolute',\n                zIndex: 121,\n                width: '100%',\n                height: '100%',\n                opacity: 0,\n                alignItems: 'center',\n                justifyContent: 'center',\n                fontWeight: 700,\n                borderRadius: 'normal',\n                '&: hover': {\n                  zIndex: 1000,\n                  opacity: 0.8,\n                  background: 'linear-gradient(90deg, rgba(49, 46, 122, 0.70) 0%, rgba(92, 79, 174, 0.70) 100%)',\n                  backdropFilter: ' blur(2px)',\n                },\n              }}\n            >\n              View NFT {'>'}\n            </Flex>\n            {showNFTImg && (\n              <Flex\n                sx={{\n                  position: 'absolute',\n                  top: '5px',\n                  right: '5px',\n                  background: 'grey',\n                  opacity: 0.9,\n                  p: '2px',\n                  borderRadius: '50%',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}\n              >\n                <Flex sx={{ width: '6px' }}>\n                  <Svg icon=\"close\" />\n                </Flex>\n              </Flex>\n            )}\n            <ProgressiveImage src={`${bondNFTData?.image}`} blurSrc={`https://ape.bond/images/bills/bluredNFT.png`} />\n            {showNFTImg && (\n              <Flex\n                sx={{\n                  position: 'absolute',\n                  bottom: ['calc(-35% + 1px)', 'calc(-35% + 1px)', 'calc(-26% + 1px)'],\n                  width: '100%',\n                  justifyContent: 'center',\n                }}\n              >\n                <Flex\n                  sx={{\n                    flexDirection: 'column',\n                    width: '100%',\n                    minWidth: '250px',\n                    pb: '10px',\n                    alignItems: 'center',\n                    transform: [\n                      'scale(0.5) translateY(-50%)',\n                      'scale(0.5) translateY(-50%)',\n                      'scale(0.5) translateY(-50%)',\n                      'scale(0.4) translateY(-75%)',\n                    ],\n                  }}\n                >\n                  <Flex\n                    sx={{\n                      justifyContent: 'space-between',\n                      height: '24px',\n                      backgroundColor: 'white3',\n                      px: '15px',\n                      width: '100%',\n                      borderRadius: `${isOpenTraits ? '6px 6px 0px 0px' : 'normal'}`,\n                    }}\n                    onClick={(event: React.MouseEvent) => {\n                      event.stopPropagation()\n                      setIsOpenTraits(!isOpenTraits)\n                    }}\n                  >\n                    <Flex sx={{ gap: '10px', alignItems: 'center' }}>\n                      <Svg icon=\"tag\" direction=\"down\" />\n                      <Text sx={{ fontSize: '12px', fontWeight: 400, color: 'text', opacity: '0.6' }}>Traits</Text>\n                    </Flex>\n                    <Svg icon=\"caret\" direction={isOpenTraits ? 'up' : 'down'} />\n                  </Flex>\n                  <AnimatePresence>\n                    {isOpenTraits && (\n                      <motion.div\n                        initial={{ height: 0 }}\n                        animate={{ height: 'fit-content' }}\n                        transition={{ opacity: { duration: 0.2 } }}\n                        exit={{ height: 0 }}\n                        sx={{\n                          overflow: 'hidden',\n                          width: '100%',\n                          position: 'absolute',\n                          top: '24px',\n                          borderRadius: '0 0 10px 10px',\n                        }}\n                        onClick={(event: React.MouseEvent) => {\n                          event.stopPropagation()\n                          setIsOpenTraits(!isOpenTraits)\n                        }}\n                      >\n                        <Flex sx={{ flexDirection: 'column' }}>\n                          {attributes\n                            ? attributes.map((a, index) => (\n                                <Flex\n                                  key={`${a.value}-${index}`}\n                                  sx={{ background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }}\n                                >\n                                  <Text sx={{ fontSize: '10px', fontWeight: 500, mr: '3px' }}>{a?.trait_type} -</Text>\n                                  <Text sx={{ fontSize: '10px', fontWeight: 500 }}>{a?.value}</Text>\n                                </Flex>\n                              ))\n                            : BILL_ATTRIBUTES.map((attrib, index) => {\n                                return (\n                                  <Flex\n                                    key={`${attrib}-${index}`}\n                                    sx={{ background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }}\n                                  >\n                                    <Text sx={{ fontSize: '10px', fontWeight: 500 }}>{attrib}</Text>\n                                    <Skeleton width=\"150px\" />\n                                  </Flex>\n                                )\n                              })}\n                        </Flex>\n                      </motion.div>\n                    )}\n                  </AnimatePresence>\n                </Flex>\n              </Flex>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </>\n  )\n}\n\nexport default NftImage\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"NFTImage.js","sources":["../../../../../src/views/YourBondsModal/components/NFTImage/NFTImage.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { AnimatePresence, motion, useAnimation } from 'framer-motion'\nimport LinkShare from '../LinkShare/LinkShare'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport ProgressiveImage from '../../../../components/ProgressiveImage'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\n\nconst NftImage = ({\n  userBill,\n  showNFTImg,\n  setShowNFTImg,\n}: {\n  userBill?: UserBill\n  showNFTImg: boolean\n  setShowNFTImg: (value: boolean) => void\n}) => {\n  // Hooks\n  const controls = useAnimation()\n  const isMobile = useIsMobile()\n\n  // State\n  const [isOpenTraits, setIsOpenTraits] = useState<boolean>(false)\n\n  //Static Data\n  const bondNFTData = userBill?.nftData\n  const BILL_ATTRIBUTES = ['The Legend', 'The Location', 'The Moment', 'The Trend', 'The Innovation']\n  const attributes = bondNFTData?.attributes?.filter((attrib) => BILL_ATTRIBUTES.includes(attrib.trait_type))\n\n  const openAnimation = () => {\n    controls.start({\n      scale: isMobile ? [1, 2] : [1, 3],\n      zIndex: 1000,\n      transition: { duration: 0.2 },\n    })\n  }\n\n  const closeAnimation = () => {\n    controls.start({\n      scale: isMobile ? [2, 1] : [2, 1],\n      zIndex: -1,\n      transition: { duration: 0.3 },\n    })\n    setShowNFTImg(false)\n    setIsOpenTraits(false)\n  }\n  return (\n    <>\n      <AnimatePresence>\n        {showNFTImg && (\n          <motion.div\n            animate={{ opacity: 1 }}\n            transition={{ duration: 1, delay: 0.3 }}\n            sx={{\n              position: 'absolute',\n              display: ['flex'],\n              top: ['-180px', '-180px', '-240px'],\n              right: ['50%', '50%', '50%', '-13%'],\n              transform: ['translateX(50%)', 'translateX(50%)', 'translateX(50%)', 'unset'],\n              opacity: 0,\n              zIndex: 5000,\n            }}\n          >\n            <LinkShare userBill={userBill} />\n          </motion.div>\n        )}\n      </AnimatePresence>\n      <AnimatePresence>\n        {bondNFTData?.image && (\n          <motion.div\n            animate={controls}\n            onClick={() => {\n              if (showNFTImg) {\n                closeAnimation()\n              } else {\n                openAnimation()\n              }\n            }}\n            onAnimationStart={() => {\n              setShowNFTImg(true)\n            }}\n            sx={{\n              display: 'flex',\n              zIndex: -1,\n              position: showNFTImg ? 'fixed' : 'absolute',\n              bottom: 'calc(100% - 10px)',\n              left: '25%',\n              width: '50%',\n              aspectRatio: '1 / 0.56',\n              cursor: 'pointer',\n              borderRadius: 'normal',\n              flexDirection: 'column',\n              '&: hover': {\n                zIndex: [1000, 1000, 1000, '1000 !important'],\n              },\n            }}\n          >\n            <Flex\n              sx={{\n                display: showNFTImg ? 'none' : 'flex',\n                position: 'absolute',\n                zIndex: 121,\n                width: '100%',\n                height: '100%',\n                opacity: 0,\n                alignItems: 'center',\n                justifyContent: 'center',\n                fontWeight: 700,\n                borderRadius: 'normal',\n                '&: hover': {\n                  zIndex: 1000,\n                  opacity: 0.8,\n                  background: 'linear-gradient(90deg, rgba(49, 46, 122, 0.70) 0%, rgba(92, 79, 174, 0.70) 100%)',\n                  backdropFilter: ' blur(2px)',\n                },\n              }}\n            >\n              View NFT {'>'}\n            </Flex>\n            {showNFTImg && (\n              <Flex\n                sx={{\n                  position: 'absolute',\n                  top: '5px',\n                  right: '5px',\n                  background: 'grey',\n                  opacity: 0.9,\n                  p: '2px',\n                  borderRadius: '50%',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}\n              >\n                <Flex sx={{ width: '6px' }}>\n                  <Svg icon=\"close\" />\n                </Flex>\n              </Flex>\n            )}\n            <ProgressiveImage src={`${bondNFTData?.image}`} blurSrc={`https://ape.bond/images/bills/bluredNFT.png`} />\n            {showNFTImg && (\n              <Flex\n                sx={{\n                  position: 'absolute',\n                  bottom: ['calc(-35% + 1px)', 'calc(-35% + 1px)', 'calc(-26% + 1px)'],\n                  width: '100%',\n                  justifyContent: 'center',\n                }}\n              >\n                <Flex\n                  sx={{\n                    flexDirection: 'column',\n                    width: '100%',\n                    minWidth: '250px',\n                    pb: '10px',\n                    alignItems: 'center',\n                    transform: [\n                      'scale(0.5) translateY(-50%)',\n                      'scale(0.5) translateY(-50%)',\n                      'scale(0.5) translateY(-50%)',\n                      'scale(0.4) translateY(-75%)',\n                    ],\n                  }}\n                >\n                  <Flex\n                    sx={{\n                      justifyContent: 'space-between',\n                      height: '24px',\n                      backgroundColor: 'white3',\n                      px: '15px',\n                      width: '100%',\n                      borderRadius: `${isOpenTraits ? '6px 6px 0px 0px' : 'normal'}`,\n                    }}\n                    onClick={(event: React.MouseEvent) => {\n                      event.stopPropagation()\n                      setIsOpenTraits(!isOpenTraits)\n                    }}\n                  >\n                    <Flex sx={{ gap: '10px', alignItems: 'center' }}>\n                      <Svg icon=\"tag\" direction=\"down\" />\n                      <Text sx={{ fontSize: '12px', fontWeight: 400, color: 'text', opacity: '0.6' }}>Traits</Text>\n                    </Flex>\n                    <Svg icon=\"caret\" direction={isOpenTraits ? 'up' : 'down'} />\n                  </Flex>\n                  <AnimatePresence>\n                    {isOpenTraits && (\n                      <motion.div\n                        initial={{ height: 0 }}\n                        animate={{ height: 'fit-content' }}\n                        transition={{ opacity: { duration: 0.2 } }}\n                        exit={{ height: 0 }}\n                        sx={{\n                          overflow: 'hidden',\n                          width: '100%',\n                          position: 'absolute',\n                          top: '24px',\n                          borderRadius: '0 0 10px 10px',\n                        }}\n                        onClick={(event: React.MouseEvent) => {\n                          event.stopPropagation()\n                          setIsOpenTraits(!isOpenTraits)\n                        }}\n                      >\n                        <Flex sx={{ flexDirection: 'column' }}>\n                          {attributes\n                            ? attributes.map((a, index) => (\n                                <Flex\n                                  key={`${a.value}-${index}`}\n                                  sx={{ background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }}\n                                >\n                                  <Text sx={{ fontSize: '10px', fontWeight: 500, mr: '3px' }}>{a?.trait_type} -</Text>\n                                  <Text sx={{ fontSize: '10px', fontWeight: 500 }}>{a?.value}</Text>\n                                </Flex>\n                              ))\n                            : BILL_ATTRIBUTES.map((attrib, index) => {\n                                return (\n                                  <Flex\n                                    key={`${attrib}-${index}`}\n                                    sx={{ background: 'white4', width: '100%', padding: '2px 8px', height: '22px' }}\n                                  >\n                                    <Text sx={{ fontSize: '10px', fontWeight: 500 }}>{attrib}</Text>\n                                    <Skeleton width=\"150px\" />\n                                  </Flex>\n                                )\n                              })}\n                        </Flex>\n                      </motion.div>\n                    )}\n                  </AnimatePresence>\n                </Flex>\n              </Flex>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </>\n  )\n}\n\nexport default NftImage\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/views/YourBondsModal/components/Recommendations/CardRecommendation.js

@@ -1,22 +1,9 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../../../../components/uikit-sdk/Svg/types.js';
-import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Text from '../../../../components/uikit-sdk/Text/index.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import Button from '../../../../components/uikit-sdk/Button/Button.js';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
 import { getVestingTermsString } from '../../../../utils/displayHelpers.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
 
 const CardRecommendation = ({ cardIndex, bond, handleBuyBondClick, }) => {
     return (jsxs(Flex, { sx: {

package/dist/views/YourBondsModal/components/Recommendations/CardRecommendation.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardRecommendation.js","sources":["../../../../../src/views/YourBondsModal/components/Recommendations/CardRecommendation.tsx"],"sourcesContent":["import { Button, Flex, Text } from '../../../../components/uikit-sdk'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { BondRecommendation } from '../../../../state/recommendations/useGetBondRecommendations'\nimport { getVestingTermsString } from '../../../../utils/displayHelpers'\n\nconst CardRecommendation = ({\n  cardIndex,\n  bond,\n  handleBuyBondClick,\n}: {\n  cardIndex: number\n  bond: BondRecommendation\n  handleBuyBondClick: (chain: number, bondAddress: string, cardIndex: number) => void\n}) => {\n  return (\n    <Flex\n      sx={{\n        flexDirection: 'column',\n        width: ['100%', '100%', '100%', '50%'],\n        gap: '10px',\n        background: 'white3',\n        p: '10px',\n        borderRadius: '10px',\n      }}\n    >\n      <Flex\n        sx={{\n          flexDirection: 'column',\n          width: '100%',\n          borderRadius: '10px',\n          justifyContent: 'space-between',\n          gap: '14px',\n        }}\n      >\n        <Flex sx={{ alignItems: 'center', justifyContent: 'space-between', gap: '10px' }}>\n          <Flex sx={{ gap: '5px', justifyContent: 'center', alignItems: 'center' }}>\n            <TokenImage symbol={bond.payoutTokenName} chain={bond.chainId} size={25} />\n            <Text sx={{ fontSize: '14px' }}>{bond.payoutTokenName}</Text>\n            <Text sx={{ fontSize: '14px', fontWeight: 400, opacity: 0.6 }}>{getVestingTermsString(bond as any)}</Text>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', gap: '1px', alignItems: 'end' }}>\n            <Text sx={{ color: 'success', fontSize: '12px', fontWeight: 700 }}>{bond.bonus.toFixed(2)}%</Text>\n          </Flex>\n        </Flex>\n      </Flex>\n      <Button\n        onClick={() => handleBuyBondClick(bond.chainId, bond.billAddress, cardIndex)}\n        sx={{ width: '100%', lineHeight: '20px', height: '30px', fontSize: '14px' }}\n      >\n        Buy\n      </Button>\n    </Flex>\n  )\n}\n\nexport default CardRecommendation\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,kBAAkB,GAKnB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACtC,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,CAAC,EAAE,MAAM;AACT,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,aAAa,EAAE,QAAQ;AACvB,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,cAAc,EAAE,eAAe;AAC/B,oBAAA,GAAG,EAAE,MAAM;iBACZ,EAAA,QAAA,EAEDD,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC9EA,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aACtEC,GAAA,CAAC,UAAU,IAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,GAAI,EAC3EA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,IAAI,CAAC,eAAe,GAAQ,EAC7DA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,QAAA,EAAG,qBAAqB,CAAC,IAAW,CAAC,GAAQ,CAAA,EAAA,CACrG,EACPA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAClED,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,CAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAA,CAC7F,CAAA,EAAA,CACF,GACF,EACPC,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAC5E,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,KAAA,EAAA,CAGpE,CAAA,EAAA,CACJ;AAEX;;;;"}
+{"version":3,"file":"CardRecommendation.js","sources":["../../../../../src/views/YourBondsModal/components/Recommendations/CardRecommendation.tsx"],"sourcesContent":["import TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { BondRecommendation } from '../../../../state/recommendations/useGetBondRecommendations'\nimport { getVestingTermsString } from '../../../../utils/displayHelpers'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport Text from '../../../../components/uikit-sdk/Text'\n\nconst CardRecommendation = ({\n  cardIndex,\n  bond,\n  handleBuyBondClick,\n}: {\n  cardIndex: number\n  bond: BondRecommendation\n  handleBuyBondClick: (chain: number, bondAddress: string, cardIndex: number) => void\n}) => {\n  return (\n    <Flex\n      sx={{\n        flexDirection: 'column',\n        width: ['100%', '100%', '100%', '50%'],\n        gap: '10px',\n        background: 'white3',\n        p: '10px',\n        borderRadius: '10px',\n      }}\n    >\n      <Flex\n        sx={{\n          flexDirection: 'column',\n          width: '100%',\n          borderRadius: '10px',\n          justifyContent: 'space-between',\n          gap: '14px',\n        }}\n      >\n        <Flex sx={{ alignItems: 'center', justifyContent: 'space-between', gap: '10px' }}>\n          <Flex sx={{ gap: '5px', justifyContent: 'center', alignItems: 'center' }}>\n            <TokenImage symbol={bond.payoutTokenName} chain={bond.chainId} size={25} />\n            <Text sx={{ fontSize: '14px' }}>{bond.payoutTokenName}</Text>\n            <Text sx={{ fontSize: '14px', fontWeight: 400, opacity: 0.6 }}>{getVestingTermsString(bond as any)}</Text>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', gap: '1px', alignItems: 'end' }}>\n            <Text sx={{ color: 'success', fontSize: '12px', fontWeight: 700 }}>{bond.bonus.toFixed(2)}%</Text>\n          </Flex>\n        </Flex>\n      </Flex>\n      <Button\n        onClick={() => handleBuyBondClick(bond.chainId, bond.billAddress, cardIndex)}\n        sx={{ width: '100%', lineHeight: '20px', height: '30px', fontSize: '14px' }}\n      >\n        Buy\n      </Button>\n    </Flex>\n  )\n}\n\nexport default CardRecommendation\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAOA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,SAAS,EACT,IAAI,EACJ,kBAAkB,GAKnB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACtC,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,CAAC,EAAE,MAAM;AACT,YAAA,YAAY,EAAE,MAAM;AACrB,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,aAAa,EAAE,QAAQ;AACvB,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,cAAc,EAAE,eAAe;AAC/B,oBAAA,GAAG,EAAE,MAAM;iBACZ,EAAA,QAAA,EAEDD,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC9EA,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aACtEC,GAAA,CAAC,UAAU,IAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,GAAI,EAC3EA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,IAAI,CAAC,eAAe,GAAQ,EAC7DA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,QAAA,EAAG,qBAAqB,CAAC,IAAW,CAAC,GAAQ,CAAA,EAAA,CACrG,EACPA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAClED,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,CAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAA,CAC7F,CAAA,EAAA,CACF,GACF,EACPC,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,MAAM,kBAAkB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAC5E,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,KAAA,EAAA,CAGpE,CAAA,EAAA,CACJ;AAEX;;;;"}

package/dist/views/YourBondsModal/components/Recommendations/RecSkeleton.js

@@ -1,18 +1,6 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../../../../components/uikit-sdk/Svg/types.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Text/types.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
 import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 
 const RecSkeleton = () => {
     return (jsxs(Flex, { sx: { width: '100%', gap: ['10px', '10px', '10px', '15px'], height: '84px' }, children: [jsx(Skeleton, { animation: "waves", sx: {

package/dist/views/YourBondsModal/components/Recommendations/RecSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecSkeleton.js","sources":["../../../../../src/views/YourBondsModal/components/Recommendations/RecSkeleton.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Skeleton } from '../../../../components/uikit-sdk'\n\nconst RecSkeleton = () => {\n  return (\n    <Flex sx={{ width: '100%', gap: ['10px', '10px', '10px', '15px'], height: '84px' }}>\n      <Skeleton\n        animation=\"waves\"\n        sx={{\n          width: '100%',\n          height: '70px',\n          borderRadius: 'normal',\n          mb: '5px',\n        }}\n      />\n      <Skeleton\n        animation=\"waves\"\n        sx={{\n          width: '100%',\n          height: '70px',\n          borderRadius: 'normal',\n          mb: '5px',\n        }}\n      />\n    </Flex>\n  )\n}\n\nexport default RecSkeleton\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAGA,MAAM,WAAW,GAAG,MAAK;AACvB,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChFC,GAAA,CAAC,QAAQ,IACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,EAAE,EAAE,KAAK;iBACV,EAAA,CACD,EACFA,IAAC,QAAQ,EAAA,EACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,EAAE,EAAE,KAAK;iBACV,EAAA,CACD,CAAA,EAAA,CACG;AAEX;;;;"}
+{"version":3,"file":"RecSkeleton.js","sources":["../../../../../src/views/YourBondsModal/components/Recommendations/RecSkeleton.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\n\nconst RecSkeleton = () => {\n  return (\n    <Flex sx={{ width: '100%', gap: ['10px', '10px', '10px', '15px'], height: '84px' }}>\n      <Skeleton\n        animation=\"waves\"\n        sx={{\n          width: '100%',\n          height: '70px',\n          borderRadius: 'normal',\n          mb: '5px',\n        }}\n      />\n      <Skeleton\n        animation=\"waves\"\n        sx={{\n          width: '100%',\n          height: '70px',\n          borderRadius: 'normal',\n          mb: '5px',\n        }}\n      />\n    </Flex>\n  )\n}\n\nexport default RecSkeleton\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAIA,MAAM,WAAW,GAAG,MAAK;AACvB,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChFC,GAAA,CAAC,QAAQ,IACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,EAAE,EAAE,KAAK;iBACV,EAAA,CACD,EACFA,IAAC,QAAQ,EAAA,EACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,EAAE,EAAE,KAAK;iBACV,EAAA,CACD,CAAA,EAAA,CACG;AAEX;;;;"}

package/dist/views/YourBondsModal/components/Recommendations/Recommendations.js

@@ -1,25 +1,12 @@
 import { jsxs, Fragment, jsx } from 'theme-ui/jsx-runtime';
-import '../../../../components/uikit-sdk/Svg/types.js';
-import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Text from '../../../../components/uikit-sdk/Text/index.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import CardRecommendation from './CardRecommendation.js';
 import track from '../../../../utils/track.js';
 import useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations.js';
 import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
 import { useIsMobile } from '../../../../hooks/useIsMobile.js';
 import RecSkeleton from './RecSkeleton.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
 
 const Recommendations = ({ billAddress }) => {
     const { address } = useEVMAccount();

package/dist/views/YourBondsModal/components/Recommendations/Recommendations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.js","sources":["../../../../../src/views/YourBondsModal/components/Recommendations/Recommendations.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Text } from '../../../../components/uikit-sdk'\nimport CardRecommendation from './CardRecommendation'\nimport track from '../../../../utils/track'\nimport useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport RecSkeleton from './RecSkeleton'\n\nconst Recommendations = ({ billAddress }: { billAddress?: string }) => {\n  const { address } = useEVMAccount()\n  const isMobile = useIsMobile()\n  const { data = [] } = useGetBondRecommendations(address, billAddress, '2')\n  const recommendations = isMobile ? data?.slice(0, 1) : data\n\n  return (\n    <>\n      <Flex\n        sx={{\n          justifyContent: 'space-between',\n          flexDirection: ['column', 'column', 'column', 'row'],\n          alignItems: ['flex-start', 'flex-start', 'flex-start', 'center'],\n        }}\n      >\n        <Flex sx={{ flexDirection: 'column' }}>\n          <Text sx={{ fontSize: '13px', fontWeight: 600 }}>You might also be interested in: </Text>\n          <Text sx={{ fontSize: '11px', fontWeight: 400, color: '#BEBEBE', lineHeight: '18px' }}>\n            Based on yours and others users purchases.\n          </Text>\n        </Flex>\n      </Flex>\n      <Flex sx={{ width: '100%', gap: ['10px', '10px', '10px', '15px'] }}>\n        {recommendations?.length > 0 ? (\n          recommendations.map((bond, index) => (\n            <CardRecommendation\n              key={`${bond.billAddress}-${index}`}\n              cardIndex={index}\n              bond={bond}\n              handleBuyBondClick={() => {\n                window.open(\n                  `https://ape.bond/bonds?bondAddress=${bond.billAddress}&bondChain=${bond.chainId}`,\n                  '_blank',\n                  'noreferrer',\n                )\n                track({\n                  event: 'recClick',\n                  chain: bond?.chainId,\n                  data: {\n                    bond: bond.payoutTokenName,\n                    position: index,\n                  },\n                })\n              }}\n            />\n          ))\n        ) : (\n          <RecSkeleton />\n        )}\n      </Flex>\n    </>\n  )\n}\n\nexport default Recommendations\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAA4B,KAAI;AACpE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;AACnC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,yBAAyB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC;AAC1E,IAAA,MAAM,eAAe,GAAG,QAAQ,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI;AAE3D,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,cAAc,EAAE,eAAe;oBAC/B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;oBACpD,UAAU,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC;iBACjE,EAAA,QAAA,EAEDF,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACnCE,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,mCAAA,EAAA,CAA0C,EACzFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,4CAAA,EAAA,CAE9E,CAAA,EAAA,CACF,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC/D,eAAe,EAAE,MAAM,GAAG,CAAC,IAC1B,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC9BA,GAAA,CAAC,kBAAkB,EAAA,EAEjB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,MAAK;AACvB,wBAAA,MAAM,CAAC,IAAI,CACT,CAAA,mCAAA,EAAsC,IAAI,CAAC,WAAW,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAA,CAAE,EAClF,QAAQ,EACR,YAAY,CACb;AACD,wBAAA,KAAK,CAAC;AACJ,4BAAA,KAAK,EAAE,UAAU;4BACjB,KAAK,EAAE,IAAI,EAAE,OAAO;AACpB,4BAAA,IAAI,EAAE;gCACJ,IAAI,EAAE,IAAI,CAAC,eAAe;AAC1B,gCAAA,QAAQ,EAAE,KAAK;AAChB,6BAAA;AACF,yBAAA,CAAC;oBACJ,CAAC,EAAA,EAjBI,GAAG,IAAI,CAAC,WAAW,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAkBnC,CACH,CAAC,KAEFA,GAAA,CAAC,WAAW,KAAG,CAChB,EAAA,CACI,CAAA,EAAA,CACN;AAEP;;;;"}
+{"version":3,"file":"Recommendations.js","sources":["../../../../../src/views/YourBondsModal/components/Recommendations/Recommendations.tsx"],"sourcesContent":["import React from 'react'\nimport CardRecommendation from './CardRecommendation'\nimport track from '../../../../utils/track'\nimport useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport RecSkeleton from './RecSkeleton'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Text from '../../../../components/uikit-sdk/Text'\n\nconst Recommendations = ({ billAddress }: { billAddress?: string }) => {\n  const { address } = useEVMAccount()\n  const isMobile = useIsMobile()\n  const { data = [] } = useGetBondRecommendations(address, billAddress, '2')\n  const recommendations = isMobile ? data?.slice(0, 1) : data\n\n  return (\n    <>\n      <Flex\n        sx={{\n          justifyContent: 'space-between',\n          flexDirection: ['column', 'column', 'column', 'row'],\n          alignItems: ['flex-start', 'flex-start', 'flex-start', 'center'],\n        }}\n      >\n        <Flex sx={{ flexDirection: 'column' }}>\n          <Text sx={{ fontSize: '13px', fontWeight: 600 }}>You might also be interested in: </Text>\n          <Text sx={{ fontSize: '11px', fontWeight: 400, color: '#BEBEBE', lineHeight: '18px' }}>\n            Based on yours and others users purchases.\n          </Text>\n        </Flex>\n      </Flex>\n      <Flex sx={{ width: '100%', gap: ['10px', '10px', '10px', '15px'] }}>\n        {recommendations?.length > 0 ? (\n          recommendations.map((bond, index) => (\n            <CardRecommendation\n              key={`${bond.billAddress}-${index}`}\n              cardIndex={index}\n              bond={bond}\n              handleBuyBondClick={() => {\n                window.open(\n                  `https://ape.bond/bonds?bondAddress=${bond.billAddress}&bondChain=${bond.chainId}`,\n                  '_blank',\n                  'noreferrer',\n                )\n                track({\n                  event: 'recClick',\n                  chain: bond?.chainId,\n                  data: {\n                    bond: bond.payoutTokenName,\n                    position: index,\n                  },\n                })\n              }}\n            />\n          ))\n        ) : (\n          <RecSkeleton />\n        )}\n      </Flex>\n    </>\n  )\n}\n\nexport default Recommendations\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;AAUA,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAA4B,KAAI;AACpE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;AACnC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,yBAAyB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC;AAC1E,IAAA,MAAM,eAAe,GAAG,QAAQ,GAAG,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI;AAE3D,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,cAAc,EAAE,eAAe;oBAC/B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;oBACpD,UAAU,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC;iBACjE,EAAA,QAAA,EAEDF,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACnCE,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,mCAAA,EAAA,CAA0C,EACzFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,4CAAA,EAAA,CAE9E,CAAA,EAAA,CACF,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC/D,eAAe,EAAE,MAAM,GAAG,CAAC,IAC1B,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC9BA,GAAA,CAAC,kBAAkB,EAAA,EAEjB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,MAAK;AACvB,wBAAA,MAAM,CAAC,IAAI,CACT,CAAA,mCAAA,EAAsC,IAAI,CAAC,WAAW,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAA,CAAE,EAClF,QAAQ,EACR,YAAY,CACb;AACD,wBAAA,KAAK,CAAC;AACJ,4BAAA,KAAK,EAAE,UAAU;4BACjB,KAAK,EAAE,IAAI,EAAE,OAAO;AACpB,4BAAA,IAAI,EAAE;gCACJ,IAAI,EAAE,IAAI,CAAC,eAAe;AAC1B,gCAAA,QAAQ,EAAE,KAAK;AAChB,6BAAA;AACF,yBAAA,CAAC;oBACJ,CAAC,EAAA,EAjBI,GAAG,IAAI,CAAC,WAAW,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAkBnC,CACH,CAAC,KAEFA,GAAA,CAAC,WAAW,KAAG,CAChB,EAAA,CACI,CAAA,EAAA,CACN;AAEP;;;;"}

package/dist/views/YourBondsModal/components/TransferBondModal/TransferAction.js

@@ -2,20 +2,7 @@ import { jsx, Fragment, jsxs } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
 import { useChainId, useSwitchChain, useWriteContract } from 'wagmi';
 import BOND_NFT_ABI from '../../../../config/abi/bondNft.json.js';
-import '../../../../components/uikit-sdk/Svg/types.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Text/types.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'framer-motion';
 import Button from '../../../../components/uikit-sdk/Button/Button.js';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
 import { useMonitorTx } from '../../../../hooks/useMonitorTx.js';
 import { usePopups } from '../../../../state/popups/usePopups.js';

package/dist/views/YourBondsModal/components/TransferBondModal/TransferAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferAction.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/TransferAction.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useChainId, useSwitchChain, useWriteContract } from 'wagmi'\nimport BOND_NFT_ABI from '../../../../config/abi/bondNft.json'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { Button } from '../../../../components/uikit-sdk'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport track from '../../../../utils/track'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst TransferAction = ({\n  userBill,\n  toAddress,\n  disabled,\n}: {\n  userBill?: UserBill\n  toAddress?: string\n  disabled?: boolean\n}) => {\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const userChainId = useChainId()\n  const { address: account } = useEVMAccount()\n  const { switchChain } = useSwitchChain()\n\n  // State\n  const [transferTxHash, setTransferTxHash] = useState<string | null>(null)\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { writeContractAsync } = useWriteContract()\n  const { isLoading, isSuccess: isConfirmed } = useMonitorTx(transferTxHash, userBill?.bond?.chainId)\n  const { addToastError } = usePopups()\n\n  const load = loadingTx || (isLoading && !isConfirmed)\n  const handleTransfer = async () => {\n    const address: `0x${string}` = userBill?.billNftAddress as `0x${string}`\n    try {\n      setLoadingTx(true)\n      const tx = await writeContractAsync({\n        address: address,\n        abi: BOND_NFT_ABI,\n        functionName: 'safeTransferFrom',\n        args: [account, toAddress, userBill?.id],\n        chain: userChainId as any,\n        account: account,\n      })\n      if (tx) {\n        setTransferTxHash(tx)\n        track({\n          event: 'bond',\n          chain: userChainId,\n          data: {\n            cat: 'transfer',\n            type: userBill?.bond?.billType ?? '',\n            id: userBill?.id,\n            from: account,\n            to: toAddress,\n            earnToken: userBill?.bond?.earnToken.symbol,\n          },\n        })\n      }\n      setLoadingTx(false)\n    } catch (error: any) {\n      console.error('Transfer failed:', error)\n      setLoadingTx(false)\n      addToastError(error.shortMessage)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'transfer', userBill, error },\n        chainId: userChainId,\n        account,\n      })\n    }\n  }\n  return (\n    <>\n      {userChainId !== userBill?.bond?.chainId ? (\n        <Button onClick={() => switchChain({ chainId: userBill?.bond?.chainId as ChainId })}>\n          Switch to {NETWORK_LABEL[userBill?.bond?.chainId as ChainId]}\n        </Button>\n      ) : (\n        <Button onClick={handleTransfer} load={load} disabled={load || disabled} fullWidth>\n          transfer\n        </Button>\n      )}\n    </>\n  )\n}\n\nexport default TransferAction\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TransferAction.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/TransferAction.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useChainId, useSwitchChain, useWriteContract } from 'wagmi'\nimport BOND_NFT_ABI from '../../../../config/abi/bondNft.json'\nimport { UserBill } from '../../../../types/yourbonds'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport track from '../../../../utils/track'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst TransferAction = ({\n  userBill,\n  toAddress,\n  disabled,\n}: {\n  userBill?: UserBill\n  toAddress?: string\n  disabled?: boolean\n}) => {\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const userChainId = useChainId()\n  const { address: account } = useEVMAccount()\n  const { switchChain } = useSwitchChain()\n\n  // State\n  const [transferTxHash, setTransferTxHash] = useState<string | null>(null)\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { writeContractAsync } = useWriteContract()\n  const { isLoading, isSuccess: isConfirmed } = useMonitorTx(transferTxHash, userBill?.bond?.chainId)\n  const { addToastError } = usePopups()\n\n  const load = loadingTx || (isLoading && !isConfirmed)\n  const handleTransfer = async () => {\n    const address: `0x${string}` = userBill?.billNftAddress as `0x${string}`\n    try {\n      setLoadingTx(true)\n      const tx = await writeContractAsync({\n        address: address,\n        abi: BOND_NFT_ABI,\n        functionName: 'safeTransferFrom',\n        args: [account, toAddress, userBill?.id],\n        chain: userChainId as any,\n        account: account,\n      })\n      if (tx) {\n        setTransferTxHash(tx)\n        track({\n          event: 'bond',\n          chain: userChainId,\n          data: {\n            cat: 'transfer',\n            type: userBill?.bond?.billType ?? '',\n            id: userBill?.id,\n            from: account,\n            to: toAddress,\n            earnToken: userBill?.bond?.earnToken.symbol,\n          },\n        })\n      }\n      setLoadingTx(false)\n    } catch (error: any) {\n      console.error('Transfer failed:', error)\n      setLoadingTx(false)\n      addToastError(error.shortMessage)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'transfer', userBill, error },\n        chainId: userChainId,\n        account,\n      })\n    }\n  }\n  return (\n    <>\n      {userChainId !== userBill?.bond?.chainId ? (\n        <Button onClick={() => switchChain({ chainId: userBill?.bond?.chainId as ChainId })}>\n          Switch to {NETWORK_LABEL[userBill?.bond?.chainId as ChainId]}\n        </Button>\n      ) : (\n        <Button onClick={handleTransfer} load={load} disabled={load || disabled} fullWidth>\n          transfer\n        </Button>\n      )}\n    </>\n  )\n}\n\nexport default TransferAction\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/views/YourBondsModal/components/TransferBondModal/TransferActionSolana.js

@@ -1,19 +1,5 @@
 import { jsx, Fragment, jsxs } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
-import '../../../../components/uikit-sdk/Svg/types.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Text/types.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'framer-motion';
-import Button from '../../../../components/uikit-sdk/Button/Button.js';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import { usePopups } from '../../../../state/popups/usePopups.js';
@@ -24,6 +10,7 @@ import { MPL_CORE_PROGRAM_ID } from '../../../../constants/solanaConstants.js';
 import { Buffer } from 'buffer';
 import { getRPC } from '../../../../config/constants/networks.js';
 import useSOLAccount from '../../../../hooks/accounts/useSOLAccount.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
 
 const TransferAction = ({ userBill, toAddress, disabled, }) => {
     // Hooks

package/dist/views/YourBondsModal/components/TransferBondModal/TransferActionSolana.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferActionSolana.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/TransferActionSolana.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { Button } from '../../../../components/uikit-sdk'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport { Connection, PublicKey, Transaction, TransactionInstruction, SystemProgram } from '@solana/web3.js'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport { MPL_CORE_PROGRAM_ID } from '../../../../constants/solanaConstants'\nimport { Buffer } from 'buffer'\nimport { getRPC } from '../../../../config/constants/networks'\nimport useSOLAccount from '../../../../hooks/accounts/useSOLAccount'\n\nconst TransferAction = ({\n  userBill,\n  toAddress,\n  disabled,\n}: {\n  userBill?: UserBill\n  toAddress?: string\n  disabled?: boolean\n}) => {\n  // Hooks\n  const wallet = useSOLAccount()\n  const { setVisible } = useWalletModal()\n  const { refetch } = useUserBonds()\n\n  // State\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { addToastError, addToastSuccess } = usePopups()\n\n  const load = loadingTx\n\n  const handleTransfer = async () => {\n    try {\n      if (!wallet.publicKey || !wallet.signTransaction) {\n        throw new Error('Wallet not connected')\n      }\n\n      setLoadingTx(true)\n\n      const connection = new Connection(getRPC(ChainId.SOL))\n\n      // MPL Core program ID\n      if (!userBill?.id || !toAddress || !userBill || !userBill?.asset) return\n      const asset = new PublicKey(userBill?.asset)\n      const newOwner = new PublicKey(toAddress)\n      const collection = new PublicKey(userBill.billNftAddress)\n\n      // Create instruction data with discriminator (14) + null compression_proof\n      // Since compression_proof is null, we just need discriminator + 1 byte for None option\n      const discriminator = Buffer.from([14])\n      const nullOption = Buffer.from([0]) // 0 = None for Option<CompressionProof>\n      const data = Buffer.concat([discriminator, nullOption])\n\n      // Build the accounts array according to MPL Core transfer instruction\n      const accounts = [\n        { pubkey: asset, isSigner: false, isWritable: true }, // asset\n        { pubkey: collection, isSigner: false, isWritable: false }, // collection\n        { pubkey: wallet.publicKey, isSigner: true, isWritable: true }, // payer\n        { pubkey: wallet.publicKey, isSigner: true, isWritable: false }, // authority\n        { pubkey: newOwner, isSigner: false, isWritable: false }, // new_owner\n        { pubkey: SystemProgram.programId, isSigner: false, isWritable: false }, // system_program\n        { pubkey: new PublicKey('noopb9bkMVfRPU8AsbpTUg8AQkHtKwMYZiFUjNRtMmV'), isSigner: false, isWritable: false }, // log_wrapper (SPL Noop Program)\n      ]\n\n      const transferInstruction = new TransactionInstruction({\n        keys: accounts,\n        programId: MPL_CORE_PROGRAM_ID,\n        data,\n      })\n\n      const transaction = new Transaction().add(transferInstruction)\n\n      // Get recent blockhash\n      const { blockhash, lastValidBlockHeight } = await connection.getLatestBlockhash()\n      transaction.recentBlockhash = blockhash\n      transaction.feePayer = wallet.publicKey\n\n      // Sign and send transaction\n      const signedTransaction = await wallet.signTransaction(transaction)\n      const signature = await connection.sendRawTransaction(signedTransaction.serialize())\n\n      // Confirm transaction\n      await connection.confirmTransaction(\n        {\n          signature,\n          blockhash,\n          lastValidBlockHeight,\n        },\n        'confirmed',\n      )\n\n      refetch()\n      addToastSuccess(signature, userBill?.bond?.chainId)\n    } catch (error: any) {\n      console.error('Error during NFT transfer:', error)\n      addToastError(error?.message || 'Unknown error')\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  return (\n    <>\n      {!wallet.publicKey ? (\n        <Button onClick={() => setVisible(true)}>Connect to {NETWORK_LABEL[userBill?.bond?.chainId as ChainId]}</Button>\n      ) : (\n        <Button onClick={handleTransfer} load={load} disabled={load || disabled} fullWidth>\n          transfer\n        </Button>\n      )}\n    </>\n  )\n}\n\nexport default TransferAction\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TransferActionSolana.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/TransferActionSolana.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport { Connection, PublicKey, Transaction, TransactionInstruction, SystemProgram } from '@solana/web3.js'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport { MPL_CORE_PROGRAM_ID } from '../../../../constants/solanaConstants'\nimport { Buffer } from 'buffer'\nimport { getRPC } from '../../../../config/constants/networks'\nimport useSOLAccount from '../../../../hooks/accounts/useSOLAccount'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\n\nconst TransferAction = ({\n  userBill,\n  toAddress,\n  disabled,\n}: {\n  userBill?: UserBill\n  toAddress?: string\n  disabled?: boolean\n}) => {\n  // Hooks\n  const wallet = useSOLAccount()\n  const { setVisible } = useWalletModal()\n  const { refetch } = useUserBonds()\n\n  // State\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { addToastError, addToastSuccess } = usePopups()\n\n  const load = loadingTx\n\n  const handleTransfer = async () => {\n    try {\n      if (!wallet.publicKey || !wallet.signTransaction) {\n        throw new Error('Wallet not connected')\n      }\n\n      setLoadingTx(true)\n\n      const connection = new Connection(getRPC(ChainId.SOL))\n\n      // MPL Core program ID\n      if (!userBill?.id || !toAddress || !userBill || !userBill?.asset) return\n      const asset = new PublicKey(userBill?.asset)\n      const newOwner = new PublicKey(toAddress)\n      const collection = new PublicKey(userBill.billNftAddress)\n\n      // Create instruction data with discriminator (14) + null compression_proof\n      // Since compression_proof is null, we just need discriminator + 1 byte for None option\n      const discriminator = Buffer.from([14])\n      const nullOption = Buffer.from([0]) // 0 = None for Option<CompressionProof>\n      const data = Buffer.concat([discriminator, nullOption])\n\n      // Build the accounts array according to MPL Core transfer instruction\n      const accounts = [\n        { pubkey: asset, isSigner: false, isWritable: true }, // asset\n        { pubkey: collection, isSigner: false, isWritable: false }, // collection\n        { pubkey: wallet.publicKey, isSigner: true, isWritable: true }, // payer\n        { pubkey: wallet.publicKey, isSigner: true, isWritable: false }, // authority\n        { pubkey: newOwner, isSigner: false, isWritable: false }, // new_owner\n        { pubkey: SystemProgram.programId, isSigner: false, isWritable: false }, // system_program\n        { pubkey: new PublicKey('noopb9bkMVfRPU8AsbpTUg8AQkHtKwMYZiFUjNRtMmV'), isSigner: false, isWritable: false }, // log_wrapper (SPL Noop Program)\n      ]\n\n      const transferInstruction = new TransactionInstruction({\n        keys: accounts,\n        programId: MPL_CORE_PROGRAM_ID,\n        data,\n      })\n\n      const transaction = new Transaction().add(transferInstruction)\n\n      // Get recent blockhash\n      const { blockhash, lastValidBlockHeight } = await connection.getLatestBlockhash()\n      transaction.recentBlockhash = blockhash\n      transaction.feePayer = wallet.publicKey\n\n      // Sign and send transaction\n      const signedTransaction = await wallet.signTransaction(transaction)\n      const signature = await connection.sendRawTransaction(signedTransaction.serialize())\n\n      // Confirm transaction\n      await connection.confirmTransaction(\n        {\n          signature,\n          blockhash,\n          lastValidBlockHeight,\n        },\n        'confirmed',\n      )\n\n      refetch()\n      addToastSuccess(signature, userBill?.bond?.chainId)\n    } catch (error: any) {\n      console.error('Error during NFT transfer:', error)\n      addToastError(error?.message || 'Unknown error')\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  return (\n    <>\n      {!wallet.publicKey ? (\n        <Button onClick={() => setVisible(true)}>Connect to {NETWORK_LABEL[userBill?.bond?.chainId as ChainId]}</Button>\n      ) : (\n        <Button onClick={handleTransfer} load={load} disabled={load || disabled} fullWidth>\n          transfer\n        </Button>\n      )}\n    </>\n  )\n}\n\nexport default TransferAction\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/views/YourBondsModal/components/TransferBondModal/index.js

@@ -1,24 +1,14 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import React, { useState } from 'react';
 import BigNumber from 'bignumber.js';
-import '../../../../components/uikit-sdk/Svg/types.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
 import Text from '../../../../components/uikit-sdk/Text/index.js';
 import Checkbox from '../../../../components/uikit-sdk/Checkbox/index.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import Modal from '../../../../components/uikit-sdk/Modal/index.js';
-import 'framer-motion';
-import '../../../FullBondsView/FullBondsView.js';
-import Input from '../../../../components/uikit-sdk/Input/Input.js';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import Input from '../../../../components/uikit-sdk/Input/Input.js';
 import TransferAction$1 from './TransferAction.js';
 import { getPendingVestingString, getTimeLeftForFullyVested } from '../../../../utils/displayHelpers.js';
 import TransferAction from './TransferActionSolana.js';

package/dist/views/YourBondsModal/components/TransferBondModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport BigNumber from 'bignumber.js'\nimport { CheckBox, Flex, Modal, Text } from '../../../../components/uikit-sdk'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { Input } from '../../../../components/uikit-sdk/Input'\nimport TransferAction from './TransferAction'\nimport { getPendingVestingString, getTimeLeftForFullyVested } from '../../../../utils/displayHelpers'\nimport TransferActionSolana from './TransferActionSolana'\n\ninterface TransferBillModalProps {\n  onDismiss?: () => void\n  userBill?: UserBill\n}\n\nconst TransferModal: React.FC<TransferBillModalProps> = ({ onDismiss, userBill }) => {\n  // State\n  const [confirmSend, setConfirmSend] = useState(false)\n  const [toAddress, setToAddress] = useState('')\n\n  // Data\n  const bond = userBill?.bond\n  const chainId = bond?.chainId\n  const pending =\n    chainId &&\n    getBalanceNumber(\n      new BigNumber(userBill?.payout ?? 0),\n      bond?.earnToken?.decimals?.[chainId as ChainId] ?? 18,\n    )?.toFixed(4)\n\n  return (\n    <Modal onDismiss={onDismiss} title=\"Transfer Bond\">\n      <Flex sx={{ mt: '20px' }}>\n        <Text sx={{ fontWeight: 700 }}> Transferring: </Text>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', alignItems: 'center', mt: '30px', mr: '10px' }}>\n        <Text sx={{ fontWeight: 700, fontSize: '25px' }}>\n          {bond?.earnToken?.symbol} Bond - ID # {userBill?.id}\n        </Text>\n        <Flex sx={{ mt: '5px' }}>\n          <Flex sx={{ flexDirection: 'column', mr: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Vesting time</Text>\n            {getTimeLeftForFullyVested(userBill) > 0 ? `Ends in ${getPendingVestingString(userBill)}` : `Fully Vested`}\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', ml: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Pending</Text>\n            <Flex>\n              <TokenImage\n                symbol={userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken?.symbol}\n                size={20}\n                chain={userBill?.bond?.chainId}\n              />\n              <Text sx={{ fontWeight: 700, ml: '5px' }}>{pending}</Text>\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', mt: '30px' }}>\n        <Text sx={{ fontWeight: 700 }}>Receiving Address:</Text>\n        <Input\n          mt=\"10px\"\n          size=\"lg\"\n          placeholder={'Paste the address here'}\n          value={toAddress}\n          onChange={(e: any) => setToAddress(e.target.value)}\n          style={{ width: '345px', border: 'none' }}\n        />\n      </Flex>\n      <Flex sx={{ mt: '15px' }}>\n        <Text sx={{ lineHeight: '18px', fontSize: '12px', color: 'rgba(223, 65, 65, 1)' }}>\n          <Text\n            sx={{ display: 'block', width: '100%', fontWeight: 700, fontSize: '13px', color: 'rgba(223, 65, 65, 1)' }}\n          >\n            WARNING\n          </Text>\n          When transfering the NFT all pending rewards will also be transfered to the receiver address.\n        </Text>\n      </Flex>\n      <Flex onClick={() => setConfirmSend(!confirmSend)} sx={{ mt: '20px', cursor: 'pointer', alignItems: 'center' }}>\n        <CheckBox\n          checked={confirmSend}\n          onChange={(event: React.MouseEvent) => {\n            setConfirmSend(!confirmSend)\n            event.stopPropagation()\n          }}\n        />\n        <Text sx={{ ml: '10px', fontSize: '12px', fontWeight: 500, lineHeight: '18px' }}>\n          I understand the new wallet gains ownership of all unclaimed assets.\n        </Text>\n      </Flex>\n      <Flex sx={{ justifyContent: 'center', mt: '15px' }}>\n        {chainId === ChainId.SOL ? (\n          <TransferActionSolana userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        ) : (\n          <TransferAction userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        )}\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default React.memo(TransferModal)\n"],"names":["_jsxs","_jsx","CheckBox","TransferActionSolana","TransferAction"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport BigNumber from 'bignumber.js'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport Input from '../../../../components/uikit-sdk/Input/Input'\nimport TransferAction from './TransferAction'\nimport { getPendingVestingString, getTimeLeftForFullyVested } from '../../../../utils/displayHelpers'\nimport TransferActionSolana from './TransferActionSolana'\n\ninterface TransferBillModalProps {\n  onDismiss?: () => void\n  userBill?: UserBill\n}\n\nconst TransferModal: React.FC<TransferBillModalProps> = ({ onDismiss, userBill }) => {\n  // State\n  const [confirmSend, setConfirmSend] = useState(false)\n  const [toAddress, setToAddress] = useState('')\n\n  // Data\n  const bond = userBill?.bond\n  const chainId = bond?.chainId\n  const pending =\n    chainId &&\n    getBalanceNumber(\n      new BigNumber(userBill?.payout ?? 0),\n      bond?.earnToken?.decimals?.[chainId as ChainId] ?? 18,\n    )?.toFixed(4)\n\n  return (\n    <Modal onDismiss={onDismiss} title=\"Transfer Bond\">\n      <Flex sx={{ mt: '20px' }}>\n        <Text sx={{ fontWeight: 700 }}> Transferring: </Text>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', alignItems: 'center', mt: '30px', mr: '10px' }}>\n        <Text sx={{ fontWeight: 700, fontSize: '25px' }}>\n          {bond?.earnToken?.symbol} Bond - ID # {userBill?.id}\n        </Text>\n        <Flex sx={{ mt: '5px' }}>\n          <Flex sx={{ flexDirection: 'column', mr: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Vesting time</Text>\n            {getTimeLeftForFullyVested(userBill) > 0 ? `Ends in ${getPendingVestingString(userBill)}` : `Fully Vested`}\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', ml: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Pending</Text>\n            <Flex>\n              <TokenImage\n                symbol={userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken?.symbol}\n                size={20}\n                chain={userBill?.bond?.chainId}\n              />\n              <Text sx={{ fontWeight: 700, ml: '5px' }}>{pending}</Text>\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', mt: '30px' }}>\n        <Text sx={{ fontWeight: 700 }}>Receiving Address:</Text>\n        <Input\n          mt=\"10px\"\n          size=\"lg\"\n          placeholder={'Paste the address here'}\n          value={toAddress}\n          onChange={(e: any) => setToAddress(e.target.value)}\n          style={{ width: '345px', border: 'none' }}\n        />\n      </Flex>\n      <Flex sx={{ mt: '15px' }}>\n        <Text sx={{ lineHeight: '18px', fontSize: '12px', color: 'rgba(223, 65, 65, 1)' }}>\n          <Text\n            sx={{ display: 'block', width: '100%', fontWeight: 700, fontSize: '13px', color: 'rgba(223, 65, 65, 1)' }}\n          >\n            WARNING\n          </Text>\n          When transfering the NFT all pending rewards will also be transfered to the receiver address.\n        </Text>\n      </Flex>\n      <Flex onClick={() => setConfirmSend(!confirmSend)} sx={{ mt: '20px', cursor: 'pointer', alignItems: 'center' }}>\n        <Checkbox\n          checked={confirmSend}\n          onChange={(event: React.MouseEvent) => {\n            setConfirmSend(!confirmSend)\n            event.stopPropagation()\n          }}\n        />\n        <Text sx={{ ml: '10px', fontSize: '12px', fontWeight: 500, lineHeight: '18px' }}>\n          I understand the new wallet gains ownership of all unclaimed assets.\n        </Text>\n      </Flex>\n      <Flex sx={{ justifyContent: 'center', mt: '15px' }}>\n        {chainId === ChainId.SOL ? (\n          <TransferActionSolana userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        ) : (\n          <TransferAction userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        )}\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default React.memo(TransferModal)\n"],"names":["_jsxs","_jsx","TransferActionSolana","TransferAction"],"mappings":"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"}

package/dist/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.js

@@ -1,25 +1,15 @@
 import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
-import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Text from '../../../../components/uikit-sdk/Text/index.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
-import '../../../../components/uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import { Box } from 'theme-ui';
-import 'framer-motion';
-import Button from '../../../../components/uikit-sdk/Button/Button.js';
-import '../../../../components/uikit-sdk/Svg/types.js';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../contexts/ModalContext.js';
-import '../../../FullBondsView/FullBondsView.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
 import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+import { Box } from 'theme-ui';
 import ProfitCard from '../../../YourBonds/components/ProfitCard/ProfitCard.js';
 import useModal from '../../../../hooks/useModal.js';
 import TransferBondModal from '../TransferBondModal/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
 
 const YourBondModalHeader = ({ userBill, onDismiss }) => {
     // Hooks

package/dist/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"YourBondModalHeader.js","sources":["../../../../../src/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Button, Flex, Skeleton, Svg, Text } from '../../../../components/uikit-sdk'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { Box } from 'theme-ui'\nimport ProfitCard from '../../../YourBonds/components/ProfitCard/ProfitCard'\nimport useModal from '../../../../hooks/useModal'\nimport TransferBondModal from '../TransferBondModal'\n\nconst YourBondModalHeader = ({ userBill, onDismiss }: { userBill?: UserBill; onDismiss?: () => void }) => {\n  // Hooks\n  const isMobile = useIsMobile()\n\n  // Static Data\n  const payoutTokenSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol\n\n  // Modals\n  const [onTransferBondModal] = useModal(\n    <TransferBondModal userBill={userBill} />,\n    true,\n    true,\n    `transferModal${userBill?.id}}`,\n  )\n\n  return (\n    <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n      <Flex sx={{ alignItems: 'center', gap: '7px' }}>\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage symbol={payoutTokenSymbol} size={30} chain={userBill?.bond?.chainId} />\n            <Box\n              sx={{\n                fontSize: ['16px', '16px', '16px', '18px'],\n                fontWeight: 700,\n                opacity: 0.7,\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                textOverflow: 'ellipsis',\n                maxWidth: '100px',\n              }}\n            >\n              {payoutTokenSymbol}\n            </Box>\n          </>\n        ) : (\n          <>\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '30px',\n                height: '30px',\n                borderRadius: '55px',\n                mr: '10px',\n              }}\n            />\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '100px',\n                borderRadius: 'normal',\n              }}\n            />\n          </>\n        )}\n        <ProfitCard userBond={userBill} />\n        <Text\n          sx={{\n            color: 'text',\n            opacity: '0.6',\n            fontSize: ['11px', '11px', '11px', '14px'],\n            display: ['none', 'none', 'none', 'flex'],\n          }}\n        >\n          {userBill?.id && `#${userBill.id}`}\n        </Text>\n      </Flex>\n      <Flex sx={{ gap: '7px' }}>\n        <Button\n          onClick={onTransferBondModal}\n          disabled={!userBill}\n          sx={{ height: '22px', fontSize: '12px', fontWeight: 600, p: '2px 6px' }}\n        >\n          TRANSFER\n        </Button>\n        <Flex className=\"svg-close\" onClick={onDismiss} sx={{ cursor: 'pointer', p: '2px 5px' }}>\n          <Svg icon=\"close\" width={isMobile ? '12px' : '18px'} />\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBondModalHeader\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"YourBondModalHeader.js","sources":["../../../../../src/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { Box } from 'theme-ui'\nimport ProfitCard from '../../../YourBonds/components/ProfitCard/ProfitCard'\nimport useModal from '../../../../hooks/useModal'\nimport TransferBondModal from '../TransferBondModal'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport Text from '../../../../components/uikit-sdk/Text'\n\nconst YourBondModalHeader = ({ userBill, onDismiss }: { userBill?: UserBill; onDismiss?: () => void }) => {\n  // Hooks\n  const isMobile = useIsMobile()\n\n  // Static Data\n  const payoutTokenSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol\n\n  // Modals\n  const [onTransferBondModal] = useModal(\n    <TransferBondModal userBill={userBill} />,\n    true,\n    true,\n    `transferModal${userBill?.id}}`,\n  )\n\n  return (\n    <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n      <Flex sx={{ alignItems: 'center', gap: '7px' }}>\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage symbol={payoutTokenSymbol} size={30} chain={userBill?.bond?.chainId} />\n            <Box\n              sx={{\n                fontSize: ['16px', '16px', '16px', '18px'],\n                fontWeight: 700,\n                opacity: 0.7,\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                textOverflow: 'ellipsis',\n                maxWidth: '100px',\n              }}\n            >\n              {payoutTokenSymbol}\n            </Box>\n          </>\n        ) : (\n          <>\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '30px',\n                height: '30px',\n                borderRadius: '55px',\n                mr: '10px',\n              }}\n            />\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '100px',\n                borderRadius: 'normal',\n              }}\n            />\n          </>\n        )}\n        <ProfitCard userBond={userBill} />\n        <Text\n          sx={{\n            color: 'text',\n            opacity: '0.6',\n            fontSize: ['11px', '11px', '11px', '14px'],\n            display: ['none', 'none', 'none', 'flex'],\n          }}\n        >\n          {userBill?.id && `#${userBill.id}`}\n        </Text>\n      </Flex>\n      <Flex sx={{ gap: '7px' }}>\n        <Button\n          onClick={onTransferBondModal}\n          disabled={!userBill}\n          sx={{ height: '22px', fontSize: '12px', fontWeight: 600, p: '2px 6px' }}\n        >\n          TRANSFER\n        </Button>\n        <Flex className=\"svg-close\" onClick={onDismiss} sx={{ cursor: 'pointer', p: '2px 5px' }}>\n          <Svg icon=\"close\" width={isMobile ? '12px' : '18px'} />\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBondModalHeader\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "5.1.6",
+  "version": "5.1.7",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",

package/dist/components/uikit-sdk/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Button } from './Button';
-export { default as IconButton } from './IconButton';

package/dist/components/uikit-sdk/Input/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NumericInput } from './NumericInput';
-export { default as Input } from './Input';

package/dist/components/uikit-sdk/Select/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Select } from './Select';
-export { default as SelectItem } from './SelectItem';

package/dist/components/uikit-sdk/Tag/index.d.ts

@@ -1 +0,0 @@
-export { default as ListTag } from './ListTag';

package/dist/components/uikit-sdk/index.d.ts

@@ -1,15 +0,0 @@
-export { default as Svg } from './Svg';
-export { default as Flex } from './Flex';
-export { default as Text } from './Text';
-export { default as CheckBox } from './Checkbox';
-export { default as Skeleton } from './Skeleton';
-export { default as TooltipBubble } from './TooltipBubble';
-export { default as Modal } from './Modal';
-export { default as Toggle } from './Toggle';
-export { default as SwiperDots } from './SwiperDots';
-export { default as LoadingDots } from './LoadingDots';
-export { default as Checkbox } from './Checkbox';
-export { default as Input } from './Input/Input';
-export { Button, IconButton } from './Button';
-export { Select, SelectItem } from './Select';
-export { ListTag } from './Tag';