@ape.swap/bonds-sdk 4.1.1-test.8 → 4.1.1-test.9

package/dist/styles.css

@@ -1300,347 +1300,6 @@ html {
   visibility: hidden;
 }
 
-.yourbondsmodal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(66, 66, 66, 0.5);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 1000;
-  overflow: auto;
-  padding: 50px;
-}
-
-.yourbondsmodal-spinner {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  width: 100vw;
-}
-
-.yourbondsmodal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 5px;
-}
-.yourbondsmodal-header .svg-close {
-  height: 12px;
-  width: 12px;
-  cursor: pointer;
-}
-
-.yourbondsmodal.table-container {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-@media screen and (min-width: 1000px) {
-  .yourbondsmodal.table-container {
-    flex-direction: row;
-  }
-}
-
-.yourbondsmodal.bondimage {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  max-width: 400px;
-}
-@media screen and (min-width: 1000px) {
-  .yourbondsmodal.bondimage {
-    max-width: 520px;
-    min-width: 520px;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .yourbondsmodal.bondimage {
-    max-width: 720px;
-    min-width: 720px;
-  }
-}
-
-.yourbondsmodal.yourbondinfo {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-bottom: 10px;
-  margin-top: 10px;
-}
-@media screen and (min-width: 1000px) {
-  .yourbondsmodal.yourbondinfo {
-    margin-top: 0;
-  }
-}
-
-.yourbondinfo.title-container {
-  font-weight: bold;
-  font-size: 1.5rem;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
-.title-container.bondicon {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-.icon-container {
-  position: relative;
-  display: inline-block;
-}
-
-.icon-container svg {
-  position: absolute;
-  top: -8px;
-  right: -5px;
-  z-index: 1;
-}
-
-.icon-container img {
-  display: block;
-}
-
-.icon-container-small {
-  position: relative;
-  display: inline-block;
-}
-
-.icon-container-small svg {
-  position: absolute;
-  top: -5px;
-  right: -4px;
-  z-index: 1;
-}
-
-.icon-container-small img {
-  display: block;
-}
-
-.title-container.tokenname {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding-left: 10px;
-}
-
-.title-container.tokentags {
-  display: flex;
-  align-items: center;
-  padding-left: 10px;
-}
-
-.yourbondinfo.blocks-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  justify-content: space-around;
-  margin-bottom: 10px;
-  margin-top: 5px;
-}
-
-.yourbondinfo-block.header {
-  color: white;
-  align-items: center;
-  width: 50%;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 14px;
-}
-
-.yourbondinfo-block.header-title {
-  align-items: center;
-  display: flex;
-  opacity: 0.6;
-}
-
-.yourbondinfo-block.header-tooltip {
-  align-items: center;
-}
-
-.block-header.icon {
-  padding-left: 5px;
-  align-items: flex-start;
-  cursor: pointer;
-  opacity: 0.6;
-}
-
-.yourbondinfo-block.info {
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  width: 50%;
-  display: flex;
-  border-radius: 10px;
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-@media screen and (min-width: 1000px) {
-  .yourbondinfo-block.info {
-    padding-top: 10px;
-    padding-bottom: 10px;
-  }
-}
-
-.block-info.icon {
-  align-items: center;
-}
-
-.block-info.text {
-  padding-left: 10px;
-}
-
-.yourbondinfo-block.row-vested {
-  flex-direction: row;
-  height: 30px;
-  width: 100%;
-  padding-left: 10px;
-  padding-right: 10px;
-  align-items: center;
-  justify-content: space-between;
-  background: var(--theme-ui-colors-white3);
-  margin-bottom: 1px;
-  border-radius: 10px 10px 0 0;
-}
-@media screen and (min-width: 1000px) {
-  .yourbondinfo-block.row-vested {
-    margin-bottom: 8px;
-    border-radius: 10px;
-    height: 40px;
-  }
-}
-
-.yourbondinfo-block.row-pending {
-  flex-direction: row;
-  height: 30px;
-  width: 100%;
-  padding-left: 10px;
-  padding-right: 10px;
-  align-items: center;
-  justify-content: space-between;
-  background: var(--theme-ui-colors-white3);
-  padding-top: 10px;
-  padding-bottom: 10px;
-  margin-bottom: 1px;
-}
-@media screen and (min-width: 1000px) {
-  .yourbondinfo-block.row-pending {
-    margin-bottom: 8px;
-    border-radius: 10px;
-    height: 40px;
-  }
-}
-
-.yourbondinfo-block.row-claimable {
-  flex-direction: row;
-  height: 35px;
-  width: 100%;
-  padding-left: 10px;
-  padding-right: 10px;
-  align-items: center;
-  justify-content: space-between;
-  background: var(--theme-ui-colors-white3);
-  padding-top: 10px;
-  padding-bottom: 10px;
-  margin-bottom: 1px;
-  border-radius: 0 0 10px 10px;
-}
-@media screen and (min-width: 1000px) {
-  .yourbondinfo-block.row-claimable {
-    margin-bottom: 8px;
-    border-radius: 10px;
-    height: 40px;
-  }
-}
-
-.button-container.claim {
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-.button-container.claim .switch-button {
-  width: 100%;
-}
-@media screen and (min-width: 1000px) {
-  .button-container.claim .switch-button {
-    width: 300px;
-  }
-}
-.button-container.claim .claim-button {
-  width: 100%;
-}
-@media screen and (min-width: 1000px) {
-  .button-container.claim .claim-button {
-    width: 300px;
-  }
-}
-
-.button-container.transfer {
-  justify-content: center;
-  align-items: center;
-}
-.button-container.transfer .transfer-button {
-  width: 100%;
-  margin-top: 10px;
-}
-@media screen and (min-width: 1000px) {
-  .button-container.transfer .transfer-button {
-    width: 125px;
-    margin-top: 0;
-  }
-}
-
-.toast {
-  position: fixed;
-  top: 50px;
-  right: 20px;
-  background-color: var(--theme-ui-colors-white2);
-  color: white;
-  font-size: 24px;
-  padding: 10px 20px;
-  border-radius: 5px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-  z-index: 9999;
-  animation: fadein 0.5s, fadeout 0.5s 4.5s;
-  cursor: pointer;
-}
-
-@keyframes fadein {
-  from {
-    top: 0;
-    opacity: 0;
-  }
-  to {
-    top: 50px;
-    opacity: 1;
-  }
-}
-@keyframes fadeout {
-  from {
-    top: 50px;
-    opacity: 1;
-  }
-  to {
-    top: 0;
-    opacity: 0;
-  }
-}
 .full-bonds-view-container {
   width: 100%;
   flex-direction: column;

package/dist/views/YourBondsModal/components/Actions/Actions.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UserBill } from '../../../../types/yourbonds';
+declare const Actions: ({ userBill }: {
+    userBill?: UserBill;
+}) => React.JSX.Element;
+export default Actions;

package/dist/views/YourBondsModal/components/Actions/ActionsSolana.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { UserBill } from '../../../../types/yourbonds';
+declare const ActionsSolana: ({ userBill }: {
+    userBill?: UserBill;
+}) => React.JSX.Element;
+export default ActionsSolana;

package/dist/views/YourBondsModal/components/NFTImage/NFTImage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UserBill } from '../../../../types/yourbonds';
+declare const NftImage: ({ userBill, showNFTImg, setShowNFTImg, }: {
+    userBill?: UserBill;
+    showNFTImg: boolean;
+    setShowNFTImg: (value: boolean) => void;
+}) => React.JSX.Element;
+export default NftImage;

package/dist/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { UserBill } from '../../../../types/yourbonds';
+declare const YourBondModalHeader: ({ userBill, onDismiss }: {
+    userBill?: UserBill;
+    onDismiss?: () => void;
+}) => React.JSX.Element;
+export default YourBondModalHeader;

package/package.json

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

package/dist/views/YourBondsModal/YourBondsModalSolana.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { UserBill } from '../../types/yourbonds';
-declare const YourBondsModalSolana: ({ userBill, onDismiss }: {
-    userBill?: UserBill;
-    onDismiss?: () => void;
-}) => React.JSX.Element;
-export default YourBondsModalSolana;

package/dist/views/YourBondsModal/components/Recommendations/CardRecommendationsMobile.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { BondRecommendation } from '../../../../state/recommendations/useGetBondRecommendations';
-declare const CardRecommendationsMobile: ({ recommendations }: {
-    recommendations: BondRecommendation[];
-}) => React.JSX.Element;
-export default CardRecommendationsMobile;